This is only the prerelease with no codemirror
@BurningTreeC I am lost trying to find the latest version of your code mirror 6 on a demo-site where I can export the full plugin set for use on my single file wikis.
I got permission from @BurningTreeC to set up a temp demo site to host the plugins on an interim basis so he can focus on getting his repo & plugins to be included as an official plugin.
Here are the links:
https://is.gd/kcQwy6
Shortened version, full URL is:
https://xyvir.github.io/CM6_Demosite/#%24%3A%2Fplugins%2FBurningTreeC%2Fplugin-combiner%2Fui%2FControlPanel%2FPluginCombiner
I have updated the Top post with this link, and modified the title to specify 2026 to disambiguate @BurningTreeC @Xyvir
That’s a very helpful site. Thanks.
I run tiddlywiki in nodejs mode. In order to test the CM6 plugin “safely” I downloaded and imported the base module Code Mirror 6 Editor into a git branch. That simple move actually broke my overall installation.
First, I got the following error after restarting (and still being in the new branch):
Error executing boot module $:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js:
Cannot find module named '../../mode/css/css'
required by module '$:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js',
resolved to $:/plugins/tiddlywiki/codemirror/mode/css/css
on my Linux system, the allegedly missing module is installed at:
/usr/lib/node_modules/tiddlywiki/plugins/tiddlywiki/codemirror-mode-css/files/mode/css/css.js
Not wanting to mess with the problem, I quit tiddlywiki, deleted the branch, switched back to main and restarted it (I run TW as a systemctl service). Now the tiddlywiki won’t load, complaining that:
Error executing boot module $:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js:
Cannot find module named '../../mode/css/css' required by module
'$:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js',
resolved to $:/plugins/tiddlywiki/codemirror/mode/css/css
undefined
As noted above, I do have that module installed in the node js tree.
How could things get so wrong, and how can I get my TW back?
UPDATE: I got my TW installation back by removing the code mirror plugin linee (the CM 5 official version) in tiddlywiki.info.
So now I have a codemirror-less installation. So the issue become:
How do I get code mirror 5 back?
And how come a simple import broke my installation?
You may want to update this link as well as it still points to the now plugin-less pre-release build preview site.
Delete old plugins first when they do the same thing, and if upgrading a suit of plugins remove all related plugins first so you don’t generate a clash.
Codemirror 5 is in the core plugins library so just use get more plugins
Hi @Stefano
This is clearly NOT Code Mirror 6, it must be TiddlyWiki5’s CodeMirror 5.
If you have questions about how to install CodeMirror6, please go ahead.
Thanks,
Simon
Hello, I just wanted to say that I think that the work you did on CodeMirror 6 is one of the answers to the question that regularly comes: how do we make TW more welcoming for the broader public and on par with other note taking / thoughts organizing apps.
The auto-completion, the formatting of wikitext (titles, links, bold, etc.) make it such a more welcoming experience and allows to stay in edit mode only. Same with the focus mode. So I highly second the idea to have it integral as the main TW branch and available out of the box.
I’m a relatively new TW user (1-2 years) and already loved TW but this solves some small frictions points I still had with it. Thanks!
Thank you @Triple ! Much appreciated!
It’s still not as far as I want it to be in terms of:
But I like it, too!
And I’m glad that it helps you!
Best wishes,
Simon
I went to Xyvir’s demo site and download a combined plugin. Then I imported the plugin into a pre-release copy of TW (first deleting the existing code-mirror module).
Somehow I missed including whatever plugin has the editor bar’s icon captions. When I hover over items on the editor bar, I just see the keystroke I could use for that icon.
What plugin do I need to additionally add? Or is there a setting I need to tweak?
Thank you!
Oh, I’m sorry to hear that @Mark_S !
Probably the plugin combiner has an issue with adding some tiddlers to the JSON.
I’ll investigate!
Not the combiner. I deleted the combined plugin. Then I went to Xyvir’s site and downloaded all the code mirror plugins (without combiner), and then imported them, only omitting a couple themes and a couple languages.
Still have no text on hover over editor bar icon’s – just the keystrokes. I feel like there must be a simple explanation.
I’ll double check my demo website, it’s possible I missed something.
I installed the “Codemirror 6 Editor” plugin from your website and for me the toolbar tooltips are showing.
Do you have any other plugins atm? What language? Have you tried importing the CM6 plugins into empty.html?
What I have is the 5.4.0 pre-release demo wiki. It would be better if there was an empty pre-release. Hmm… is there? I deleted the installed code-mirror, and then brought over a combined plugin. When that didn’t work, I eliminated the combined plugin and brought over almost all of your code mirror plugins. The only additional plugin that I have added is the HTML Native Saver plugin, which I have since disabled.
Thanks!
CodeMirror 6, at least when used within TiddlyDesktopRS, appears to use about 9% CPU resources, and trigger the xorg process (talking Linux, of course) about 20 to 30 % CPU.
Oh ok! Thanks for reporting @Mark_S !
