@barefootjs/hono 0.5.0 → 0.5.1

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

@@ -78,7 +78,7 @@ export declare class HonoAdapter extends JsxAdapter implements IRNodeEmitter<Hon
     emitElement(node: IRElement, ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
     emitText(node: IRText): string;
     emitExpression(node: IRExpression): string;
-    emitConditional(node: IRConditional, _ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
+    emitConditional(node: IRConditional, ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
     emitLoop(node: IRLoop, _ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
     emitComponent(node: IRComponent, ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
     emitFragment(node: IRFragment, _ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string;
@@ -91,7 +91,14 @@ export declare class HonoAdapter extends JsxAdapter implements IRNodeEmitter<Hon
     }): string;
     private renderText;
     renderExpression(expr: IRExpression): string;
-    renderConditional(cond: IRConditional): string;
+    renderConditional(cond: IRConditional, ctx?: HonoRenderCtx): string;
+    /**
+     * Like the base `renderNodeRaw`, but threads a render ctx through to
+     * `renderNode` so a conditional branch can mark its element as a loop item
+     * root (#1665). The `null` / `undefined` expression branch carries no
+     * element, so it short-circuits exactly as the base helper does.
+     */
+    private renderNodeRawCtx;
     private wrapWithCondMarker;
     renderLoop(loop: IRLoop): string;
     private renderChildrenInLoop;

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

@@ -1 +1 @@
-{"version":3,"file":"hono-adapter.d.ts","sourceRoot":"","sources":["../../src/adapter/hono-adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,MAAM,EACX,KAAK,SAAS,EACd,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,MAAM,EAIX,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEf,UAAU,EAMX,MAAM,iBAAiB,CAAA;AAExB;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAGD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAuBD,qBAAa,WAAY,SAAQ,UAAW,YAAW,aAAa,CAAC,aAAa,CAAC;IACjF,IAAI,SAAS;IACb,SAAS,SAAS;IAClB,gBAAgB,SAAiC;IAGjD,kBAAkB,EAAG,WAAW,CAAS;IAmBzC,mBAAmB,QAAO,OAAO,CAAQ;IAEzC,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAA0B;IAE/D,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,iBAAiB,CAAiB;IAC1C,OAAO,CAAC,sBAAsB,CAAiB;IAC/C,OAAO,CAAC,wBAAwB,CAAiB;IACjD;;;;;;;OAOG;IACH,OAAO,CAAC,qBAAqB,CAAC,CAAgC;IAC9D,uFAAuF;IACvF,OAAO,CAAC,YAAY,CAAmD;IAEvE,YAAY,OAAO,GAAE,kBAAuB,EAQ3C;IAED,QAAQ,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,sBAAsB,GAAG,aAAa,CAyCzE;IAED,OAAO,CAAC,kCAAkC;IAkB1C,OAAO,CAAC,eAAe;IAyDvB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CA+EpE;IAED,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;IAmNzB;;;;OAIG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,GAAG,MAAM,CAEpD;IAMD,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAEzF;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7B;IAED,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAEzC;IAED,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAElG;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAEpF;IAED,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAE7F;IAED,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAE5F;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9B;IAED,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAKnG;IAED,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAwB5F;IAED,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,MAAM,CAEtF;IAED,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAwC5E;IAED,OAAO,CAAC,UAAU;IAIlB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAgB3C;IAED,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CA0B7C;IAED,OAAO,CAAC,kBAAkB;IA2B1B,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiF/B;IAED,OAAO,CAAC,oBAAoB;IAI5B;;;OAGG;IACH,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CA4C5F;IAED,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAIjC;IAED,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,OAAO,CAAC;QAAC,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAiDxI;IAED,OAAO,CAAC,cAAc;IAQtB;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAY5B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAmBlC;IAED;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAepC;IAED,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,oBAAoB;IAyB5B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,0BAA0B;CAwBnC;AAGD,eAAO,MAAM,WAAW,aAAoB,CAAA"}
+{"version":3,"file":"hono-adapter.d.ts","sourceRoot":"","sources":["../../src/adapter/hono-adapter.ts"],"names":[],"mappings":"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"}

package/dist/adapter/index.js

@@ -260,9 +260,13 @@ export default ${this.componentName}` : "";
       }
       fullPropsDestructure = `{ ${parts.join(", ")} }`;
     }
+    const hasRequiredProps = ir.metadata.propsParams.some((p) => !p.optional && p.defaultValue === undefined && !p.isRest);
+    const wantsNoArgDefault = propsObjectName ? !propsTypeName : !hasRequiredProps;
+    const propsTypeExpr = typeAnnotation.replace(/^:\s*/, "");
+    const noArgDefault = wantsNoArgDefault ? ` = {} as ${propsTypeExpr}` : "";
     const lines = [];
     const exportPrefix = ir.metadata.isExported === false ? "" : "export ";
-    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}) {`);
+    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}${noArgDefault}) {`);
     if (propsExtraction) {
       lines.push(propsExtraction);
     }
@@ -313,8 +317,8 @@ export default ${this.componentName}` : "";
   emitExpression(node) {
     return this.renderExpression(node);
   }
-  emitConditional(node, _ctx, _emit) {
-    return this.renderConditional(node);
+  emitConditional(node, ctx, _emit) {
+    return this.renderConditional(node, ctx);
   }
   emitLoop(node, _ctx, _emit) {
     return this.renderLoop(node);
@@ -401,12 +405,13 @@ export default ${this.componentName}` : "";
     }
     return `{${expr.expr}}`;
   }
-  renderConditional(cond) {
+  renderConditional(cond, ctx) {
     if (cond.clientOnly && cond.slotId) {
       return `{bfComment("cond-start:${cond.slotId}")}{bfComment("cond-end:${cond.slotId}")}`;
     }
-    const whenTrue = this.renderNodeRaw(cond.whenTrue);
-    let whenFalse = this.renderNodeRaw(cond.whenFalse);
+    const branchCtx = ctx?.isLoopItemRoot ? { isLoopItemRoot: true } : undefined;
+    const whenTrue = this.renderNodeRawCtx(cond.whenTrue, branchCtx);
+    let whenFalse = this.renderNodeRawCtx(cond.whenFalse, branchCtx);
     if (!whenFalse || whenFalse === "" || whenFalse === "null") {
       whenFalse = "null";
     }
@@ -417,6 +422,14 @@ export default ${this.componentName}` : "";
     }
     return `{${cond.condition} ? ${whenTrue} : ${whenFalse}}`;
   }
+  renderNodeRawCtx(node, ctx) {
+    if (node.type === "expression") {
+      if (node.expr === "null" || node.expr === "undefined")
+        return "null";
+      return node.expr;
+    }
+    return this.renderNode(node, ctx);
+  }
   wrapWithCondMarker(node, content, condId) {
     if (node.type === "component") {
       return `<>{bfComment("cond-start:${condId}")}${content}{bfComment("cond-end:${condId}")}</>`;
@@ -447,6 +460,8 @@ export default ${this.componentName}` : "";
     let safeChildren = children.startsWith("{") ? `<>${children}</>` : children;
     if (loop.bodyIsMultiRoot) {
       safeChildren = `<>{bfComment('bf-loop-i')}${children}</>`;
+    } else if (loop.bodyIsItemConditional && loop.key) {
+      safeChildren = `<>{bfComment('loop-i:' + String(${loop.key}))}${children}</>`;
     }
     let chainedArray = applyHonoLoopChain(loop);
     const iterMethod = loop.method ?? "map";

package/dist/build.js

@@ -260,9 +260,13 @@ export default ${this.componentName}` : "";
       }
       fullPropsDestructure = `{ ${parts.join(", ")} }`;
     }
+    const hasRequiredProps = ir.metadata.propsParams.some((p) => !p.optional && p.defaultValue === undefined && !p.isRest);
+    const wantsNoArgDefault = propsObjectName ? !propsTypeName : !hasRequiredProps;
+    const propsTypeExpr = typeAnnotation.replace(/^:\s*/, "");
+    const noArgDefault = wantsNoArgDefault ? ` = {} as ${propsTypeExpr}` : "";
     const lines = [];
     const exportPrefix = ir.metadata.isExported === false ? "" : "export ";
-    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}) {`);
+    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}${noArgDefault}) {`);
     if (propsExtraction) {
       lines.push(propsExtraction);
     }
@@ -313,8 +317,8 @@ export default ${this.componentName}` : "";
   emitExpression(node) {
     return this.renderExpression(node);
   }
-  emitConditional(node, _ctx, _emit) {
-    return this.renderConditional(node);
+  emitConditional(node, ctx, _emit) {
+    return this.renderConditional(node, ctx);
   }
   emitLoop(node, _ctx, _emit) {
     return this.renderLoop(node);
@@ -401,12 +405,13 @@ export default ${this.componentName}` : "";
     }
     return `{${expr.expr}}`;
   }
