[Release] Codemirror6 Plugin

TW_Tones · January 27, 2024, 11:43am

Sounds interesting, but I am not against an indent level method before that, it will allow a outliner style of coding or adding text content with simple tab indents. Possibly an easier thing to achive 1st than syntax based?

from memory Excel and word allow forms of this
@Mohammad’s section editor does a version of this from view mode based on tiddlywiki heading levels. You can selectivly edit each section.

If we are to do syntax level things it would possibly better to start with a syntax highlighter that is aware of tiddlywiki’s scripy like widgets, procedures, variables and there closing tags along with regular and arbitary html tags etc…

oeyoews · January 28, 2024, 1:56pm

support fold by indent

oeyoews · February 1, 2024, 9:55am

Updated: support checkbox for markdown mode

oeyoews · February 2, 2024, 4:53pm

codemirror6 1.5.1 now fixes the page freezing problem caused by empty double curly braces wireless recursion in the preview area.

github.com/Jermolene/TiddlyWiki5

[BUG] How to prevent recursive detection

opened 05:21AM - 04 Jan 24 UTC

oeyoews

### Describe the bug If preview is turned on, input `xxx {{}} this will lead to… infinite recursion detection, which will seriously affect the input experience. ### Expected behavior _No response_ ### To Reproduce 1. Enter `xxx {{}}` in tiddler and you will see the problem of infinite recursion detection. ### Screenshots <img width="530" alt="image" src="https://github.com/Jermolene/TiddlyWiki5/assets/72405338/2db8f841-73e9-4136-aa01-ca63b0ad0828"> <img width="558" alt="image" src="https://github.com/Jermolene/TiddlyWiki5/assets/72405338/73cba531-6227-4787-bf8b-233709d93e4a"> <img width="523" alt="image" src="https://github.com/Jermolene/TiddlyWiki5/assets/72405338/acd01296-b5eb-4669-9f46-46dafa76efda"> ### TiddlyWiki Configuration - Version [e.g. v5.1.24] - Saving mechanism [e.g. Node.js, TiddlyDesktop, TiddlyHost etc] - Plugins installed [e.g. Freelinks, TiddlyMap] ### Desktop (please complete the following information): - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] ### Smartphone (please complete the following information): - Device: [e.g. iPhone6] - OS: [e.g. iOS8.1] - Browser [e.g. stock browser, safari] - Version [e.g. 22] ### Additional context _No response_

oeyoews · February 7, 2024, 3:27am

New Feature: support save status

use Ctrl-s to save tiddler.

Screenity video - Feb 7, 2024

oeyoews · February 7, 2024, 3:58am

wattahay · February 8, 2024, 1:25pm

https://codemirror.net/docs/ref/#search.gotoLine

gotoLine: Command

Command that shows a dialog asking the user for a line number, and when a valid position is provided, moves the cursor to that line.

Supports line numbers, relative line offsets prefixed with + or -, document percentages suffixed with %, and an optional column position by adding : and a second number after the line number.

This would be an interesting thing to implement in order to quickly return to a position in the editor, particularly when using quick-saving plugin buttons like EditButtons.

Is there a good way in the git, or in the tiddler list, to enable this feature?

Also wondering if there’s material about

compiling/packaging the lighter (“basic” branch) git CodeMirror plugin.
creating custom trigger chars and lists for ide dropdowns

Thanks!

The plugin is so smooth!

oeyoews · February 8, 2024, 1:41pm

I haven’t tested the usage of this function yet, but at that time, because I didn’t use it frequently and there was a shortcut key conflict, I temporarily disabled it.

github.com

oeyoews/tiddlywiki-codemirror6/blob/804e35d56d40f3a2abf6a339f92ff0846c9b7d9d/src/tiddlywiki-codemirror-6/modules/keymap/keymap.ts#L69

    
      
            run: cursorSyntaxLeft
          },
          {
            key: 'Ctrl-i',
            scope: 'editor',
            run: acceptCompletion
          },
          // {
          //   key: 'Ctrl-Shift-j',
          //   scope: 'editor',
          //   run: gotoLine
          // },
          {
            key: 'Ctrl-j',
            scope: 'editor',
            // preventDefault: true,
            // shift: moveCompletionSelection(true, 'page'),
            run: moveCompletionSelection(true) // 占位符
          },
          {
            key: 'Ctrl-k',

oeyoews · February 8, 2024, 1:45pm

The basic branch needs to be repackaged manually, I haven’t updated it in a long time, I plan to automate the process

oeyoews · February 8, 2024, 2:00pm

Update: support it already

https://codemirror.net/docs/ref/#search.gotoLine

wattahay · February 8, 2024, 2:21pm

Are there instructions on how to package the main branch?

I’m on Linux.

Thanks.

oeyoews · February 8, 2024, 2:39pm

GitHub - oeyoews/tiddlywiki-codemirror6: Next TiddlyWiki5 Next Editor Plugin: Codemirror6 Is this information useful to you?

oeyoews · February 10, 2024, 3:18am

For new created tiddler, a minimum number of lines config is added, default value is 1

oeyoews · February 10, 2024, 4:22am

support maxheight with auto

wattahay · February 25, 2024, 9:22pm

Oddly enough the gotoline feature is only functioning with an internet connection.

Is this because the feature is part of a module that’s not actually packaged with the plugin?

I’ve tried to find documentation on such a module, but could not find it.

Thanks for any help.

This particular gotoline feature is good for multiple reasons, including recovering after the scroll position gets lost after saving a tiddler.

oeyoews · February 26, 2024, 5:46am

Does this shortcut key not work for you?

oeyoews · February 26, 2024, 5:51am

I do have such a feature that I haven’t implemented yet. It’s very useful to save the last scroll/edited cursor position. But I haven’t had time to complete it recently.

The API of codemirror6 is too large. I have not yet found the relevant API to implement this function.

wattahay · February 29, 2024, 7:00pm

Sorry, this turned out to be an issue with the LibreWolf browser.

TW_Tones · February 29, 2024, 10:36pm

Perhaps this could somehow be added to $:/plugins/telmiger/EditButtons rather than code mirror if the cursor position (nth character) can be found.

I think it reasonable if you are editing a tiddler, to save the cursor position in that tiddler but separately, perhaps in a data tiddler, tiddlername / position would be better.
Eventually we may even be able to edit or view a tiddler while giving a cursor position from a special link. Actually this could be done by manually setting a cursor position if nothing else.
- May be we could save multiple cursor positions with names and intergrate a keywork search at the same time

linonetwo · April 29, 2024, 9:25am

Recommend this minimap plugin

But I think it’s better to build a minimap that render the whole webpage.

I see, you are already using it