Gatha 2.0.0: Create Plugins and Packages in a Second

[Mohammad]

Gatha Gatha Studio Workspace 2.0.0, soon to be launched, has been entirely redeveloped using TiddlyWiki 5.3.5. It now enables plugin development directly in the browser using a single file TiddlyWiki, as well as under Node.js.

You can craft your plugin tiddlers in VScode, Notepad++ or any other code editor and deploy them with Gatha!

Not only does Gatha create packaged plugins and demos from the browser, but it also assembles a release folder containing the packaged plugins, source codes, and demo TiddlyWikis.

Gatha comes with a variety of Save and Export filters and templates, allowing the creation of different TiddlyWiki editions in moments!

Gatha has now become a TiddlyWiki Production Factory (TPF), capable of generating various TiddlyWiki editions with distinct appearances and functionalities.

Gatha caters to those interested in WikiText development with minimal or no knowledge of JavaScript.

Stay tuned!

References

• Why Gatha is a Game Changer? - Discussion - Talk TW (tiddlywiki.org)
• Gatha Plugin: Experimental Release - Plugins - Talk TW (tiddlywiki.org)
• Proof of Concept: Gatha a Plugin Maker and Content Manager - Plugins - Talk TW (tiddlywiki.org)

Demo and Code Gatha 1.0.3 (Old version)

• Demo: Gatha Workspace Studio 1.0.3 — create and export plugins in browser
• Code: https://github.com/kookma/TW-Gatha-1.0.3

[TW_Tones]

Love your work @Mohammad

[Eskha]

@Mohammad

Gatha Studio Workspace

Hello Mohammad,

Great work!

One question / request for feature: would it be possible to have a function similare to your “export/plugin-folder” to export a set of plugins packaged as a plugin library?

BR,

Eskha

[Mohammad]

Hi @Eskha,
It is in my todo list! I think @telumire has created a tool to export a plugin library from a single file html!
Now Gatha 2.0 can create a demo with several plugins/subplugins packaged at the same time and export into demowiki, but cannot export the plugin library yet!

[TW_Tones]

@Mohammad

tool to export a plugin library from a single file html!

I have wanted this for ages so please share if you can find any references.

[Mohammad]

Hi @TW_Tones,

For making the Plugin library shared by @telumire here (I have not tested it)
PLM — Plugins Lifecycle Management You are currently in read-only. To see the full UI ; clone, download or install PLM. (tiddlyhost.com)

[Eskha]

Last time I have tried it, this was not working (no plugins displayed when opening the library from an other TW) and I was also not able to understand how to create / update the library in the host TW in a simple way.

[Mohammad]

Making a plugin library is in the todo list. By the way, if you have Node.js + TW, there is a plugin library edition that can create a plugin library from your plugins.

[Eskha]

Thank you Mohammad for the answer.

Could you provide the link to this plugin library edition?
(I have neither found it on TW5 website nor on the community links website).

[Mohammad]

It is here: TiddlyWiki5/editions/pluginlibrary at master · TiddlyWiki/TiddlyWiki5 (github.com)

[ShadowTiddlers]

Wonderful a tinka alternative! Can’t wait for library support

[Eskha]

Thank you Mohammad.

I will try to understand how to use this edition.

[vuk]

I have downloaded a local copy from Gatha Studio Workspace 2.0.1 — develop plugin using Gatha and Gatha-Thirdflow on Node.JS and I’m currently trying to understand how it works.

The first major pain point is lack of line numbers in tiddler edit mode. I can live with this when tiddlers contain general knowledge in form of plain text, but it becomes a problem with code, especially with wikitext, which can contain quite long lines due to multiple levels of indentation, length of filter expressions etc. An additional constraint is the limited screen size on a smartphone.

I know it’s possible to get line numbers in textarea element when editing tiddlers by installing the CodeMirror plugin. But this Gatha edition is a whole collection of plugins already. And it doesn’t bundle CodeMirror (for whatever reason). If I add it myself and it ends conflicting with Gatha, I’ll be back to the forum complaining anyway.

@Mohammad , my humble feature request is to have line numbers in tiddler edit mode by default in this Gatha edition. Ideally, not related to CodeMirror at all (which would increase the size of the single file wiki anyway, and quite much). Maybe switcheable on through a Gatha setting at least.

[Mohammad]

@vuk

The first major pain point is lack of line numbers in tiddler edit mode. I can live with this when tiddlers contain general knowledge in form of plain text, but it becomes a problem with code, especially with wikitext, which can contain quite long lines due to multiple levels of indentation, length of filter expressions etc. An additional constraint is the limited screen size on a smartphone.

This is not related to Gatha. You need to install CodeMirror official plugin and turn on show line number

@vuk

I know it’s possible to get line numbers in textarea element when editing tiddlers by installing the CodeMirror plugin. But this Gatha edition is a whole collection of plugins already. And it doesn’t bundle CodeMirror (for whatever reason). If I add it myself and it ends conflicting with Gatha, I’ll be back to the forum complaining anyway.

That’s right! You need to have your own IDE setup as you like, but you can see from the demo, what it have installed. By the way, I will add in documentation what are the recommended plugins.

@vuk

@Mohammad , my humble feature request is to have line numbers in tiddler edit mode by default in this Gatha edition. Ideally, not related to CodeMirror at all (which would increase the size of the single file wiki anyway, and quite much). Maybe switcheable on through a Gatha setting at least.

It is beyond the scope of Gatha! But I can add a line in doc or recommend a bundle of configuration tiddlers.

[Mohammad]

My recommendation is to set up your development environment by installing the appropriate tools such as Node.js, TiddlyWiki, Gatha, etc. In the single-file version, add the necessary plugins. Then, utilize your own customized development tools. Gatha is only one of the tools and not a total solution. The primary purpose of Gatha is to enable users to develop plugins directly within the browser.

[Christian_Byron]

Hey Mohammad,
This looks really good !
Is it possible to add more templates for javascript widgets etc ?

Cheers
CB

[vuk]

@Mohammad

I will add in documentation what are the recommended plugins.

This would be very helpful for starters, indeed.

[Mohammad]

@Christian_Byron

Is it possible to add more templates for javascript widgets etc ?

Sure, I would be happy to add such template by submitting your PR.

[vuk]

@Mohammad I did some more searches about CodeMirror and I found TW5CME — CodeMirror Editor Enhanced Framework for TiddlyWiki5 . Since Gatha is the “base” wiki, and has quite a few plugins coupled together, I tried to import things from TW5-CodeMirror-Enhanced into Gatha. But that wiki is, as well, a development centric “IDE” consisting of multiple plugins. Since I already had CodeMirror installed from official library in Gatha, I tried to import only CodeMirror Enhanced and CodeMirror Themes from TW5-CodeMirror-Enhanced demo wiki. I did not get wikitext syntax highlight in tiddler edit mode in Gatha after that. Maybe I need to add some more plugins from there. Maybe the problem is in the version mismatch: TW5-CodeMirror-Enhanced (and CodeMirror that it bundles) is for an older version of TiddlyWiki. If the planned Gatha docs could include some hints about getting the CodeMirror related functionality from TW5-CodeMirror-Enhanced into Gatha, it would be cool, because it’s exactly what I’m missing and I can’t easily figure a simple workflow about merging these two things.

[Mohammad]

I am not quite familiar with TW5CME — CodeMirror Editor Enhanced Framework for TiddlyWiki5 but @oeyoews has developed CM6 plugin which partially support TW syntax highlighting.