svelte-markup-walker

KO | EN

gitlite — search

#react #ai #typescript #go #machine-learning #rust #deep-learning #java #windows #awesome #kubernetes #awesome-list #pytorch #security

svelte-markup-walker

(★ 9)

A Svelte preprocessor that allows to walk through the AST generated by the svelte parser and modify the markup with MagicString.

svelte-markup-walker Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Svelte Markup Walker

> A [Svelte](https://svelte.dev) preprocessor that allows to walk through the AST generated by the svelte parser and modify the markup with [MagicString](https://github.com/Rich-Harris/magic-string).

This library is a simple wrapper of svelte's exported `parse` and `walk` methods. Its default method accepts an option object of AST walker wrappers:

- `html({ content, filename })` for walking through the html AST;
- `instance({ content, filename })` for walking through the main `script` AST;
- `module({ content, filename })` for walking through the `context="module"` script AST;
- `css({ content, filename })` for walking through the `style` AST.

Each wrapper receives as arguments the current `filename` and the file `content` as a [MagicString](https://github.com/Rich-Harris/magic-string), which allows to easily modify/cut/overwrite/replace/etc its text.

```js
const markupWalker = require('svelte-markup-walker');

/**
 * `preprocessor` is a svelte preprocessor,
 * just add it to your `preprocess` array
 */
const preprocessor = markupWalker({
  html({ content, filename }) {
    return {
      enter(node) { ... },
      leave(node) { ... },
    };
  },
  instance({ content, filename }) {
    return {
      enter(node) { ... },
      leave(node) { ... },
    };
  },
  module({ content, filename }) {
    return {
      enter(node) { ... },
      leave(node) { ... },
    };
  },
  css({ content, filename }) {
    return {
      enter(node) { ... },
      leave(node) { ... },
    };
  },
});
```

## Example

> TODO

svelte-markup-walker

svelte-markup-walker Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

svelte-markup-walker

svelte-markup-walker Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README