Modern.TiddlyDev is a one-click development environment for various TiddlyWiki plug-in developers built on a modern front-end technology stack, with the following features and functions:
Compile, test and publish plug-ins with one click:
Open the page server in development mode, which can be tested in the browser, automatically detect changes to the plug-in files and synchronize the plug-in content updates to the browser page, realizing the WYSIWYG of plug-in development;
One-click plugin building and support for generating plugin repositories for use by your subscribers.
Has a built-in GitHub Page publishing script that automatically publishes written plugin documentation pages and plugin repositories to the Internet;
Built-in GitHub Release script, which releases the plugin according to the version specified by the git tag;
Tailored for TypeScript plugin development, so it is now easy to use TypeScript development in TiddlyWiki:
Multi-entry file compilation is supported, and various plugins can be easily written in TiddlyWiki;
Support for .ts, .tsx, .jsx, .mjs, .cjs files compiled with the tw-react plugin for React development in TiddlyWiki;
Use tw5-typed to type annotate TiddlyWiki API to bring a native TypeScript experience to development;
Use the full amount of ESLint and Prettier rules provided by Modern.JS to normalize the code;
Incremental project builds using the extremely fast esbuild, which makes writing code a blast;
Support for setting browser compatibility ranges for plugins using browserslist;
Automatically generate sourcemap for source code (start by default when developing, specify to turn on when building), no need to worry about debugging!
The possibility of introducing CSS, JSON, etc. into the script;
Automatic volume compression of the plug-in (can be turned off);
Automatic generation of hash-check signatures for the generated plug-ins;
Don’t worry, even if you are not good at programming, it doesn’t matter, Modern.TiddlyDev can be your development tool as well. No code plugin development can be an enjoyable development experience as well!
There’s a lot of work here, but it’s just Out-of-the-Box for you. Use it and get started on your modern TiddlyWiki plugin development journey!
p.s. I’d appreciate it if If you star this project!
Yes please! May be a link in readme! I assume when one open https://tiddly-gittly.github.io/Modern.TiddlyDev whill see the readme first, so may be a link to be there in front of user eyes to be clicked and switch the tutorial tab could help.
In your demo this state is $:/state/plugin-info-946103238-$:/plugins/Modern.TiddlyDev/doc--2011631092
a button is needed to set the text value to tutorials
You can see how the state is defined. The below code works
@jeremyruston@saqimtiaz I think this tool should be compatible with future plugin-library mechanisms, and if needed I will do some extra work to make its generation behavior fit with the way future plugin-libraries are planned.
As well, I can add some new utilities to facilitate developers to switch from the traditional plugin development and distribution model to the new standard, using Modern.TiddlyDev as an officially recommended development solution. This will further motivate developers and simplify the complexity of development.
So, do you have any suggestions and plans in this regard? Thanks!
I have converted all three of my main plugin repositories to Modern.TiddlyDev and have released new versions of their respective plugins in good condition:
Modern.TiddlyDev has helped me find a lot of bugs I missed before, improved the robustness of my code, and significantly increased the efficiency of my development!
for CLI tool:
