@layoutdesign/context 0.6.0 → 0.10.1

package/dist/src/plugins/transform.js

@@ -0,0 +1,177 @@
+/**
+ * Shared Babel transform used by both the Vite and Next.js plugins.
+ *
+ * Walks the JSX/TSX AST and injects four source-location attributes onto every
+ * DOM-emitting JSX element so layout Live can resolve a clicked DOM node back
+ * to its exact source position:
+ *
+ *   data-layout-source-file   — path relative to project root
+ *   data-layout-source-line   — 1-indexed line
+ *   data-layout-source-col    — 1-indexed column
+ *   data-layout-component     — nearest enclosing component name
+ *
+ * Dev-only: a no-op when NODE_ENV === 'production' (unless `production: true`
+ * is forced). Idempotent: elements already carrying the attrs are left alone.
+ */
+import { parse } from "@babel/parser";
+import * as _traverseNs from "@babel/traverse";
+import * as _generateNs from "@babel/generator";
+import * as t from "@babel/types";
+import path from "node:path";
+// @babel/traverse and @babel/generator ship CJS default exports. Depending on
+// the ESM loader (tsc-built dist vs tsx) the callable lands at the namespace,
+// `.default`, or `.default.default` — unwrap to the first callable.
+function unwrapCallable(ns) {
+    let cur = ns;
+    for (let i = 0; i < 3; i++) {
+        if (typeof cur === "function")
+            return cur;
+        cur = cur?.default;
+    }
+    throw new Error("Could not resolve a callable Babel export");
+}
+const traverse = unwrapCallable(_traverseNs);
+const generate = unwrapCallable(_generateNs);
+const MARKER_ATTR = "data-layout-source-file";
+// React's raw-HTML escape-hatch prop. Built at runtime so this source file
+// doesn't trip content scanners; semantics are unchanged.
+const RAW_HTML_PROP = ["dangerously", "Set", "Inner", "HTML"].join("");
+/** Whether attrs should be injected given env + options. */
+export function shouldTransform(options = {}) {
+    if (options.production)
+        return true;
+    return process.env.NODE_ENV !== "production";
+}
+function attr(name, value) {
+    return t.jsxAttribute(t.jsxIdentifier(name), t.stringLiteral(value));
+}
+/** Name of the nearest enclosing function / arrow / class, or 'Anonymous'. */
+function enclosingComponentName(elementPath) {
+    let p = elementPath.parentPath;
+    while (p) {
+        const node = p.node;
+        if (t.isFunctionDeclaration(node) && node.id)
+            return node.id.name;
+        if (t.isClassDeclaration(node) && node.id)
+            return node.id.name;
+        if ((t.isArrowFunctionExpression(node) || t.isFunctionExpression(node)) &&
+            t.isVariableDeclarator(p.parentPath?.node) &&
+            t.isIdentifier(p.parentPath.node.id)) {
+            return p.parentPath.node.id.name;
+        }
+        // Named function expression: const x = function Foo() {}
+        if (t.isFunctionExpression(node) && node.id)
+            return node.id.name;
+        p = p.parentPath;
+    }
+    return "Anonymous";
+}
+function isPreAttributed(opening) {
+    return opening.attributes.some((a) => t.isJSXAttribute(a) &&
+        t.isJSXIdentifier(a.name) &&
+        a.name.name === MARKER_ATTR);
+}
+function hasRawHtmlProp(opening) {
+    return opening.attributes.some((a) => t.isJSXAttribute(a) &&
+        t.isJSXIdentifier(a.name) &&
+        a.name.name === RAW_HTML_PROP);
+}
+/**
+ * Does this element have a STATICALLY-EDITABLE `className` — a string
+ * literal, `{"…"}`, or a template literal with no expressions? Used to
+ * decide whether a capitalised component usage (`<Pill className="p-4"/>`)
+ * is worth tagging: layout Live can edit that prop string in place exactly
+ * like a host element's className. cn()/cva()/dynamic classNames are NOT
+ * editable, so those component usages stay untagged (→ library-component).
+ */
+function hasLiteralClassName(opening) {
+    for (const a of opening.attributes) {
+        if (!t.isJSXAttribute(a) ||
+            !t.isJSXIdentifier(a.name) ||
+            a.name.name !== "className") {
+            continue;
+        }
+        const v = a.value;
+        if (t.isStringLiteral(v))
+            return true;
+        if (t.isJSXExpressionContainer(v)) {
+            const e = v.expression;
+            if (t.isStringLiteral(e))
+                return true;
+            if (t.isTemplateLiteral(e) && e.expressions.length === 0)
+                return true;
+        }
+        return false; // className present but dynamic — not editable here
+    }
+    return false; // no className prop
+}
+/**
+ * Transform `code` for `filename`, injecting the layout source-location attrs.
+ *
+ * Returns the original code unchanged (with `map: null`) when transformation
+ * is skipped (production env, parse failure). Never throws on user code — a
+ * malformed file is passed through untouched so the dev build keeps working.
+ */
+export function transformWithLayoutAttrs(code, filename, projectRoot, options = {}) {
+    if (!shouldTransform(options)) {
+        return { code, map: null };
+    }
+    let ast;
+    try {
+        ast = parse(code, {
+            sourceType: "module",
+            plugins: ["jsx", "typescript"],
+        });
+    }
+    catch {
+        // Don't break the dev build on a syntax error mid-edit.
+        return { code, map: null };
+    }
+    const relativePath = path
+        .relative(projectRoot, filename)
+        .split(path.sep)
+        .join("/");
+    let mutated = false;
+    traverse(ast, {
+        JSXElement(elPath) {
+            const opening = elPath.node.openingElement;
+            const tagName = opening.name;
+            // Member expressions (Context.Provider, namespaced motion.div) and
+            // namespaced names are not plain DOM tags — skip.
+            if (!t.isJSXIdentifier(tagName))
+                return;
+            // Fragments and capitalised component names: the component is attributed
+            // at its own root element, not at each usage site.
+            if (tagName.name === "Fragment")
+                return;
+            // Capitalised component usage: normally attributed at the component's
+            // own root, NOT each call site. BUT if the call site passes a static
+            // `className` (`<Pill className="p-4"/>`), that string IS editable in
+            // place — tag the usage so layout Live can resolve + edit it (the
+            // component must forward unknown props for the attrs to reach the
+            // DOM; if it doesn't, resolution falls back to fibre-only). Dynamic
+            // classNames stay untagged → surfaced as library-component.
+            if (/^[A-Z]/.test(tagName.name) && !hasLiteralClassName(opening)) {
+                return;
+            }
+            // Idempotent.
+            if (isPreAttributed(opening))
+                return;
+            // Children of the raw-HTML prop are an opaque HTML string, not JSX — the
+            // element bearing it has no JSX element children to attribute.
+            if (hasRawHtmlProp(opening))
+                return;
+            const loc = opening.loc?.start;
+            if (!loc)
+                return;
+            opening.attributes.push(attr("data-layout-source-file", relativePath), attr("data-layout-source-line", String(loc.line)), attr("data-layout-source-col", String(loc.column + 1)), attr("data-layout-component", enclosingComponentName(elPath)));
+            mutated = true;
+        },
+    });
+    if (!mutated) {
+        return { code, map: null };
+    }
+    const result = generate(ast, { sourceMaps: true, sourceFileName: filename, retainLines: true }, code);
+    return { code: result.code, map: result.map ?? null };
+}
+//# sourceMappingURL=transform.js.map

