feat: explore syntastica for syntax highlighting

[zeon256]

Why

Currently we are using syntect which unfortunately does not support some language (TypeScript, TSX, JSX etc). Am thinking of moving to a tree-sitter based highlighter and syntastica looks pretty promising.

What has been explored

So far, a SyntasticaAdapter has been created and upon testing the following works

• Rendering to HTML (requires 1 line change in example repo CSS)
• Syntax are way more accurate
• Has way more support for different languages

Problems

• Wasm module is bigger despite only importing rust for testing compared to syntect
• Performance is almost 100x slower, I tried using Lazy but it did not improve performance. Am not sure what's the best way to do this with comrak

[zeon256]

The performance problem has kinda been solved using Lazy for plugins

static PLUGINS: Lazy<Plugins<'static>> = Lazy::new(|| {
    let mut plugins = Plugins::default();
    plugins.render.codefence_syntax_highlighter = Some(&ADAPTERS["base16-ocean.dark"]);

    plugins
});

However, for large documents, it is extremely slow so I think up until certain point we can perhaps change the plugin from tree-sitter to syntect. So we kinda get the best of both worlds

[zeon256]

Using most languages from syntastica-parsers-git made the final binary around 50mb which makes it probably not worth it

[zeon256]

One possible way is to have 3 different solidjs components that imports diff lib (both tree-sitter, syntect and maybe blank) and let vite do the work