rafters 0.0.60 → 0.0.62

package/dist/index.js

@@ -1,9 +1,80 @@
 #!/usr/bin/env node
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to2, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to2;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/.pnpm/escape-html@1.0.3/node_modules/escape-html/index.js
+var require_escape_html = __commonJS({
+  "../../node_modules/.pnpm/escape-html@1.0.3/node_modules/escape-html/index.js"(exports, module) {
+    "use strict";
+    var matchHtmlRegExp = /["'&<>]/;
+    module.exports = escapeHtml2;
+    function escapeHtml2(string4) {
+      var str = "" + string4;
+      var match = matchHtmlRegExp.exec(str);
+      if (!match) {
+        return str;
+      }
+      var escape;
+      var html = "";
+      var index = 0;
+      var lastIndex = 0;
+      for (index = match.index; index < str.length; index++) {
+        switch (str.charCodeAt(index)) {
+          case 34:
+            escape = "&quot;";
+            break;
+          case 38:
+            escape = "&amp;";
+            break;
+          case 39:
+            escape = "&#39;";
+            break;
+          case 60:
+            escape = "&lt;";
+            break;
+          case 62:
+            escape = "&gt;";
+            break;
+          default:
+            continue;
+        }
+        if (lastIndex !== index) {
+          html += str.substring(lastIndex, index);
+        }
+        lastIndex = index + 1;
+        html += escape;
+      }
+      return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+    }
+  }
+});
 
 // src/index.ts
 import { Command } from "commander";
@@ -12688,8 +12759,8 @@ var RegistryClient = class {
     return item;
   }
   /**
-   * Fetch a registry item (component or primitive) by name
-   * Tries component first, then primitive
+   * Fetch a registry item by name
+   * Tries component, then primitive, then composite
    */
   async fetchItem(name) {
     try {
@@ -12699,7 +12770,11 @@ var RegistryClient = class {
         try {
           return await this.fetchPrimitive(name);
         } catch {
-          throw err;
+          try {
+            return await this.fetchComposite(name);
+          } catch {
+            throw err;
+          }
         }
       }
       throw err;
@@ -13635,26 +13710,6 @@ function selectFilesForFramework(files, target) {
   return { files, fallback: false };
 }
 var FOLDER_NAMES = /* @__PURE__ */ new Set(["composites"]);
-var COMPOSITES_RUNTIME_CONTENT = `export { Composite, createComposites, toJsx, toMdx } from '@rafters/composites/client';
-export type { CompositeProps, ToJsxOptions } from '@rafters/composites/client';
-`;
-function buildCompositesRuntimeItem() {
-  return {
-    name: "composites",
-    type: "composite",
-    primitives: [],
-    rules: [],
-    composites: [],
-    files: [
-      {
-        path: "composites/index.ts",
-        content: COMPOSITES_RUNTIME_CONTENT,
-        dependencies: ["@rafters/composites"],
-        devDependencies: []
-      }
-    ]
-  };
-}
 function isAlreadyInstalled(config2, item) {
   if (!config2?.installed) return false;
   if (item.type === "ui") {
@@ -13848,7 +13903,7 @@ async function add(componentArgs, options) {
     components = installedNames;
   }
   if (folder === "composites" && components.length === 0) {
-    components = ["__composites_runtime__"];
+    components = ["composites"];
   }
   if (components.length === 0) {
     error46("No components specified. Usage: rafters add <component...>");
@@ -13867,9 +13922,15 @@ async function add(componentArgs, options) {
     try {
       if (folder === "composites") {
         if (!seen.has(itemName)) {
-          const item = itemName === "__composites_runtime__" ? buildCompositesRuntimeItem() : await client.fetchComposite(itemName);
+          const composite = await client.fetchComposite(itemName);
           seen.add(itemName);
-          allItems.push(item);
+          allItems.push(composite);
+          for (const dep of composite.primitives) {
+            if (!seen.has(dep)) {
+              const depItems = await client.resolveDependencies(dep, seen);
+              allItems.push(...depItems);
+            }
+          }
         }
       } else {
         const items = await client.resolveDependencies(itemName, seen);
@@ -24622,14 +24683,25 @@ function colorRefToString(ref) {
 }
 function getSemanticMappingsFromTokens(semanticTokens) {
   const mappings = {};
+  const tokensByName = /* @__PURE__ */ new Map();
+  for (const t of semanticTokens) tokensByName.set(t.name, t);
   for (const token of semanticTokens) {
     const { name, value, dependsOn } = token;
+    if (name.endsWith("--dark")) continue;
     if (typeof value !== "object" || value === null || !("family" in value)) {
       continue;
     }
     const colorRef = value;
     const lightRef = `${colorRef.family}-${colorRef.position}`;
-    const darkRef = dependsOn?.[1] ?? lightRef;
+    let darkRef = lightRef;
+    const darkTokenName = dependsOn?.[1];
+    if (darkTokenName) {
+      const darkToken = tokensByName.get(darkTokenName);
+      if (darkToken?.value && typeof darkToken.value === "object" && "family" in darkToken.value) {
+        const darkColorRef = darkToken.value;
+        darkRef = `${darkColorRef.family}-${darkColorRef.position}`;
+      }
+    }
     mappings[name] = { light: lightRef, dark: darkRef };
   }
   for (const [name, mapping] of Object.entries(DEFAULT_SEMANTIC_COLOR_MAPPINGS)) {
@@ -27294,14 +27366,33 @@ function derivationToBinding(derivation) {
       };
   }
 }
-function derivationParent(derivation) {
+function derivationParent(derivation, suffix = "") {
   switch (derivation.kind) {
     case "scale":
       return derivation.family;
     case "state":
-      return derivation.from;
+      return `${derivation.from}${suffix}`;
+    case "contrast":
+      return `${derivation.against}${suffix}`;
+  }
+}
+function deriveDarkBinding(derivation) {
+  switch (derivation.kind) {
+    case "scale":
+      return {
+        plugin: "invert",
+        input: { familyName: derivation.family, basePosition: derivation.scalePosition }
+      };
+    case "state":
+      return {
+        plugin: "state",
+        input: { from: `${derivation.from}--dark`, stateType: derivation.stateType }
+      };
     case "contrast":
-      return derivation.against;
+      return {
+        plugin: "contrast",
+        input: { against: `${derivation.against}--dark`, level: derivation.level }
+      };
   }
 }
 function generateSemanticTokens(_config) {
@@ -27314,11 +27405,10 @@ function generateSemanticTokens(_config) {
     const derivation = deriveDerivation(name, lightRef, knownTokens);
     const binding = derivationToBinding(derivation);
     const parent = derivationParent(derivation);
-    const darkTokenName = `${darkRef.family}-${darkRef.position}`;
-    const dependsOn = [parent];
-    if (darkTokenName !== parent) {
-      dependsOn.push(darkTokenName);
-    }
+    const darkName = `${name}--dark`;
+    const darkBinding = deriveDarkBinding(derivation);
+    const darkParent = derivationParent(derivation, "--dark");
+    const dependsOn = [parent, darkName];
     tokens.push({
       name,
       value: lightRef,
@@ -27330,7 +27420,7 @@ function generateSemanticTokens(_config) {
       trustLevel: mapping.trustLevel,
       consequence: mapping.consequence,
       dependsOn,
-      description: `${mapping.meaning}. Light: ${lightRef.family}-${lightRef.position}, Dark: ${darkRef.family}-${darkRef.position}.`,
+      description: `${mapping.meaning}. Light: ${lightRef.family}-${lightRef.position}.`,
       generatedAt: timestamp,
       containerQueryAware: true,
       userOverride: null,
@@ -27340,6 +27430,18 @@ function generateSemanticTokens(_config) {
       },
       requiresConfirmation: mapping.consequence === "destructive" || mapping.consequence === "permanent"
     });
+    tokens.push({
+      name: darkName,
+      value: darkRef,
+      category: "color",
+      namespace: "semantic",
+      binding: darkBinding,
+      dependsOn: [darkParent],
+      description: `Dark mode counterpart of ${name}.`,
+      generatedAt: timestamp,
+      containerQueryAware: true,
+      userOverride: null
+    });
   }
   return {
     namespace: "semantic",
@@ -29984,6 +30086,9 @@ function search(query) {
   }).filter((entry) => entry.score > 0).sort((a2, b2) => b2.score - a2.score).map((entry) => entry.c);
 }
 
+// ../composites/src/to-mdx.ts
+var import_escape_html = __toESM(require_escape_html(), 1);
+
 // src/utils/workspaces.ts
 import { existsSync as existsSync5, readdirSync as readdirSync2, readFileSync as readFileSync2, statSync as statSync2 } from "fs";
 import { basename, dirname as dirname3, join as join9, resolve as resolve3 } from "path";
@@ -31354,6 +31459,15 @@ program.command("studio").description("Open Studio UI for visual token editing")
 program.parse();
 /*! Bundled license information:
 
+escape-html/index.js:
+  (*!
+   * escape-html
+   * Copyright(c) 2012-2013 TJ Holowaychuk
+   * Copyright(c) 2015 Andreas Lubbe
+   * Copyright(c) 2015 Tiancheng "Timothy" Gu
+   * MIT Licensed
+   *)
+
 colorparsley/src/colorparsley.js:
   (** @preserve
   /////    CoLoR PaRsLeY  a simple set of color parsing thingies!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "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",