@tendrilapp/cli 0.1.7 → 0.1.8

package/dist/tendril.js

@@ -1839,6 +1839,7 @@ var init_browser = __esm({
 
 // packages/verify/src/runtime.ts
 import { existsSync as existsSync4, mkdtempSync, symlinkSync } from "node:fs";
+import { createRequire } from "node:module";
 import os from "node:os";
 import path4 from "node:path";
 import { fileURLToPath } from "node:url";
@@ -1870,6 +1871,21 @@ function newScratchDir(prefix) {
   }
   return dir;
 }
+function reactPinPlugin() {
+  const req = createRequire(path4.join(runtimePackageRoot(), "package.json"));
+  return {
+    name: "tendril-react-pin",
+    setup(b) {
+      b.onResolve({ filter: /^react(-dom)?(\/.*)?$/ }, (args) => {
+        try {
+          return { path: req.resolve(args.path) };
+        } catch {
+          return null;
+        }
+      });
+    }
+  };
+}
 var init_runtime = __esm({
   "packages/verify/src/runtime.ts"() {
     "use strict";
@@ -3578,6 +3594,7 @@ if (root && C) createRoot(root).render(createElement(C, cfg.props));
     const bundle = await build3({
       stdin: { contents: mountSrc, resolveDir: runtimePackageRoot(), loader: "tsx" },
       nodePaths: [runtimeNodeModules()],
+      plugins: [reactPinPlugin()],
       bundle: true,
       write: false,
       format: "iife",
@@ -4170,6 +4187,7 @@ if (root && C) createRoot(root).render(createElement(C, cfg.props));
     const bundle = await build4({
       stdin: { contents: mountSrc, resolveDir: runtimePackageRoot(), loader: "tsx" },
       nodePaths: [runtimeNodeModules()],
+      plugins: [reactPinPlugin()],
       bundle: true,
       write: false,
       format: "iife",
@@ -4351,7 +4369,7 @@ var init_prelude = __esm({
 - Component root: -webkit-font-smoothing: antialiased and -moz-osx-font-smoothing: grayscale (recorded rasterization); font-synthesis: none (a missing font weight must fall back visibly, never fake-bold); color-scheme MATCHING YOUR RECORDING (light for a light capture, dark for a dark one) and direction: ltr \u2014 pin them, so the render cannot follow the viewer OS preference and drift from the capture it is graded against; isolation: isolate (own stacking context; overlay z-indexes never fight the host).
 - Interactive controls (buttons, options): touch-action: manipulation and user-select: none. Text inputs stay selectable (never user-select: none on them).
 - Scrollable popovers/menus: overscroll-behavior: contain.
-- Focus indicators bind to :focus-visible, never bare :focus. If the recording contains a focus pose, style the indicator from that recorded truth. If NO focus pose is recorded, do NOT invent ring colors/widths/offsets \u2014 an invented ring is unrecorded pixels; keep the browser's default focus indicator (leave outline in place on :focus-visible) and state the gap in your report. Text inputs match :focus-visible even on mouse click BY SPEC \u2014 that is platform-correct accessibility, never a bug to suppress with JS modality tracking.
+- Focus indicators bind to :focus-visible, never bare :focus. If the recording contains a focus pose, style the indicator from that recorded truth. If NO focus pose is recorded, do NOT invent ring colors/widths/offsets \u2014 an invented ring is unrecorded pixels; keep the browser's default indicator for keyboard focus and state the gap in your report. Text inputs match :focus-visible even on mouse click BY SPEC; the ONE permitted refinement is suppressing the indicator on a POSITIVELY OBSERVED pointer press, fail-safe toward showing it (programmatic focus, restored focus, and assistive tech all count as keyboard and keep the ring \u2014 WCAG 2.4.7 binds keyboard operation). Never suppress more broadly than an observed press, and never restyle what you kept.
 - Every animation wrapped in @media (prefers-reduced-motion: no-preference) or disabled under reduce.`;
   }
 });
@@ -4466,7 +4484,7 @@ var init_parity = __esm({
 });
 
 // packages/verify/src/composition.ts
-import { createRequire } from "node:module";
+import { createRequire as createRequire2 } from "node:module";
 import { existsSync as existsSync12, readFileSync as readFileSync10 } from "node:fs";
 import path17 from "node:path";
 import { build as build6 } from "esbuild";
@@ -4478,7 +4496,7 @@ function getFontFaces4() {
 async function compileInstrumentedMount(task, bundleDir) {
   const entryTsx = path17.join(bundleDir, task.entry);
   if (!existsSync12(entryTsx)) return { error: `${task.entry} missing` };
-  const requireFromVerify = createRequire(path17.join(VERIFY_PKG_DIR, "package.json"));
+  const requireFromVerify = createRequire2(path17.join(VERIFY_PKG_DIR, "package.json"));
   let realJsxPath;
   try {
     realJsxPath = requireFromVerify.resolve("react/jsx-runtime");
@@ -4519,7 +4537,10 @@ if (root && Main) createRoot(root).render(createElement(Main, cfg.props));
             b.onResolve({ filter: new RegExp(`^${REAL_JSX_SPEC}$`) }, () => ({ path: realJsxPath }));
             b.onLoad({ filter: /.*/, namespace: "tendril-shim" }, () => ({ contents: JSX_SHIM, resolveDir: runtimePackageRoot(), loader: "js" }));
           }
-        }
+        },
+        // AFTER the stamp shim: the shim must own react/jsx-runtime
+        // interception; the pin covers every remaining react import.
+        reactPinPlugin()
       ]
     });
     return bundle.outputFiles[0]?.text ?? "";
@@ -4775,6 +4796,7 @@ for (const id of ["first", "second"]) {
     const bundle = await build7({
       stdin: { contents: src, resolveDir: runtimePackageRoot(), loader: "tsx" },
       nodePaths: [runtimeNodeModules()],
+      plugins: [reactPinPlugin()],
       bundle: true,
       write: false,
       format: "iife",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tendrilapp/cli",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Figma design systems → verified React components. CLI ruler + MCP server.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",