aplance-ui 1.0.1

package/dist/frameworks/vite-react/vite.config.ts.template

@@ -0,0 +1,48 @@
+/**
+ * Vite config generated by `npx aplance-ui init`. Safe to edit.
+ *
+ * What this sets up:
+ *   - React plugin
+ *   - `{{alias}}/*` path alias → ./{{srcDir}}/*
+ *   - CSS Modules{{#if pretty}} with human-readable class names{{/if}}
+ *   - PostCSS plugins matching @aplance-ui/core's own build
+ */
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { resolve{{#if pretty}}, basename{{/if}} } from "node:path";
+{{#if pretty}}import crypto from "node:crypto";
+{{/if}}
+// PostCSS plugins (same chain @aplance-ui/core uses internally)
+{{imports}}
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "{{alias}}": resolve(__dirname, "./{{srcDir}}"),
+    },
+  },
+  css: {
+{{#if pretty}}    modules: {
+      // Human-readable class names: <file>_<className>_<hash5>
+      generateScopedName: (className, filePath) => {
+        const rawFileName = basename(filePath);
+        const cleaned = rawFileName
+          .replace(/\b.module\b/, "")
+          .replace(/\.[^/.]+$/, "")
+          .toLowerCase();
+        const hash = crypto
+          .createHash("sha256")
+          .update(`${cleaned}_${className}`)
+          .digest("hex")
+          .slice(0, 5);
+        return `${cleaned}_${className}_${hash}`;
+      },
+    },
+{{/if}}    postcss: {
+      plugins: [
+{{invocations}}
+      ],
+    },
+  },
+});