import * as __ctHelpers from "commontools"; import { pattern, UI } from "commontools"; interface Item { id: number; name: string; } interface User { firstName: string; lastName: string; } interface State { items: Item[]; currentUser: User; } export default pattern((state) => { return { [UI]: (
{state.items.mapWithPattern(__ctHelpers.pattern(({ element: item, params: { state } }) => (
{item.name} - edited by {state.currentUser.firstName} {state.currentUser.lastName}
), { type: "object", properties: { element: { $ref: "#/$defs/Item" }, params: { type: "object", properties: { state: { type: "object", properties: { currentUser: { type: "object", properties: { firstName: { type: "string", asOpaque: true }, lastName: { type: "string", asOpaque: true } }, required: ["firstName", "lastName"] } }, required: ["currentUser"] } }, required: ["state"] } }, required: ["element", "params"], $defs: { Item: { type: "object", properties: { id: { type: "number" }, name: { type: "string" } }, required: ["id", "name"] } } } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{ $ref: "https://commonfabric.org/schemas/vnode.json" }, { type: "object", properties: {} }, { $ref: "#/$defs/UIRenderable", asOpaque: true }], $defs: { UIRenderable: { type: "object", properties: { $UI: { $ref: "https://commonfabric.org/schemas/vnode.json" } }, required: ["$UI"] } } } as const satisfies __ctHelpers.JSONSchema), { state: { currentUser: { firstName: state.currentUser.firstName, lastName: state.currentUser.lastName } } })}
), }; }, { type: "object", properties: { items: { type: "array", items: { $ref: "#/$defs/Item" } }, currentUser: { $ref: "#/$defs/User" } }, required: ["items", "currentUser"], $defs: { User: { type: "object", properties: { firstName: { type: "string" }, lastName: { type: "string" } }, required: ["firstName", "lastName"] }, Item: { type: "object", properties: { id: { type: "number" }, name: { type: "string" } }, required: ["id", "name"] } } } as const satisfies __ctHelpers.JSONSchema, { type: "object", properties: { $UI: { $ref: "#/$defs/JSXElement" } }, required: ["$UI"], $defs: { JSXElement: { anyOf: [{ $ref: "https://commonfabric.org/schemas/vnode.json" }, { type: "object", properties: {} }, { $ref: "#/$defs/UIRenderable", asOpaque: true }] }, UIRenderable: { type: "object", properties: { $UI: { $ref: "https://commonfabric.org/schemas/vnode.json" } }, required: ["$UI"] } } } as const satisfies __ctHelpers.JSONSchema); // @ts-ignore: Internals function h(...args: any[]) { return __ctHelpers.h.apply(null, args); } // @ts-ignore: Internals h.fragment = __ctHelpers.h.fragment;