function __cfHardenFn(fn: Function) { Object.freeze(fn); const prototype = fn.prototype; if (prototype && typeof prototype === "object") { Object.freeze(prototype); } return fn; } import { __cfHelpers } from "commonfabric"; import { computed, pattern, UI } from "commonfabric"; const define = undefined; const runtimeDeps = undefined; const __cfAmdHooks = undefined; interface SubItem { id: number; name: string; active: boolean; } interface Item { id: number; title: string; subItems: SubItem[]; } interface State { items: Item[]; } const __cfLift_1 = __cfHelpers.lift<{ item: { subItems: SubItem[]; }; }, string>(({ item }) => item.subItems .filter((s) => s.active) .map((s) => s.name) .join(", "), { type: "object", properties: { item: { type: "object", properties: { subItems: { type: "array", items: { $ref: "#/$defs/SubItem" } } }, required: ["subItems"] } }, required: ["item"], $defs: { SubItem: { type: "object", properties: { id: { type: "number" }, name: { type: "string" }, active: { type: "boolean" } }, required: ["id", "name", "active"] } } } as const satisfies __cfHelpers.JSONSchema, { type: "string" } as const satisfies __cfHelpers.JSONSchema); const __cfPattern_1 = __cfHelpers.pattern(__cf_pattern_input => { const item = __cf_pattern_input.key("element"); return (

{item.key("title")}

Active items:{" "} {__cfLift_1({ item: { subItems: item.key("subItems") } })}

); }, { type: "object", properties: { element: { $ref: "#/$defs/Item" } }, required: ["element"], $defs: { Item: { type: "object", properties: { id: { type: "number" }, title: { type: "string" }, subItems: { type: "array", items: { $ref: "#/$defs/SubItem" } } }, required: ["id", "title", "subItems"] }, SubItem: { type: "object", properties: { id: { type: "number" }, name: { type: "string" }, active: { type: "boolean" } }, required: ["id", "name", "active"] } } } as const satisfies __cfHelpers.JSONSchema, { anyOf: [{ $ref: "https://commonfabric.org/schemas/vnode.json" }, { $ref: "#/$defs/UIRenderable" }, { type: "object", properties: {} }], $defs: { UIRenderable: { type: "object", properties: { $UI: { $ref: "https://commonfabric.org/schemas/vnode.json" } }, required: ["$UI"] } } } as const satisfies __cfHelpers.JSONSchema); // FIXTURE: computed-inside-map-with-method-chain // Verifies: a computed nested inside .map() correctly transforms outer .map() but leaves inner chains alone // state.items.map(fn) → state.items.mapWithPattern(pattern(...)) // inner .filter().map() inside the computed callback → NOT transformed (plain array) // Context: computed is used inline in JSX within a mapWithPattern callback export default pattern((state) => { return { [UI]: (
{/* Edge case: explicit computed inside mapWithPattern with method chain. The inner .filter().map() should NOT be transformed because: - inside the computed, item.subItems unwraps to a plain JS array - .filter() returns a plain JS array - Plain arrays don't have .mapWithPattern() */} {state.key("items").mapWithPattern(__cfPattern_1, {})}
), }; }, { type: "object", properties: { items: { type: "array", items: { $ref: "#/$defs/Item" } } }, required: ["items"], $defs: { Item: { type: "object", properties: { id: { type: "number" }, title: { type: "string" }, subItems: { type: "array", items: { $ref: "#/$defs/SubItem" } } }, required: ["id", "title", "subItems"] }, SubItem: { type: "object", properties: { id: { type: "number" }, name: { type: "string" }, active: { type: "boolean" } }, required: ["id", "name", "active"] } } } as const satisfies __cfHelpers.JSONSchema, { type: "object", properties: { $UI: { $ref: "#/$defs/JSXElement" } }, required: ["$UI"], $defs: { JSXElement: { anyOf: [{ $ref: "https://commonfabric.org/schemas/vnode.json" }, { $ref: "#/$defs/UIRenderable" }, { type: "object", properties: {} }] }, UIRenderable: { type: "object", properties: { $UI: { $ref: "https://commonfabric.org/schemas/vnode.json" } }, required: ["$UI"] } } } as const satisfies __cfHelpers.JSONSchema); // @ts-ignore: Internals function h(...args: any[]) { return __cfHelpers.h.apply(null, args); } __cfHardenFn(h); __cfReg({ __cfLift_1, __cfPattern_1 });