@barefootjs/test 0.13.0 → 0.15.0

package/dist/index.js

@@ -187487,6 +187487,18 @@ var SVG_XML_CAMEL_ATTRS = new Set([
 ]);
 // ../jsx/src/ir-to-client-js/utils.ts
 var PROPS_PARAM = "_p";
+// ../jsx/src/ir-to-client-js/component-scope.ts
+function computeFileScope(entryPath) {
+  let h = 2166136261;
+  for (let i2 = 0;i2 < entryPath.length; i2++) {
+    h ^= entryPath.charCodeAt(i2);
+    h = Math.imul(h, 16777619);
+  }
+  h ^= h >>> 13;
+  h = Math.imul(h, 1540483477);
+  return (h >>> 0).toString(16).padStart(8, "0");
+}
+
 // ../jsx/src/ir-to-client-js/csr-substitute.ts
 var import_typescript3 = __toESM(require_typescript(), 1);
 
@@ -187995,6 +188007,7 @@ var ErrorCodes = {
   JSX_BRANCH_LOCAL_IN_CALLBACK: "BF047",
   SHARED_PROGRAM_REQUIRED: "BF050",
   WRONG_PACKAGE_IMPORT: "BF051",
+  BUILTIN_REQUIRES_IMPORT: "BF054",
   UNDECLARED_INIT_STATEMENT_REFERENCE: "BF052",
   STRIPPED_CLIENT_IMPORT_REFERENCED: "BF053",
   STAGE_REACTIVE_IN_TEMPLATE: "BF060",
@@ -188018,6 +188031,7 @@ var errorMessages = {
   [ErrorCodes.JSX_BRANCH_LOCAL_IN_CALLBACK]: "JSX-typed local declared inside an `if`-block cannot be referenced from a callback body (ref / event handler). " + "Render it as a child instead: `<div ref={...}>{local}</div>`.",
   [ErrorCodes.SHARED_PROGRAM_REQUIRED]: "Shared ts.Program required for type-based reactivity classification. This source imports a Reactive<T>-branded library (e.g. @barefootjs/form) whose getters cannot be classified by regex alone. Pass `options.program` (built via `createProgramForCorpus`) so the analyzer can resolve the brand through the TypeChecker.",
   [ErrorCodes.WRONG_PACKAGE_IMPORT]: "Import from wrong package.",
+  [ErrorCodes.BUILTIN_REQUIRES_IMPORT]: "Built-in <Async> / <Region> must be imported from '@barefootjs/client'. " + "The compiler recognises these tags by their import (not by tag name), " + "so an unimported tag with this name is treated as an undeclared component.",
   [ErrorCodes.UNDECLARED_INIT_STATEMENT_REFERENCE]: "Init statement references an undeclared identifier. Declare it at module scope, inside the component, or import it — otherwise ESM strict mode throws ReferenceError at runtime.",
   [ErrorCodes.STRIPPED_CLIENT_IMPORT_REFERENCED]: "Import was stripped from the client bundle but its binding is still referenced. Client components ('use client' .tsx) are not callable as plain functions from imperative .ts modules — render them as JSX from a 'use client' parent instead. If the flagged name is a local shadow rather than the stripped import, please file an issue.",
   [ErrorCodes.STAGE_REACTIVE_IN_TEMPLATE]: "Reactive binding (signal getter or memo) referenced from template scope. The template lambda runs at module scope without the reactive context, so the value cannot be evaluated at SSR. Wrap the JSX expression in /* @client */ to defer it to hydrate, or restructure so the template uses a prop or static value.",
@@ -188976,7 +188990,10 @@ var CLIENT_EXPORTS = new Set([
   "createPortal",
   "isSSRPortal",
   "findSiblingSlot",
-  "cleanupPortalPlaceholder"
+  "cleanupPortalPlaceholder",
+  "searchParams",
+  "Async",
+  "Region"
 ]);
 function collectAmbientGlobals(node, ctx) {
   if (import_typescript7.default.isVariableStatement(node)) {
@@ -189052,7 +189069,8 @@ function collectImport(node, ctx) {
             name: element.propertyName?.text ?? element.name.text,
             alias: element.propertyName ? element.name.text : null,
             isDefault: false,
-            isNamespace: false
+            isNamespace: false,
+            isTypeOnly: element.isTypeOnly
           });
         }
       }
@@ -190603,6 +190621,9 @@ function convertNode(node, raw) {
       if (callee.property === "trim") {
         return { kind: "array-method", method: "trim", object: callee.object, args };
       }
+      if (callee.property === "toFixed") {
+        return { kind: "array-method", method: "toFixed", object: callee.object, args };
+      }
       if (callee.property === "split") {
         return { kind: "array-method", method: "split", object: callee.object, args };
       }
@@ -190736,13 +190757,19 @@ function convertNode(node, raw) {
   if (import_typescript8.default.isElementAccessExpression(node)) {
     const object = convertNode(node.expression, raw);
     const argNode = node.argumentExpression;
+    if (!argNode) {
+      return { kind: "unsupported", raw, reason: "Element access with no index expression" };
+    }
     if (import_typescript8.default.isNumericLiteral(argNode)) {
       return { kind: "member", object, property: argNode.text, computed: true };
     }
     if (import_typescript8.default.isStringLiteral(argNode)) {
       return { kind: "member", object, property: argNode.text, computed: true };
     }
-    return { kind: "unsupported", raw, reason: "Complex computed property access" };
+    const index = convertNode(argNode, raw);
+    if (index.kind === "unsupported")
+      return index;
+    return { kind: "index-access", object, index };
   }
   if (import_typescript8.default.isBinaryExpression(node)) {
     const left = convertNode(node.left, raw);
@@ -191218,6 +191245,8 @@ function findImpureDefaultNode(expr) {
       return null;
     case "member":
       return findImpureDefaultNode(expr.object);
+    case "index-access":
+      return findImpureDefaultNode(expr.object) ?? findImpureDefaultNode(expr.index);
     case "unary":
       return findImpureDefaultNode(expr.argument);
     case "binary":
@@ -191371,6 +191400,10 @@ function collectIdentifiers(expr, out) {
     case "member":
       collectIdentifiers(expr.object, out);
       return;
+    case "index-access":
+      collectIdentifiers(expr.object, out);
+      collectIdentifiers(expr.index, out);
+      return;
     case "binary":
     case "logical":
       collectIdentifiers(expr.left, out);
@@ -191437,6 +191470,8 @@ function substituteDestructuredFields(expr, fieldMap, syntheticParam, restName)
           };
         }
         return { kind: "member", object: walk(e.object), property: e.property, computed: e.computed };
+      case "index-access":
+        return { kind: "index-access", object: walk(e.object), index: walk(e.index) };
       case "binary":
         return { kind: "binary", op: e.op, left: walk(e.left), right: walk(e.right) };
       case "logical":
@@ -191615,6 +191650,15 @@ function checkSupport(expr) {
       }
       return { supported: true, level: "L2" };
     }
+    case "index-access": {
+      const objSupport = checkSupport(expr.object);
+      if (!objSupport.supported)
+        return objSupport;
+      const indexSupport = checkSupport(expr.index);
+      if (!indexSupport.supported)
+        return indexSupport;
+      return { supported: true, level: "L2" };
+    }
     case "binary": {
       const leftSupport = checkSupport(expr.left);
       if (!leftSupport.supported)
@@ -191685,6 +191729,8 @@ function containsHigherOrder(expr) {
       return expr.args.some(containsHigherOrder) || containsHigherOrder(expr.callee);
     case "member":
       return containsHigherOrder(expr.object);
+    case "index-access":
+      return containsHigherOrder(expr.object) || containsHigherOrder(expr.index);
     case "binary":
       return containsHigherOrder(expr.left) || containsHigherOrder(expr.right);
     case "unary":
@@ -191780,6 +191826,12 @@ function parseIfBranch(branch, sourceFile, getJS) {
   return [parsed];
 }
 
+// ../jsx/src/builtins.ts
+var CLIENT_BUILTIN_SOURCE = "@barefootjs/client";
+function isClientBuiltinName(name) {
+  return name === "Async" || name === "Region";
+}
+
 // ../jsx/src/reactivity-checker.ts
 var import_typescript9 = __toESM(require_typescript(), 1);
 var REACTIVE_BRAND = "__reactive";
@@ -192218,6 +192270,7 @@ function createTransformContext(analyzer) {
     filePath: analyzer.filePath,
     slotIdCounter: 0,
     asyncIdCounter: 0,
+    regionIdCounter: 0,
     loopMarkerCounter: 0,
     spreadIdCounter: 0,
     isRoot: true,
@@ -192405,14 +192458,72 @@ function transformNode(node, ctx) {
   }
   return null;
 }
+function clientBuiltinTags(ctx) {
+  if (ctx._clientBuiltinTags)
+    return ctx._clientBuiltinTags;
+  const map = new Map;
+  for (const imp of ctx.analyzer.imports) {
+    if (imp.source !== CLIENT_BUILTIN_SOURCE || imp.isTypeOnly)
+      continue;
+    for (const spec of imp.specifiers) {
+      if (spec.isDefault || spec.isNamespace || spec.isTypeOnly)
+        continue;
+      if (isClientBuiltinName(spec.name)) {
+        map.set(spec.alias ?? spec.name, spec.name);
+      }
+    }
+  }
+  ctx._clientBuiltinTags = map;
+  return map;
+}
+function isNameBound(ctx, name) {
+  const a = ctx.analyzer;
+  if (a.ambientGlobals.has(name))
+    return true;
+  if (a.localFunctions.some((f) => f.name === name))
+    return true;
+  if (a.localConstants.some((c) => c.name === name))
+    return true;
+  for (const imp of a.imports) {
+    if (imp.isTypeOnly)
+      continue;
+    for (const spec of imp.specifiers) {
+      if (spec.isTypeOnly)
+        continue;
+      if ((spec.alias ?? spec.name) === name)
+        return true;
+    }
+  }
+  return false;
+}
+function reportBuiltinNotImported(ctx, node, tagName) {
+  ctx.analyzer.errors.push(createError(ErrorCodes.BUILTIN_REQUIRES_IMPORT, getSourceLocation(node, ctx.sourceFile, ctx.filePath), {
+    severity: "error",
+    message: `<${tagName}> must be imported from '${CLIENT_BUILTIN_SOURCE}' to be recognised as a compiler built-in.`,
+    suggestion: {
+      message: `Add: import { ${tagName} } from '${CLIENT_BUILTIN_SOURCE}'`
+    }
+  }));
+}
+function dispatchClientBuiltin(tagName, ctx, diagNode, transformAsync, transformRegion) {
+  const builtin = clientBuiltinTags(ctx).get(tagName);
+  if (builtin === "Async")
+    return transformAsync();
+  if (builtin === "Region")
+    return transformRegion();
+  if (isClientBuiltinName(tagName) && !isNameBound(ctx, tagName)) {
+    reportBuiltinNotImported(ctx, diagNode, tagName);
+  }
+  return null;
+}
 function transformJsxElement(node, ctx) {
   const tagName = node.openingElement.tagName.getText(ctx.sourceFile);
   if (tagName.endsWith(".Provider") && /^[A-Z]/.test(tagName)) {
     return transformProviderElement(node, ctx, tagName);
   }
-  if (tagName === "Async") {
-    return transformAsyncElement(node, ctx);
-  }
+  const builtin = dispatchClientBuiltin(tagName, ctx, node.openingElement, () => transformAsyncElement(node, ctx), () => transformRegionElement(node, ctx));
+  if (builtin)
+    return builtin;
   const isComponent = /^[A-Z]/.test(tagName);
   if (isComponent) {
     const resolved = resolveMemberExpressionTag(node.openingElement.tagName, ctx);
@@ -192447,9 +192558,9 @@ function transformSelfClosingElement(node, ctx) {
   if (tagName.endsWith(".Provider") && /^[A-Z]/.test(tagName)) {
     return transformSelfClosingProviderElement(node, ctx, tagName);
   }
-  if (tagName === "Async") {
-    return transformSelfClosingAsyncElement(node, ctx);
-  }
+  const builtin = dispatchClientBuiltin(tagName, ctx, node, () => transformSelfClosingAsyncElement(node, ctx), () => transformSelfClosingRegionElement(node, ctx));
+  if (builtin)
+    return builtin;
   const isComponent = /^[A-Z]/.test(tagName);
   if (isComponent) {
     const resolved = resolveMemberExpressionTag(node.tagName, ctx);
@@ -192573,6 +192684,44 @@ function transformSelfClosingAsyncElement(node, ctx) {
     loc: getSourceLocation(node, ctx.sourceFile, ctx.filePath)
   };
 }
+function regionId(ctx) {
+  return `${computeFileScope(ctx.filePath)}:${ctx.regionIdCounter++}`;
+}
+function transformRegionElement(node, ctx) {
+  const id = regionId(ctx);
+  const needsScope = ctx.isRoot;
+  ctx.isRoot = false;
+  const children = transformChildren(node.children, ctx);
+  return {
+    type: "element",
+    tag: "div",
+    attrs: [],
+    events: [],
+    ref: null,
+    children,
+    slotId: null,
+    needsScope,
+    regionId: id,
+    loc: getSourceLocation(node, ctx.sourceFile, ctx.filePath)
+  };
+}
+function transformSelfClosingRegionElement(node, ctx) {
+  const id = regionId(ctx);
+  const needsScope = ctx.isRoot;
+  ctx.isRoot = false;
+  return {
+    type: "element",
+    tag: "div",
+    attrs: [],
+    events: [],
+    ref: null,
+    children: [],
+    slotId: null,
+    needsScope,
+    regionId: id,
+    loc: getSourceLocation(node, ctx.sourceFile, ctx.filePath)
+  };
+}
 function transformComponentElement(node, ctx, name) {
   const props = processComponentProps(node.openingElement.attributes, ctx);
   ctx.isRoot = false;
@@ -195177,6 +195326,7 @@ var import_typescript15 = __toESM(require_typescript(), 1);
 // ../jsx/src/ssr-defaults.ts
 var import_typescript16 = __toESM(require_typescript(), 1);
 var UNRESOLVED = Symbol("unresolved");
+var NO_RETURN = Symbol("no-return");
 // ../jsx/src/shared-program.ts
 init_path();
 var import_typescript17 = __toESM(require_typescript(), 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/test",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "Test utilities for BarefootJS - IR-based component testing without a browser",
   "type": "module",
   "main": "./dist/index.js",
@@ -39,7 +39,7 @@
     "directory": "packages/test"
   },
   "dependencies": {
-    "@barefootjs/jsx": "0.13.0"
+    "@barefootjs/jsx": "0.15.0"
   },
   "devDependencies": {
     "typescript": "^5.0.0"