[Standalone tool] Wikitext simple syntax highlighting for TiddlyWiki5 (in Codemirror5 editor)

, , ,
#1
Features:
  1. Simple Wikitext syntax highlighting (supports only transclusions, filters, macros, variables, and widgets).
  2. Uses the CodeMirror 5 editor as the UI.
  3. Experimental code folding.
    1. Experimental highlighting matching paired HTML tags, widgets, and nodes. (partially supports macro definition content)
    2. Experimental jump to matching paired HTML tags or widgets, or jump to the next/previous node.
    3. Experimental syntax node information viewer (parsetree-inspector).
  4. Simple auto-completion:
    1. Syntax completion for widget names and attributes, macro names and parameters, filter operators and run-prefixes, \pragmas and wikirules, snippets, with support for:
      • Abbreviation search;
      • Tooltip preview (including support for \pragmas, wikirules and snippets).
    2. Word completion (anyword-hint).
    3. Experimental tiddler title completion with support for:
      • Abbreviation search;
      • Tooltip preview (displaying part of the tiddler text, text length, type, and fields).
  5. Experimental simple widget/macro/filter tooltip:
    • Widget attributes;
    • Macro parameters, default values, macro type, text length, and source code;
    • Filter operator or run-prefix;
    • Source code comments and source code path.
  6. Keyboard shortcut for closing brackets around widget, macro, variable, and HTML tag.

Moderator here: Removed the attachment.
Please post a link to a public demo. eg: GitHub pages

https://wtsshl.tiddlyhost.com/

Instructions:

  1. Visit the download page;
  2. Download the attachment (or right-click the button and save as);
  3. Scan for viruses;
  4. Unzip the attachment;
  5. Double-click to open (v8_EN.html);
  6. Click [Help].

There are many bugs, so feedback or suggestions are welcome. However, due to limited time and energy, I may not be able to reply, nor do I plan to fix the bugs.

(If you have any suggestions, the more specific and clear they are, the more likely they are to inspire developer to implement them.)

My English is poor, so I may not be able to understand or may confuse others.

! Note: This will not help you check the correctness/validity of your syntax. This is not an application, closing the webpage will clear all data.

(Recommendations for other Wikitext syntax highlighting tools are welcome.)

#2

@w6iyes – Welcome to the community.

The project seems to be interesting, but I had to remove the huge JSON (ZIP) file from the initial post.

It would have been easier to post some screenshots, what your app can do and add a link to where we can test it.

Since your app is a considerable effort, I assume you are a programmer. So it would be nice if you post a link to a GitHub, GitLab … repository, where we can review the code.

It would also be easy to publish a demo at GH- or GitLab-pages. So users can decide, if they want to download the app or test it online.

Talk TiddlyWiki is a discussion forum. It’s not intended to be used as an app distribution platform, because it’s not designed that way.

Kind regards
Mario

1 Like
#3

I’m sorry, I feel extremely ashamed and embarrassed. I didn’t know the community didn’t allow sharing custom tool.

However, this is just a simple offline webpage for standalone use, and it’s not (and I don’t have the capability to) designed for online testing.

Unzipping it reveals the complete source code, which can be scanned for viruses.

It’s not much different from the JSON file of the sharing plugin, both package all resources and source code.

So, is there any way to allow uploading attachment to share this offline webpage, or to obtain some kind of verification from an online antivirus platform?

#4

Sorry, I did not intend to make you ashamed or embarrassed. We had some serious problems lately with spam posts coming from bots. That’s the reason why we needed to review the first post from new users.

We have to be extra careful with new users. Your account has no additional info and a somewhat cryptic name. But the main problem for me was the attachment.

It was a ~700kByte ZIP file in a “.JSON” attachment. We do not have any infrastructure, that can scan such content. So we do have to do that manually in our spare time.

I did open the ZIP in a sandbox and had a view at the code. The size of the unpacked stuff is 3.2MByte of JS source code and includes a lot of CodeMirror libraries. To be safe, I would have needed to manually compare them with the original cm-code file by fiel.

I did suggest, that you add some screenshots to your original posts. You can still edit it and do so. So a discussion can happen.

May be @linonetwo can help with a public space to visit a demo and may be some space for the source code.

I know that you did put a lot of effort into the editor. Especially the auto-complete functions are nice. … But we have to find a way to publish the stuff externally.

Kind regards
Mario

#5

I for one really look forward to seeing it. I hope you can easily find some hosting. Tiddlyhost is well loved around here, with a generous free tier. If you’re building JS code, I imagine you easily have the technical skills to use GitHub, and GitHub Pages is another simple way to share static content.

#6

Hi @w6iyes , thank you for sharing :heart: The wiki in the link you provide above has the official Markdown plugin installed - but not the plugin you’re posting about (!?) Do you think you could make it so that wiki could demo your tool? So it is possible to test it there?

Much appreciated.

#7

It’s a stand alone tool. You need to download the ZIP file → extract → trust → and run the HTML file.

image
image894Ă—732 28.2 KB

1 Like
#8

Thanks for your support! Yes, this is a zip file containing offline web pages, not a Tiddlywiki plugin, because I don’t know how to create plugins, nor do I have the ability to integrate this editor into Tiddlywiki.

I suggest you try downloading this zip file and following the instructions, if you’re interested. Of course, don’t forget to scan for viruses. I’d be happy if this editor helps you.