@skafform/vite-plugin 0.1.0

package/base.css

@@ -0,0 +1,52 @@
+/* Skafform — contrat universel. Shippe avec le plugin. */
+:root {
+  /* Couleurs */
+  --skafform-primary:         #111111;
+  --skafform-primary-fg:      #ffffff;
+  --skafform-primary-hover:   #333333;
+  --skafform-background:      #ffffff;
+  --skafform-foreground:      #111111;
+  --skafform-muted:           #f5f5f5;
+  --skafform-muted-fg:        #666666;
+  --skafform-border:          #eeeeee;
+  --skafform-error:           #dc2626;
+
+  /* Typographie */
+  --skafform-font:            system-ui, sans-serif;
+  --skafform-font-heading:    system-ui, sans-serif;
+  --skafform-font-body:       system-ui, sans-serif;
+  --skafform-font-size-xs:    0.75rem;
+  --skafform-font-size-sm:    0.875rem;
+  --skafform-font-size-base:  1rem;
+  --skafform-font-size-lg:    1.125rem;
+  --skafform-font-size-xl:    1.25rem;
+  --skafform-font-size-2xl:   1.5rem;
+
+  /* Espacements */
+  --skafform-spacing-xs:      4px;
+  --skafform-spacing-sm:      8px;
+  --skafform-spacing-md:      16px;
+  --skafform-spacing-lg:      24px;
+  --skafform-spacing-xl:      32px;
+
+  /* Bordures */
+  --skafform-radius:          6px;
+  --skafform-radius-sm:       4px;
+  --skafform-radius-md:       6px;
+  --skafform-radius-lg:       12px;
+
+  /* Ombres */
+  --skafform-shadow-sm:       0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --skafform-shadow-md:       0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --skafform-shadow-lg:       0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+
+  /* Mise en page */
+  --skafform-navbar-height:   60px;
+}
+
+html, body {
+  background: var(--skafform-background);
+  color: var(--skafform-foreground);
+  font-family: var(--skafform-font);
+  margin: 0;
+}

package/dist/index.js

