diff --git a/doc/manual/souce/components.md b/doc/manual/souce/components.md
index 7af1898..e01dbbf 100644
--- a/doc/manual/souce/components.md
+++ b/doc/manual/souce/components.md
@@ -45,11 +45,14 @@ Important paths:
 
 ```text
 editors/lezer-decodal/decodal.grammar
-site/decodal-site/src/lib/codemirror/decodal-parser.js
-site/decodal-site/src/lib/codemirror/decodal-parser.terms.js
-site/decodal-site/src/lib/codemirror/decodal.js
+packages/decodal-codemirror/src/decodal.js
+packages/decodal-codemirror/src/decodal-parser.js
+packages/decodal-codemirror/src/decodal-parser.terms.js
 ```
 
+The npm package is `decodal-codemirror`.
+The JSR package is `@hare/decodal-codemirror`.
+
 The Lezer grammar is derived from the canonical grammar documentation, but it is not a literal copy of the EBNF.
 Precedence and token conflict handling are represented in the Lezer grammar in the form CodeMirror needs.
 
diff --git a/doc/manual/souce/development.md b/doc/manual/souce/development.md
index b48b265..736fe6f 100644
--- a/doc/manual/souce/development.md
+++ b/doc/manual/souce/development.md
@@ -68,10 +68,10 @@ site/decodal-site/src/pages/playground.astro
 site/decodal-site/src/scripts/playground.js
 site/decodal-site/src/scripts/playground-examples.js
 site/decodal-site/src/layouts/ManualLayout.astro
-site/decodal-site/src/lib/codemirror/decodal.js
-site/decodal-site/src/lib/codemirror/decodal-parser.js
 site/decodal-site/src/lib/docs.js
 site/decodal-site/src/lib/highlight.js
+packages/decodal-codemirror/src/decodal.js
+packages/decodal-codemirror/src/decodal-parser.js
 crates/decodal-wasm/src/lib.rs
 ```
 
@@ -111,8 +111,30 @@ The npm package name is `decodal-wasm`.
 The JSR package name is `@hare/decodal-wasm`.
 JSR currently expects a single SPDX license identifier in `jsr.json`; the WebAssembly package metadata uses `MIT` while the Rust workspace remains dual licensed as `MIT OR Apache-2.0`.
 
-The playground editor uses CodeMirror 6 with the generated Lezer parser in `src/lib/codemirror/decodal-parser.js`.
+The playground editor uses the `decodal-codemirror` package with the generated Lezer parser in `packages/decodal-codemirror/src/decodal-parser.js`.
 The canonical grammar is documented in `doc/manual/souce/language/grammar.md`; regenerate the Lezer parser when that grammar or `editors/lezer-decodal/decodal.grammar` changes.
+
+Publish the CodeMirror package from its package directory:
+
+```sh
+cd packages/decodal-codemirror
+npm install
+npm publish
+npx jsr publish
+```
+
+Run dry-runs first when preparing a release:
+
+```sh
+npm install
+npm pack --dry-run
+npx jsr publish --dry-run
+```
+
+The npm package name is `decodal-codemirror`.
+The JSR package name is `@hare/decodal-codemirror`.
+JSR currently expects a single SPDX license identifier in `jsr.json`; the CodeMirror package metadata uses `MIT` while the Rust workspace remains dual licensed as `MIT OR Apache-2.0`.
+
 The documentation build still uses the lightweight JavaScript fallback highlighter so Astro can render Markdown without initializing WASM at build time.
 
 To run the site locally:
@@ -194,7 +216,7 @@ When the Decodal syntax changes:
 
 ```sh
 cd site/decodal-site
-npx lezer-generator ../../editors/lezer-decodal/decodal.grammar -o src/lib/codemirror/decodal-parser.js
+npx lezer-generator ../../editors/lezer-decodal/decodal.grammar -o ../../packages/decodal-codemirror/src/decodal-parser.js
 ```
 
 5. Add or update corpus/tests/examples.
diff --git a/editors/lezer-decodal/README.md b/editors/lezer-decodal/README.md
index 4703182..a8ce2fe 100644
--- a/editors/lezer-decodal/README.md
+++ b/editors/lezer-decodal/README.md
@@ -12,7 +12,7 @@ Regenerate the CodeMirror parser from the site directory:
 
 ```sh
 cd ../../site/decodal-site
