@getvitops/vite 0.1.0

package/README.md

@@ -0,0 +1,27 @@
+# @getvitops/vite
+
+A Vite plugin that generates Vitops design-system output from a `design-system.json` during a
+Vite/Astro (EmDash) build — and hot-regenerates when the config changes in dev.
+
+```ts
+// astro.config.mjs / vite.config.ts
+import vitops from '@getvitops/vite';
+
+export default {
+  plugins: [
+    vitops({
+      input: 'design-system.json', // default
+      format: 'tailwind', // 'bricks' | 'css' | 'tailwind' (default: 'tailwind')
+      out: 'src/styles', // default
+    }),
+  ],
+};
+```
+
+Then import the generated stylesheet (Tailwind v4):
+
+```css
+@import './styles/tailwind.css';
+```
+
+Powered by [`@getvitops/generator`](https://www.npmjs.com/package/@getvitops/generator).

package/dist/index.d.mts

@@ -0,0 +1,26 @@
+import { Format } from "@getvitops/generator";
+import { Plugin } from "vite";
+
+//#region src/index.d.ts
+interface VitopsFaviconOptions {
+  /** Source SVG or PNG. */
+  source: string;
+  /** Optional simplified source for the 16px icon. */
+  lowResSource?: string;
+  /** Directory to write the favicon set into. Default: 'public'. */
+  out?: string;
+}
+interface VitopsPluginOptions {
+  /** Path to the design-system.json. Default: 'design-system.json'. */
+  input?: string;
+  /** Output target. Default: 'tailwind' (the EmDash/Astro case). */
+  format?: Format;
+  /** Directory to write generated output into. Default: 'src/styles'. */
+  out?: string;
+  /** Also generate a favicon set on build from this source image. */
+  favicon?: VitopsFaviconOptions;
+}
+declare function vitops(options?: VitopsPluginOptions): Plugin;
+//#endregion
+export { VitopsFaviconOptions, VitopsPluginOptions, vitops as default };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;UAeiB,oBAAA;;EAEf,MAAA;EAFmC;EAInC,YAAA;EAJmC;EAMnC,GAAA;AAAA;AAAA,UAGe,mBAAA;EAHZ;EAKH,KAAA;EAFe;EAIf,MAAA,GAAS,MAAA;;EAET,GAAA;EAJA;EAMA,OAAA,GAAU,oBAAoB;AAAA;AAAA,iBAGR,MAAA,CAAO,OAAA,GAAS,mBAAA,GAA2B,MAAM"}

package/dist/index.mjs

@@ -0,0 +1,59 @@
+import { resolve } from "node:path";
+import { generate } from "@getvitops/generator";
+import { generateFavicons } from "@getvitops/utils";
+
+//#region src/index.ts
+/**
+* @getvitops/vite — a Vite plugin that generates Vitops design-system output from a
+* `design-system.json` during a Vite/Astro (EmDash) build, and hot-regenerates when
+* the config changes in dev.
+*
+*   import vitops from '@getvitops/vite';
+*   export default { plugins: [vitops({ input: 'design-system.json', format: 'tailwind', out: 'src/styles' })] };
+*
+* Thin wrapper over @getvitops/generator — the same generator the CLI uses.
+*/
+function vitops(options = {}) {
+	const format = options.format ?? "tailwind";
+	const outDir = options.out ?? "src/styles";
+	let input = resolve(options.input ?? "design-system.json");
+	let root = "";
+	const run = async () => {
+		await generate({
+			input,
+			format,
+			outDir
+		});
+		if (options.favicon) await generateFavicons({
+			source: resolve(root, options.favicon.source),
+			outputDir: resolve(root, options.favicon.out ?? "public"),
+			...options.favicon.lowResSource ? { lowResSource: resolve(root, options.favicon.lowResSource) } : {}
+		});
+	};
+	return {
+		name: "@getvitops/vite",
+		configResolved(config) {
+			root = config.root;
+			input = resolve(config.root, options.input ?? "design-system.json");
+		},
+		async buildStart() {
+			this.addWatchFile(input);
+			await run();
+		},
+		async watchChange(id) {
+			if (resolve(id) === input) await run();
+		},
+		configureServer(server) {
+			server.watcher.add(input);
+			server.watcher.on("change", async (file) => {
+				if (resolve(file) !== input) return;
+				await run();
+				server.ws.send({ type: "full-reload" });
+			});
+		}
+	};
+}
+
+//#endregion
+export { vitops as default };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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 } 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}\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      await generateFavicons({\n        source: resolve(root, options.favicon.source),\n        outputDir: resolve(root, options.favicon.out ?? 'public'),\n        ...(options.favicon.lowResSource\n          ? { lowResSource: resolve(root, options.favicon.lowResSource) }\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":";;;;;;;;;;;;;;;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,SACV,MAAM,iBAAiB;GACrB,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,MAAM;GAC5C,WAAW,QAAQ,MAAM,QAAQ,QAAQ,OAAO,QAAQ;GACxD,GAAI,QAAQ,QAAQ,eAChB,EAAE,cAAc,QAAQ,MAAM,QAAQ,QAAQ,YAAY,EAAE,IAC5D,CAAC;EACP,CAAC;CAEL;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"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@getvitops/vite",
+  "version": "0.1.0",
+  "description": "Vite plugin that generates Vitops design-system outputs from a design-system.json during a Vite/Astro build.",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@getvitops/generator": "0.1.0",
+    "@getvitops/utils": "0.1.0"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0"
+  },
+  "peerDependencies": {
+    "vite": ">=5"
+  }
+}