A syntax highlighter for Node powered by Tree Sitter. Written in Rust.

Devon Govett

Last update: Dec 20, 2022

Related tags

Command-line tree-sitter-highlight

Overview

tree-sitter-highlight

A syntax highlighter for Node.js powered by Tree Sitter. Written in Rust.

Usage

The following will output HTML:

const treeSitter = require('tree-sitter-highlight');

treeSitter.highlight('const foo = "hi";', treeSitter.Language.JS);
// => '<span class="source">...</span>'

You can also output a HAST AST, which is useful for integrating with Markdown or MDX processors (e.g. Remark).

treeSitter.highlightHast('const foo = "hi";', treeSitter.Language.JS);
// => {type: 'element', children: [...]}

Themes

The output HTML will contain CSS class names for various tokens. These will depend on the language, but there are several common names used across languages. Here is a basic example theme:

.keyword {
  color: purple;
}

.function {
  color: blue;
}

.type {
  color: pink;
}

.string {
  color: green;
}

.number {
  color: brown;
}

.operator {
  color: gray;
}

.comment {
  color: lightgray;
}

Inspect the generated output HTML and design your CSS accordingly.

License

MIT

Build Abstract Syntax Trees and tree-walking models quickly in Rust.

astmaker Build Abstract Syntax Trees and tree-walking models quickly in Rust. Example This example creates an AST for simple math expressions, and an

100 Jun 5, 2023

As-tree - Print a list of paths as a tree of paths 🌳

as-tree Print a list of paths as a tree of paths. For example, given: dir1/foo.txt dir1/bar.txt dir2/qux.txt it will print: . ├── dir1 │ ├── foo.tx

396 Dec 10, 2022

A HTML to node macro powered by rstml.

html-node A HTML to node macro powered by rstml. Features Text escaping Pretty-printing NEW: type-safe elements and attributes! (example) Example let

6 Jul 28, 2023

Nvm - Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

Node Version Manager Table of Contents Intro About Installing and Updating Install & Update Script Additional Notes Troubleshooting on Linux Troublesh

63.8k Jan 7, 2023

Abuse the node.js inspector mechanism in order to force any node.js/electron/v8 based process to execute arbitrary javascript code.

jscythe abuses the node.js inspector mechanism in order to force any node.js/electron/v8 based process to execute arbitrary javascript code, even if t

301 Jan 4, 2023

An Intel HAXM powered, protected mode, 32 bit, hypervisor addition calculator, written in Rust.

HyperCalc An Intel HAXM powered, protected mode, 32 bit, hypervisor addition calculator, written in Rust. Purpose None 😏 . Mostly just to learn Rust

2 Mar 29, 2022

🛠️ An experimental functional systems programming language, written in Rust and powered by LLVM as a backend.

An experimental functional systems programming language, written in Rust, and powered by LLVM as a backend. 🎯 Goal: The intent is to create a program

3 Nov 15, 2023

Basic template for an out-of-tree Linux kernel module written in Rust.

Rust out-of-tree module This is a basic template for an out-of-tree Linux kernel module written in Rust. Please note that: The Rust support is experim

118 Dec 26, 2022

Cuprate, an upcoming experimental, modern & secure monero node. Written in Rust

Cuprate an upcoming experimental, modern & secure monero node. Written in Rust (there is nothing working at the moment, stay tuned if you want to see

16 Feb 20, 2023

Comments

/usr/bin/ldd not found

I'm trying to use this package on a NixOS server, and am seeing the following error:

error - unhandledRejection: Error: ENOENT: no such file or directory, open '/usr/bin/ldd'

Caused by:

tree-sitter-highlight/index.js
125:        isMusl = readFileSync('/usr/bin/ldd', 'utf8').includes('musl')
155:        isMusl = readFileSync('/usr/bin/ldd', 'utf8').includes('musl')

It looks like there is some fragile logic to determine which binary to run.

opened by cmoog 1

`tiny-benchy` module can be specified inside `devDependencies` instead of `dependencies`

Hi 👋 Devon!

Not sure about this, but just looking at the code I think it has to be specified inside devDependencies, I didn't find usage on the code itself.

Best regards

opened by semoal 1
Look into dynamically loading grammars

For the initial release, I took the easiest possible approach, which is simply to compile the languages I needed directly into the module. However, tree sitter supports many more languages. Would be good to look into dynamically loading these at runtime somehow so we can support them all without bloating the binary.

opened by devongovett 2

Owner

Devon Govett

Creator of @parcel-bundler. Engineer @adobe working on React Aria and React Spectrum.

GitHub

Traversal of tree-sitter Trees and any arbitrary tree with a TreeCursor-like interface

tree-sitter-traversal Traversal of tree-sitter Trees and any arbitrary tree with a TreeCursor-like interface. Using cursors, iteration over the tree c