-  renderConditional(cond) {
+  renderConditional(cond, ctx) {
     if (cond.clientOnly && cond.slotId) {
       return `{bfComment("cond-start:${cond.slotId}")}{bfComment("cond-end:${cond.slotId}")}`;
     }
-    const whenTrue = this.renderNodeRaw(cond.whenTrue);
-    let whenFalse = this.renderNodeRaw(cond.whenFalse);
+    const branchCtx = ctx?.isLoopItemRoot ? { isLoopItemRoot: true } : undefined;
+    const whenTrue = this.renderNodeRawCtx(cond.whenTrue, branchCtx);
+    let whenFalse = this.renderNodeRawCtx(cond.whenFalse, branchCtx);
     if (!whenFalse || whenFalse === "" || whenFalse === "null") {
       whenFalse = "null";
     }
@@ -417,6 +422,14 @@ export default ${this.componentName}` : "";
     }
     return `{${cond.condition} ? ${whenTrue} : ${whenFalse}}`;
   }
+  renderNodeRawCtx(node, ctx) {
+    if (node.type === "expression") {
+      if (node.expr === "null" || node.expr === "undefined")
+        return "null";
+      return node.expr;
+    }
+    return this.renderNode(node, ctx);
+  }
   wrapWithCondMarker(node, content, condId) {
     if (node.type === "component") {
       return `<>{bfComment("cond-start:${condId}")}${content}{bfComment("cond-end:${condId}")}</>`;
@@ -447,6 +460,8 @@ export default ${this.componentName}` : "";
     let safeChildren = children.startsWith("{") ? `<>${children}</>` : children;
     if (loop.bodyIsMultiRoot) {
       safeChildren = `<>{bfComment('bf-loop-i')}${children}</>`;
+    } else if (loop.bodyIsItemConditional && loop.key) {
+      safeChildren = `<>{bfComment('loop-i:' + String(${loop.key}))}${children}</>`;
     }
     let chainedArray = applyHonoLoopChain(loop);
     const iterMethod = loop.method ?? "map";

package/dist/index.js

@@ -260,9 +260,13 @@ export default ${this.componentName}` : "";
       }
       fullPropsDestructure = `{ ${parts.join(", ")} }`;
     }
+    const hasRequiredProps = ir.metadata.propsParams.some((p) => !p.optional && p.defaultValue === undefined && !p.isRest);
+    const wantsNoArgDefault = propsObjectName ? !propsTypeName : !hasRequiredProps;
+    const propsTypeExpr = typeAnnotation.replace(/^:\s*/, "");
+    const noArgDefault = wantsNoArgDefault ? ` = {} as ${propsTypeExpr}` : "";
     const lines = [];
     const exportPrefix = ir.metadata.isExported === false ? "" : "export ";
-    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}) {`);
+    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}${noArgDefault}) {`);
     if (propsExtraction) {
       lines.push(propsExtraction);
     }
@@ -313,8 +317,8 @@ export default ${this.componentName}` : "";
   emitExpression(node) {
     return this.renderExpression(node);
   }
-  emitConditional(node, _ctx, _emit) {
-    return this.renderConditional(node);
+  emitConditional(node, ctx, _emit) {
+    return this.renderConditional(node, ctx);
   }
   emitLoop(node, _ctx, _emit) {
     return this.renderLoop(node);
@@ -401,12 +405,13 @@ export default ${this.componentName}` : "";
     }
     return `{${expr.expr}}`;
   }
-  renderConditional(cond) {
+  renderConditional(cond, ctx) {
     if (cond.clientOnly && cond.slotId) {
       return `{bfComment("cond-start:${cond.slotId}")}{bfComment("cond-end:${cond.slotId}")}`;
     }
-    const whenTrue = this.renderNodeRaw(cond.whenTrue);
-    let whenFalse = this.renderNodeRaw(cond.whenFalse);
+    const branchCtx = ctx?.isLoopItemRoot ? { isLoopItemRoot: true } : undefined;
+    const whenTrue = this.renderNodeRawCtx(cond.whenTrue, branchCtx);
+    let whenFalse = this.renderNodeRawCtx(cond.whenFalse, branchCtx);
     if (!whenFalse || whenFalse === "" || whenFalse === "null") {
       whenFalse = "null";
     }
@@ -417,6 +422,14 @@ export default ${this.componentName}` : "";
     }
     return `{${cond.condition} ? ${whenTrue} : ${whenFalse}}`;
   }
+  renderNodeRawCtx(node, ctx) {
+    if (node.type === "expression") {
+      if (node.expr === "null" || node.expr === "undefined")
+        return "null";
+      return node.expr;
+    }
+    return this.renderNode(node, ctx);
+  }
   wrapWithCondMarker(node, content, condId) {
     if (node.type === "component") {
       return `<>{bfComment("cond-start:${condId}")}${content}{bfComment("cond-end:${condId}")}</>`;
@@ -447,6 +460,8 @@ export default ${this.componentName}` : "";
     let safeChildren = children.startsWith("{") ? `<>${children}</>` : children;
     if (loop.bodyIsMultiRoot) {
       safeChildren = `<>{bfComment('bf-loop-i')}${children}</>`;
+    } else if (loop.bodyIsItemConditional && loop.key) {
+      safeChildren = `<>{bfComment('loop-i:' + String(${loop.key}))}${children}</>`;
     }
     let chainedArray = applyHonoLoopChain(loop);
     const iterMethod = loop.method ?? "map";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/hono",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Hono integration for BarefootJS",
   "type": "module",
   "main": "./dist/index.js",

package/src/adapter/hono-adapter.ts

@@ -510,11 +510,28 @@ export class HonoAdapter extends JsxAdapter implements IRNodeEmitter<HonoRenderC
       fullPropsDestructure = `{ ${parts.join(', ')} }`
     }
 
+    // Default the props param to `{}` when the component has no required
+    // props, so a bare no-arg call (`Foo()`) doesn't crash on destructuring
+    // `undefined`. This makes a JSX-returning arrow hoisted from an
+    // object-literal value (e.g. `THEME_LOGOS[id]()`) renderable at SSR
+    // (#1663). `hasRequiredProps` ignores props that carry a destructuring
+    // default, but the declared props type may still mark that field
+    // required — so a bare `= {}` would fail `tsc`. Assert the default to the
+    // param's own annotated type (`{} as T`); the destructuring defaults
+    // supply the values at runtime. The SolidJS-style (`propsObjectName`)
+    // branch opts in whenever the annotation is satisfiable by `{} as T`.
+    const hasRequiredProps = ir.metadata.propsParams.some(
+      (p: ParamInfo) => !p.optional && p.defaultValue === undefined && !p.isRest,
+    )
+    const wantsNoArgDefault = propsObjectName ? !propsTypeName : !hasRequiredProps
+    const propsTypeExpr = typeAnnotation.replace(/^:\s*/, '')
+    const noArgDefault = wantsNoArgDefault ? ` = {} as ${propsTypeExpr}` : ''
+
     const lines: string[] = []
     // Module-export keyword belongs to the adapter: it knows the target language
     // and whether the source declared the component as exported.
     const exportPrefix = ir.metadata.isExported === false ? '' : 'export '
-    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}) {`)
+    lines.push(`${exportPrefix}function ${name}(${fullPropsDestructure}${typeAnnotation}${noArgDefault}) {`)
 
     // Add props extraction for SolidJS-style pattern
     if (propsExtraction) {
@@ -600,8 +617,8 @@ export class HonoAdapter extends JsxAdapter implements IRNodeEmitter<HonoRenderC
     return this.renderExpression(node)
   }
 
-  emitConditional(node: IRConditional, _ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string {
-    return this.renderConditional(node)
+  emitConditional(node: IRConditional, ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string {
+    return this.renderConditional(node, ctx)
   }
 
   emitLoop(node: IRLoop, _ctx: HonoRenderCtx, _emit: EmitIRNode<HonoRenderCtx>): string {
@@ -721,14 +738,21 @@ export class HonoAdapter extends JsxAdapter implements IRNodeEmitter<HonoRenderC
     return `{${expr.expr}}`
   }
 
-  renderConditional(cond: IRConditional): string {
+  renderConditional(cond: IRConditional, ctx?: HonoRenderCtx): string {
     // Handle @client directive - render comment markers for client-side evaluation
     if (cond.clientOnly && cond.slotId) {
       return `{bfComment("cond-start:${cond.slotId}")}{bfComment("cond-end:${cond.slotId}")}`
     }
 
-    const whenTrue = this.renderNodeRaw(cond.whenTrue)
-    let whenFalse = this.renderNodeRaw(cond.whenFalse)
+    // A conditional that is itself a loop item root (#1665 whole-item
+    // conditional: `arr.map(t => cond && <li/>)`) makes its branch element the
+    // loop item's root, so the `data-key` that reconciliation/hydration expect
+    // belongs on that element — exactly like a non-conditional loop root. Pass
+    // the flag through so `renderElement` emits `data-key`, matching the Go /
+    // CSR adapters' generic `key`→`data-key` rewrite.
+    const branchCtx: HonoRenderCtx | undefined = ctx?.isLoopItemRoot ? { isLoopItemRoot: true } : undefined
+    const whenTrue = this.renderNodeRawCtx(cond.whenTrue, branchCtx)
+    let whenFalse = this.renderNodeRawCtx(cond.whenFalse, branchCtx)
 
     // Handle empty/null whenFalse
     if (!whenFalse || whenFalse === '' || whenFalse === 'null') {
@@ -749,6 +773,20 @@ export class HonoAdapter extends JsxAdapter implements IRNodeEmitter<HonoRenderC
     return `{${cond.condition} ? ${whenTrue} : ${whenFalse}}`
   }
 
+  /**
+   * Like the base `renderNodeRaw`, but threads a render ctx through to
+   * `renderNode` so a conditional branch can mark its element as a loop item
+   * root (#1665). The `null` / `undefined` expression branch carries no
+   * element, so it short-circuits exactly as the base helper does.
+   */
+  private renderNodeRawCtx(node: IRNode, ctx?: HonoRenderCtx): string {
+    if (node.type === 'expression') {
+      if (node.expr === 'null' || node.expr === 'undefined') return 'null'
+      return node.expr
+    }
+    return this.renderNode(node, ctx)
+  }
+
   private wrapWithCondMarker(node: IRNode, content: string, condId: string): string {
     // Components don't reliably forward bf-c to their root element.
     // Use comment markers so insert() can find them via TreeWalker.
@@ -816,6 +854,14 @@ export class HonoAdapter extends JsxAdapter implements IRNodeEmitter<HonoRenderC
       // literal here to match the adapter's existing convention of
       // emitting comment-marker strings directly.
       safeChildren = `<>{bfComment('bf-loop-i')}${children}</>`
+    } else if (loop.bodyIsItemConditional && loop.key) {
+      // Whole-item conditional (#1665): a per-item `<!--bf-loop-i:KEY-->`
+      // anchor that is ALWAYS present (even when the item's conditional
+      // renders nothing), carrying the key so the client's
+      // `mapArrayAnchored` can hydrate every SSR-rendered item by its anchor.
+      // `bfComment(k)` emits `<!--bf-${k}-->`, so the `loop-i:` argument
+      // yields `<!--bf-loop-i:KEY-->`.
+      safeChildren = `<>{bfComment('loop-i:' + String(${loop.key}))}${children}</>`
     }
     // Apply chained `.sort()` / `.filter()` extracted to
     // `loop.sortComparator` / `loop.filterPredicate` (#1448 Tier B).