Arborium: Tree-sitter code highlighting with Native and WASM targets

(arborium.bearcove.eu)

100 points | by zdw 6 hours ago

9 comments

  • joshka 3 hours ago
    https://fasterthanli.me/articles/my-gift-to-the-rust-docs-te... is a better link (the author's article about this rather than the artifact produced)
    • brabel 2 hours ago
      What a genius this dev is. Just a few weeks ago I tried to do something very similar for my blog, but quickly gave up as it’s not easy to do! Kudos to the author, they did an awesome job and went beyond by actually fixing up even the grammars and highlighting queries so it all works perfectly!
  • mg 3 hours ago
    I'm currently building an online 3D-Editor that supports OpenSCAD and Python as the input language.

    The ease of use to highlight static text via Arborium seems nice:

        <script src="arborium.iife.js"></script>
        <pre><code class="language-python">
            def hello(name):
                print("Hello " + name);
        </code></pre>
    
    But does it support editing highlighted text? If not, one would have to do some trickery by hiding a textarea and updating the <code> element on each keypress, I guess. Which probably has a thousand corner cases one would have to deal with.

    And how would one add SCAD support?

  • mintflow 43 minutes ago
    Great project, I really love tree-sitter, recently I added a ini variant config profile support to my app, and just use gemini to write a grammar and combine it with another great project called runestone to support highlight the config profile, the total progress is quite smooth.
  • Tepix 1 hour ago
    Tree-sitter:

    Tree-sitter is a parser generator tool and an incremental parsing library. It can build a concrete syntax tree for a source file and efficiently update the syntax tree as the source file is edited.

  • jasonjmcghee 3 hours ago
    The sponsorships achieved by the author is admirable - they really make a lot of valuable oss.

    https://github.com/sponsors/fasterthanlime

  • pseudo_meta 57 minutes ago
    Treesitter is fantastic. It has builtin support in nvim, and there are a lot of plugins that make use of it.

    My favorite is nvim-treesitter-textobjects which gives you dozens of new targets for vim motions, such as a function call or the condition of a loop.

  • unrealhoang 4 hours ago
    The get started section seems to be broken or missing content.
  • virajk_31 5 hours ago
    This is cool, was looking for something similar
  • teo_zero 3 hours ago
    Sorry, but I can't understand what this actually is. A library, a stand-alone tool, a Rust crate? What users does it target? Text editors, website creators?
    • GolDDranks 1 hour ago
      It's a Rust library (comprised of a bunch of crates) that wraps a high-performance, high-accuracy syntax highlighter (called Tree-sitter) with vetted support for almost 100 programming/markup languages.

      You can use it as a normal Rust library, or you can use the JavaScript/WASM wrapper to highlight source code on a web page.

      • oersted 36 minutes ago
        > high-accuracy syntax highlighter (called Tree-sitter)

        Just wanted to note that tree-sitter is lower-level and more general: it's an incremental parser that is specialised for gracefully and efficiently parsing partially-correct code snippets or code being edited live.

        It's an important building block of the highlighter, but it needs a more on top to complete the package. It can be used for anything that requires awareness of code structure in an editor.

        • GolDDranks 29 minutes ago
          Thanks for the correction!
    • jasonjmcghee 3 hours ago
      GitHub repo is a bit more helpful, but users or building of text editors that use tree-sitter.

      Or... website text editors which historically have had imperfect syntax highlighting.

      Notice the Zed sponsorship.

      https://github.com/bearcove/arborium

    • joshka 3 hours ago
    • discord9 3 hours ago
      I think this gives some context?:https://fasterthanli.me/articles/my-gift-to-the-rust-docs-te... TLDR: for rust doc highlighting stuff in document
    • Rodmine 3 hours ago
      Not for you then. You don't need to understand everything.