-npx lezer-generator ../../editors/lezer-decodal/decodal.grammar -o src/lib/codemirror/decodal-parser.js
+npx lezer-generator ../../editors/lezer-decodal/decodal.grammar -o ../../packages/decodal-codemirror/src/decodal-parser.js
 ```
 
-The generated parser is committed with the site because the playground imports it directly.
+The generated parser is committed with the `decodal-codemirror` package because both the playground and external Web editors consume it.
diff --git a/packages/decodal-codemirror/README.md b/packages/decodal-codemirror/README.md
new file mode 100644
index 0000000..9442b28
--- /dev/null
+++ b/packages/decodal-codemirror/README.md
@@ -0,0 +1,54 @@
+# decodal-codemirror
+
+CodeMirror 6 language support for Decodal.
+
+This package provides the Lezer parser metadata, highlighting tags, indentation rules, and block folding used by the Decodal Web playground.
+It does not include the Decodal runtime or WebAssembly evaluator.
+Use `decodal-wasm` when you want to evaluate Decodal in a browser.
+
+## Install
+
+```sh
+npm install decodal-codemirror
+```
+
+JSR:
+
+```sh
+deno add jsr:@hare/decodal-codemirror
+```
+
+## Usage
+
+```js
+import { basicSetup } from 'codemirror';
+import { EditorView } from '@codemirror/view';
+import { decodal } from 'decodal-codemirror';
+
+new EditorView({
+  doc: 'Server = { port = Int default 8080; };',
+  extensions: [
+    basicSetup,
+    decodal(),
+  ],
+  parent: document.querySelector('#editor'),
+});
+```
+
+## Exports
+
+```js
+import {
+  decodal,
+  decodalLanguage,
+  decodalHighlightStyle,
+} from 'decodal-codemirror';
+```
+
+`decodal()` accepts a small options object:
+
+```js
+decodal({ highlight: false })
+```
+
+Use this when you want the language support without the bundled highlight style.
diff --git a/packages/decodal-codemirror/jsr.json b/packages/decodal-codemirror/jsr.json
new file mode 100644
index 0000000..8bf6aa1
--- /dev/null
+++ b/packages/decodal-codemirror/jsr.json
@@ -0,0 +1,24 @@
+{
+  "name": "@hare/decodal-codemirror",
+  "version": "0.1.2",
+  "license": "MIT",
+  "exports": "./src/mod.ts",
+  "imports": {
+    "@codemirror/language": "npm:@codemirror/language@^6.12.4",
+    "@lezer/highlight": "npm:@lezer/highlight@^1.2.3",
+    "@lezer/lr": "npm:@lezer/lr@^1.4.10"
+  },
+  "publish": {
+    "include": [
+      "README.md",
+      "src/mod.ts",
+      "src/decodal.js",
+      "src/decodal.d.ts",
+      "src/decodal.js.d.ts",
+      "src/decodal-parser-jsr.js",
+      "src/decodal-parser.js",
+      "src/decodal-parser.terms.js",
+      "package.json"
+    ]
+  }
+}
diff --git a/packages/decodal-codemirror/package-lock.json b/packages/decodal-codemirror/package-lock.json
new file mode 100644
index 0000000..d7cd3cf
--- /dev/null
+++ b/packages/decodal-codemirror/package-lock.json
@@ -0,0 +1,101 @@
+{
+  "name": "decodal-codemirror",
+  "version": "0.1.2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "decodal-codemirror",
+      "version": "0.1.2",
+      "license": "MIT OR Apache-2.0",
+      "dependencies": {
+        "@codemirror/language": "^6.12.4",
+        "@lezer/highlight": "^1.2.3",
+        "@lezer/lr": "^1.4.10"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.12.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.12.4.tgz",
+      "integrity": "sha512-1q4PaT+o6PbgpkJt4Q8Fv5XJxTy4FUZ4MWETtyiDw3J0Pyr9E2vqcKL+k9wcvjNTIsauxvE7OfmWj3FRPHQ76A==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.5.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.7.1.tgz",
+      "integrity": "sha512-9QzNDgE4EYDnAHfrTlR2lwiPciiOymLtwKK+8yHQzCc7GXhAP9xdEbEJFy2IWB1j9UGUl9BsgMmTo/ImA02T7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.43.6",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.43.6.tgz",
+      "integrity": "sha512-EVunGSYN1wz1p75WY1s3Xg7t3i8Yol0kGZGizNdX9BUFgMFILYVe8/u6EVpo7Ff5PwbZuILb4QAq7IZoKzIEQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.7.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.2.tgz",
+      "integrity": "sha512-sxQE460fPZyU3sdc8lafxiPwJHBzZRy/udNFynGQky1SePYBdhkBl1kOagA9uT3pxR8K09bOrmTUqA9wb/PjSQ==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
+      "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.10.tgz",
+      "integrity": "sha512-rnCpTIBafOx4mRp43xOxDJbFipJm/c0cia/V5TiGlhmMa+wsSdoGmUN3w5Bqrks/09Q/D4tNAmWaT8p6NRi77A==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.3.tgz",
+      "integrity": "sha512-FY+MKLBoTsLNJF/eLWaOsXGdz6uh3Iu1axjPf6TUq92IYumcTcXWHoS747JARLkcdlJ/Waiaxc5wQfFO8jC6NA==",
+      "license": "MIT"
+    },
+    "node_modules/crelt": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.7.tgz",
+      "integrity": "sha512-aK6BbWfhf4U/wCcLHKPJl/xa6VkVstRaPywWtMKGwuOLc/wZTyQYuoxgvZnNsBvv7Kg3YTBQYYBCggcviQczuA==",
+      "license": "MIT"
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.3.tgz",
+      "integrity": "sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==",
+      "license": "MIT"
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/packages/decodal-codemirror/package.json b/packages/decodal-codemirror/package.json
new file mode 100644
index 0000000..934ad75
--- /dev/null
+++ b/packages/decodal-codemirror/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "decodal-codemirror",
+  "version": "0.1.2",
+  "description": "CodeMirror 6 language support for Decodal.",
+  "type": "module",
+  "license": "MIT OR Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitea.hareworks.net/Hare/Decodal.git",
+    "directory": "packages/decodal-codemirror"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/decodal.d.ts",
+      "import": "./src/decodal.js"
+    },
+    "./parser": "./src/decodal-parser.js",
+    "./terms": "./src/decodal-parser.terms.js"
+  },
+  "types": "./src/decodal.d.ts",
+  "files": [
+    "README.md",
+    "src/"
+  ],
+  "keywords": [
+    "decodal",
+    "codemirror",
+    "lezer"
+  ],
+  "dependencies": {
+    "@codemirror/language": "^6.12.4",
+    "@lezer/highlight": "^1.2.3",
+    "@lezer/lr": "^1.4.10"
+  }
+}
diff --git a/packages/decodal-codemirror/src/decodal-parser-jsr.js b/packages/decodal-codemirror/src/decodal-parser-jsr.js
new file mode 100644
index 0000000..5941995
--- /dev/null
+++ b/packages/decodal-codemirror/src/decodal-parser-jsr.js
@@ -0,0 +1,16 @@
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+import {LRParser} from "npm:@lezer/lr@^1.4.10"
+export const parser = LRParser.deserialize({
+  version: 14,
+  states: "7vQYQPOOO#nQPO'#CaOOQO'#Cr'#CrO$wQPO'#CyO&UQPO'#DOO&^QPO'#DSO&eQPO'#DWO&mQPO'#CqO$wQPO'#DcO&wQPO'#DhOOQO'#Cq'#CqOOQO'#Cp'#CpO&|QPO'#CoO$wQPO'#CoOOQO'#Cn'#CnO)fQPO'#CmO.XQPO'#ClO0]QPO'#CkOOQO'#Cj'#CjO2TQPO'#CiO3xQPO'#ChO5jQPO'#CgO7UQPO'#CfOOQO'#Ce'#CeO7`QPO'#C`O7eQPO'#C_OOQO'#Dz'#DzQYQPOOO8xQPO'#D{O8}QPO,58{OOQO,59e,59eO9VQPO'#CaOOQO,59j,59jO9_QPO,59jOOQO,59n,59nO9gQPO,59nO9oQPO'#EOO9tQPO'#DYO9|QPO,59rO:RQPO'#CqO:`QPO'#D^O:hQQO,59vO:mQPO,59vO:rQPO,59]O:wQPO,59}OOQO,5:S,5:SO:|QPO'#DjOOQO,59[,59[O;TQPO,59[OOQO,59Z,59ZO$wQPO,59YO$wQPO,59XO$wQPO,59WOOQO'#Dr'#DrO$wQPO,59VO$wQPO,59UO$wQPO,59TO$wQPO,59SO$wQPO,59RO$wQPO,59QO$wQPO,58zOOQO,58y,58yOOQO-E7x-E7xOOQO,5:g,5:gOOQO-E7y-E7yO;YQPO1G/UO;bQPO1G/UOOQO1G/U1G/UO;jQPO1G/YO;qQPO1G/YOOQO1G/Y1G/YOOQO,5:j,5:jOOQO-E7|-E7|O$wQPO1G/^O$wQPO,59yO;yQPO,59xO<RQPO,59xO$wQPO1G/bO<ZQQO1G/bOOQO1G.w1G.wO<`QPO1G/iO<jQPO'#DkOOQO,5:U,5:UO<rQPO,5:UOOQO1G.v1G.vOOQO1G.t1G.tO<wQPO1G.sO@_QPO1G.rOAyQPO1G.qOOQO1G.p1G.pOCqQPO1G.oOEfQPO1G.nOFxQPO1G.mOOQO1G.l1G.lOOQO1G.f1G.fOOQO1G.s1G.sOOQO1G.r1G.rOOQO1G.q1G.qOOQO1G.o1G.oOOQO1G.n1G.nOOQO1G.m1G.mOOQO,5:h,5:hOOQO7+$p7+$pOHfQPO7+$pOOQO-E7z-E7zOOQO,5:i,5:iOOQO7+$t7+$tOHnQPO7+$tOOQO-E7{-E7{OOQO7+$x7+$xOOQO1G/e1G/eOHuQPO'#D_OOQO,5:k,5:kOHzQPO1G/dOOQO-E7}-E7}OOQO7+$|7+$|O$wQPO7+$|OOQO'#Df'#DfOISQPO'#DeOOQO7+%T7+%TOIXQPO7+%TOIaQPO,5:VOIhQPO,5:VOOQO1G/p1G/pOOQO<<H[<<H[PIpQPO'#D|OOQO<<H`<<H`P$wQPO'#D}PIuQPO'#EPOOQO<<Hh<<HhO$wQPO,5:POIzQPO<<HoOJUQPO<<HoOOQO<<Ho<<HoOJ^QPO1G/qOOQO1G/k1G/kOOQO,5:l,5:lOOQOAN>ZAN>ZOJeQPOAN>ZOOQO-E8O-E8OOOQOG23uG23uP<cQPO'#EQO$wQPO,59XO$wQPO,59WO$wQPO,59VO$wQPO,59TO$wQPO,59SO$wQPO,59ROJoQPO1G.rOKVQPO'#ClOKjQPO'#CkOL^QPO'#ChOM^QPO'#CgONaQPO'#CfO$wQPO,59WO$wQPO,59UO$wQPO,59QO! jQPO1G.qO!!QQPO'#CkO!#_QPO'#CiO$wQPO,59VO$wQPO,59UO$wQPO,59TO$wQPO,59SO$wQPO,59RO$wQPO,59QO$wQPO,58zO!$[QPO1G.oO!$rQPO1G.nO!%YQPO1G.mO!%zQPO'#CiO!&rQPO'#ChO!'gQPO'#CgO!(XQPO'#CfO!(vQPO'#C`",
+  stateData: "!)Y~O!wOSPOS~OUPOgQOhQOiQOjQOkQOlQOnROoROpROqROsSOwTO{UO!PVO!WWO!]XO!`]O!a]O~OneXoeXpeXqeX!PeX!aeX!beX!ceX!deX!eeX!geX!heX!ieX!jeX!keX!leX!meX~OVlOUeXWTXgeXheXieXjeXkeXleXseXteXweX{eX!WeX!]eX!`eX!ueX~P!gOUYOgQOhQOiQOjQOkQOlQOnROoROpROqROsSOwTO{UO!PVO!WWO!]XO!`]O!a]O~OUoOupO~OyrO~P$wOUoO}|P~OUwO!TyO~P]Og}O~OV!QO!P!OOUcXgcXhcXicXjcXkcXlcXncXocXpcXqcXscXtcXwcX{cX!WcX!]cX!`cX!acX!bcX!ccX!dcX!ecX!gcX!hcX!icX!jcX!kcX!lcX!mcX!ucXxcXycX!TcXucX!ScX~O!b!SO!c!SOUaXgaXhaXiaXjaXkaXlaXnaXoaXpaXqaXsaXtaXwaX{aX!PaX!WaX!]aX!`aX!aaX!daX!eaX!gaX!haX!iaX!jaX!kaX!laX!maX!uaXVaXxaXyaX!TaXuaX!SaX~OU`Xg`Xh`Xi`Xj`Xk`Xl`Xn`Xo`Xp`Xq`Xs`Xt`Xw`X{`X!P`X!W`X!]`X!``X!e`X!g`X!h`X!i`X!j`X!k`X!l`X!m`X!u`Xx`Xy`X!T`Xu`X!S`X~O!a!TO!d!TO~P,OOn!VOo!VOp!VOq!VO!g!VO!h!VOU_Xg_Xh_Xi_Xj_Xk_Xl_Xs_Xt_Xw_X{_X!P_X!W_X!]_X!`_X!a_X!i_X!j_X!k_X!l_X!m_X!u_X~O!e!UO~P.cOU]Xg]Xh]Xi]Xj]Xk]Xl]Xn]Xo]Xp]Xq]Xs]Xt]Xw]X{]X!P]X!W]X!]]X!`]X!a]X!j]X!k]X!l]X!m]X!u]X~O!i!XO~P0dOU[Xg[Xh[Xi[Xj[Xk[Xl[Xn[Xo[Xp[Xq[Xs[Xt[Xw[X{[X!P[X!W[X!][X!`[X!a[X!k[X!l[X!m[X!u[X~O!j!YO~P2[OUZXgZXhZXiZXjZXkZXlZXnZXoZXpZXqZXsZXtZXwZX{ZX!PZX!WZX!]ZX!`ZX!aZX!lZX!mZX!uZX~O!k!ZO~P4POUYXgYXhYXiYXjYXkYXlYXnYXoYXpYXqYXsYXtYXwYX{YX!PYX!WYX!]YX!`YX!aYX!uYX~O!l![O!m!]O~P5qOW!^O~Ot!_OURXgRXhRXiRXjRXkRXlRXnRXoRXpRXqRXsRXwRX{RX!PRX!WRX!]RX!`RX!aRX!uRX~OU!aO~OVlOWTa~OVlOWTX~Ot!cOu!eO~Ox!fOy!hO~Ot!iO~OUoO}|X~O}!kO~O!S!lOVeX!TeX~P!gOx!mO!T!QX~O!U!oO~O!T!pO~O!T!qO~Os!rO~O!T!tO~P$wOU!vO~OUoOu#YO~Ot#ZOu#YO~Oy#^O~P$wOx#_Oy#^O~OU#cO!T!Qa~Ox#eO!T!Qa~O!U#hO~Ou#kO!Z#iO~P$wOx#mO!T!_X~O!T#oO~O!b!SO!c!SOUaigaihaiiaijaikailainaioaipaiqaisaitaiwai{ai!Pai!Wai!]ai!`ai!aai!dai!eai!gai!hai!iai!jai!kai!lai!mai!uaixaiyai!Taiuai!Sai~O!d!TOn`io`ip`iq`is`it`i!e`i!g`i!h`i!i`i!j`i!k`i!l`i!m`i~OU`ig`ih`ii`ij`ik`il`iw`i{`i!P`i!W`i!]`i!``i!a`i!u`i~P?^Os_it_i!i_i!j_i!k_i!l_i!m_i~O!e!UOU_ig_ih_ii_ij_ik_il_in_io_ip_iq_iw_i{_i!P_i!W_i!]_i!`_i!a_i!u_i~PAbOs]it]i!j]i!k]i!l]i!m]i~O!i!XOU]ig]ih]ii]ij]ik]il]in]io]ip]iq]iw]i{]i!P]i!W]i!]]i!`]i!a]i!u]i~PC]Os[it[i!k[i!l[i!m[i~O!j!YOU[ig[ih[ii[ij[ik[il[in[io[ip[iq[iw[i{[i!P[i!W[i!][i!`[i!a[i!u[i~PETO!k!ZOUZigZihZiiZijZikZilZinZioZipZiqZisZitZiwZi{Zi!PZi!WZi!]Zi!`Zi!aZi!lZi!mZi!uZi~OUoOu#pO~Oy#rO~P$wO!S!lO~OU#cO!T!Qi~O!S#vO~Ot#wOu#yO~O!T!_a~P$wOx#zO!T!_a~OUoO~OU#cO~Ou#}O!Z#iO~P$wOt$OOu#}O~O!T!_i~P$wOu$QO!Z#iO~P$wO!a!TOx`iy`i!T`iu`i!S`i~P?^O!a$SO!d$SOV`X!b`X!c`X~P,OO!e$TOV_X!b_X!c_X!d_Xx_Xy_X!T_Xu_X!S_X~P.cO!j$VOV[X!b[X!c[X!d[X!e[X!g[X!h[X!i[Xx[Xy[X!T[Xu[X!S[X~P2[O!k$WOVZX!bZX!cZX!dZX!eZX!gZX!hZX!iZX!jZXxZXyZX!TZXuZX!SZX~P4PO!l$XO!m$bOVYX!bYX!cYX!dYX!eYX!gYX!hYX!iYX!jYX!kYXxYXyYX!TYXuYX!SYX~P5qO!e$`Ox_iy_i!T_iu_i!S_i~PAbOn!VOo!VOp!VOq!VO!e$`O!g!VO!h!VOx_Xy_X!i_X!j_X!k_X!l_X!m_X!T_Xs_Xt_Xu_X!S_X~O!i$aOV]X!b]X!c]X!d]X!e]X!g]X!h]Xx]Xy]X!T]Xu]X!S]X~P0dO!i$gOx]iy]i!T]iu]i!S]i~PC]O!j$hOx[iy[i!T[iu[i!S[i~PETO!k$iOxZiyZi!lZi!mZi!TZisZitZiuZi!SZi~O!i$gOx]Xy]X!j]X!k]X!l]X!m]X!T]Xs]Xt]Xu]X!S]X~O!j$hOx[Xy[X!k[X!l[X!m[X!T[Xs[Xt[Xu[X!S[X~O!k$iOxZXyZX!lZX!mZX!TZXsZXtZXuZX!SZX~O!l$jO!m$kOxYXyYX!TYXsYXtYXuYX!SYX~OW$lO~O{}!W!]!mjkih!ZUj~",
+  goto: "3l!uPPP!v!z#[PPP#h$m%]%}&x'v(w)s*z,S-Y.b/f0jPPPPPP0jPPPP0jPPP0jPPP0jP1nP0jP1q1tPPP0jP1|2UP0jP2[2_PPPPPP2bPPPPPPP2k2q2x3O3Y3`3fTjOkSiOkQqSStUuV#X!c#Z#qShOk]$tSUu!c#Z#qSiOkQnRQsTQ{VQ|WQ!s!OS#Q!^$lY#]!f#_#m#s#zQ#a!kQ#b!lQ#g!oW#i!r#w$O$RQ#u#hR#{#v!OgORTVWk!O!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$lV#P!]$b$kWfOk!]!^Y$_R!k!o#h$bs$sTVW!O!f!l!r#_#m#s#v#w#z$O$R$k$lWeOk!]!^Q#O![Q#W$XY$^R!k!o#h$bQ$o$js$rTVW!O!f!l!r#_#m#s#v#w#z$O$R$k$lYdOk![!]!^Q!}!ZQ#V$W[$]R!k!o#h$X$bQ$n$iu$qTVW!O!f!l!r#_#m#s#v#w#z$O$R$j$k$l[cOk!Z![!]!^Q!|!YQ#U$V^$eR!k!o#h$W$X$bQ$m$hw$pTVW!O!f!l!r#_#m#s#v#w#z$O$R$i$j$k$l!hbORTVWk!O!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$V$W$X$b$h$i$j$k$lV!{!X$a$g`aOk!X!Y!Z![!]!^Q!z!WQ#T$Ub$[R!k!o#h$V$W$X$a$bQ$c$f{$dTVW!O!f!l!r#_#m#s#v#w#z$O$R$g$h$i$j$k$l!``OTVWk!O!W!X!Y!Z![!]!^!f!l!r#_#m#s#v#w#z$O$R$f$g$h$i$j$k$lQ!y!UQ#S$TQ$Y$`e$ZR!k!o#h$U$V$W$X$a$b!z_ORTVWk!O!U!W!X!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$T$U$V$W$X$`$a$b$f$g$h$i$j$k$lQ!x!TR#R$S#O^ORTVWk!O!T!U!W!X!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$S$T$U$V$W$X$`$a$b$f$g$h$i$j$k$lQ!R]R!w!S#T[ORTVW]k!O!S!T!U!W!X!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$S$T$U$V$W$X$`$a$b$f$g$h$i$j$k$l#TZORTVW]k!O!S!T!U!W!X!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$S$T$U$V$W$X$`$a$b$f$g$h$i$j$k$l#TYORTVW]k!O!S!T!U!W!X!Y!Z![!]!^!f!k!l!o!r#_#h#m#s#v#w#z$O$R$S$T$U$V$W$X$`$a$b$f$g$h$i$j$k$lRvURzVQxVV#d!m#e#tQ#l!rV#|#w$O$RX#j!r#w$O$RR!P[R!u!OQ!WaQ$U$[R$f$dQkOR!`kSmPoR!bmQ!dqR#[!dQ!gsS#`!g#nR#n!sQuUR!juQ!nxR#f!nQ#x#lR$P#x",
+  nodeNames: "⚠ Comment Source Statement FieldDefinition FieldPath Identifier Dot Equal Expression DefaultExpression PatchExpression ComposeExpression LogicalOrExpression LogicalAndExpression ComparisonExpression ConcatExpression AdditiveExpression MultiplicativeExpression UnaryExpression PostfixExpression PrimaryExpression Literal String Integer Float True False Regex ComparisonConstraint Lt Lte Gt Gte Object LBrace Semicolon RBrace Array LBracket Comma RBracket LetExpression Let FieldDefinitionList In FunctionExpression LParen ParameterList Parameter Colon RParen Arrow MatchExpression Match MatchArm Pattern Underscore ImportExpression Import CallSuffix ArgumentList Bang Minus Star Slash Plus PlusPlus CompareOperator EqualEqual BangEqual AmpAmp PipePipe Amp SlashSlash Default",
+  maxTerm: 85,
+  skippedNodes: [0,1],
+  repeatNodeCount: 7,
+  tokenData: "=T~R!PX^$Upq$Uqr$yrs%Wst&zvw'cxy'pyz'uz{'z{|(P|}(^}!O(c!O!P(h!P!Q(m!Q![+T![!]+n!]!^+s!^!_+x!_!`,V!`!a,l!c!},y!}#O-[#P#Q-a#R#S-f#T#W,y#W#X-y#X#Y,y#Y#Z1Z#Z#],y#]#^3k#^#`,y#`#a6}#a#b8b#b#h,y#h#i:r#i#o,y#o#p<n#p#q<s#q#r=O#y#z$U$f$g$U#BY#BZ$U$IS$I_$U$I|$JO$U$JT$JU$U$KV$KW$U&FU&FV$U~$ZY!w~X^$Upq$U#y#z$U$f$g$U#BY#BZ$U$IS$I_$U$I|$JO$U$JT$JU$U$KV$KW$U&FU&FV$U~%OP!`~!_!`%R~%WO!h~~%ZWOY%WZr%Wrs%ss#O%W#O#P%x#P;'S%W;'S;=`&t<%lO%W~%xOg~~%{RO;'S%W;'S;=`&U;=`O%W~&XXOY%WZr%Wrs%ss#O%W#O#P%x#P;'S%W;'S;=`&t;=`<%l%W<%lO%W~&wP;=`<%l%W~'PSP~OY&zZ;'S&z;'S;=`']<%lO&z~'`P;=`<%l&z~'hP!k~vw'k~'pO!i~~'uO!P~~'zO!T~~(PO!b~~(UP!d~{|(X~(^O!e~~(cOx~~(hO!a~~(mOV~~(rW!c~OY)[Z!P)[!P!Q+O!Q#O)[#O#P)|#P;'S)[;'S;=`*x<%lO)[~)_WOY)[Z!P)[!P!Q)w!Q#O)[#O#P)|#P;'S)[;'S;=`*x<%lO)[~)|Ol~~*PRO;'S)[;'S;=`*Y;=`O)[~*]XOY)[Z!P)[!P!Q)w!Q#O)[#O#P)|#P;'S)[;'S;=`*x;=`<%l)[<%lO)[~*{P;=`<%l)[~+TO!l~~+YQh~!O!P+`!Q![+T~+cP!Q![+f~+kPi~!Q![+f~+sO!S~~+xOt~~+}Pn~!_!`,Q~,VOo~~,[QWP!_!`,b!`!a,g~,gO!g~Q,lO!UQ~,qPp~!_!`,t~,yOq~~-OSU~!Q![,y!c!},y#R#S,y#T#o,y~-aOw~~-fOy~~-mS!Z~U~!Q![,y!c!},y#R#S,y#T#o,y~.OUU~!Q![,y!c!},y#R#S,y#T#X,y#X#Y.b#Y#o,y~.gUU~!Q![,y!c!},y#R#S,y#T#Y,y#Y#Z.y#Z#o,y~/OTU~!Q![,y!c!},y#R#S,y#T#U/_#U#o,y~/dUU~!Q![,y!c!},y#R#S,y#T#i,y#i#j/v#j#o,y~/{UU~!Q![,y!c!},y#R#S,y#T#`,y#`#a0_#a#o,y~0dUU~!Q![,y!c!},y#R#S,y#T#h,y#h#i0v#i#o,y~0}S!m~U~!Q![,y!c!},y#R#S,y#T#o,y~1`TU~!Q![,y!c!},y#R#S,y#T#U1o#U#o,y~1tUU~!Q![,y!c!},y#R#S,y#T#`,y#`#a2W#a#o,y~2]UU~!Q![,y!c!},y#R#S,y#T#g,y#g#h2o#h#o,y~2tUU~!Q![,y!c!},y#R#S,y#T#X,y#X#Y3W#Y#o,y~3_Sk~U~!Q![,y!c!},y#R#S,y#T#o,y~3pVU~!Q![,y!c!},y#R#S,y#T#a,y#a#b4V#b#c6j#c#o,y~4[UU~!Q![,y!c!},y#R#S,y#T#d,y#d#e4n#e#o,y~4sUU~!Q![,y!c!},y#R#S,y#T#c,y#c#d5V#d#o,y~5[UU~!Q![,y!c!},y#R#S,y#T#f,y#f#g5n#g#o,y~5sUU~!Q![,y!c!},y#R#S,y#T#h,y#h#i6V#i#o,y~6^S!]~U~!Q![,y!c!},y#R#S,y#T#o,y~6qS}~U~!Q![,y!c!},y#R#S,y#T#o,y~7SUU~!Q![,y!c!},y#R#S,y#T#X,y#X#Y7f#Y#o,y~7kUU~!Q![,y!c!},y#R#S,y#T#h,y#h#i7}#i#o,y~8US{~U~!Q![,y!c!},y#R#S,y#T#o,y~8gTU~!Q![,y!c!},y#R#S,y#T#U8v#U#o,y~8{UU~!Q![,y!c!},y#R#S,y#T#h,y#h#i9_#i#o,y~9dUU~!Q![,y!c!},y#R#S,y#T#V,y#V#W9v#W#o,y~9{UU~!Q![,y!c!},y#R#S,y#T#[,y#[#]:_#]#o,y~:fS!W~U~!Q![,y!c!},y#R#S,y#T#o,y~:wUU~!Q![,y!c!},y#R#S,y#T#f,y#f#g;Z#g#o,y~;`UU~!Q![,y!c!},y#R#S,y#T#i,y#i#j;r#j#o,y~;wUU~!Q![,y!c!},y#R#S,y#T#X,y#X#Y<Z#Y#o,y~<bSj~U~!Q![,y!c!},y#R#S,y#T#o,y~<sOs~~<vP#p#q<y~=OO!j~~=TOu~",
+  tokenizers: [0, 1],
+  topRules: {"Source":[0,2]},
+  tokenPrec: 2481
+})
diff --git a/site/decodal-site/src/lib/codemirror/decodal-parser.js b/packages/decodal-codemirror/src/decodal-parser.js
similarity index 100%
rename from site/decodal-site/src/lib/codemirror/decodal-parser.js
rename to packages/decodal-codemirror/src/decodal-parser.js
diff --git a/site/decodal-site/src/lib/codemirror/decodal-parser.terms.js b/packages/decodal-codemirror/src/decodal-parser.terms.js
similarity index 100%
rename from site/decodal-site/src/lib/codemirror/decodal-parser.terms.js
rename to packages/decodal-codemirror/src/decodal-parser.terms.js
diff --git a/packages/decodal-codemirror/src/decodal.d.ts b/packages/decodal-codemirror/src/decodal.d.ts
new file mode 100644
index 0000000..fa5125a
--- /dev/null
+++ b/packages/decodal-codemirror/src/decodal.d.ts
@@ -0,0 +1,11 @@
+import { HighlightStyle } from '@codemirror/language';
+import { LRLanguage, LanguageSupport } from '@codemirror/language';
+
+export declare const decodalLanguage: LRLanguage;
+export declare const decodalHighlightStyle: HighlightStyle;
+
+export interface DecodalOptions {
+  highlight?: boolean;
+}
+
+export declare function decodal(options?: DecodalOptions): LanguageSupport;
diff --git a/site/decodal-site/src/lib/codemirror/decodal.js b/packages/decodal-codemirror/src/decodal.js
similarity index 92%
rename from site/decodal-site/src/lib/codemirror/decodal.js
rename to packages/decodal-codemirror/src/decodal.js
index 4310af7..b1bfd4e 100644
--- a/site/decodal-site/src/lib/codemirror/decodal.js
+++ b/packages/decodal-codemirror/src/decodal.js
@@ -64,6 +64,10 @@ export const decodalHighlightStyle = HighlightStyle.define([
   { tag: [t.brace, t.squareBracket, t.paren, t.punctuation], color: '#f9a8d4' },
 ]);
 
