https://github.com/tiddly-gittly/super-tag
Define schema for a tag, add tag to get a form based on schema.
https://github.com/tiddly-gittly/super-tag
fields form form-editor json-form json-schema knowledge-graph note-taking notes-app ontology semantic-web supertag tiddlywiki tiddlywiki-plugin tiddlywiki5 todoapp
Last synced: 11 months ago
JSON representation
Define schema for a tag, add tag to get a form based on schema.
- Host: GitHub
- URL: https://github.com/tiddly-gittly/super-tag
- Owner: tiddly-gittly
- License: mit
- Created: 2023-02-17T14:05:30.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-06-16T15:03:50.000Z (12 months ago)
- Last Synced: 2025-06-27T06:52:12.969Z (11 months ago)
- Topics: fields, form, form-editor, json-form, json-schema, knowledge-graph, note-taking, notes-app, ontology, semantic-web, supertag, tiddlywiki, tiddlywiki-plugin, tiddlywiki5, todoapp
- Language: TypeScript
- Homepage: https://tiddly-gittly.github.io/super-tag/
- Size: 3.69 MB
- Stars: 9
- Watchers: 0
- Forks: 1
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[English](/README.md) | [中文](/README_zh-CN.md)
# SuperTag plugin for TiddlyWiki5
Auto generate input form on a tiddler by simply adding a SuperTag to it. Create a SuperTag by compositing existing TraitTags.
See following resources to learn how to use:
* talk forum post [SuperTag plugin, auto-generate a field editor on view template](https://talk.tiddlywiki.org/t/supertag-plugin-auto-generate-a-field-editor-on-view-template/6245)
* Demo site [SuperTag plugin's demo site](https://tiddly-gittly.github.io/super-tag/)
## Acknowledgement
Use [json-editor/json-editor](https://github.com/json-editor/json-editor) for form rendering. AFAIK [joshuafontany/TW5-jsoneditor](https://github.com/joshuafontany/TW5-jsoneditor) is using it too.
(Not using [eclipsesource/jsonforms](https://github.com/eclipsesource/jsonforms) because we need vanilly js renderer, without ReactJS).
## During development
There are some scripts you can run to boost your development.
After `npm i --legacy-peer-deps`:
- `npm run dev` to pack the plugin in the `dist/` directory, this will setup a site that will auto reload when you have changes. But this is development mode, will produce a much larget bundle than the final version, so only for dev.
- `npm run dev-html` to setup the demo site locally. Re-run this command and refresh browser to see changes. In this way you can see the real bundle size same as your user will get.
You will need `--legacy-peer-deps` when `npm i` if you are using latest nodejs. This is a bug in npm.
### Add a second ts file
Add new file name (without `.ts`) to `package.json`'s `tsFiles` field. And build script will read it and compile files in it.
## After the plugin is complete
### Publish
Enable github action in your repo (in your github repo - setting - action - general) if it is not allowed, and when you tagging a new version `vx.x.x` in a git commit and push, it will automatically publish to the github release.