Last edited 2023-05-04
Note: This plugin is no longer maintained due to a significant change (ESM) in Mermaid 10 that makes it incompatible with the plugin. Furthermore, from Mermaid 9.4.0 onwards the plugin tripled in size, becoming larger than the size of the empty TiddlyWiki single HTML file, becoming a huge overhead.
The mermaid-tw5 plugin is a wrapper for Mermaid (https://mermaid.js.org).
TiddlyWiki website/notebook including the plugin: http://efurlanm.github.io/mermaid-tw5 . You can install the plugin by navigating to the site and dragging the plugin link to your TiddlyWiki.
I'm not the author of the plugin, I just got what I was already ready, and updated the files to the latest version. All credits are from the original authors:
- http://github.com/gt6796c/mermaid-tw5
- http://github.com/jasonmhoule/tw5-mermaid
- http://github.com/cedarvera/mermaid-tw5
- http://github.com/jceb/mermaid-tw5
- https://github.com/mermaid-js/mermaid
- and others
As I didn't make the plugin, I have no idea how to eliminate issues. Please contact the original authors.
TiddlyWiki (http://tiddlywiki.com/) in single-file configuration typically bundles everything into a single HTML file: the data, images, text, plugins, JavaScript, CSS, and HTML that make up TiddlyWiki itself (is capable of saving changes to itself). This lack of dependencies is usually very convenient: it means that it increases the chances of still working in the future, and allows you to download a single HTML file from the Internet (using the "Save Changes" button) and send this single file by email or WhatsApp (provided that all dependencies are within). It will work anywhere, including your smartphone, as it does not require an external reader or the installation of any additional software. It can even be edited and used to add more material anywhere using the web browser as long as everything required is included within the HTML single file.
-
In addition to this plugin, there is also another one that I updated: http://efurlanm.github.io/katex-tw5 .
-
Just for fun I made a bundle containing an empty TiddlyWiki and the Mermaid and KaTeX Small plugins, and tw5-uglify (https://github.com/flibbles/tw5-uglify) was used to reduce the size, which came in at 2.8 MB (the default TiddlyWiki is 2.3 MB). The size got smaller than the default Mermaid plus an empty TiddlyWiki: 3.2 MB. Use the "Save changes" button to download a copy: http://efurlanm.github.io/empty_orange_5.2.5.html