Tree-sitter-svelte

Tree-sitter grammar for svelte

Install

npm i tree-sitter-svelte tree-sitter

Tree-sitter also requires nodemon to run, so also install that if you don’t already have it:

npm i -g nodemon

Finally, you will need pnpm. If you’re running Node 16.13 or later, it comes as part of Node so you can simply run the following to activate it:

corepack enable

Dev

After installation (npm i),

npm run dev

Usage

To get started with exploring the grammar in a web-ui. Run:

NOTE: emcc must be installed and in your path

npm run ui

To use the grammar from javascript:

const Parser = require("tree-sitter");
const Svelte = require("tree-sitter-svelte");

const parser = new Parser();
parser.setLanguage(Svelte);

const sourceCode = `
<script context="module">
    let name = 'world';
</script>
<h1>Hello {name'<>{}``"\\''""``{}}!</h1>
`;

const tree = parser.parse(sourceCode);
console.log(tree.rootNode.toString());

// (document
//    (script_element
//        (start_tag (tag_name)
//            (attribute (attribute_name) (quoted_attribute_value (attribute_value))))
//        (raw_text)
//        (end_tag (tag_name))
//    )
//    (element
//        (start_tag (tag_name))
//        (text) (raw_text_expr) (text)
//        (end_tag (tag_name)
//    )
//  )
//)

For Neovim peeps

Install :TSInstall typescript scss for the plugin to work everywhere in Neovim (TypeScript/SCSS/LESS/PostCSS)

Languages supported:

LICENSE

MIT