@getvitops/vite 0.6.0 → 0.8.0

package/CHANGELOG.md

@@ -0,0 +1,120 @@
+# @getvitops/vite
+
+## 0.8.0
+
+### Minor Changes
+
+- **New: `<wc-theme-editor>`, a live theme editor you can ship with your site.**
+
+  Tune the whole design system in the browser — palette, semantic roles, type roles, spacing, layout,
+  pattern geometry, radii, shadows — with no rebuild. Edits are layered as `:root` custom-property
+  overrides, persist to localStorage, and export as CSS or as a `design-system.json` patch. It follows
+  your site's colour scheme and drives the same `data-theme` + storage key as `<color-scheme-toggle>`,
+  so the two no longer fight.
+
+  It ships as a **separate, opt-in bundle** (`@getvitops/core/editor`, ~13 kB, no Lit) and is never
+  registered in `elements.js`: a page that doesn't ask for it pays nothing.
+
+  ```js
+  // astro.config.mjs
+  getvitops({
+    css: { input: 'design-system.json', format: 'css', out: 'src/styles' },
+    editor: true,
+  });
+  ```
+
+  ```html
+  <!-- anywhere in your layout -->
+  <wc-theme-editor></wc-theme-editor>
+  ```
+
+  `editor: true` copies `editor.js` into `public/vitops/`, loads it from `<Head />`, and mirrors
+  `design-manifest.json` to `/vitops/design-manifest.json` (override with the `manifest` attribute).
+  Outside Astro, load the bundle yourself and point `manifest` at the file.
+
+  **Save straight back to your config, in dev.** `@getvitops/vite` now serves a dev-only
+  `/__vitops/design-system` endpoint: the editor POSTs its patch, the plugin deep-merges it into your
+  `design-system.json`, validates the _merged_ result, writes it back preserving the file's formatting,
+  then regenerates and reloads. The endpoint exists only under `vite dev` — on a static deploy the
+  editor detects its absence and hides the button, while everything else still works.
+
+  **Added:** `colors.roleTokens` in `design-manifest.json` — the functional token set (bg / border /
+  solid / on-solid / text / emphasis stops) precomputed per hue, in `default` and `surface` variants for
+  both appearances. Re-pointing a role at another hue needs these: `solid` is chosen by scanning the hue
+  and `on-solid` is a computed contrast value, so neither is derivable by a browser client.
+
+  **Removed:** the dead `interaction` block from `design-manifest.json` — a hardcoded
+  `{duration, easing}` literal with no schema key, no reverse-index entry, and no corresponding CSS
+  variable. Nothing could have consumed it meaningfully. The real animation knobs are
+  `--animation-duration-*` / `--custom-ease-*`.
+
+  **Fixed:** a `[popover]` reset in `popover.css` was stripping the background, padding and border from
+  any pattern used as a popover. It is imported after `drawer.css`, so at equal specificity it beat
+  `.drawer` — and `dialog` (0-0-1) too — leaving a `.drawer[popover]` transparent and unpadded despite
+  drawer.css documenting popover as supported. The reset now sits in `:where()` at zero specificity, so
+  it still overrides the UA stylesheet but any pattern class takes its surface back. Open/closed
+  behaviour is unchanged.
+
+  **Added:** `input[type="range"]` and `input[type="color"]` now have baseline styling in `forms.css`
+  (accent colour from `--ui-primary-solid`; the colour swatch picks up the control border and radius).
+
+### Patch Changes
+
+- Updated dependencies
+  - @getvitops/generator@0.8.0
+  - @getvitops/utils@0.8.0
+
+## 0.7.0
+
+### Patch Changes
+
+- @getvitops/generator@0.7.0
+- @getvitops/utils@0.7.0
+
+## 0.6.0
+
+### Patch Changes
+
+- Updated dependencies [2cc847d]
+  - @getvitops/generator@0.6.0
+  - @getvitops/utils@0.6.0
+
+## 0.5.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @getvitops/generator@0.5.0
+  - @getvitops/utils@0.5.0
+
+## 0.4.0
+
+### Patch Changes
+
+- Updated dependencies [d7e6491]
+  - @getvitops/utils@0.4.0
+  - @getvitops/generator@0.4.0
+
+## 0.3.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @getvitops/utils@0.3.0
+  - @getvitops/generator@0.3.0
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [d28aae7]
+  - @getvitops/generator@0.2.1
+  - @getvitops/utils@0.2.1
+
+## 0.2.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @getvitops/generator@0.2.0
+  - @getvitops/utils@0.2.0

