feat: Use our own native DOM types in JSX

Author: jsantell

packages/api/index.ts

@@ -1107,6 +1107,8 @@ export type RenderNode =
   | number
   | boolean
   | Cell<RenderNode>
+  | undefined
+  | Opaque<any>
   | RenderNode[];
 
 /** A "virtual view node", e.g. a virtual DOM element */

packages/static/assets.ts

@@ -2,6 +2,7 @@ export const assets: Readonly<string[]> = [
   "prompts/system.md",
   "scripts/iframe-bootstrap.js",
   "types/commontools.d.ts",
+  "types/ct-dom.d.ts",
   "types/dom.d.ts",
   "types/es2023.d.ts",
   "types/jsx.d.ts",

packages/static/assets/types/commontools.d.ts

@@ -571,7 +571,7 @@ export type Props = {
     [key: string]: string | number | boolean | object | Array<any> | null | Cell<any> | Stream<any>;
 };
 /** A child in a view can be one of a few things */
-export type RenderNode = VNode | string | number | boolean | Cell<RenderNode> | RenderNode[];
+export type RenderNode = VNode | string | number | boolean | Cell<RenderNode> | undefined | Opaque<any> | RenderNode[];
 /** A "virtual view node", e.g. a virtual DOM element */
 export type VNode = {
     type: "vnode";