@@ -0,0 +1,174 @@
+// src/index.ts
+import { readFileSync, existsSync, readdirSync, writeFileSync } from "fs";
+import { resolve, dirname } from "path";
+import { fileURLToPath } from "url";
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var VIRTUAL_CONFIG = "virtual:skafform/config";
+var RESOLVED_CONFIG = "\0virtual:skafform/config";
+var VIRTUAL_SERVER_INIT = "virtual:skafform/server-init";
+var RESOLVED_SERVER_INIT = "\0virtual:skafform/server-init";
+var VIRTUAL_NAV = "virtual:skafform/nav";
+var RESOLVED_NAV = "\0virtual:skafform/nav";
+var norm = (p) => p.replace(/\\/g, "/");
+function loadBrickIndex(root) {
+  const bricksDir = resolve(root, "bricks");
+  const names = /* @__PURE__ */ new Set();
+  if (!existsSync(bricksDir)) return names;
+  for (const entry of readdirSync(bricksDir)) {
+    if (entry.startsWith("@")) {
+      const scopeDir = resolve(bricksDir, entry);
+      for (const pkg of readdirSync(scopeDir)) {
+        names.add(`${entry}/${pkg}`);
+      }
+    } else {
+      names.add(entry);
+    }
+  }
+  return names;
+}
+function resolveBrick(id, root, index) {
+  const parts = id.split("/");
+  let brickName;
+  let subPath = null;
+  if (id.startsWith("@")) {
+    brickName = parts.slice(0, 2).join("/");
+    subPath = parts.length > 2 ? parts.slice(2).join("/") : null;
+  } else {
+    brickName = parts[0];
+    subPath = parts.length > 1 ? parts.slice(1).join("/") : null;
+  }
+  if (!index.has(brickName)) return null;
+  const brickDir = resolve(root, "bricks", brickName);
+  const pkgPath = resolve(brickDir, "package.json");
+  if (!existsSync(pkgPath)) return null;
+  const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+  const exportKey = subPath ? `./${subPath}` : ".";
+  const exportEntry = pkg.exports?.[exportKey];
+  if (exportEntry) {
+    const entry = typeof exportEntry === "string" ? exportEntry : exportEntry.import ?? exportEntry.default;
+    if (entry) return resolve(brickDir, entry);
+  }
+  const fallback = resolve(brickDir, subPath ? `src/${subPath}/index.ts` : "src/index.ts");
+  if (existsSync(fallback)) return fallback;
+  return null;
+}
+function skafform() {
+  const baseCssPath = resolve(__dirname, "../base.css");
+  let root = process.cwd();
+  let brickIndex = /* @__PURE__ */ new Set();
+  let config = {};
+  function getThemeJson(theme) {
+    const childPath = resolve(root, `themes/${theme}/child/theme.json`);
+    if (!existsSync(childPath)) return {};
+    return JSON.parse(readFileSync(childPath, "utf-8"));
+  }
+  function readCss(path) {
+    return readFileSync(path, "utf-8").replace(/^/, "");
+  }
+  function generateTokensCss(tokens) {
+    const entries = Object.entries(tokens);
+    if (entries.length === 0) return "";
+    const vars = entries.map(([key, value]) => `  --skafform-${key}: ${value};`).join("\n");
+    return `:root {
+${vars}
+}`;
+  }
+  function getCssString() {
+    const themeJson = getThemeJson(config.theme);
+    const themeCssPath = resolve(root, `themes/${config.theme}/styles/theme.css`);
+    const base = readCss(baseCssPath);
+    const theme = existsSync(themeCssPath) ? readCss(themeCssPath) : "";
+    const tokens = generateTokensCss(themeJson.tokens ?? {});
+    return base + "\n" + theme + (tokens ? "\n" + tokens : "");
+  }
+  return {
+    name: "skafform",
+    enforce: "pre",
+    configResolved(resolved) {
+      root = resolved.root;
+      config = JSON.parse(readFileSync(resolve(root, "skafform.config.json"), "utf-8"));
+      brickIndex = loadBrickIndex(root);
+      writeFileSync(resolve(root, "app/skafform-theme.css"), getCssString(), "utf-8");
+    },
+    resolveId(id, importer) {
+      if (id === VIRTUAL_CONFIG) return RESOLVED_CONFIG;
+      if (id === VIRTUAL_SERVER_INIT) return RESOLVED_SERVER_INIT;
+      if (id === VIRTUAL_NAV) return RESOLVED_NAV;
+      if (id.startsWith(".") && importer) {
+        const themeDir = norm(resolve(root, `themes/${config.theme}`));
+        const componentsDir = themeDir + "/components";
+        const childDir = themeDir + "/child";
+        const resolved = norm(resolve(norm(dirname(importer)), id));
+        if (resolved.startsWith(componentsDir)) {
+          const filename = resolved.slice(componentsDir.length + 1);
+          for (const ext of ["", ".tsx", ".ts", ".jsx", ".js"]) {
+            const childFile = resolve(childDir, filename + ext);
+            if (existsSync(childFile)) return childFile;
+          }
+        }
+        return;
+      }
+      if (id.startsWith("/") || id.startsWith("\0") || id.startsWith("node:")) return;
+      const brick = resolveBrick(id, root, brickIndex);
+      if (brick) return brick;
+    },
+    load(id) {
+      if (id === RESOLVED_CONFIG) {
+        const themeJson = getThemeJson(config.theme);
+        return `export default ${JSON.stringify({
+          ...config,
+          customize: { ...themeJson.customize ?? {}, ...config.customize ?? {} }
+        })}`;
+      }
+      if (id === RESOLVED_NAV) {
+        const bricksConfigPath = resolve(root, "skafform-bricks.json");
+        const themeJson = getThemeJson(config.theme);
+        const navLocations = themeJson.nav_locations ?? config.nav_locations ?? {};
+        const customNav = themeJson.nav ?? config.nav ?? {};
+        const bricksConfig = existsSync(bricksConfigPath) ? JSON.parse(readFileSync(bricksConfigPath, "utf-8")) : { bricks: {} };
+        const registry = {};
+        for (const loc of Object.keys(navLocations)) registry[loc] = [];
+        for (const [brickName, brick] of Object.entries(bricksConfig.bricks ?? {})) {
+          for (const item of brick.nav ?? []) {
+            if (registry[item.location] !== void 0) {
+              registry[item.location].push({ ...item, order: item.order ?? 0, brick: brickName });
+            }
+          }
+        }
+        for (const [loc, items] of Object.entries(customNav)) {
+          if (registry[loc] !== void 0) {
+            registry[loc].push(...items.map((i) => ({ ...i, order: i.order ?? 0, brick: "config" })));
+          }
+        }
+        for (const loc of Object.keys(registry)) {
+          registry[loc].sort((a, b) => a.order - b.order);
+        }
+        return `export default ${JSON.stringify(registry)}`;
+      }
+      if (id === RESOLVED_SERVER_INIT) {
+        const bricksConfigPath = resolve(root, "skafform-bricks.json");
+        if (!existsSync(bricksConfigPath)) return "";
+        const bricksConfig = JSON.parse(readFileSync(bricksConfigPath, "utf-8"));
+        const adapters = bricksConfig.adapters ?? {};
+        if (!adapters.auth) return "";
+        const adapterPath = resolve(root, adapters.auth).replace(/\\/g, "/");
+        return [
+          `import { setAdapter } from "@skafform/core/runtime"`,
+          `import { authAdapter } from "${adapterPath}"`,
+          `setAdapter(authAdapter)`
+        ].join("\n");
+      }
+    },
+    handleHotUpdate({ file, server }) {
+      if (file.includes("skafform.config") || file.includes("themes") || file.includes("bricks")) {
+        config = JSON.parse(readFileSync(resolve(root, "skafform.config.json"), "utf-8"));
+        brickIndex = loadBrickIndex(root);
+        server.moduleGraph.invalidateAll();
+        server.ws.send({ type: "full-reload" });
+      }
+    }
+  };
+}
+export {
+  skafform
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@skafform/vite-plugin",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./types.d.ts",
+  "files": [
+    "dist",
+    "base.css",
+    "types.d.ts"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "vite": ">=5.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.9.2",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^8.0.16"
+  }
+}

package/types.d.ts

@@ -0,0 +1,20 @@
+declare module "virtual:skafform/server-init" {}
+
+interface SkafformNavItem {
+  label: string
+  href: string
+  visibility: "public" | "guest" | "authenticated" | "admin"
+  order: number
+  brick: string
+}
+
+declare module "virtual:skafform/nav" {
+  const nav: Record<string, SkafformNavItem[]>
+  export default nav
+}
+
+declare module "virtual:skafform/config" {
+  const config: Record<string, unknown>
+  export default config
+}
+