@codegraft/vue 0.1.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026-present Joël Charles
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+# @codegraft/vue
+
+Vue SFC support for [Codegraft](../../README.md). `vueSplitter` splits a `.vue` file into
+zones so a Codegraft codemod applies per section:
+
+| Section | Grammar |
+|---|---|
+| `<template>` | `html` |
+| `<script>` / `<script setup>` | `typescript` / `tsx` / `javascript` (by `lang`) |
+| `<style>` | `css` |
+
+```ts
+import { vueSplitter } from '@codegraft/vue'
+
+const transform = await codemod.forTarget(vueSplitter)
+// or, in @codegraft/unplugin:  codegraft({ codemod, context, splitters: [vueSplitter] })
+```
+
+## Vendored grammar wasm
+
+No vue grammar ships a prebuilt WebAssembly, so `wasm/tree-sitter-vue.wasm` is
+**vendored** here — WASI-built from the maintained
+[`tree-sitter-grammars/tree-sitter-vue`](https://github.com/tree-sitter-grammars/tree-sitter-vue)
+(MIT). The package owns its grammar with no `tree-sitter-vue` dependency.
+
+To regenerate it (WASI via `tree-sitter-cli`'s bundled wasi-sdk — no Docker/emscripten;
+needs network):
+
+```bash
+pnpm --filter @codegraft/vue regen-wasm        # or: regen-wasm <git-ref>
+```
+
+WASI matters: `web-tree-sitter` ≥ 0.26 only loads WASI-built grammars, and the older
+`tree-sitter-wasms` (emscripten) build is rejected.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { vueSplitter } from './vue-splitter.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { vueSplitter } from './vue-splitter.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/vue-splitter.d.ts

@@ -0,0 +1,10 @@
+import type { ZoneSplitter } from '@codegraft/core';
+/**
+ * Splits a Vue SFC into its sections by walking the `tree-sitter-vue` CST (never by
+ * regex, so `</script>`-like text inside the template can't confuse it). `<template>`
+ * becomes an `html` zone, `<script>`/`<script setup>` a `typescript`/`tsx`/`javascript`
+ * zone (by `lang`), and `<style>` a `css` zone — each carrying the exact document offset
+ * of its content.
+ */
+export declare const vueSplitter: ZoneSplitter;
+//# sourceMappingURL=vue-splitter.d.ts.map

package/dist/vue-splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-splitter.d.ts","sourceRoot":"","sources":["../src/vue-splitter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAU9D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,YAiBzB,CAAA"}

package/dist/vue-splitter.js

@@ -0,0 +1,75 @@
+import { fileURLToPath } from 'node:url';
+import { Parser, assert } from '@codegraft/core/internal';
+// The vue grammar wasm is vendored in this package (tree-sitter-vue ships no prebuilt
+// wasm), so @codegraft/vue owns its grammar with no tree-sitter-vue dependency.
+const VUE_WASM = fileURLToPath(new URL('../wasm/tree-sitter-vue.wasm', import.meta.url));
+const VUE_GRAMMAR = 'vue'; // internal parser cache key; not a public GrammarId
+/**
+ * Splits a Vue SFC into its sections by walking the `tree-sitter-vue` CST (never by
+ * regex, so `</script>`-like text inside the template can't confuse it). `<template>`
+ * becomes an `html` zone, `<script>`/`<script setup>` a `typescript`/`tsx`/`javascript`
+ * zone (by `lang`), and `<style>` a `css` zone — each carrying the exact document offset
+ * of its content.
+ */
+export const vueSplitter = {
+    id: 'vue',
+    grammars: ['html', 'typescript', 'tsx', 'javascript', 'css'],
+    async init() {
+        await Parser.loadGrammar(VUE_GRAMMAR, VUE_WASM);
+    },
+    split(source) {
+        const root = Parser.parse(source, VUE_GRAMMAR).rootNode;
+        const zones = [];
+        for (const section of namedChildren(root)) {
+            const zone = sectionZone(section, source);
+            if (zone)
+                zones.push(zone);
+        }
+        return zones;
+    },
+};
+function sectionZone(section, source) {
+    switch (section.type) {
+        case 'template_element': {
+            const startTag = childByType(section, 'start_tag');
+            const endTag = childByType(section, 'end_tag');
+            assert(startTag && endTag, 'a <template> element must have start and end tags');
+            // content lives between the tags
+            return {
+                language: 'html',
+                source: source.slice(startTag.endIndex, endTag.startIndex),
+                startOffset: startTag.endIndex,
+            };
+        }
+        case 'script_element': {
+            const body = childByType(section, 'raw_text');
+            if (!body)
+                return null; // empty <script>
+            const startTag = childByType(section, 'start_tag');
+            return { language: scriptLanguage(startTag?.text ?? ''), source: body.text, startOffset: body.startIndex };
+        }
+        case 'style_element': {
+            const body = childByType(section, 'raw_text');
+            if (!body)
+                return null;
+            return { language: 'css', source: body.text, startOffset: body.startIndex };
+        }
+        default:
+            return null;
+    }
+}
+function scriptLanguage(startTag) {
+    const lang = /\blang\s*=\s*["']([^"']+)["']/.exec(startTag)?.[1];
+    if (lang === 'ts')
+        return 'typescript';
+    if (lang === 'tsx' || lang === 'jsx')
+        return 'tsx';
+    return 'javascript'; // default, and lang="js"
+}
+function namedChildren(node) {
+    return node.namedChildren.filter((c) => c !== null);
+}
+function childByType(node, type) {
+    return namedChildren(node).find((c) => c.type === type) ?? null;
+}
+//# sourceMappingURL=vue-splitter.js.map

package/dist/vue-splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-splitter.js","sourceRoot":"","sources":["../src/vue-splitter.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@codegraft/vue",
+  "version": "0.1.0-beta.0",
+  "description": "Vue SFC support for Codegraft: vueSplitter splits a .vue file into <template>/<script>/<style> zones.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/magne4000/codegraft.git",
+    "directory": "packages/vue"
+  },
+  "homepage": "https://github.com/magne4000/codegraft#readme",
+  "bugs": "https://github.com/magne4000/codegraft/issues",
+  "files": [
+    "dist",
+    "wasm"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "engines": {
+    "node": ">=22.13"
+  },
+  "dependencies": {
+    "@codegraft/core": "0.1.0-beta.0"
+  },
+  "peerDependencies": {
+    "tree-sitter-css": "^0.25.0",
+    "tree-sitter-html": "^0.23.0",
+    "tree-sitter-javascript": "^0.25.0"
+  },
+  "peerDependenciesMeta": {
+    "tree-sitter-css": {
+      "optional": true
+    },
+    "tree-sitter-html": {
+      "optional": true
+    },
+    "tree-sitter-javascript": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "regen-wasm": "bash scripts/regen-wasm.sh"
+  }
+}