rafters 0.0.72 → 0.0.74

package/dist/index.js

@@ -912,6 +912,147 @@ ${themeBody}`;
     rmSync(tempDir, { recursive: true, force: true });
   }
 }
+var COLOR_UTILITIES = [
+  "bg",
+  "text",
+  "border",
+  "ring",
+  "outline",
+  "fill",
+  "stroke",
+  "accent",
+  "caret",
+  "decoration",
+  "divide",
+  "shadow",
+  "placeholder"
+];
+var SPACING_UTILITIES = [
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "gap",
+  "gap-x",
+  "gap-y",
+  "w",
+  "h",
+  "size",
+  "inset",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "space-x",
+  "space-y"
+];
+var RADIUS_UTILITIES = [
+  "rounded",
+  "rounded-t",
+  "rounded-r",
+  "rounded-b",
+  "rounded-l",
+  "rounded-tl",
+  "rounded-tr",
+  "rounded-br",
+  "rounded-bl"
+];
+var STATE_VARIANTS = ["hover", "focus-visible", "focus", "active", "dark"];
+function deriveCandidates(themeCSS) {
+  const themeVarNames = [];
+  const themeBlockRe = /@theme\s*(?:inline\s*)?\{([^}]*)\}/gs;
+  let blockMatch;
+  while ((blockMatch = themeBlockRe.exec(themeCSS)) !== null) {
+    const block = blockMatch[1] ?? "";
+    const varRe = /--([a-z][a-z0-9-]*)\s*:/g;
+    let varMatch;
+    while ((varMatch = varRe.exec(block)) !== null) {
+      if (varMatch[1]) themeVarNames.push(varMatch[1]);
+    }
+  }
+  const candidates = /* @__PURE__ */ new Set();
+  for (const name of themeVarNames) {
+    if (name.startsWith("color-")) {
+      const slug = name.slice(6);
+      for (const p2 of COLOR_UTILITIES) candidates.add(`${p2}-${slug}`);
+    } else if (name.startsWith("spacing-")) {
+      const slug = name.slice(8);
+      for (const p2 of SPACING_UTILITIES) candidates.add(`${p2}-${slug}`);
+    } else if (name.startsWith("radius-")) {
+      const slug = name.slice(7);
+      for (const p2 of RADIUS_UTILITIES) candidates.add(`${p2}-${slug}`);
+    } else if (name.startsWith("shadow-") && !/-(blur|spread|offset|color|inset)/.test(name)) {
+      candidates.add(`shadow-${name.slice(7)}`);
+    } else if (name.startsWith("font-size-")) {
+      candidates.add(`text-${name.slice(10)}`);
+    } else if (name.startsWith("font-weight-")) {
+      candidates.add(`font-${name.slice(12)}`);
+    } else if (name.startsWith("ease-")) {
+      candidates.add(name);
+    } else if (name.startsWith("animate-")) {
+      candidates.add(name);
+    }
+  }
+  const base = [...candidates];
+  for (const variant of STATE_VARIANTS) {
+    for (const c4 of base) {
+      candidates.add(`${variant}:${c4}`);
+    }
+  }
+  return [...candidates];
+}
+async function registryToDocumentation(registry2, options = {}) {
+  const { minify = true } = options;
+  const themeBody = registryToTailwind(registry2, { includeImport: false });
+  const candidates = deriveCandidates(themeBody);
+  const { mkdtempSync, writeFileSync: writeFileSync2, rmSync } = await import("fs");
+  const { join: join15, dirname: dirname4 } = await import("path");
+  const { createRequire: createRequire2 } = await import("module");
+  const require2 = createRequire2(import.meta.url);
+  let pkgDir;
+  try {
+    const pkgJsonPath = require2.resolve("@tailwindcss/cli/package.json");
+    pkgDir = dirname4(pkgJsonPath);
+  } catch {
+    throw new Error(
+      "Failed to resolve @tailwindcss/cli -- install it to generate documentation CSS"
+    );
+  }
+  const tempDir = mkdtempSync(join15(pkgDir, ".tmp-doc-compile-"));
+  const candidateFile = join15(tempDir, "candidates.txt");
+  writeFileSync2(candidateFile, candidates.join("\n"));
+  const sourceDirective = `@source "${candidateFile}";`;
+  const input = `@import "tailwindcss" source(none);
+${sourceDirective}
+${themeBody}`;
+  const tempInput = join15(tempDir, "input.css");
+  const tempOutput = join15(tempDir, "output.css");
+  try {
+    writeFileSync2(tempInput, input);
+    const { execFileSync } = await import("child_process");
+    const binPath = join15(pkgDir, "dist", "index.mjs");
+    const args = [binPath, "-i", tempInput, "-o", tempOutput];
+    if (minify) args.push("--minify");
+    execFileSync("node", args, { stdio: "pipe", timeout: 6e4, cwd: pkgDir });
+    const { readFileSync: readFileSync3 } = await import("fs");
+    return readFileSync3(tempOutput, "utf-8");
+  } catch (error47) {
+    const message = error47 instanceof Error ? error47.message : String(error47);
+    throw new Error(`Failed to compile documentation CSS: ${message}`);
+  } finally {
+    rmSync(tempDir, { recursive: true, force: true });
+  }
+}
 
 // ../design-tokens/src/exporters/typescript.ts
 function tokenValueToTS(token) {
@@ -27302,6 +27443,11 @@ async function regenerateOutputs(registry2, input, hooks2 = {}) {
     await writeFile(join2(outputDir2, "rafters.standalone.css"), compiled);
     written.push("rafters.standalone.css");
   }
+  if (exports.documentation) {
+    const doc = await registryToDocumentation(registry2);
+    await writeFile(join2(outputDir2, "rafters.documentation.css"), doc);
+    written.push("rafters.documentation.css");
+  }
   hooks2.notify?.();
   return written;
 }
@@ -28019,7 +28165,8 @@ var DEFAULT_EXPORTS = {
   tailwind: true,
   typescript: true,
   dtcg: false,
-  compiled: false
+  compiled: false,
+  documentation: false
 };
 var EXPORT_CHOICES = [
   {
@@ -28041,6 +28188,11 @@ var EXPORT_CHOICES = [
     name: "Standalone CSS (pre-built, no Tailwind required)",
     value: "compiled",
     checked: false
+  },
+  {
+    name: "Documentation CSS (complete utility surface for docs/previews)",
+    value: "documentation",
+    checked: false
   }
 ];
 var FUTURE_EXPORTS = [
@@ -28064,7 +28216,8 @@ function selectionsToConfig(selections) {
     tailwind: selections.includes("tailwind"),
     typescript: selections.includes("typescript"),
     dtcg: selections.includes("dtcg"),
-    compiled: selections.includes("compiled")
+    compiled: selections.includes("compiled"),
+    documentation: selections.includes("documentation")
   };
 }
 
@@ -28834,6 +28987,10 @@ function transformFileContent(content, config2, fileType = "component", cwd = pr
       "from '@/$1/$2'"
     );
   }
+  transformed = transformed.replace(
+    /from\s+['"]\.\.\/([^/'"]+)\/\1([^'"]*)['"]/g,
+    `from '@/${aliasComponents}/$1$2'`
+  );
   transformed = transformed.replace(
     /from\s+['"]\.\.\/([^'"]+)['"]/g,
     `from '@/${aliasComponents}/$1'`
@@ -31176,9 +31333,10 @@ function studioApiPlugin() {
         const config2 = await loadStudioConfig();
         const exports = config2?.exports ?? {
           tailwind: true,
-          typescript: false,
+          typescript: true,
           dtcg: false,
-          compiled: false
+          compiled: false,
+          documentation: false
         };
         await regenerateOutputs(
           registry2,
@@ -31215,21 +31373,27 @@ function studioApiPlugin() {
         }
       };
       {
-        const watchConfig = await loadStudioConfig();
-        const classDirs = watchConfig ? resolveContentSources(projectPath, watchConfig) : [];
-        const watchTargets = [
-          join14(tokensDir, "*.rafters.json"),
-          configPath,
-          ...classDirs.map((dir) => join14(dir, "**/*.classes.ts"))
-        ];
-        server.watcher.add(watchTargets);
+        const trackedClassDirs = /* @__PURE__ */ new Set();
+        const syncWatchTargets = async () => {
+          const watchConfig = await loadStudioConfig();
+          const classDirs = watchConfig ? resolveContentSources(projectPath, watchConfig) : [];
+          const newDirs = classDirs.filter((d2) => !trackedClassDirs.has(d2));
+          if (newDirs.length > 0) {
+            server.watcher.add(newDirs.map((dir) => join14(dir, "**/*.classes.ts")));
+            for (const d2 of newDirs) trackedClassDirs.add(d2);
+          }
+        };
+        server.watcher.add([join14(tokensDir, "*.rafters.json"), configPath]);
+        await syncWatchTargets();
         let debounce = null;
         const onChange = (changed) => {
           const watched = changed.endsWith(".classes.ts") || changed.endsWith(".rafters.json") || changed === configPath;
           if (!watched) return;
           if (debounce) clearTimeout(debounce);
           debounce = setTimeout(() => {
-            void reloadAndRegenerate();
+            const isConfigChange = changed === configPath;
+            const run = isConfigChange ? syncWatchTargets().then(reloadAndRegenerate) : reloadAndRegenerate();
+            void run;
           }, 150);
         };
         server.watcher.on("change", onChange);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.72",
+  "version": "0.0.74",
   "description": "Design Intelligence CLI. Scaffold tokens, import existing shadcn/Tailwind v4 sources, add components, and serve an MCP server so AI agents read decisions instead of guessing.",
   "homepage": "https://rafters.studio",
   "license": "MIT",