rafters 0.0.12 → 0.0.13

package/dist/index.js

@@ -13290,7 +13290,7 @@ function transformPath(registryPath, config3) {
 function fileExists(cwd, relativePath) {
   return existsSync(join3(cwd, relativePath));
 }
-function transformFileContent(content, config3) {
+function transformFileContent(content, config3, fileType = "component") {
   let transformed = content;
   const componentsPath = config3?.componentsPath ?? "components/ui";
   const primitivesPath = config3?.primitivesPath ?? "lib/primitives";
@@ -13302,10 +13302,8 @@ function transformFileContent(content, config3) {
     /from\s+['"]\.\.\/primitives\/([^'"]+)['"]/g,
     `from '@/${primitivesPath}/$1'`
   );
-  transformed = transformed.replace(
-    /from\s+['"]\.\/([^'"]+)['"]/g,
-    `from '@/${componentsPath}/$1'`
-  );
+  const siblingPath = fileType === "primitive" ? primitivesPath : componentsPath;
+  transformed = transformed.replace(/from\s+['"]\.\/([^'"]+)['"]/g, `from '@/${siblingPath}/$1'`);
   const libPath = dirname(primitivesPath);
   transformed = transformed.replace(
     /from\s+['"]\.\.\/lib\/([^'"]+)['"]/g,
@@ -13342,7 +13340,8 @@ async function installItem(cwd, item, options, config3) {
       }
     }
     await mkdir(dirname(targetPath), { recursive: true });
-    const transformedContent = transformFileContent(file2.content, config3);
+    const fileType = item.type === "primitive" ? "primitive" : "component";
+    const transformedContent = transformFileContent(file2.content, config3, fileType);
     await writeFile(targetPath, transformedContent, "utf-8");
     installedFiles.push(projectPath);
   }
@@ -24715,7 +24714,7 @@ var require_volume = __commonJS({
     var Dir_1 = require_Dir();
     var resolveCrossPlatform = pathModule.resolve;
     var { O_RDONLY, O_WRONLY, O_RDWR, O_CREAT, O_EXCL, O_TRUNC, O_APPEND, O_DIRECTORY, O_SYMLINK, F_OK, COPYFILE_EXCL, COPYFILE_FICLONE_FORCE } = constants_1.constants;
-    var { sep: sep2, relative: relative2, join: join12, dirname: dirname4 } = pathModule.posix ? pathModule.posix : pathModule;
+    var { sep: sep2, relative: relative3, join: join12, dirname: dirname4 } = pathModule.posix ? pathModule.posix : pathModule;
     var kMinPoolSpace = 128;
     var EPERM = "EPERM";
     var ENOENT2 = "ENOENT";
@@ -25058,7 +25057,7 @@ var require_volume = __commonJS({
           if (node.isFile()) {
             let filename = child.getPath();
             if (path2)
-              filename = relative2(path2, filename);
+              filename = relative3(path2, filename);
             json3[filename] = asBuffer ? node.getBuffer() : node.getString();
           } else if (node.isDirectory()) {
             this._toJSON(child, json3, path2, asBuffer);
@@ -25066,7 +25065,7 @@ var require_volume = __commonJS({
         }
         let dirPath = link.getPath();
         if (path2)
-          dirPath = relative2(path2, dirPath);
+          dirPath = relative3(path2, dirPath);
         if (dirPath && isEmpty) {
           json3[dirPath] = null;
         }
@@ -26544,7 +26543,7 @@ var require_volume = __commonJS({
           const filepath = link.getPath();
           const node = link.getNode();
           const onNodeChange = () => {
-            let filename = relative2(this._filename, filepath);
+            let filename = relative3(this._filename, filepath);
             if (!filename) {
               filename = this._getName();
             }
@@ -26559,7 +26558,7 @@ var require_volume = __commonJS({
           var _a;
           const node = link.getNode();
           const onLinkChildAdd = (l) => {
-            this.emit("change", "rename", relative2(this._filename, l.getPath()));
+            this.emit("change", "rename", relative3(this._filename, l.getPath()));
             setTimeout(() => {
               watchLinkNodeChanged(l);
               watchLinkChildrenChanged(l);
@@ -26580,7 +26579,7 @@ var require_volume = __commonJS({
               }
             };
             removeLinkNodeListeners(l);
-            this.emit("change", "rename", relative2(this._filename, l.getPath()));
+            this.emit("change", "rename", relative3(this._filename, l.getPath()));
           };
           for (const [name2, childLink] of link.children.entries()) {
             if (childLink && name2 !== "." && name2 !== "..") {
@@ -33680,10 +33679,10 @@ var Ignore = class {
   ignored(p) {
     const fullpath = p.fullpath();
     const fullpaths = `${fullpath}/`;
-    const relative2 = p.relative() || ".";
-    const relatives = `${relative2}/`;
+    const relative3 = p.relative() || ".";
+    const relatives = `${relative3}/`;
     for (const m of this.relative) {
-      if (m.match(relative2) || m.match(relatives))
+      if (m.match(relative3) || m.match(relatives))
         return true;
     }
     for (const m of this.absolute) {
@@ -33694,9 +33693,9 @@ var Ignore = class {
   }
   childrenIgnored(p) {
     const fullpath = p.fullpath() + "/";
-    const relative2 = (p.relative() || ".") + "/";
+    const relative3 = (p.relative() || ".") + "/";
     for (const m of this.relativeChildren) {
-      if (m.match(relative2))
+      if (m.match(relative3))
         return true;
     }
     for (const m of this.absoluteChildren) {
@@ -46629,6 +46628,9 @@ function getSemanticMappingsFromTokens(semanticTokens) {
 function tokenValueToCSS(token) {
   const { value: value2 } = token;
   if (typeof value2 === "string") {
+    if (value2.startsWith("{") || value2.startsWith("[")) {
+      return null;
+    }
     return value2;
   }
   if (typeof value2 === "object" && value2 !== null) {
@@ -46754,6 +46756,7 @@ function generateThemeBlock(groups) {
   if (groups.color.length > 0) {
     for (const token of groups.color) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --color-${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46761,6 +46764,7 @@ function generateThemeBlock(groups) {
   if (groups.spacing.length > 0) {
     for (const token of groups.spacing) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --spacing-${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46768,6 +46772,7 @@ function generateThemeBlock(groups) {
   if (groups.typography.length > 0) {
     for (const token of groups.typography) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
       if (token.lineHeight) {
         lines.push(`  --${token.name}--line-height: ${token.lineHeight};`);
@@ -46778,6 +46783,7 @@ function generateThemeBlock(groups) {
   if (groups.radius.length > 0) {
     for (const token of groups.radius) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --radius-${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46785,6 +46791,7 @@ function generateThemeBlock(groups) {
   if (groups.shadow.length > 0) {
     for (const token of groups.shadow) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --shadow-${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46792,6 +46799,7 @@ function generateThemeBlock(groups) {
   if (groups.depth.length > 0) {
     for (const token of groups.depth) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46799,6 +46807,7 @@ function generateThemeBlock(groups) {
   if (groups.motion.length > 0) {
     for (const token of groups.motion) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46806,6 +46815,7 @@ function generateThemeBlock(groups) {
   if (groups.breakpoint.length > 0) {
     for (const token of groups.breakpoint) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46813,6 +46823,7 @@ function generateThemeBlock(groups) {
   if (groups.elevation.length > 0) {
     for (const token of groups.elevation) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46820,6 +46831,7 @@ function generateThemeBlock(groups) {
   if (groups.focus.length > 0) {
     for (const token of groups.focus) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -46827,6 +46839,7 @@ function generateThemeBlock(groups) {
   if (groups.other.length > 0) {
     for (const token of groups.other) {
       const value2 = tokenValueToCSS(token);
+      if (value2 === null) continue;
       lines.push(`  --${token.name}: ${value2};`);
     }
     lines.push("");
@@ -47008,6 +47021,9 @@ async function registryToCompiled(registry2, options = {}) {
 function tokenValueToTS(token) {
   const { value: value2 } = token;
   if (typeof value2 === "string") {
+    if (value2.startsWith("{") || value2.startsWith("[")) {
+      return value2;
+    }
     return escapeStringValue(value2);
   }
   if (typeof value2 === "object" && value2 !== null) {
@@ -51494,7 +51510,7 @@ import { CallToolRequestSchema, ListToolsRequestSchema } from "@modelcontextprot
 // src/mcp/tools.ts
 import { existsSync as existsSync4 } from "fs";
 import { readdir as readdir3, readFile as readFile6 } from "fs/promises";
-import { basename, join as join10 } from "path";
+import { basename, join as join10, relative as relative2 } from "path";
 
 // src/mcp/cognitive-load.ts
 var BUDGET_TIERS = {
@@ -52912,16 +52928,30 @@ var RaftersToolHandler = class {
       return { sizes: {}, weights: [] };
     }
   }
+  /**
+   * Load and cache the project's Rafters config from .rafters/config.rafters.json.
+   * Returns null when no config exists or when it cannot be parsed.
+   */
+  async loadConfig() {
+    try {
+      const paths = getRaftersPaths(this.projectRoot);
+      if (!existsSync4(paths.config)) {
+        return null;
+      }
+      const content = await readFile6(paths.config, "utf-8");
+      return JSON.parse(content);
+    } catch {
+      return null;
+    }
+  }
   /**
    * Extract compact component vocabulary
    */
   async getComponentVocabulary() {
     let installed = [];
     try {
-      const paths = getRaftersPaths(this.projectRoot);
-      if (existsSync4(paths.config)) {
-        const content = await readFile6(paths.config, "utf-8");
-        const config3 = JSON.parse(content);
+      const config3 = await this.loadConfig();
+      if (config3) {
         installed = config3.installed?.components ?? [];
       }
     } catch {
@@ -52973,17 +53003,22 @@ var RaftersToolHandler = class {
   }
   // ==================== Tool 3: Component ====================
   /**
-   * Get path to UI components directory
+   * Get path to UI components directory.
+   * Reads componentsPath from .rafters/config.rafters.json when available,
+   * falls back to the monorepo layout for local development.
    */
-  getComponentsPath() {
-    const monorepoPath = join10(this.projectRoot, "packages/ui/src/components/ui");
-    return monorepoPath;
+  async getComponentsPath() {
+    const config3 = await this.loadConfig();
+    if (config3?.componentsPath) {
+      return join10(this.projectRoot, config3.componentsPath);
+    }
+    return join10(this.projectRoot, "packages/ui/src/components/ui");
   }
   /**
    * Load component metadata from source file
    */
   async loadComponentMetadata(name2) {
-    const componentsPath = this.getComponentsPath();
+    const componentsPath = await this.getComponentsPath();
     const filePath = join10(componentsPath, `${name2}.tsx`);
     try {
       const source = await readFile6(filePath, "utf-8");
@@ -53002,7 +53037,7 @@ var RaftersToolHandler = class {
         sizes: extractSizes(source),
         dependencies: extractDependencies(source),
         primitives: extractPrimitiveDependencies(source),
-        filePath: `packages/ui/src/components/ui/${name2}.tsx`
+        filePath: relative2(this.projectRoot, join10(componentsPath, `${name2}.tsx`))
       };
       if (hasAnyDeps(jsDocDeps)) {
         metadata.jsDocDependencies = jsDocDeps;
@@ -53094,7 +53129,7 @@ var RaftersToolHandler = class {
     try {
       const metadata = await this.loadComponentMetadata(name2);
       if (!metadata) {
-        const componentsPath = this.getComponentsPath();
+        const componentsPath = await this.getComponentsPath();
         let available = [];
         try {
           const files = await readdir3(componentsPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "CLI for Rafters design system - scaffold tokens and add components",
   "license": "MIT",
   "type": "module",