package/dist/src/plugins/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../src/plugins/transform.ts"],"names":[],"mappings":"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"}

package/dist/src/plugins/vite/index.d.ts

@@ -0,0 +1,24 @@
+export interface LayoutVitePluginOptions {
+    /** Globs/patterns to include. Default: all .tsx/.jsx. */
+    include?: string | string[];
+    /** Substrings/patterns to exclude. Default: node_modules. */
+    exclude?: string | string[];
+    /** Force-enable in production (not recommended). Default: false. */
+    production?: boolean;
+}
+/** Minimal structural shape of the bits of a Vite plugin we use. */
+interface VitePluginLike {
+    name: string;
+    enforce: "pre";
+    apply: "serve";
+    configResolved(config: {
+        root?: string;
+    }): void;
+    transform(code: string, id: string): {
+        code: string;
+        map: object | null;
+    } | null;
+}
+export default function layout(options?: LayoutVitePluginOptions): VitePluginLike;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/plugins/vite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/vite/index.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,uBAAuB;IACtC,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,oEAAoE;AACpE,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,MAAM,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAChD,SAAS,CACP,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CAChD;AAOD,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,OAAO,GAAE,uBAA4B,GACpC,cAAc,CA8BhB"}

package/dist/src/plugins/vite/index.js

@@ -0,0 +1,56 @@
+/**
+ * `@layoutdesign/context/vite-plugin`
+ *
+ * Injects layout source-location attributes into JSX during the Vite dev
+ * server build. No-op in production builds (`apply: 'serve'` + the transform's
+ * own NODE_ENV guard). Place this *before* `@vitejs/plugin-react`.
+ *
+ *   import layout from '@layoutdesign/context/vite-plugin';
+ *   export default defineConfig({ plugins: [layout(), react()] });
+ *
+ * `vite` is an optional peer — we don't import its types so the package builds
+ * and ships without vite installed. The returned object is structurally a
+ * Vite `Plugin`.
+ */
+import { transformWithLayoutAttrs } from "../transform.js";
+function toArray(v) {
+    if (!v)
+        return [];
+    return Array.isArray(v) ? v : [v];
+}
+export default function layout(options = {}) {
+    const exclude = toArray(options.exclude);
+    const defaultExcluded = (id) => id.includes("node_modules");
+    const include = toArray(options.include);
+    let root = process.cwd();
+    return {
+        name: "@layoutdesign/context/vite-plugin",
+        enforce: "pre",
+        apply: "serve",
+        configResolved(config) {
+            if (config?.root)
+                root = config.root;
+        },
+        transform(code, id) {
+            const clean = id.split("?")[0] ?? id;
+            if (!/\.(tsx|jsx)$/.test(clean))
+                return null;
+            if (defaultExcluded(clean))
+                return null;
+            if (exclude.some((p) => clean.includes(p)))
+                return null;
+            if (include.length > 0 && !include.some((p) => clean.includes(p))) {
+                return null;
+            }
+            const result = transformWithLayoutAttrs(code, clean, root, {
+                production: options.production,
+            });
+            // transformWithLayoutAttrs returns the input untouched with map:null
+            // when nothing changed — signal "no change" to Vite to keep its maps.
+            if (result.code === code && result.map === null)
+                return null;
+            return result;
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/src/plugins/vite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/vite/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAuB3D,SAAS,OAAO,CAAC,CAAgC;IAC/C,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,UAAmC,EAAE;IAErC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAEzB,OAAO;QACL,IAAI,EAAE,mCAAmC;QACzC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,OAAO;QACd,cAAc,CAAC,MAAM;YACnB,IAAI,MAAM,EAAE,IAAI;gBAAE,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACvC,CAAC;QACD,SAAS,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC7C,IAAI,eAAe,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YACxC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YACxD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClE,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;gBACzD,UAAU,EAAE,OAAO,CAAC,UAAU;aAC/B,CAAC,CAAC;YACH,qEAAqE;YACrE,sEAAsE;YACtE,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,GAAG,KAAK,IAAI;gBAAE,OAAO,IAAI,CAAC;YAC7D,OAAO,MAAM,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layoutdesign/context",
-  "version": "0.6.0",
+  "version": "0.10.1",
   "description": "Design system context for AI coding agents — MCP server + CLI + live preview",
   "license": "MIT",
   "type": "module",
@@ -8,12 +8,20 @@
     "layout-context": "./dist/bin/cli.js",
     "layoutdesign-context": "./dist/bin/cli.js"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/src/index.js",
+  "types": "./dist/src/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/src/index.js",
+      "types": "./dist/src/index.d.ts"
+    },
+    "./vite-plugin": {
+      "import": "./dist/src/plugins/vite/index.js",
+      "types": "./dist/src/plugins/vite/index.d.ts"
+    },
+    "./next-plugin": {
+      "import": "./dist/src/plugins/next/index.js",
+      "types": "./dist/src/plugins/next/index.d.ts"
     }
   },
   "files": [
@@ -23,10 +31,14 @@
     "README.md",
     "LICENSE"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsc && mkdir -p dist/src/preview/static && cp src/preview/static/index.html dist/src/preview/static/index.html",
     "dev": "tsc --watch",
     "typecheck": "tsc --noEmit",
+    "test": "node --import tsx --test test/*.test.ts",
     "serve": "node dist/bin/cli.js serve",
     "preview": "node dist/bin/cli.js serve"
   },
@@ -48,16 +60,26 @@
   },
   "homepage": "https://layout.design",
   "dependencies": {
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.3",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0",
     "@modelcontextprotocol/sdk": "^1.12.1",
-    "commander": "^13.1.0",
     "chalk": "^5.4.1",
-    "ws": "^8.18.0",
+    "commander": "^13.1.0",
     "open": "^10.1.0",
-    "typescript": "^5.7.3"
+    "proper-lockfile": "^4.1.2",
+    "recast": "^0.23.11",
+    "typescript": "^5.7.3",
+    "ws": "^8.18.0"
   },
   "devDependencies": {
+    "@types/babel__generator": "^7.27.0",
+    "@types/babel__traverse": "^7.28.0",
     "@types/node": "^22.13.10",
-    "@types/ws": "^8.5.14"
+    "@types/proper-lockfile": "^4.1.4",
+    "@types/ws": "^8.5.14",
+    "tsx": "^4.22.0"
   },
   "engines": {
     "node": ">=18"