@barefootjs/mojolicious 0.9.1 → 0.9.3

package/dist/adapter/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Mojolicious EP Template Adapter Exports
  */
-export { MojoAdapter, mojoAdapter } from './mojo-adapter';
-export type { MojoAdapterOptions } from './mojo-adapter';
+export { MojoAdapter, mojoAdapter } from './mojo-adapter.ts';
+export type { MojoAdapterOptions } from './mojo-adapter.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/adapter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapter/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapter/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/adapter/index.js

@@ -11,7 +11,10 @@ import {
   emitAttrValue,
   augmentInheritedPropAccesses,
   parseRecordIndexAccess,
-  evalStringArrayJoin
+  evalStringArrayJoin,
+  extractArrowBodyExpression,
+  collectContextConsumers,
+  extractSsrDefaults
 } from "@barefootjs/jsx";
 
 // src/adapter/boolean-result.ts
@@ -103,6 +106,36 @@ function parsePureStringLiteral(source) {
 function perlHashKey(name) {
   return /^[A-Za-z_][A-Za-z0-9_]*$/.test(name) ? name : `'${name.replace(/'/g, "\\'")}'`;
 }
+function collectRootScopeNodes(node) {
+  const out = new Set;
+  const visit = (n) => {
+    if (!n)
+      return;
+    if (n.type === "element") {
+      out.add(n);
+      return;
+    }
+    if (n.type === "if-statement") {
+      const s = n;
+      visit(s.consequent);
+      visit(s.alternate);
+      return;
+    }
+    if (n.type === "fragment") {
+      for (const c of n.children)
+        visit(c);
+    }
+  };
+  visit(node);
+  return out;
+}
+function referencedVarsAreAvailable(expr, available) {
+  for (const m of expr.matchAll(/\$([A-Za-z_]\w*)/g)) {
+    if (!available.has(m[1]))
+      return false;
+  }
+  return true;
+}
 
 class MojoAdapter extends BaseAdapter {
   name = "mojolicious";
@@ -111,6 +144,7 @@ class MojoAdapter extends BaseAdapter {
   importMapInjection = "html-snippet";
   templatePrimitives = MOJO_PRIMITIVE_EMIT_MAP;
   componentName = "";
+  rootScopeNodes = new Set;
   options;
   errors = [];
   inLoop = false;
@@ -152,9 +186,12 @@ class MojoAdapter extends BaseAdapter {
     if (!options?.siblingTemplatesRegistered) {
       this.checkImportedLoopChildComponents(ir);
     }
+    this.rootScopeNodes = collectRootScopeNodes(ir.root);
     const templateBody = ir.root.type === "if-statement" ? this.renderIfStatement(ir.root) : this.renderNode(ir.root);
     const scriptReg = options?.skipScriptRegistration ? "" : this.generateScriptRegistrations(ir, options?.scriptBaseName);
-    const template = `${scriptReg}${templateBody}
+    const ctxSeed = this.generateContextConsumerSeed(ir);
+    const memoSeed = this.generateDerivedMemoSeed(ir);
+    const template = `${scriptReg}${ctxSeed}${memoSeed}${templateBody}
 `;
     if (this.errors.length > 0) {
       ir.errors.push(...this.errors);
@@ -240,7 +277,83 @@ class MojoAdapter extends BaseAdapter {
     return this.renderIfStatement(node);
   }
   emitProvider(node, _ctx, _emit) {
-    return this.renderChildren(node.children);
+    const value = this.providerValuePerl(node.valueProp);
+    const children = this.renderChildren(node.children);
+    const name = node.contextName;
+    return `<% bf->provide_context('${name}', ${value}); %>` + children + `<% bf->revoke_context('${name}'); %>`;
+  }
+  providerValuePerl(valueProp) {
+    const v = valueProp.value;
+    if (v.kind === "literal") {
+      return typeof v.value === "string" ? `'${v.value.replace(/[\\']/g, (m) => `\\${m}`)}'` : String(v.value);
+    }
+    if (v.kind === "expression")
+      return this.convertExpressionToPerl(v.expr);
+    if (v.kind === "template")
+      return this.convertTemplateLiteralPartsToPerl(v.parts);
+    return "undef";
+  }
+  contextDefaultPerl(c) {
+    const d = c.defaultValue;
+    if (d === null || d === undefined)
+      return "undef";
+    if (typeof d === "string")
+      return `'${d.replace(/[\\']/g, (m) => `\\${m}`)}'`;
+    if (typeof d === "boolean")
+      return d ? "1" : "0";
+    return String(d);
+  }
+  generateContextConsumerSeed(ir) {
+    const consumers = collectContextConsumers(ir.metadata);
+    if (consumers.length === 0)
+      return "";
+    return consumers.map((c) => `% my $${c.localName} = bf->use_context('${c.contextName}', ${this.contextDefaultPerl(c)});`).join(`
+`) + `
+`;
+  }
+  generateDerivedMemoSeed(ir) {
+    const memos = ir.metadata.memos ?? [];
+    const signals = ir.metadata.signals ?? [];
+    if (memos.length === 0 && signals.length === 0)
+      return "";
+    const ssrDefaults = extractSsrDefaults(ir.metadata) ?? {};
+    const available = new Set(ir.metadata.propsParams.map((p) => p.name));
+    const lines = [];
+    for (const signal of signals) {
+      const perl = this.tryLowerToPerl(signal.initialValue, available);
+      if (perl !== null)
+        lines.push(`% my $${signal.getter} = ${perl};`);
+      available.add(signal.getter);
+    }
+    for (const memo of memos) {
+      const def = ssrDefaults[memo.name];
+      const isNull = !def || typeof def === "object" && "value" in def && def.value === null;
+      if (!isNull) {
+        available.add(memo.name);
+        continue;
+      }
+      const body = extractArrowBodyExpression(memo.computation);
+      if (body === null)
+        continue;
+      const perl = this.tryLowerToPerl(body, available);
+      if (perl !== null)
+        lines.push(`% my $${memo.name} = ${perl};`);
+      available.add(memo.name);
+    }
+    return lines.length > 0 ? lines.join(`
+`) + `
+` : "";
+  }
+  tryLowerToPerl(expr, available) {
+    const trimmed = expr.trim();
+    if (!trimmed)
+      return null;
+    if (!isSupported(parseExpression2(trimmed)).supported)
+      return null;
+    const perl = this.convertExpressionToPerl(trimmed);
+    if (perl === "" || !/\$[A-Za-z_]\w*/.test(perl))
+      return null;
+    return referencedVarsAreAvailable(perl, available) ? perl : null;
   }
   emitAsync(node, _ctx, _emit) {
     return this.renderAsync(node);
@@ -253,6 +366,9 @@ class MojoAdapter extends BaseAdapter {
     if (element.needsScope) {
       hydrationAttrs += ` ${this.renderScopeMarker("")}`;
     }
+    if (this.rootScopeNodes.has(element) && element.needsScope) {
+      hydrationAttrs += ` <%== bf->data_key_attr %>`;
+    }
     if (element.slotId) {
       hydrationAttrs += ` ${this.renderSlotMarker(element.slotId)}`;
     }

package/dist/adapter/mojo-adapter.d.ts

@@ -39,6 +39,12 @@ export declare class MojoAdapter extends BaseAdapter implements IRNodeEmitter<Mo
      */
     templatePrimitives: TemplatePrimitiveRegistry;
     private componentName;
+    /** The component's root scope element(s) — each carries `data-key` for a
+     *  keyed loop item (set by the child renderer from the JSX `key` prop). A
+     *  plain element root is a single node; an `if-statement` (early-return) root
+     *  contributes the top element of every branch, since any one of them can be
+     *  the rendered root at runtime. */
+    private rootScopeNodes;
     private options;
     private errors;
     private inLoop;
@@ -140,6 +146,38 @@ export declare class MojoAdapter extends BaseAdapter implements IRNodeEmitter<Mo
     emitSlot(node: IRSlot): string;
     emitIfStatement(node: IRIfStatement, _ctx: MojoRenderCtx, _emit: EmitIRNode<MojoRenderCtx>): string;
     emitProvider(node: IRProvider, _ctx: MojoRenderCtx, _emit: EmitIRNode<MojoRenderCtx>): string;
+    /** Lower a `<Ctx.Provider value>` value prop to a Perl expression. */
+    private providerValuePerl;
+    /** Perl literal for a context-consumer's `createContext` default. */
+    private contextDefaultPerl;
+    /**
+     * Emit one `% my $<local> = bf->use_context(...)` seed line per context
+     * consumer so the template body's bare `$<local>` resolves to the active
+     * provider value (or the `createContext` default). (#1297)
+     */
+    private generateContextConsumerSeed;
+    /**
+     * Seed memos whose SSR default is `null` (not statically evaluable) by
+     * computing them in-template from the already-seeded prop / signal vars.
+     * Targets the prop-derived memo shape (`createMemo(() => props.value * 10)`)
+     * that the static `extractSsrDefaults` evaluator can't fold — without this
+     * the memo's `$x` renders empty (the reason `props-reactivity-comparison`
+     * was skipped). Only emitted when the lowered expression references vars the
+     * template already has in scope (props params + signals + prior memos), so a
+     * memo over an out-of-scope binding stays on the null path rather than
+     * tripping Perl strict mode. (#1297)
+     */
+    private generateDerivedMemoSeed;
+    /**
+     * Lower a signal init / memo body to Perl for an in-template SSR seed, or
+     * `null` when it shouldn't be seeded this way. Returns null — without
+     * recording a BF101 — when the expression isn't a supported shape
+     * (`isSupported` pre-check, so object/array literals don't fail the build),
+     * when the lowering references no in-scope var (a constant — keep the
+     * existing ssr-defaults seeding), or when it references an out-of-scope
+     * binding. (#1297)
+     */
+    private tryLowerToPerl;
     emitAsync(node: IRAsync, _ctx: MojoRenderCtx, _emit: EmitIRNode<MojoRenderCtx>): string;
     renderElement(element: IRElement): string;
     renderExpression(expr: IRExpression): string;

package/dist/adapter/mojo-adapter.d.ts.map

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

package/dist/build.d.ts

@@ -1,6 +1,6 @@
 import type { BuildOptions } from '@barefootjs/jsx';
-import { MojoAdapter } from './adapter';
-import type { MojoAdapterOptions } from './adapter';
+import { MojoAdapter } from './adapter/index.ts';
+import type { MojoAdapterOptions } from './adapter/index.ts';
 export interface MojoBuildOptions extends BuildOptions {
     /** Adapter-specific options passed to MojoAdapter */
     adapterOptions?: MojoAdapterOptions;

package/dist/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,qDAAqD;IACrD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB;IAEvD,OAAO;IACP,KAAK;IACL,UAAU;IACV,MAAM;IACN,MAAM;IACN,WAAW;IACX,SAAS;IACT,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,YAAY;IAKZ,SAAS;EAEZ"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,qDAAqD;IACrD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB;IAEvD,OAAO;IACP,KAAK;IACL,UAAU;IACV,MAAM;IACN,MAAM;IACN,WAAW;IACX,SAAS;IACT,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,YAAY;IAKZ,SAAS;EAEZ"}

package/dist/build.js

@@ -11,7 +11,10 @@ import {
   emitAttrValue,
   augmentInheritedPropAccesses,
   parseRecordIndexAccess,
-  evalStringArrayJoin
+  evalStringArrayJoin,
+  extractArrowBodyExpression,
+  collectContextConsumers,
+  extractSsrDefaults
 } from "@barefootjs/jsx";
 
 // src/adapter/boolean-result.ts
@@ -103,6 +106,36 @@ function parsePureStringLiteral(source) {
 function perlHashKey(name) {
   return /^[A-Za-z_][A-Za-z0-9_]*$/.test(name) ? name : `'${name.replace(/'/g, "\\'")}'`;
 }
+function collectRootScopeNodes(node) {
+  const out = new Set;
+  const visit = (n) => {
+    if (!n)
+      return;
+    if (n.type === "element") {
+      out.add(n);
+      return;
+    }
+    if (n.type === "if-statement") {
+      const s = n;
+      visit(s.consequent);
+      visit(s.alternate);
+      return;
+    }
+    if (n.type === "fragment") {
+      for (const c of n.children)
+        visit(c);
+    }
+  };
+  visit(node);
+  return out;
+}
+function referencedVarsAreAvailable(expr, available) {
+  for (const m of expr.matchAll(/\$([A-Za-z_]\w*)/g)) {
+    if (!available.has(m[1]))
+      return false;
+  }
+  return true;
+}
 
 class MojoAdapter extends BaseAdapter {
   name = "mojolicious";
@@ -111,6 +144,7 @@ class MojoAdapter extends BaseAdapter {
   importMapInjection = "html-snippet";
   templatePrimitives = MOJO_PRIMITIVE_EMIT_MAP;
   componentName = "";
+  rootScopeNodes = new Set;
   options;
   errors = [];
   inLoop = false;
@@ -152,9 +186,12 @@ class MojoAdapter extends BaseAdapter {
     if (!options?.siblingTemplatesRegistered) {
       this.checkImportedLoopChildComponents(ir);
     }
+    this.rootScopeNodes = collectRootScopeNodes(ir.root);
     const templateBody = ir.root.type === "if-statement" ? this.renderIfStatement(ir.root) : this.renderNode(ir.root);
     const scriptReg = options?.skipScriptRegistration ? "" : this.generateScriptRegistrations(ir, options?.scriptBaseName);
-    const template = `${scriptReg}${templateBody}
+    const ctxSeed = this.generateContextConsumerSeed(ir);
+    const memoSeed = this.generateDerivedMemoSeed(ir);
+    const template = `${scriptReg}${ctxSeed}${memoSeed}${templateBody}
 `;
     if (this.errors.length > 0) {
       ir.errors.push(...this.errors);
@@ -240,7 +277,83 @@ class MojoAdapter extends BaseAdapter {
     return this.renderIfStatement(node);
   }
   emitProvider(node, _ctx, _emit) {
-    return this.renderChildren(node.children);
+    const value = this.providerValuePerl(node.valueProp);
+    const children = this.renderChildren(node.children);
+    const name = node.contextName;
+    return `<% bf->provide_context('${name}', ${value}); %>` + children + `<% bf->revoke_context('${name}'); %>`;
+  }
+  providerValuePerl(valueProp) {
+    const v = valueProp.value;
+    if (v.kind === "literal") {
+      return typeof v.value === "string" ? `'${v.value.replace(/[\\']/g, (m) => `\\${m}`)}'` : String(v.value);
+    }
+    if (v.kind === "expression")
+      return this.convertExpressionToPerl(v.expr);
+    if (v.kind === "template")
+      return this.convertTemplateLiteralPartsToPerl(v.parts);
+    return "undef";
+  }
+  contextDefaultPerl(c) {
+    const d = c.defaultValue;
+    if (d === null || d === undefined)
+      return "undef";
+    if (typeof d === "string")
+      return `'${d.replace(/[\\']/g, (m) => `\\${m}`)}'`;
+    if (typeof d === "boolean")
+      return d ? "1" : "0";
+    return String(d);
+  }
+  generateContextConsumerSeed(ir) {
+    const consumers = collectContextConsumers(ir.metadata);
+    if (consumers.length === 0)
+      return "";
+    return consumers.map((c) => `% my $${c.localName} = bf->use_context('${c.contextName}', ${this.contextDefaultPerl(c)});`).join(`
+`) + `
+`;
+  }
+  generateDerivedMemoSeed(ir) {
+    const memos = ir.metadata.memos ?? [];
+    const signals = ir.metadata.signals ?? [];
+    if (memos.length === 0 && signals.length === 0)
+      return "";
+    const ssrDefaults = extractSsrDefaults(ir.metadata) ?? {};
+    const available = new Set(ir.metadata.propsParams.map((p) => p.name));
+    const lines = [];
+    for (const signal of signals) {
+      const perl = this.tryLowerToPerl(signal.initialValue, available);
+      if (perl !== null)
+        lines.push(`% my $${signal.getter} = ${perl};`);
+      available.add(signal.getter);
+    }
+    for (const memo of memos) {
+      const def = ssrDefaults[memo.name];
+      const isNull = !def || typeof def === "object" && "value" in def && def.value === null;
+      if (!isNull) {
+        available.add(memo.name);
+        continue;
+      }
+      const body = extractArrowBodyExpression(memo.computation);
+      if (body === null)
+        continue;
+      const perl = this.tryLowerToPerl(body, available);
+      if (perl !== null)
+        lines.push(`% my $${memo.name} = ${perl};`);
+      available.add(memo.name);
+    }
+    return lines.length > 0 ? lines.join(`
+`) + `
+` : "";
+  }
+  tryLowerToPerl(expr, available) {
+    const trimmed = expr.trim();
+    if (!trimmed)
+      return null;
+    if (!isSupported(parseExpression2(trimmed)).supported)
+      return null;
+    const perl = this.convertExpressionToPerl(trimmed);
+    if (perl === "" || !/\$[A-Za-z_]\w*/.test(perl))
+      return null;
+    return referencedVarsAreAvailable(perl, available) ? perl : null;
   }
   emitAsync(node, _ctx, _emit) {
     return this.renderAsync(node);
@@ -253,6 +366,9 @@ class MojoAdapter extends BaseAdapter {
     if (element.needsScope) {
       hydrationAttrs += ` ${this.renderScopeMarker("")}`;
     }
+    if (this.rootScopeNodes.has(element) && element.needsScope) {
+      hydrationAttrs += ` <%== bf->data_key_attr %>`;
+    }
     if (element.slotId) {
       hydrationAttrs += ` ${this.renderSlotMarker(element.slotId)}`;
     }

package/dist/index.d.ts

@@ -3,6 +3,6 @@
  *
  * Generates Mojolicious EP template files from BarefootJS IR.
  */
-export { MojoAdapter, mojoAdapter } from './adapter';
-export type { MojoAdapterOptions } from './adapter';
+export { MojoAdapter, mojoAdapter } from './adapter/index.ts';
+export type { MojoAdapterOptions } from './adapter/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/index.js

@@ -11,7 +11,10 @@ import {
   emitAttrValue,
   augmentInheritedPropAccesses,
   parseRecordIndexAccess,
-  evalStringArrayJoin
+  evalStringArrayJoin,
+  extractArrowBodyExpression,
+  collectContextConsumers,
+  extractSsrDefaults
 } from "@barefootjs/jsx";
 
 // src/adapter/boolean-result.ts
@@ -103,6 +106,36 @@ function parsePureStringLiteral(source) {
 function perlHashKey(name) {
   return /^[A-Za-z_][A-Za-z0-9_]*$/.test(name) ? name : `'${name.replace(/'/g, "\\'")}'`;
 }
+function collectRootScopeNodes(node) {
+  const out = new Set;
+  const visit = (n) => {
+    if (!n)
+      return;
+    if (n.type === "element") {
+      out.add(n);
+      return;
+    }
+    if (n.type === "if-statement") {
+      const s = n;
+      visit(s.consequent);
+      visit(s.alternate);
+      return;
+    }
+    if (n.type === "fragment") {
+      for (const c of n.children)
+        visit(c);
+    }
+  };
+  visit(node);
+  return out;
+}
+function referencedVarsAreAvailable(expr, available) {
+  for (const m of expr.matchAll(/\$([A-Za-z_]\w*)/g)) {
+    if (!available.has(m[1]))
+      return false;
+  }
+  return true;
+}
 
 class MojoAdapter extends BaseAdapter {
   name = "mojolicious";
@@ -111,6 +144,7 @@ class MojoAdapter extends BaseAdapter {
   importMapInjection = "html-snippet";
   templatePrimitives = MOJO_PRIMITIVE_EMIT_MAP;
   componentName = "";
+  rootScopeNodes = new Set;
   options;
   errors = [];
   inLoop = false;
@@ -152,9 +186,12 @@ class MojoAdapter extends BaseAdapter {
     if (!options?.siblingTemplatesRegistered) {
       this.checkImportedLoopChildComponents(ir);
     }
+    this.rootScopeNodes = collectRootScopeNodes(ir.root);
     const templateBody = ir.root.type === "if-statement" ? this.renderIfStatement(ir.root) : this.renderNode(ir.root);
     const scriptReg = options?.skipScriptRegistration ? "" : this.generateScriptRegistrations(ir, options?.scriptBaseName);
-    const template = `${scriptReg}${templateBody}
+    const ctxSeed = this.generateContextConsumerSeed(ir);
+    const memoSeed = this.generateDerivedMemoSeed(ir);
+    const template = `${scriptReg}${ctxSeed}${memoSeed}${templateBody}
 `;
     if (this.errors.length > 0) {
       ir.errors.push(...this.errors);
@@ -240,7 +277,83 @@ class MojoAdapter extends BaseAdapter {
     return this.renderIfStatement(node);
   }
   emitProvider(node, _ctx, _emit) {
-    return this.renderChildren(node.children);
+    const value = this.providerValuePerl(node.valueProp);
+    const children = this.renderChildren(node.children);
+    const name = node.contextName;
+    return `<% bf->provide_context('${name}', ${value}); %>` + children + `<% bf->revoke_context('${name}'); %>`;
+  }
+  providerValuePerl(valueProp) {
+    const v = valueProp.value;
+    if (v.kind === "literal") {
+      return typeof v.value === "string" ? `'${v.value.replace(/[\\']/g, (m) => `\\${m}`)}'` : String(v.value);
+    }
+    if (v.kind === "expression")
+      return this.convertExpressionToPerl(v.expr);
+    if (v.kind === "template")
+      return this.convertTemplateLiteralPartsToPerl(v.parts);
+    return "undef";
+  }
+  contextDefaultPerl(c) {
+    const d = c.defaultValue;
+    if (d === null || d === undefined)
+      return "undef";
+    if (typeof d === "string")
+      return `'${d.replace(/[\\']/g, (m) => `\\${m}`)}'`;
+    if (typeof d === "boolean")
+      return d ? "1" : "0";
+    return String(d);
+  }
+  generateContextConsumerSeed(ir) {
+    const consumers = collectContextConsumers(ir.metadata);
+    if (consumers.length === 0)
+      return "";
+    return consumers.map((c) => `% my $${c.localName} = bf->use_context('${c.contextName}', ${this.contextDefaultPerl(c)});`).join(`
+`) + `
+`;
+  }
+  generateDerivedMemoSeed(ir) {
+    const memos = ir.metadata.memos ?? [];
+    const signals = ir.metadata.signals ?? [];
+    if (memos.length === 0 && signals.length === 0)
+      return "";
+    const ssrDefaults = extractSsrDefaults(ir.metadata) ?? {};
+    const available = new Set(ir.metadata.propsParams.map((p) => p.name));
+    const lines = [];
+    for (const signal of signals) {
+      const perl = this.tryLowerToPerl(signal.initialValue, available);
+      if (perl !== null)
+        lines.push(`% my $${signal.getter} = ${perl};`);
+      available.add(signal.getter);
+    }
+    for (const memo of memos) {
+      const def = ssrDefaults[memo.name];
+      const isNull = !def || typeof def === "object" && "value" in def && def.value === null;
+      if (!isNull) {
+        available.add(memo.name);
+        continue;
+      }
+      const body = extractArrowBodyExpression(memo.computation);
+      if (body === null)
+        continue;
+      const perl = this.tryLowerToPerl(body, available);
+      if (perl !== null)
+        lines.push(`% my $${memo.name} = ${perl};`);
+      available.add(memo.name);
+    }
+    return lines.length > 0 ? lines.join(`
+`) + `
+` : "";
+  }
+  tryLowerToPerl(expr, available) {
+    const trimmed = expr.trim();
+    if (!trimmed)
+      return null;
+    if (!isSupported(parseExpression2(trimmed)).supported)
+      return null;
+    const perl = this.convertExpressionToPerl(trimmed);
+    if (perl === "" || !/\$[A-Za-z_]\w*/.test(perl))
+      return null;
+    return referencedVarsAreAvailable(perl, available) ? perl : null;
   }
   emitAsync(node, _ctx, _emit) {
     return this.renderAsync(node);
@@ -253,6 +366,9 @@ class MojoAdapter extends BaseAdapter {
     if (element.needsScope) {
       hydrationAttrs += ` ${this.renderScopeMarker("")}`;
     }
+    if (this.rootScopeNodes.has(element) && element.needsScope) {
+      hydrationAttrs += ` <%== bf->data_key_attr %>`;
+    }
     if (element.slotId) {
       hydrationAttrs += ` ${this.renderSlotMarker(element.slotId)}`;
     }

package/dist/test-render.d.ts

@@ -33,6 +33,13 @@ export interface RenderOptions {
     props?: Record<string, unknown>;
     /** Additional component files (filename → source) */
     components?: Record<string, string>;
+    /**
+     * Explicit component to render when `source` declares multiple
+     * exports (e.g. `ReactiveProps.tsx` → `PropsReactivityComparison`).
+     * Mirrors the Hono reference's `componentName`; omitted for
+     * single-export fixtures, which fall back to the default/first export.
+     */
+    componentName?: string;
 }
 export declare function renderMojoComponent(options: RenderOptions): Promise<string>;
 /**

package/dist/test-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-render.d.ts","sourceRoot":"","sources":["../src/test-render.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,qBAAa,qBAAsB,SAAQ,KAAK;IAC9C,YAAY,OAAO,EAAE,MAAM,EAG1B;CACF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAKxE;AAkCD,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,OAAO,EAAE,OAAO,iBAAiB,EAAE,eAAe,CAAA;IAClD,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACpC;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CA2MjF;AA+RD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,OAAO,CAuBT"}
+{"version":3,"file":"test-render.d.ts","sourceRoot":"","sources":["../src/test-render.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,qBAAa,qBAAsB,SAAQ,KAAK;IAC9C,YAAY,OAAO,EAAE,MAAM,EAG1B;CACF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAKxE;AAkCD,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,OAAO,EAAE,OAAO,iBAAiB,EAAE,eAAe,CAAA;IAClD,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAgNjF;AAyQD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,OAAO,CAuBT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/mojolicious",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "Mojolicious EP template adapter for BarefootJS - generates .html.ep files from IR",
   "type": "module",
   "main": "./dist/index.js",
@@ -52,7 +52,7 @@
     "directory": "packages/adapter-mojolicious"
   },
   "dependencies": {
-    "@barefootjs/shared": "0.9.1"
+    "@barefootjs/shared": "0.9.3"
   },
   "peerDependencies": {
     "@barefootjs/jsx": ">=0.2.0",
@@ -60,6 +60,6 @@
   },
   "devDependencies": {
     "@barefootjs/adapter-tests": "0.1.0",
-    "@barefootjs/jsx": "0.9.1"
+    "@barefootjs/jsx": "0.9.3"
   }
 }

package/src/__tests__/mojo-adapter.test.ts

@@ -17,20 +17,10 @@ runAdapterConformanceTests({
   name: 'mojo',
   factory: () => new MojoAdapter(),
   render: renderMojoComponent,
-  skipJsx: [
-    // SSR context propagation (`<Ctx.Provider value>` → `useContext`): the
-    // template reads a stash key that's never seeded. Implemented on Go; the
-    // Perl stash-seed path is a follow-up port, so Mojo stays skipped (#1297).
-    'context-provider',
-    // Multi-component shared fixtures with per-item loop state. The child
-    // scope-id plumbing is now fixed (children derive `<parentScope>_<sN>`
-    // from `$bf->_scope_id` in `test-render.ts`, which unblocked
-    // `reactive-props`); these two still diverge on additional per-item
-    // loop-state seeding the Mojo harness doesn't yet replicate. (xslate
-    // skips the same pair.)
-    'toggle-shared',
-    'props-reactivity-comparison',
-  ],
+  // No JSX-render skips: every shared conformance fixture renders to Hono
+  // parity on real Mojolicious. Shapes the adapter intentionally refuses at
+  // build time are pinned in `expectedDiagnostics` below.
+  skipJsx: [],
   // Per-fixture build-time contracts for shapes the Mojo adapter
   // intentionally refuses to lower. Owned by this adapter test file
   // (not by the shared fixtures) so adding a new adapter doesn't
@@ -379,6 +369,122 @@ function C({ value = '' }: { value?: string }) {
   })
 })
 
+describe('MojoAdapter - SSR context propagation (#1297)', () => {
+  // `<Ctx.Provider value>` brackets its children with a provide/revoke pair
+  // on the shared package-level context stack; descendant `useContext`
+  // consumers read it during the same render (mirrors the client
+  // `provideContext` / `useContext`).
+  test('provider brackets children with provide_context / revoke_context', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createContext, useContext } from '@barefootjs/client'
+const ThemeContext = createContext('light')
+export function ThemeRoot() {
+  return <div><ThemeContext.Provider value="dark"><ThemeLabel /></ThemeContext.Provider></div>
+}
+function ThemeLabel() { const theme = useContext(ThemeContext); return <span>{theme}</span> }
+`)
+    expect(template).toContain("bf->provide_context('ThemeContext', 'dark');")
+    expect(template).toContain("bf->revoke_context('ThemeContext');")
+    // The provide precedes the child render, the revoke follows it.
+    expect(template.indexOf('provide_context')).toBeLessThan(template.indexOf('render_child'))
+    expect(template.indexOf('render_child')).toBeLessThan(template.indexOf('revoke_context'))
+  })
+
+  test('consumer seeds its local from use_context with the createContext default', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createContext, useContext } from '@barefootjs/client'
+const ThemeContext = createContext('light')
+export function ThemeLabel() { const theme = useContext(ThemeContext); return <span>{theme}</span> }
+`)
+    expect(template).toContain("% my $theme = bf->use_context('ThemeContext', 'light');")
+  })
+})
+
+describe('MojoAdapter - prop-derived memo SSR seeding (#1297)', () => {
+  // A memo whose body can't be statically folded (`props.value * 10`) gets a
+  // `null` SSR default; the adapter computes it in-template from the seeded
+  // prop var so the child renders the value instead of empty.
+  test('seeds a prop-derived memo from the prop var', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createMemo } from '@barefootjs/client'
+export function Child(props: { value: number }) {
+  const displayValue = createMemo(() => props.value * 10)
+  return <span>{displayValue()}</span>
+}
+`)
+    expect(template).toContain('% my $displayValue = $value * 10;')
+  })
+
+  test('seeds a memo over a destructured prop', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createMemo } from '@barefootjs/client'
+export function Child({ value }: { value: number }) {
+  const displayValue = createMemo(() => value * 10)
+  return <span>{displayValue()}</span>
+}
+`)
+    expect(template).toContain('% my $displayValue = $value * 10;')
+  })
+})
+
+describe('MojoAdapter - prop-derived signal SSR seeding + data-key (#1297, toggle-shared)', () => {
+  // A prop-derived signal (`createSignal(props.defaultOn ?? false)`) is seeded
+  // in-template from the passed prop, so a loop child honours its own
+  // per-item prop instead of the static default.
+  test('seeds a prop-derived signal from the prop var', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createSignal } from '@barefootjs/client'
+export function Item(props: { defaultOn?: boolean }) {
+  const [on, setOn] = createSignal(props.defaultOn ?? false)
+  return <button>{on() ? 'ON' : 'OFF'}</button>
+}
+`)
+    expect(template).toContain('% my $on = ($defaultOn // 0);')
+  })
+
+  // An object/array-valued signal can't lower to Perl and must NOT be seeded
+  // in-template (it would record a BF101) — it keeps the existing ssr-defaults
+  // seeding.
+  test('does not in-template-seed an object-valued signal', () => {
+    const { template } = compileAndGenerate(`
+'use client'
+import { createSignal } from '@barefootjs/client'
+export function Spread() {
+  const [attrs, setAttrs] = createSignal<Record<string, string>>({ id: 'a' })
+  return <div {...attrs()} />
+}
+`)
+    expect(template).not.toContain('my $attrs =')
+  })
+
+  // The component root carries data-key, emitted from the bf instance
+  // (render_child sets it from the JSX key); non-keyed renders add nothing.
+  test('emits data_key_attr on the component root', () => {
+    const { template } = compileAndGenerate(`
+export function Item() { return <div className="x">hi</div> }
+`)
+    expect(template).toContain('bf->data_key_attr')
+  })
+
+  // An early-return (if-statement) root has no single root element; data-key
+  // must land on each branch's top element so a keyed loop item still stamps it.
+  test('emits data_key_attr on each branch root of an if-statement root', () => {
+    const { template } = compileAndGenerate(`
+export function Item({ on }: { on?: boolean }) {
+  if (on) return <div className="a">A</div>
+  return <div className="b">B</div>
+}
+`)
+    const count = (template.match(/bf->data_key_attr/g) ?? []).length
+    expect(count).toBe(2)
+  })
+})
+
 describe('MojoAdapter - Template Generation', () => {
   test('generates basic element with scope marker', () => {
     const result = compileAndGenerate(`

package/src/__tests__/mojo-streaming.test.ts

@@ -119,11 +119,14 @@ describe('MojoAdapter - Streaming SSR', () => {
     expect(output).toContain('Please wait...')
   })
 
-  test('renderNode dispatches provider type (transparent)', () => {
+  test('renderNode dispatches provider type (brackets children with provide/revoke)', () => {
+    // SSR context propagation (#1297): the provider is no longer transparent —
+    // it pushes its value before the children and pops it after so a
+    // descendant `useContext` consumer reads it during the same render.
     const providerNode = {
       type: 'provider' as const,
       contextName: 'ThemeContext',
-      valueProp: { name: 'value', value: 'dark', dynamic: false },
+      valueProp: { name: 'value', value: { kind: 'literal' as const, value: 'dark' } },
       children: [
         { type: 'text' as const, value: 'child content', loc: { file: '', start: { line: 1, column: 0 }, end: { line: 1, column: 0 } } },
       ],
@@ -131,6 +134,8 @@ describe('MojoAdapter - Streaming SSR', () => {
     }
 
     const output = adapter.renderNode(providerNode)
-    expect(output).toBe('child content')
+    expect(output).toBe(
+      "<% bf->provide_context('ThemeContext', 'dark'); %>child content<% bf->revoke_context('ThemeContext'); %>",
+    )
   })
 })

package/src/adapter/index.ts

@@ -2,5 +2,5 @@
  * Mojolicious EP Template Adapter Exports
  */
 
-export { MojoAdapter, mojoAdapter } from './mojo-adapter'
-export type { MojoAdapterOptions } from './mojo-adapter'
+export { MojoAdapter, mojoAdapter } from './mojo-adapter.ts'
+export type { MojoAdapterOptions } from './mojo-adapter.ts'

package/src/adapter/mojo-adapter.ts

@@ -50,8 +50,12 @@ import {
   augmentInheritedPropAccesses,
   parseRecordIndexAccess,
   evalStringArrayJoin,
+  extractArrowBodyExpression,
+  collectContextConsumers,
+  type ContextConsumer,
+  extractSsrDefaults,
 } from '@barefootjs/jsx'
-import { isAriaBooleanAttr, isBooleanResultExpr } from './boolean-result'
+import { isAriaBooleanAttr, isBooleanResultExpr } from './boolean-result.ts'
 
 /**
  * Mojo adapter's IRNode render context. Mojo's lowering currently
@@ -161,6 +165,47 @@ function perlHashKey(name: string): string {
   return /^[A-Za-z_][A-Za-z0-9_]*$/.test(name) ? name : `'${name.replace(/'/g, "\\'")}'`
 }
 
+/**
+ * Collect the component's root scope element node(s) — the elements that
+ * become the rendered root and so carry `data-key` for a keyed loop item. A
+ * plain element root is itself; an `if-statement` (early-return) root
+ * contributes the top element of each branch (`consequent` + the `alternate`
+ * chain), since exactly one branch renders at runtime. Non-element branch
+ * tops (fragments / nested shapes) are walked one level so an
+ * `if (…) return <A/>` still resolves to `<A>`. (#1297)
+ */
+function collectRootScopeNodes(node: IRNode): Set<IRNode> {
+  const out = new Set<IRNode>()
+  const visit = (n: IRNode | null): void => {
+    if (!n) return
+    if (n.type === 'element') { out.add(n); return }
+    if (n.type === 'if-statement') {
+      const s = n as IRIfStatement
+      visit(s.consequent)
+      visit(s.alternate)
+      return
+    }
+    if (n.type === 'fragment') {
+      for (const c of (n as IRFragment).children) visit(c)
+    }
+  }
+  visit(node)
+  return out
+}
+
+/**
+ * True when every `$var` the lowered (Perl / Kolon) expression references is
+ * in the available set — i.e. the template already has that var in scope.
+ * Guards in-template memo seeding from referencing an out-of-scope binding
+ * (which would trip Perl strict mode). (#1297)
+ */
+function referencedVarsAreAvailable(expr: string, available: ReadonlySet<string>): boolean {
+  for (const m of expr.matchAll(/\$([A-Za-z_]\w*)/g)) {
+    if (!available.has(m[1])) return false
+  }
+  return true
+}
+
 export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRenderCtx> {
   name = 'mojolicious'
   extension = '.html.ep'
@@ -184,6 +229,12 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
   templatePrimitives: TemplatePrimitiveRegistry = MOJO_PRIMITIVE_EMIT_MAP
 
   private componentName: string = ''
+  /** The component's root scope element(s) — each carries `data-key` for a
+   *  keyed loop item (set by the child renderer from the JSX `key` prop). A
+   *  plain element root is a single node; an `if-statement` (early-return) root
+   *  contributes the top element of every branch, since any one of them can be
+   *  the rendered root at runtime. */
+  private rootScopeNodes: Set<IRNode> = new Set()
   private options: Required<MojoAdapterOptions>
   private errors: CompilerError[] = []
   private inLoop: boolean = false
@@ -329,6 +380,7 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
       this.checkImportedLoopChildComponents(ir)
     }
 
+    this.rootScopeNodes = collectRootScopeNodes(ir.root)
     const templateBody = ir.root.type === 'if-statement'
       ? this.renderIfStatement(ir.root as IRIfStatement)
       : this.renderNode(ir.root)
@@ -338,7 +390,20 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
       ? ''
       : this.generateScriptRegistrations(ir, options?.scriptBaseName)
 
-    const template = `${scriptReg}${templateBody}\n`
+    // SSR context consumers (`const x = useContext(Ctx)`): seed each local
+    // from the active provider value (or the `createContext` default) so the
+    // body's `$x` resolves. The provider side pushes the value via
+    // `emitProvider`; here the consumer reads it. (#1297)
+    const ctxSeed = this.generateContextConsumerSeed(ir)
+
+    // Prop/signal-derived memos that aren't statically evaluable (e.g.
+    // `createMemo(() => props.value * 10)`) have a `null` SSR default, so
+    // their `$x` would render empty. Compute them in-template from the
+    // already-seeded prop/signal vars — mirroring Go's generated child
+    // constructor that evaluates the memo from the passed prop. (#1297)
+    const memoSeed = this.generateDerivedMemoSeed(ir)
+
+    const template = `${scriptReg}${ctxSeed}${memoSeed}${templateBody}\n`
 
     // Merge collected errors into IR errors
     if (this.errors.length > 0) {
@@ -480,7 +545,132 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
   }
 
   emitProvider(node: IRProvider, _ctx: MojoRenderCtx, _emit: EmitIRNode<MojoRenderCtx>): string {
-    return this.renderChildren(node.children)
+    // SSR context propagation (#1297): push the provider value onto the
+    // shared controller-stash context stack, render the children (descendant
+    // `useContext` consumers read it via `bf->use_context`), then pop. The
+    // push/pop bracket the children in the same render so the value scopes
+    // exactly to the subtree — mirroring the client `provideContext`.
+    const value = this.providerValuePerl(node.valueProp)
+    const children = this.renderChildren(node.children)
+    const name = node.contextName
+    return (
+      `<% bf->provide_context('${name}', ${value}); %>` +
+      children +
+      `<% bf->revoke_context('${name}'); %>`
+    )
+  }
+
+  /** Lower a `<Ctx.Provider value>` value prop to a Perl expression. */
+  private providerValuePerl(valueProp: IRProvider['valueProp']): string {
+    const v = valueProp.value
+    if (v.kind === 'literal') {
+      return typeof v.value === 'string'
+        ? `'${v.value.replace(/[\\']/g, m => `\\${m}`)}'`
+        : String(v.value)
+    }
+    if (v.kind === 'expression') return this.convertExpressionToPerl(v.expr)
+    if (v.kind === 'template') return this.convertTemplateLiteralPartsToPerl(v.parts)
+    // Out-of-shape value (spread / jsx-children) — render as undef rather
+    // than emit invalid Perl; the consumer falls back to its default.
+    return 'undef'
+  }
+
+  /** Perl literal for a context-consumer's `createContext` default. */
+  private contextDefaultPerl(c: ContextConsumer): string {
+    const d = c.defaultValue
+    if (d === null || d === undefined) return 'undef'
+    if (typeof d === 'string') return `'${d.replace(/[\\']/g, m => `\\${m}`)}'`
+    if (typeof d === 'boolean') return d ? '1' : '0'
+    return String(d)
+  }
+
+  /**
+   * Emit one `% my $<local> = bf->use_context(...)` seed line per context
+   * consumer so the template body's bare `$<local>` resolves to the active
+   * provider value (or the `createContext` default). (#1297)
+   */
+  private generateContextConsumerSeed(ir: ComponentIR): string {
+    const consumers = collectContextConsumers(ir.metadata)
+    if (consumers.length === 0) return ''
+    return (
+      consumers
+        .map(
+          c =>
+            `% my $${c.localName} = bf->use_context('${c.contextName}', ${this.contextDefaultPerl(c)});`,
+        )
+        .join('\n') + '\n'
+    )
+  }
+
+  /**
+   * Seed memos whose SSR default is `null` (not statically evaluable) by
+   * computing them in-template from the already-seeded prop / signal vars.
+   * Targets the prop-derived memo shape (`createMemo(() => props.value * 10)`)
+   * that the static `extractSsrDefaults` evaluator can't fold — without this
+   * the memo's `$x` renders empty (the reason `props-reactivity-comparison`
+   * was skipped). Only emitted when the lowered expression references vars the
+   * template already has in scope (props params + signals + prior memos), so a
+   * memo over an out-of-scope binding stays on the null path rather than
+   * tripping Perl strict mode. (#1297)
+   */
+  private generateDerivedMemoSeed(ir: ComponentIR): string {
+    const memos = ir.metadata.memos ?? []
+    const signals = ir.metadata.signals ?? []
+    if (memos.length === 0 && signals.length === 0) return ''
+    const ssrDefaults = extractSsrDefaults(ir.metadata) ?? {}
+    // Props seed first; each signal/memo adds its own name as it lands so a
+    // later one can reference an earlier one.
+    const available = new Set<string>(ir.metadata.propsParams.map(p => p.name))
+    const lines: string[] = []
+
+    // Prop/signal-derived signals (`createSignal(props.defaultOn ?? false)`):
+    // a loop-child render receives no stash seed for the signal, so its `$on`
+    // would trip strict mode; and even when an entry render seeds it, the
+    // static default can't capture the per-call prop. Seed it in-template from
+    // the passed prop — but ONLY when the init lowers cleanly AND references an
+    // in-scope var (i.e. it's genuinely derived). Object/array/constant inits
+    // (`createSignal({…})`, `createSignal([…])`, `createSignal('b')`) keep the
+    // existing ssr-defaults seeding, so the spread / loop fixtures are
+    // untouched.
+    for (const signal of signals) {
+      const perl = this.tryLowerToPerl(signal.initialValue, available)
+      if (perl !== null) lines.push(`% my $${signal.getter} = ${perl};`)
+      available.add(signal.getter)
+    }
+
+    for (const memo of memos) {
+      const def = ssrDefaults[memo.name]
+      const isNull = !def || (typeof def === 'object' && 'value' in def && def.value === null)
+      if (!isNull) {
+        available.add(memo.name)
+        continue
+      }
+      const body = extractArrowBodyExpression(memo.computation)
+      // Block-bodied arrows / non-expression shapes stay on the null path.
+      if (body === null) continue
+      const perl = this.tryLowerToPerl(body, available)
+      if (perl !== null) lines.push(`% my $${memo.name} = ${perl};`)
+      available.add(memo.name)
+    }
+    return lines.length > 0 ? lines.join('\n') + '\n' : ''
+  }
+
+  /**
+   * Lower a signal init / memo body to Perl for an in-template SSR seed, or
+   * `null` when it shouldn't be seeded this way. Returns null — without
+   * recording a BF101 — when the expression isn't a supported shape
+   * (`isSupported` pre-check, so object/array literals don't fail the build),
+   * when the lowering references no in-scope var (a constant — keep the
+   * existing ssr-defaults seeding), or when it references an out-of-scope
+   * binding. (#1297)
+   */
+  private tryLowerToPerl(expr: string, available: ReadonlySet<string>): string | null {
+    const trimmed = expr.trim()
+    if (!trimmed) return null
+    if (!isSupported(parseExpression(trimmed)).supported) return null
+    const perl = this.convertExpressionToPerl(trimmed)
+    if (perl === '' || !/\$[A-Za-z_]\w*/.test(perl)) return null
+    return referencedVarsAreAvailable(perl, available) ? perl : null
   }
 
   emitAsync(node: IRAsync, _ctx: MojoRenderCtx, _emit: EmitIRNode<MojoRenderCtx>): string {
@@ -500,6 +690,14 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
     if (element.needsScope) {
       hydrationAttrs += ` ${this.renderScopeMarker('')}`
     }
+    // A root scope element carries `data-key` for a keyed loop item — emitted
+    // from the bf instance (the child renderer sets it from the JSX `key`
+    // prop), so a non-keyed render adds nothing. Mirrors Hono stamping
+    // data-key on each loop item's scope root, including early-return
+    // (if-statement) roots where every branch's top element qualifies. (#1297)
+    if (this.rootScopeNodes.has(element) && element.needsScope) {
+      hydrationAttrs += ` <%== bf->data_key_attr %>`
+    }
     if (element.slotId) {
       hydrationAttrs += ` ${this.renderSlotMarker(element.slotId)}`
     }
@@ -969,7 +1167,7 @@ export class MojoAdapter extends BaseAdapter implements IRNodeEmitter<MojoRender
     return `<%= content %>`
   }
 
-  renderAsync(node: IRAsync): string {
+  override renderAsync(node: IRAsync): string {
     const fallback = this.renderNode(node.fallback)
     const children = this.renderChildren(node.children)
     // Use the BarefootJS.pm streaming helpers for OOS streaming.

package/src/build.ts

@@ -1,8 +1,8 @@
 // Mojolicious build config factory for barefoot.config.ts
 
 import type { BuildOptions } from '@barefootjs/jsx'
-import { MojoAdapter } from './adapter'
-import type { MojoAdapterOptions } from './adapter'
+import { MojoAdapter } from './adapter/index.ts'
+import type { MojoAdapterOptions } from './adapter/index.ts'
 
 export interface MojoBuildOptions extends BuildOptions {
   /** Adapter-specific options passed to MojoAdapter */

package/src/index.ts

@@ -4,5 +4,5 @@
  * Generates Mojolicious EP template files from BarefootJS IR.
  */
 
-export { MojoAdapter, mojoAdapter } from './adapter'
-export type { MojoAdapterOptions } from './adapter'
+export { MojoAdapter, mojoAdapter } from './adapter/index.ts'
+export type { MojoAdapterOptions } from './adapter/index.ts'

package/src/test-render.ts

@@ -89,10 +89,17 @@ export interface RenderOptions {
   props?: Record<string, unknown>
   /** Additional component files (filename → source) */
   components?: Record<string, string>
+  /**
+   * Explicit component to render when `source` declares multiple
+   * exports (e.g. `ReactiveProps.tsx` → `PropsReactivityComparison`).
+   * Mirrors the Hono reference's `componentName`; omitted for
+   * single-export fixtures, which fall back to the default/first export.
+   */
+  componentName?: string
 }
 
 export async function renderMojoComponent(options: RenderOptions): Promise<string> {
-  const { source, adapter, props, components } = options
+  const { source, adapter, props, components, componentName: requestedName } = options
 
   // Compile child components first
   const childTemplates: Map<string, { template: string; ir: ComponentIR }> = new Map()
@@ -152,7 +159,12 @@ export async function renderMojoComponent(options: RenderOptions): Promise<strin
   const irFiles = result.files.filter(f => f.type === 'ir')
   if (irFiles.length === 0) throw new Error('No IR output (set outputIR: true)')
   const irs = irFiles.map(f => JSON.parse(f.content) as ComponentIR)
+  // Explicit `componentName` wins (multi-export sources pin the render
+  // target); otherwise default-export, first inline-exported, first IR.
+  // Mirrors the Hono reference so multi-component fixtures render the
+  // same export across adapters.
   const ir =
+    (requestedName ? irs.find(i => i.metadata.componentName === requestedName) : undefined) ??
     irs.find(i => i.metadata.hasDefaultExport) ??
     irs.find(i => i.metadata.isExported) ??
     irs[0]
@@ -302,7 +314,7 @@ print $output;
  */
 function buildChildRenderers(
   childTemplates: Map<string, { template: string; ir: ComponentIR }>,
-  parentIR: ComponentIR,
+  _parentIR: ComponentIR,
   tempDir: string,
 ): string {
   if (childTemplates.size === 0) return ''
@@ -314,21 +326,12 @@ function buildChildRenderers(
     const snakeName = toSnakeCase(componentName)
     const childTemplatePath = resolve(tempDir, `${snakeName}.html.ep`)
 
-    // Compute child scope ID from parent IR
-    const childSlotIds = findChildSlotIds(parentIR, componentName)
-
     lines.push(`{`)
     lines.push(`  open my $child_fh, '<:utf8', '${childTemplatePath}' or die "Cannot open child template: $!";`)
     lines.push(`  my $child_tmpl = do { local $/; <$child_fh> };`)
     lines.push(`  close $child_fh;`)
     lines.push(`  my $child_mt = Mojo::Template->new(vars => 1, auto_escape => 1);`)
 
-    // Track instance counter for multiple-instances support
-    lines.push(`  my $instance_idx = 0;`)
-    const slotIdsPerl = childSlotIds.length > 0
-      ? `my @slot_ids = (${childSlotIds.map(id => `'${id}'`).join(', ')}); my $sid = $slot_ids[$instance_idx] // $slot_ids[-1]; $instance_idx++;`
-      : `my $sid = '${snakeName}';`
-
     lines.push(`  $bf->register_child_renderer('${snakeName}', sub {`)
     lines.push(`    my ($child_props) = @_;`)
     // (#1652) A child that destructures a rest-spread bag
@@ -347,14 +350,22 @@ function buildChildRenderers(
       const rest = childIR.metadata.restPropsName
       lines.push(`    $child_props->{${rest}} = {} unless defined $child_props->{${rest}};`)
     }
-    lines.push(`    ${slotIdsPerl}`)
     lines.push(`    my $child_bf = BarefootJS->new($c, {});`)
-    // Child scope id derives from the PARENT's live scope id, not a literal
-    // `test_` prefix — so `<ReactiveProps_test>_s5` matches Hono / CSR (and
-    // survives an explicit `__instanceId`). Mirrors xslate's
-    // `rootChildScopePrefix` (`$bf->_scope_id`); `$bf` is the parent instance
-    // captured by this renderer closure.
-    lines.push(`    $child_bf->_scope_id($bf->_scope_id . "_$sid");`)
+    // JSX `key` (reserved prop) → data-key on the child's scope root, for
+    // keyed-loop reconciliation parity with Hono.
+    lines.push(`    my $data_key = delete $child_props->{key};`)
+    lines.push(`    $child_bf->_data_key($data_key) if defined $data_key;`)
+    // Scope id: a slotted child (`_bf_slot` passed) derives from the PARENT's
+    // live scope id (`<Parent_test>_s5`); a loop child (no slot) gets a fresh
+    // `<ComponentName>_<rand>` id per iteration, matching Hono — the
+    // PascalCase component name is what `normalizeHTML` canonicalises to
+    // `<ComponentName>_*`.
+    lines.push(`    my $slot = delete $child_props->{_bf_slot};`)
+    lines.push(`    if (defined $slot) {`)
+    lines.push(`      $child_bf->_scope_id($bf->_scope_id . "_$slot");`)
+    lines.push(`    } else {`)
+    lines.push(`      $child_bf->_scope_id('${componentName}_' . substr(rand() =~ s/^0\\.//r, 0, 6));`)
+    lines.push(`    }`)
     lines.push(`    my $rendered = $child_mt->render($child_tmpl, { %$child_props, bf => $child_bf });`)
     lines.push(`    die $rendered->to_string if ref $rendered;`)
     lines.push(`    chomp $rendered;`)
@@ -367,27 +378,6 @@ function buildChildRenderers(
   return lines.join('\n')
 }
 
-/**
- * Find slot IDs assigned to a child component in the parent IR.
- */
-function findChildSlotIds(parentIR: ComponentIR, childName: string): string[] {
-  const ids: string[] = []
-  function walk(node: import('@barefootjs/jsx').IRNode): void {
-    if (node.type === 'component' && node.name === childName && node.slotId) {
-      ids.push(node.slotId)
-    }
-    if ('children' in node && Array.isArray(node.children)) {
-      for (const child of node.children) walk(child)
-    }
-    if (node.type === 'conditional') {
-      walk(node.whenTrue)
-      walk(node.whenFalse)
-    }
-  }
-  walk(parentIR.root)
-  return ids
-}
-
 /**
  * Convert PascalCase to snake_case for Mojo template naming.
  */