import * as __ctHelpers from "commontools"; import { cell, pattern, UI } from "commontools"; export default pattern((_state) => { const items = cell([], { type: "array", items: { type: "string" } } as const satisfies __ctHelpers.JSONSchema); const isEnabled = cell(false, { type: "boolean" } as const satisfies __ctHelpers.JSONSchema); const count = cell(0, { type: "number" } as const satisfies __ctHelpers.JSONSchema); return { [UI]: (
{/* Nested && - both conditions reference opaque refs */} {__ctHelpers.when({ type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{}, { type: "object", properties: {} }] } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{ type: "boolean" }, {}, { type: "object", properties: {} }] } as const satisfies __ctHelpers.JSONSchema, __ctHelpers.derive({ type: "object", properties: { items: { type: "array", items: { type: "string" }, asCell: true }, isEnabled: { type: "boolean", asCell: true } }, required: ["items", "isEnabled"] } as const satisfies __ctHelpers.JSONSchema, { type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { items: items, isEnabled: isEnabled }, ({ items, isEnabled }) => items.get().length > 0 && isEnabled.get()),
Enabled with items
)} {/* Mixed || and && */} {__ctHelpers.when({ type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{}, { type: "object", properties: {} }] } as const satisfies __ctHelpers.JSONSchema, { anyOf: [{ type: "boolean" }, {}, { type: "object", properties: {} }] } as const satisfies __ctHelpers.JSONSchema, __ctHelpers.derive({ type: "object", properties: { count: { type: "number", asCell: true }, items: { type: "array", items: { type: "string" }, asCell: true } }, required: ["count", "items"] } as const satisfies __ctHelpers.JSONSchema, { type: "boolean" } as const satisfies __ctHelpers.JSONSchema, { count: count, items: items }, ({ count, items }) => (count.get() > 10 || items.get().length > 5)),
Threshold met
)}
), }; }, false 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;