-export function decodal() {
-  return new LanguageSupport(decodalLanguage, [syntaxHighlighting(decodalHighlightStyle)]);
+export function decodal(options = {}) {
+  const { highlight = true } = options;
+  return new LanguageSupport(
+    decodalLanguage,
+    highlight ? [syntaxHighlighting(decodalHighlightStyle)] : [],
+  );
 }
diff --git a/packages/decodal-codemirror/src/decodal.js.d.ts b/packages/decodal-codemirror/src/decodal.js.d.ts
new file mode 100644
index 0000000..5a9e28f
--- /dev/null
+++ b/packages/decodal-codemirror/src/decodal.js.d.ts
@@ -0,0 +1,10 @@
+import { HighlightStyle, LRLanguage, LanguageSupport } from '@codemirror/language';
+
+export declare const decodalLanguage: LRLanguage;
+export declare const decodalHighlightStyle: HighlightStyle;
+
+export interface DecodalOptions {
+  highlight?: boolean;
+}
+
+export declare function decodal(options?: DecodalOptions): LanguageSupport;
diff --git a/packages/decodal-codemirror/src/mod.ts b/packages/decodal-codemirror/src/mod.ts
new file mode 100644
index 0000000..b03381f
--- /dev/null
+++ b/packages/decodal-codemirror/src/mod.ts
@@ -0,0 +1,77 @@
+import { HighlightStyle, LRLanguage, LanguageSupport, foldNodeProp, indentNodeProp, syntaxHighlighting } from 'npm:@codemirror/language@^6.12.4';
+import { styleTags, tags as t } from 'npm:@lezer/highlight@^1.2.3';
+import { parser } from './decodal-parser-jsr.js';
+
+const parserWithMetadata = parser.configure({
+  props: [
+    styleTags({
+      'Let In Match Import Default': t.keyword,
+      'True False': t.bool,
+      Identifier: t.variableName,
+      String: t.string,
+      Regex: t.regexp,
+      'Integer Float': t.number,
+      Comment: t.lineComment,
+      'Plus Minus Star Slash PlusPlus Equal EqualEqual Bang BangEqual Amp AmpAmp PipePipe SlashSlash Gt Gte Lt Lte Arrow': t.operator,
+      'LBrace RBrace': t.brace,
+      'LBracket RBracket': t.squareBracket,
+      'LParen RParen': t.paren,
+      'Semicolon Comma Dot Colon': t.punctuation,
+    }),
+    indentNodeProp.add({
+      Object: context => context.column(context.node.from) + context.unit,
+      Array: context => context.column(context.node.from) + context.unit,
+      MatchExpression: context => context.column(context.node.from) + context.unit,
+      LetExpression: context => context.column(context.node.from) + context.unit,
+    }),
+    foldNodeProp.add({
+      Object: foldDelimited('{', '}'),
+      Array: foldDelimited('[', ']'),
+      MatchExpression: foldDelimited('{', '}'),
+    }),
+  ],
+});
+
+function foldDelimited(open: string, close: string) {
+  return (node: { from: number; to: number }, state: { doc: { sliceString(from: number, to: number): string } }) => {
+    const text = state.doc.sliceString(node.from, node.to);
+    const openIndex = text.indexOf(open);
+    const closeIndex = text.lastIndexOf(close);
+    if (openIndex < 0 || closeIndex <= openIndex) return null;
+    const from = node.from + openIndex + open.length;
+    const to = node.from + closeIndex;
+    return from < to ? { from, to } : null;
+  };
+}
+
+export const decodalLanguage: LRLanguage = LRLanguage.define({
+  parser: parserWithMetadata,
+  languageData: {
+    commentTokens: { line: '#' },
+    closeBrackets: { brackets: ['(', '[', '{', '"'] },
+  },
+});
+
+export const decodalHighlightStyle: HighlightStyle = HighlightStyle.define([
+  { tag: t.keyword, color: '#93c5fd', fontWeight: '700' },
+  { tag: t.variableName, color: 'inherit' },
+  { tag: t.bool, color: '#fbbf24' },
+  { tag: t.number, color: '#fbbf24' },
+  { tag: t.string, color: '#86efac' },
+  { tag: t.regexp, color: '#86efac' },
+  { tag: t.lineComment, color: '#94a3b8', fontStyle: 'italic' },
+  { tag: t.operator, color: '#f9a8d4' },
+  { tag: [t.brace, t.squareBracket, t.paren, t.punctuation], color: '#f9a8d4' },
+]);
+
+export interface DecodalOptions {
+  highlight?: boolean;
+}
+
+export function decodal(options: DecodalOptions = {}): LanguageSupport {
+  const { highlight = true } = options;
+  return new LanguageSupport(
+    decodalLanguage,
+    highlight ? [syntaxHighlighting(decodalHighlightStyle)] : [],
+  );
+}
diff --git a/site/decodal-site/astro.config.mjs b/site/decodal-site/astro.config.mjs
index 0654f13..a542924 100644
--- a/site/decodal-site/astro.config.mjs
+++ b/site/decodal-site/astro.config.mjs
@@ -2,4 +2,9 @@ import { defineConfig } from 'astro/config';
 
 export default defineConfig({
   output: 'static',
+  vite: {
+    resolve: {
+      preserveSymlinks: true,
+    },
+  },
 });
diff --git a/site/decodal-site/package-lock.json b/site/decodal-site/package-lock.json
index 24b45bb..cd9fdc8 100644
--- a/site/decodal-site/package-lock.json
+++ b/site/decodal-site/package-lock.json
@@ -10,12 +10,12 @@
       "dependencies": {
         "@astrojs/check": "^0.9.4",
         "@codemirror/language": "^6.12.4",
-        "@codemirror/state": "^6.7.1",
         "@codemirror/view": "^6.43.6",
         "@lezer/highlight": "^1.2.3",
         "@lezer/lr": "^1.4.10",
         "astro": "^4.16.18",
         "codemirror": "^6.0.2",
+        "decodal-codemirror": "file:../../packages/decodal-codemirror",
         "marked": "^12.0.2"
       },
       "devDependencies": {
@@ -23,6 +23,15 @@
         "wrangler": "^4.104.0"
       }
     },
