import * as __ctHelpers from "commontools"; import { cell, recipe, UI } from "commontools"; export default recipe(false as const satisfies __ctHelpers.JSONSchema, { type: "object", properties: { $UI: { $ref: "#/$defs/Element" } }, required: ["$UI"], $defs: { Element: { type: "object", properties: { type: { type: "string", "enum": ["vnode"] }, name: { type: "string" }, props: { $ref: "#/$defs/Props" }, children: { $ref: "#/$defs/RenderNode" }, $UI: { $ref: "#/$defs/VNode" } }, required: ["type", "name", "props"] }, VNode: { type: "object", properties: { type: { type: "string", "enum": ["vnode"] }, name: { type: "string" }, props: { $ref: "#/$defs/Props" }, children: { $ref: "#/$defs/RenderNode" }, $UI: { $ref: "#/$defs/VNode" } }, required: ["type", "name", "props"] }, RenderNode: { anyOf: [{ type: "string" }, { type: "number" }, { type: "boolean", "enum": [false] }, { type: "boolean", "enum": [true] }, { $ref: "#/$defs/VNode" }, { type: "object", properties: {} }, { type: "array", items: { $ref: "#/$defs/RenderNode" } }] }, Props: { type: "object", properties: {}, additionalProperties: { anyOf: [{ type: "string" }, { type: "number" }, { type: "boolean", "enum": [false] }, { type: "boolean", "enum": [true] }, { type: "object", additionalProperties: true }, { type: "array", items: true }, { asCell: true }, { asStream: true }, { type: "null" }] } } } } as const satisfies __ctHelpers.JSONSchema, (_state) => { const user = cell<{ name: string; age: number; }>({ name: "", age: 0 }, { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"] } as const satisfies __ctHelpers.JSONSchema); return { [UI]: (
{__ctHelpers.when({ type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { type: "string" } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{ type: "string" }, { type: "boolean" }] } as const satisfies __ctHelpers.JSONSchema, __ctHelpers.derive({ type: "object", properties: { user: { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"], asCell: true } }, required: ["user"] } as const satisfies __ctHelpers.JSONSchema, { type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { user: user }, ({ user }) => user.get().name.length > 0), `Hello, ${__ctHelpers.derive({ type: "object", properties: { user: { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"], asCell: true } }, required: ["user"] } as const satisfies __ctHelpers.JSONSchema, { type: "string" } as const satisfies __ctHelpers.JSONSchema, { user: user }, ({ user }) => user.get().name)}!`)}
{/* Non-JSX right side: number expression */}Age: {__ctHelpers.when({ type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { type: "number" } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{ type: "number" }, { type: "boolean" }] } as const satisfies __ctHelpers.JSONSchema, __ctHelpers.derive({ type: "object", properties: { user: { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"], asCell: true } }, required: ["user"] } as const satisfies __ctHelpers.JSONSchema, { type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { user: user }, ({ user }) => user.get().age > 18), __ctHelpers.derive({ type: "object", properties: { user: { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"], asCell: true } }, required: ["user"] } as const satisfies __ctHelpers.JSONSchema, { type: "object", properties: { name: { type: "string" }, age: { type: "number" } }, required: ["name", "age"] } as const satisfies __ctHelpers.JSONSchema, { user: user }, ({ user }) => user.get()).age)}