package/README.md

@@ -25,3 +25,9 @@ Then import the generated stylesheet (Tailwind v4):
 ```
 
 Powered by [`@getvitops/generator`](https://www.npmjs.com/package/@getvitops/generator).
+
+## Changelog
+
+This package's history: [`CHANGELOG.md`](./CHANGELOG.md) (shipped in the npm tarball, so it
+also reads from `node_modules/@getvitops/vite/CHANGELOG.md`). `@getvitops/core`, `generator`,
+`utils`, `cli`, `vite` and `astro` share one version and are released together.

package/dist/index.d.mts

@@ -25,6 +25,13 @@ interface VitopsPluginOptions {
   out?: string;
   /** Also generate a favicon set on build from this source image. */
   favicon?: VitopsFaviconOptions;
+  /**
+   * Directory to mirror `design-manifest.json` into as `vitops/design-manifest.json`
+   * — the URL `<wc-theme-editor>` fetches by default. Set by the Astro integration's
+   * `editor` option. Copied inside the generate pass rather than by the caller, so
+   * it can't race the first generation and can't go stale on regeneration.
+   */
+  editorManifestDir?: string;
 }
 declare function vitops(options?: VitopsPluginOptions): Plugin;
 //#endregion

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;UAeiB,oBAAA;;EAEf,MAAA;EAFmC;EAInC,YAAA;EAJmC;EAMnC,GAAA;EAFA;EAIA,IAAA;EAAA;EAEA,UAAA;EAEA;EAAA,eAAA;AAAA;AAAA,UAGe,mBAAA;EAAmB;EAElC,KAAA;EAM8B;EAJ9B,MAAA,GAAS,MAAA;EAAT;EAEA,GAAA;EAAA;EAEA,OAAA,GAAU,oBAAoB;AAAA;AAAA,iBAGR,MAAA,CAAO,OAAA,GAAS,mBAAA,GAA2B,MAAM"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;UAqEiB,oBAAA;;EAEf,MAAA;EAFmC;EAInC,YAAA;EAJmC;EAMnC,GAAA;EAFA;EAIA,IAAA;EAAA;EAEA,UAAA;EAEA;EAAA,eAAA;AAAA;AAAA,UAGe,mBAAA;EAAmB;EAElC,KAAA;EAM8B;EAJ9B,MAAA,GAAS,MAAA;EAAT;EAEA,GAAA;EAAA;EAEA,OAAA,GAAU,oBAAoB;EAApB;;;AAOO;AAClB;;EADC,iBAAA;AAAA;AAAA,iBAGsB,MAAA,CAAO,OAAA,GAAS,mBAAA,GAA2B,MAAM"}

package/dist/index.mjs

@@ -1,5 +1,6 @@
-import { resolve } from "node:path";
-import { generate } from "@getvitops/generator";
+import { copyFileSync, existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { generate, validate } from "@getvitops/generator";
 import { generateFavicons, writeFaviconManifest } from "@getvitops/utils";
 
 //#region src/index.ts
@@ -13,6 +14,52 @@ import { generateFavicons, writeFaviconManifest } from "@getvitops/utils";
 *
 * Thin wrapper over @getvitops/generator — the same generator the CLI uses.
 */
+/** Endpoint `<wc-theme-editor>` probes for, and POSTs its patch to. */
+const EDITOR_ENDPOINT = "/__vitops/design-system";
+/**
+* Recursively merge a patch into a config. Plain objects merge key-wise;
+* everything else (scalars, and arrays — a token list is replaced, not appended)
+* is overwritten by the patch.
+*/
+function deepMerge(base, patch) {
+	const isPlain = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+	if (!isPlain(base) || !isPlain(patch)) return patch;
+	const out = { ...base };
+	for (const [k, v] of Object.entries(patch)) out[k] = deepMerge(base[k], v);
+	return out;
+}
+/** Printed width the config is formatted to — matches the repo formatter's default. */
+const PRINT_WIDTH = 100;
+/**
+* Serialize a config the way a formatter would: 2-space indent, but arrays of
+* scalars kept on one line when they fit.
+*
+* `JSON.stringify(v, null, 2)` explodes every array onto its own lines, so writing
+* back a two-key patch reflowed ~300 lines of `design-system.json` — a diff nobody
+* can review, for a change of two values. Matching the prevailing style keeps the
+* write surgical, which is the whole point of saving to source rather than copying
+* a patch by hand.
+*/
+function formatConfig(value, col = 0, indent = 0) {
+	const pad = " ".repeat(indent);
+	if (Array.isArray(value)) {
+		if (!value.length) return "[]";
+		if (value.every((v) => v === null || typeof v !== "object")) {
+			const inline = `[${value.map((v) => JSON.stringify(v)).join(", ")}]`;
+			if (col + inline.length <= PRINT_WIDTH) return inline;
+		}
+		return `[\n${value.map((v) => `${pad}  ${formatConfig(v, indent + 2, indent + 2)}`).join(",\n")}\n${pad}]`;
+	}
+	if (value !== null && typeof value === "object") {
+		const entries = Object.entries(value);
+		if (!entries.length) return "{}";
+		return `{\n${entries.map(([k, v]) => {
+			const head = `${pad}  ${JSON.stringify(k)}: `;
+			return head + formatConfig(v, head.length, indent + 2);
+		}).join(",\n")}\n${pad}}`;
+	}
+	return JSON.stringify(value) ?? "null";
+}
 function vitops(options = {}) {
 	const format = options.format ?? "tailwind";
 	const outDir = options.out ?? "src/styles";
@@ -24,6 +71,14 @@ function vitops(options = {}) {
 			format,
 			outDir
 		});
+		if (options.editorManifestDir) {
+			const src = resolve(root, outDir, "design-manifest.json");
+			if (existsSync(src)) {
+				const dest = resolve(root, options.editorManifestDir, "vitops");
+				mkdirSync(dest, { recursive: true });
+				copyFileSync(src, join(dest, "design-manifest.json"));
+			}
+		}
 		if (options.favicon) {
 			const faviconOut = resolve(root, options.favicon.out ?? "public");
 			await generateFavicons({
@@ -58,6 +113,41 @@ function vitops(options = {}) {
 				await run();
 				server.ws.send({ type: "full-reload" });
 			});
+			server.middlewares.use(EDITOR_ENDPOINT, (req, res, next) => {
+				const json = (status, body) => {
+					res.statusCode = status;
+					res.setHeader("content-type", "application/json");
+					res.end(JSON.stringify(body));
+				};
+				if (req.method === "GET") try {
+					return json(200, {
+						writable: true,
+						path: input,
+						config: JSON.parse(readFileSync(input, "utf8"))
+					});
+				} catch (err) {
+					return json(500, { error: err.message });
+				}
+				if (req.method !== "POST") return next();
+				const chunks = [];
+				req.on("data", (c) => chunks.push(c));
+				req.on("end", () => {
+					try {
+						const { patch } = JSON.parse(Buffer.concat(chunks).toString("utf8"));
+						if (patch == null || typeof patch !== "object") return json(400, { errors: ["body must be { patch: object }"] });
+						const merged = deepMerge(JSON.parse(readFileSync(input, "utf8")), patch);
+						const result = validate(merged);
+						if (!result.ok) return json(400, { errors: result.errors.map((e) => `${e.path.join(".") || "(root)"}: ${e.message}`) });
+						writeFileSync(input, `${formatConfig(merged)}\n`);
+						return json(200, {
+							ok: true,
+							warnings: result.warnings
+						});
+					} catch (err) {
+						return json(400, { errors: [err.message] });
+					}
+				});
+			});
 		}
 	};
 }

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @getvitops/vite — a Vite plugin that generates Vitops design-system output from a\n * `design-system.json` during a Vite/Astro (EmDash) build, and hot-regenerates when\n * the config changes in dev.\n *\n *   import vitops from '@getvitops/vite';\n *   export default { plugins: [vitops({ input: 'design-system.json', format: 'tailwind', out: 'src/styles' })] };\n *\n * Thin wrapper over @getvitops/generator — the same generator the CLI uses.\n */\nimport { resolve } from 'node:path';\nimport type { Plugin } from 'vite';\nimport { generate, type Format } from '@getvitops/generator';\nimport { generateFavicons, writeFaviconManifest } from '@getvitops/utils';\n\nexport interface VitopsFaviconOptions {\n  /** Source SVG or PNG. */\n  source: string;\n  /** Optional simplified source for the 16px icon. */\n  lowResSource?: string;\n  /** Directory to write the favicon set into. Default: 'public'. */\n  out?: string;\n  /** App name — when set (with `themeColor`), also emit `site.webmanifest`. */\n  name?: string;\n  /** PWA theme color (also drives `<meta name=\"theme-color\">`). */\n  themeColor?: string;\n  /** PWA background color. */\n  backgroundColor?: string;\n}\n\nexport interface VitopsPluginOptions {\n  /** Path to the design-system.json. Default: 'design-system.json'. */\n  input?: string;\n  /** Output target. Default: 'tailwind' (the EmDash/Astro case). */\n  format?: Format;\n  /** Directory to write generated output into. Default: 'src/styles'. */\n  out?: string;\n  /** Also generate a favicon set on build from this source image. */\n  favicon?: VitopsFaviconOptions;\n}\n\nexport default function vitops(options: VitopsPluginOptions = {}): Plugin {\n  const format: Format = options.format ?? 'tailwind';\n  const outDir = options.out ?? 'src/styles';\n  let input = resolve(options.input ?? 'design-system.json');\n  let root = '';\n\n  const run = async () => {\n    await generate({ input, format, outDir });\n    if (options.favicon) {\n      const faviconOut = resolve(root, options.favicon.out ?? 'public');\n      await generateFavicons({\n        source: resolve(root, options.favicon.source),\n        outputDir: faviconOut,\n        ...(options.favicon.lowResSource\n          ? { lowResSource: resolve(root, options.favicon.lowResSource) }\n          : {}),\n      });\n      if (options.favicon.name && options.favicon.themeColor) {\n        await writeFaviconManifest(faviconOut, {\n          name: options.favicon.name,\n          themeColor: options.favicon.themeColor,\n          ...(options.favicon.backgroundColor\n            ? { backgroundColor: options.favicon.backgroundColor }\n            : {}),\n        });\n      }\n    }\n  };\n\n  return {\n    name: '@getvitops/vite',\n    // Resolve paths against Vite's project root once it's known.\n    configResolved(config) {\n      root = config.root;\n      input = resolve(config.root, options.input ?? 'design-system.json');\n    },\n    async buildStart() {\n      this.addWatchFile(input);\n      await run();\n    },\n    async watchChange(id) {\n      if (resolve(id) === input) await run();\n    },\n    configureServer(server) {\n      server.watcher.add(input);\n      server.watcher.on('change', async (file) => {\n        if (resolve(file) !== input) return;\n        await run();\n        server.ws.send({ type: 'full-reload' });\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyCA,SAAwB,OAAO,UAA+B,CAAC,GAAW;CACxE,MAAM,SAAiB,QAAQ,UAAU;CACzC,MAAM,SAAS,QAAQ,OAAO;CAC9B,IAAI,QAAQ,QAAQ,QAAQ,SAAS,oBAAoB;CACzD,IAAI,OAAO;CAEX,MAAM,MAAM,YAAY;EACtB,MAAM,SAAS;GAAE;GAAO;GAAQ;EAAO,CAAC;EACxC,IAAI,QAAQ,SAAS;GACnB,MAAM,aAAa,QAAQ,MAAM,QAAQ,QAAQ,OAAO,QAAQ;GAChE,MAAM,iBAAiB;IACrB,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,MAAM;IAC5C,WAAW;IACX,GAAI,QAAQ,QAAQ,eAChB,EAAE,cAAc,QAAQ,MAAM,QAAQ,QAAQ,YAAY,EAAE,IAC5D,CAAC;GACP,CAAC;GACD,IAAI,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,YAC1C,MAAM,qBAAqB,YAAY;IACrC,MAAM,QAAQ,QAAQ;IACtB,YAAY,QAAQ,QAAQ;IAC5B,GAAI,QAAQ,QAAQ,kBAChB,EAAE,iBAAiB,QAAQ,QAAQ,gBAAgB,IACnD,CAAC;GACP,CAAC;EAEL;CACF;CAEA,OAAO;EACL,MAAM;EAEN,eAAe,QAAQ;GACrB,OAAO,OAAO;GACd,QAAQ,QAAQ,OAAO,MAAM,QAAQ,SAAS,oBAAoB;EACpE;EACA,MAAM,aAAa;GACjB,KAAK,aAAa,KAAK;GACvB,MAAM,IAAI;EACZ;EACA,MAAM,YAAY,IAAI;GACpB,IAAI,QAAQ,EAAE,MAAM,OAAO,MAAM,IAAI;EACvC;EACA,gBAAgB,QAAQ;GACtB,OAAO,QAAQ,IAAI,KAAK;GACxB,OAAO,QAAQ,GAAG,UAAU,OAAO,SAAS;IAC1C,IAAI,QAAQ,IAAI,MAAM,OAAO;IAC7B,MAAM,IAAI;IACV,OAAO,GAAG,KAAK,EAAE,MAAM,cAAc,CAAC;GACxC,CAAC;EACH;CACF;AACF"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @getvitops/vite — a Vite plugin that generates Vitops design-system output from a\n * `design-system.json` during a Vite/Astro (EmDash) build, and hot-regenerates when\n * the config changes in dev.\n *\n *   import vitops from '@getvitops/vite';\n *   export default { plugins: [vitops({ input: 'design-system.json', format: 'tailwind', out: 'src/styles' })] };\n *\n * Thin wrapper over @getvitops/generator — the same generator the CLI uses.\n */\nimport { copyFileSync, existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { join, resolve } from 'node:path';\nimport type { Plugin } from 'vite';\nimport { generate, validate, type Format } from '@getvitops/generator';\nimport { generateFavicons, writeFaviconManifest } from '@getvitops/utils';\n\n/** Endpoint `<wc-theme-editor>` probes for, and POSTs its patch to. */\nconst EDITOR_ENDPOINT = '/__vitops/design-system';\n\n/**\n * Recursively merge a patch into a config. Plain objects merge key-wise;\n * everything else (scalars, and arrays — a token list is replaced, not appended)\n * is overwritten by the patch.\n */\nfunction deepMerge(base: unknown, patch: unknown): unknown {\n  const isPlain = (v: unknown): v is Record<string, unknown> =>\n    typeof v === 'object' && v !== null && !Array.isArray(v);\n  if (!isPlain(base) || !isPlain(patch)) return patch;\n  const out: Record<string, unknown> = { ...base };\n  for (const [k, v] of Object.entries(patch)) out[k] = deepMerge(base[k], v);\n  return out;\n}\n\n/** Printed width the config is formatted to — matches the repo formatter's default. */\nconst PRINT_WIDTH = 100;\n\n/**\n * Serialize a config the way a formatter would: 2-space indent, but arrays of\n * scalars kept on one line when they fit.\n *\n * `JSON.stringify(v, null, 2)` explodes every array onto its own lines, so writing\n * back a two-key patch reflowed ~300 lines of `design-system.json` — a diff nobody\n * can review, for a change of two values. Matching the prevailing style keeps the\n * write surgical, which is the whole point of saving to source rather than copying\n * a patch by hand.\n */\nfunction formatConfig(value: unknown, col = 0, indent = 0): string {\n  const pad = ' '.repeat(indent);\n  if (Array.isArray(value)) {\n    if (!value.length) return '[]';\n    if (value.every((v) => v === null || typeof v !== 'object')) {\n      const inline = `[${value.map((v) => JSON.stringify(v)).join(', ')}]`;\n      if (col + inline.length <= PRINT_WIDTH) return inline;\n    }\n    const items = value.map((v) => `${pad}  ${formatConfig(v, indent + 2, indent + 2)}`);\n    return `[\\n${items.join(',\\n')}\\n${pad}]`;\n  }\n  if (value !== null && typeof value === 'object') {\n    const entries = Object.entries(value as Record<string, unknown>);\n    if (!entries.length) return '{}';\n    const items = entries.map(([k, v]) => {\n      const head = `${pad}  ${JSON.stringify(k)}: `;\n      return head + formatConfig(v, head.length, indent + 2);\n    });\n    return `{\\n${items.join(',\\n')}\\n${pad}}`;\n  }\n  return JSON.stringify(value) ?? 'null';\n}\n\nexport interface VitopsFaviconOptions {\n  /** Source SVG or PNG. */\n  source: string;\n  /** Optional simplified source for the 16px icon. */\n  lowResSource?: string;\n  /** Directory to write the favicon set into. Default: 'public'. */\n  out?: string;\n  /** App name — when set (with `themeColor`), also emit `site.webmanifest`. */\n  name?: string;\n  /** PWA theme color (also drives `<meta name=\"theme-color\">`). */\n  themeColor?: string;\n  /** PWA background color. */\n  backgroundColor?: string;\n}\n\nexport interface VitopsPluginOptions {\n  /** Path to the design-system.json. Default: 'design-system.json'. */\n  input?: string;\n  /** Output target. Default: 'tailwind' (the EmDash/Astro case). */\n  format?: Format;\n  /** Directory to write generated output into. Default: 'src/styles'. */\n  out?: string;\n  /** Also generate a favicon set on build from this source image. */\n  favicon?: VitopsFaviconOptions;\n  /**\n   * Directory to mirror `design-manifest.json` into as `vitops/design-manifest.json`\n   * — the URL `<wc-theme-editor>` fetches by default. Set by the Astro integration's\n   * `editor` option. Copied inside the generate pass rather than by the caller, so\n   * it can't race the first generation and can't go stale on regeneration.\n   */\n  editorManifestDir?: string;\n}\n\nexport default function vitops(options: VitopsPluginOptions = {}): Plugin {\n  const format: Format = options.format ?? 'tailwind';\n  const outDir = options.out ?? 'src/styles';\n  let input = resolve(options.input ?? 'design-system.json');\n  let root = '';\n\n  const run = async () => {\n    await generate({ input, format, outDir });\n    if (options.editorManifestDir) {\n      const src = resolve(root, outDir, 'design-manifest.json');\n      if (existsSync(src)) {\n        const dest = resolve(root, options.editorManifestDir, 'vitops');\n        mkdirSync(dest, { recursive: true });\n        copyFileSync(src, join(dest, 'design-manifest.json'));\n      }\n    }\n    if (options.favicon) {\n      const faviconOut = resolve(root, options.favicon.out ?? 'public');\n      await generateFavicons({\n        source: resolve(root, options.favicon.source),\n        outputDir: faviconOut,\n        ...(options.favicon.lowResSource\n          ? { lowResSource: resolve(root, options.favicon.lowResSource) }\n          : {}),\n      });\n      if (options.favicon.name && options.favicon.themeColor) {\n        await writeFaviconManifest(faviconOut, {\n          name: options.favicon.name,\n          themeColor: options.favicon.themeColor,\n          ...(options.favicon.backgroundColor\n            ? { backgroundColor: options.favicon.backgroundColor }\n            : {}),\n        });\n      }\n    }\n  };\n\n  return {\n    name: '@getvitops/vite',\n    // Resolve paths against Vite's project root once it's known.\n    configResolved(config) {\n      root = config.root;\n      input = resolve(config.root, options.input ?? 'design-system.json');\n    },\n    async buildStart() {\n      this.addWatchFile(input);\n      await run();\n    },\n    async watchChange(id) {\n      if (resolve(id) === input) await run();\n    },\n    configureServer(server) {\n      server.watcher.add(input);\n      server.watcher.on('change', async (file) => {\n        if (resolve(file) !== input) return;\n        await run();\n        server.ws.send({ type: 'full-reload' });\n      });\n\n      // Dev-only design-system write-back, for `<wc-theme-editor>`'s \"Save to\n      // source\". Registered in configureServer only, so it exists in `vite dev`\n      // and never in a build — on a static deploy the editor's probe 404s and the\n      // button simply isn't rendered. The only writable path is `input`, already\n      // resolved from config: a request supplies a patch, never a destination.\n      server.middlewares.use(EDITOR_ENDPOINT, (req, res, next) => {\n        const json = (status: number, body: unknown): void => {\n          res.statusCode = status;\n          res.setHeader('content-type', 'application/json');\n          res.end(JSON.stringify(body));\n        };\n\n        if (req.method === 'GET') {\n          try {\n            return json(200, {\n              writable: true,\n              path: input,\n              config: JSON.parse(readFileSync(input, 'utf8')),\n            });\n          } catch (err) {\n            return json(500, { error: (err as Error).message });\n          }\n        }\n\n        if (req.method !== 'POST') return next();\n\n        const chunks: Buffer[] = [];\n        req.on('data', (c: Buffer) => chunks.push(c));\n        req.on('end', () => {\n          try {\n            const { patch } = JSON.parse(Buffer.concat(chunks).toString('utf8')) as {\n              patch?: unknown;\n            };\n            if (patch == null || typeof patch !== 'object')\n              return json(400, { errors: ['body must be { patch: object }'] });\n\n            const current = JSON.parse(readFileSync(input, 'utf8')) as unknown;\n            const merged = deepMerge(current, patch);\n            // Validate the *merged* result, not the patch: a patch is a partial\n            // by design, so it can't be validated on its own, and writing an\n            // invalid config would break the very dev server doing the writing.\n            const result = validate(merged);\n            if (!result.ok)\n              return json(400, {\n                errors: result.errors.map((e) => `${e.path.join('.') || '(root)'}: ${e.message}`),\n              });\n\n            writeFileSync(input, `${formatConfig(merged)}\\n`);\n            // The watcher above picks the write up and regenerates + reloads.\n            return json(200, { ok: true, warnings: result.warnings });\n          } catch (err) {\n            return json(400, { errors: [(err as Error).message] });\n          }\n        });\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,kBAAkB;;;;;;AAOxB,SAAS,UAAU,MAAe,OAAyB;CACzD,MAAM,WAAW,MACf,OAAO,MAAM,YAAY,MAAM,QAAQ,CAAC,MAAM,QAAQ,CAAC;CACzD,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,GAAG,OAAO;CAC9C,MAAM,MAA+B,EAAE,GAAG,KAAK;CAC/C,KAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,IAAI,KAAK,UAAU,KAAK,IAAI,CAAC;CACzE,OAAO;AACT;;AAGA,MAAM,cAAc;;;;;;;;;;;AAYpB,SAAS,aAAa,OAAgB,MAAM,GAAG,SAAS,GAAW;CACjE,MAAM,MAAM,IAAI,OAAO,MAAM;CAC7B,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,IAAI,CAAC,MAAM,QAAQ,OAAO;EAC1B,IAAI,MAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,MAAM,QAAQ,GAAG;GAC3D,MAAM,SAAS,IAAI,MAAM,KAAK,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;GAClE,IAAI,MAAM,OAAO,UAAU,aAAa,OAAO;EACjD;EAEA,OAAO,MADO,MAAM,KAAK,MAAM,GAAG,IAAI,IAAI,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC,GAC/D,CAAC,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI;CACzC;CACA,IAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;EAC/C,MAAM,UAAU,OAAO,QAAQ,KAAgC;EAC/D,IAAI,CAAC,QAAQ,QAAQ,OAAO;EAK5B,OAAO,MAJO,QAAQ,KAAK,CAAC,GAAG,OAAO;GACpC,MAAM,OAAO,GAAG,IAAI,IAAI,KAAK,UAAU,CAAC,EAAE;GAC1C,OAAO,OAAO,aAAa,GAAG,KAAK,QAAQ,SAAS,CAAC;EACvD,CACiB,CAAC,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI;CACzC;CACA,OAAO,KAAK,UAAU,KAAK,KAAK;AAClC;AAmCA,SAAwB,OAAO,UAA+B,CAAC,GAAW;CACxE,MAAM,SAAiB,QAAQ,UAAU;CACzC,MAAM,SAAS,QAAQ,OAAO;CAC9B,IAAI,QAAQ,QAAQ,QAAQ,SAAS,oBAAoB;CACzD,IAAI,OAAO;CAEX,MAAM,MAAM,YAAY;EACtB,MAAM,SAAS;GAAE;GAAO;GAAQ;EAAO,CAAC;EACxC,IAAI,QAAQ,mBAAmB;GAC7B,MAAM,MAAM,QAAQ,MAAM,QAAQ,sBAAsB;GACxD,IAAI,WAAW,GAAG,GAAG;IACnB,MAAM,OAAO,QAAQ,MAAM,QAAQ,mBAAmB,QAAQ;IAC9D,UAAU,MAAM,EAAE,WAAW,KAAK,CAAC;IACnC,aAAa,KAAK,KAAK,MAAM,sBAAsB,CAAC;GACtD;EACF;EACA,IAAI,QAAQ,SAAS;GACnB,MAAM,aAAa,QAAQ,MAAM,QAAQ,QAAQ,OAAO,QAAQ;GAChE,MAAM,iBAAiB;IACrB,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,MAAM;IAC5C,WAAW;IACX,GAAI,QAAQ,QAAQ,eAChB,EAAE,cAAc,QAAQ,MAAM,QAAQ,QAAQ,YAAY,EAAE,IAC5D,CAAC;GACP,CAAC;GACD,IAAI,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,YAC1C,MAAM,qBAAqB,YAAY;IACrC,MAAM,QAAQ,QAAQ;IACtB,YAAY,QAAQ,QAAQ;IAC5B,GAAI,QAAQ,QAAQ,kBAChB,EAAE,iBAAiB,QAAQ,QAAQ,gBAAgB,IACnD,CAAC;GACP,CAAC;EAEL;CACF;CAEA,OAAO;EACL,MAAM;EAEN,eAAe,QAAQ;GACrB,OAAO,OAAO;GACd,QAAQ,QAAQ,OAAO,MAAM,QAAQ,SAAS,oBAAoB;EACpE;EACA,MAAM,aAAa;GACjB,KAAK,aAAa,KAAK;GACvB,MAAM,IAAI;EACZ;EACA,MAAM,YAAY,IAAI;GACpB,IAAI,QAAQ,EAAE,MAAM,OAAO,MAAM,IAAI;EACvC;EACA,gBAAgB,QAAQ;GACtB,OAAO,QAAQ,IAAI,KAAK;GACxB,OAAO,QAAQ,GAAG,UAAU,OAAO,SAAS;IAC1C,IAAI,QAAQ,IAAI,MAAM,OAAO;IAC7B,MAAM,IAAI;IACV,OAAO,GAAG,KAAK,EAAE,MAAM,cAAc,CAAC;GACxC,CAAC;GAOD,OAAO,YAAY,IAAI,kBAAkB,KAAK,KAAK,SAAS;IAC1D,MAAM,QAAQ,QAAgB,SAAwB;KACpD,IAAI,aAAa;KACjB,IAAI,UAAU,gBAAgB,kBAAkB;KAChD,IAAI,IAAI,KAAK,UAAU,IAAI,CAAC;IAC9B;IAEA,IAAI,IAAI,WAAW,OACjB,IAAI;KACF,OAAO,KAAK,KAAK;MACf,UAAU;MACV,MAAM;MACN,QAAQ,KAAK,MAAM,aAAa,OAAO,MAAM,CAAC;KAChD,CAAC;IACH,SAAS,KAAK;KACZ,OAAO,KAAK,KAAK,EAAE,OAAQ,IAAc,QAAQ,CAAC;IACpD;IAGF,IAAI,IAAI,WAAW,QAAQ,OAAO,KAAK;IAEvC,MAAM,SAAmB,CAAC;IAC1B,IAAI,GAAG,SAAS,MAAc,OAAO,KAAK,CAAC,CAAC;IAC5C,IAAI,GAAG,aAAa;KAClB,IAAI;MACF,MAAM,EAAE,UAAU,KAAK,MAAM,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC;MAGnE,IAAI,SAAS,QAAQ,OAAO,UAAU,UACpC,OAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,gCAAgC,EAAE,CAAC;MAGjE,MAAM,SAAS,UADC,KAAK,MAAM,aAAa,OAAO,MAAM,CACtB,GAAG,KAAK;MAIvC,MAAM,SAAS,SAAS,MAAM;MAC9B,IAAI,CAAC,OAAO,IACV,OAAO,KAAK,KAAK,EACf,QAAQ,OAAO,OAAO,KAAK,MAAM,GAAG,EAAE,KAAK,KAAK,GAAG,KAAK,SAAS,IAAI,EAAE,SAAS,EAClF,CAAC;MAEH,cAAc,OAAO,GAAG,aAAa,MAAM,EAAE,GAAG;MAEhD,OAAO,KAAK,KAAK;OAAE,IAAI;OAAM,UAAU,OAAO;MAAS,CAAC;KAC1D,SAAS,KAAK;MACZ,OAAO,KAAK,KAAK,EAAE,QAAQ,CAAE,IAAc,OAAO,EAAE,CAAC;KACvD;IACF,CAAC;GACH,CAAC;EACH;CACF;AACF"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@getvitops/vite",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Vite plugin that generates Vitops design-system outputs from a design-system.json during a Vite/Astro build.",
   "license": "MIT",
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "type": "module",
   "exports": {
@@ -17,8 +18,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@getvitops/generator": "0.6.0",
-    "@getvitops/utils": "0.6.0"
+    "@getvitops/utils": "0.8.0",
+    "@getvitops/generator": "0.8.0"
   },
   "devDependencies": {
     "vite": "^6.0.0"