+    "../../packages/decodal-codemirror": {
+      "version": "0.1.2",
+      "license": "MIT OR Apache-2.0",
+      "dependencies": {
+        "@codemirror/language": "^6.12.4",
+        "@lezer/highlight": "^1.2.3",
+        "@lezer/lr": "^1.4.10"
+      }
+    },
     "node_modules/@astrojs/check": {
       "version": "0.9.9",
       "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.9.9.tgz",
@@ -3237,6 +3246,10 @@
         }
       }
     },
+    "node_modules/decodal-codemirror": {
+      "resolved": "../../packages/decodal-codemirror",
+      "link": true
+    },
     "node_modules/decode-named-character-reference": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
diff --git a/site/decodal-site/package.json b/site/decodal-site/package.json
index aa289d4..0127f54 100644
--- a/site/decodal-site/package.json
+++ b/site/decodal-site/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@codemirror/language": "^6.12.4",
-    "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.6",
     "@lezer/highlight": "^1.2.3",
     "@lezer/lr": "^1.4.10",
     "astro": "^4.16.18",
     "codemirror": "^6.0.2",
+    "decodal-codemirror": "file:../../packages/decodal-codemirror",
     "marked": "^12.0.2"
   },
   "devDependencies": {
diff --git a/site/decodal-site/src/pages/index.astro b/site/decodal-site/src/pages/index.astro
index 4db3ba8..bc726d7 100644
--- a/site/decodal-site/src/pages/index.astro
+++ b/site/decodal-site/src/pages/index.astro
@@ -40,6 +40,14 @@ Production = Server & {
         <span>JSR package</span>
         <strong>jsr.io/@hare/decodal-wasm</strong>
       </a>
+      <a href="https://www.npmjs.com/package/decodal-codemirror">
+        <span>CodeMirror package</span>
+        <strong>npmjs.com/package/decodal-codemirror</strong>
+      </a>
+      <a href="https://jsr.io/@hare/decodal-codemirror@0.1.2">
+        <span>CodeMirror on JSR</span>
+        <strong>jsr.io/@hare/decodal-codemirror</strong>
+      </a>
     </div>
   </section>
 
diff --git a/site/decodal-site/src/scripts/playground.js b/site/decodal-site/src/scripts/playground.js
index 1fcfca2..bf9196b 100644
--- a/site/decodal-site/src/scripts/playground.js
+++ b/site/decodal-site/src/scripts/playground.js
@@ -1,7 +1,7 @@
 import init, { evaluateProject } from '../wasm/decodal_wasm.js';
 import { EditorView, basicSetup } from 'codemirror';
 import { keymap } from '@codemirror/view';
-import { decodal } from '../lib/codemirror/decodal.js';
+import { decodal } from 'decodal-codemirror';
 import { playgroundExamples } from './playground-examples.js';
 
 const STORAGE_KEY = 'decodal-playground-project-v1';