Add example setup

antonmedv · antonmedv · commit b94ab1c8272f · 2026-03-22T20:47:38.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 dist
+example/bundle.js*
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CodeMirror MAML</title>
+  <style>
+    body {
+      margin: 0;
+      font-family: system-ui, sans-serif;
+      background: #f5f5f5;
+    }
+    header {
+      padding: 12px 20px;
+      background: #1a1a2e;
+      color: #fff;
+      font-size: 14px;
+    }
+    header span {
+      opacity: 0.5;
+    }
+    .cm-editor {
+      height: calc(100vh - 44px);
+      font-size: 14px;
+    }
+  </style>
+</head>
+<body>
+  <header>MAML <span>— CodeMirror 6</span></header>
+  <div id="editor"></div>
+  <script src="bundle.js"></script>
+</body>
+</html>
diff --git a/example/main.js b/example/main.js
@@ -0,0 +1,57 @@
+import {EditorView, basicSetup} from "codemirror"
+import {maml} from "../src/index.ts"
+
+const doc = `# MAML example
+{
+  project: "MAML"
+  version: 1
+  active: true
+  legacy: null
+
+  tags: [
+    "minimal"
+    "readable"
+    "fast"
+  ]
+
+  author: {
+    name: "Anton Medvedev"
+    url: "https://medv.io"
+  }
+
+  # Nested objects in array
+  examples: [
+    {
+      name: "hello"
+      score: 3.14
+      negative: -42
+      exponent: 1e10
+    }
+    {
+      name: "world"
+      score: 2.718
+    }
+  ]
+
+  description: """
+This is a raw multiline string.
+It preserves "quotes" and \\escapes as-is.
+No special handling needed.
+"""
+
+  "quoted key": "value with \\"escapes\\" and \\n newlines"
+
+  # Trailing commas are fine
+  colors: [
+    "red",
+    "green",
+    "blue",
+  ]
+}
+`
+
+new EditorView({
+  doc,
+  extensions: [basicSetup, maml()],
+  parent: document.getElementById("editor"),
+})
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
   ],
   "scripts": {
     "build": "rollup -c",
+    "example": "rollup -c rollup.example.js && open example/index.html",
     "test": "vitest run"
   },
   "dependencies": {
@@ -30,6 +31,7 @@
     "@lezer/generator": "^1.7.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-typescript": "^12.0.0",
+    "codemirror": "^6.0.2",
     "rollup": "^4.0.0",
     "tslib": "^2.8.1",
     "typescript": "^5.0.0",
diff --git a/rollup.example.js b/rollup.example.js
@@ -0,0 +1,21 @@
+import {lezer} from "@lezer/generator/rollup"
+import {nodeResolve} from "@rollup/plugin-node-resolve"
+import typescript from "@rollup/plugin-typescript"
+
+export default {
+  input: "example/main.js",
+  output: {
+    file: "example/bundle.js",
+    format: "iife",
+    sourcemap: true,
+  },
+  plugins: [
+    nodeResolve(),
+    lezer(),
+    typescript({
+      declaration: false,
+      declarationDir: undefined,
+      outDir: "example",
+    }),
+  ]
+}
diff --git a/vitest.config.ts b/vitest.config.ts

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`node_modules`
`2`	`2`	`dist`
	`3`	`+example/bundle.js*`