@cascadetui/react 0.1.4 → 0.1.6

package/{chunk-940rvrqj.js → chunk-f2fbffqp.js}

@@ -96,6 +96,7 @@ var baseComponents = {
   textarea: TextareaRenderable,
   scrollbox: ScrollBoxRenderable,
   "ascii-font": ASCIIFontRenderable,
+  asciifont: ASCIIFontRenderable,
   "tab-select": TabSelectRenderable,
   "line-number": LineNumberRenderable,
   span: SpanRenderable,
@@ -144,6 +145,9 @@ class ErrorBoundary extends React.Component {
   static getDerivedStateFromError(error) {
     return { hasError: true, error };
   }
+  componentDidCatch(error, info) {
+    this.props.onCrash?.(error, info);
+  }
   render() {
     if (this.state.hasError && this.state.error) {
       return /* @__PURE__ */ jsxDEV("box", {
@@ -163,11 +167,11 @@ import ReactReconciler from "react-reconciler";
 import { ConcurrentRoot } from "react-reconciler/constants";
 
 // src/reconciler/host-config.ts
-import { TextNodeRenderable as TextNodeRenderable2 } from "@cascadetui/core";
+import { ASCIIFont, TextNodeRenderable as TextNodeRenderable2, instantiate } from "@cascadetui/core";
 // package.json
 var package_default = {
   name: "@cascadetui/react",
-  version: "0.1.4",
+  version: "0.1.6",
   description: "React renderer for building terminal user interfaces using Cascade core",
   license: "MIT",
   repository: {
@@ -373,6 +377,9 @@ var hostConfig = {
       throw new Error(`Component of type "${type}" must be created inside of a text node`);
     }
     const id = getNextId(type);
+    if (type === "asciifont") {
+      return instantiate(rootContainerInstance.ctx, ASCIIFont({ id, ...props }));
+    }
     const components = getComponentCatalogue();
     if (!components[type]) {
       throw new Error(`Unknown component type: ${type}`);
@@ -564,7 +571,13 @@ function createRoot(renderer) {
   return {
     render: (node) => {
       engine.attach(renderer);
-      container = _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, null, node)), renderer.root);
+      container = _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, {
+        onCrash: (error, info) => {
+          renderer.reportCrash(error, "react-error-boundary", {
+            componentStack: info.componentStack
+          });
+        }
+      }, node)), renderer.root);
     },
     unmount: cleanup
   };

package/index.js

@@ -9,7 +9,7 @@ import {
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-940rvrqj.js";
+} from "./chunk-f2fbffqp.js";
 import"./chunk-e11q5a3p.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";

package/jsx-namespace.d.ts

@@ -46,9 +46,10 @@ export namespace JSX {
     input: InputProps
     textarea: TextareaProps
     select: SelectProps
-    scrollbox: ScrollBoxProps
-    "ascii-font": AsciiFontProps
-    "tab-select": TabSelectProps
+    scrollbox: ScrollBoxProps
+    "ascii-font": AsciiFontProps
+    asciifont: AsciiFontProps
+    "tab-select": TabSelectProps
     "line-number": LineNumberProps
     // Text modifiers
     b: SpanProps

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "React renderer for building terminal user interfaces using Cascade core",
   "license": "MIT",
   "repository": {
@@ -40,7 +40,7 @@
     }
   },
   "dependencies": {
-    "@cascadetui/core": "0.1.4",
+    "@cascadetui/core": "0.1.6",
     "react-reconciler": "^0.32.0"
   },
   "devDependencies": {

package/src/components/error-boundary.d.ts

@@ -1,16 +1,19 @@
 import React from "react";
 export declare class ErrorBoundary extends React.Component<{
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    onCrash?: (error: Error, info: React.ErrorInfo) => void;
 }, {
     hasError: boolean;
     error: Error | null;
 }> {
     constructor(props: {
-        children: React.ReactNode;
+        children?: React.ReactNode;
+        onCrash?: (error: Error, info: React.ErrorInfo) => void;
     });
     static getDerivedStateFromError(error: Error): {
         hasError: boolean;
         error: Error;
     };
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
     render(): any;
 }

package/src/components/index.d.ts

@@ -12,6 +12,7 @@ export declare const baseComponents: {
     textarea: typeof TextareaRenderable;
     scrollbox: typeof ScrollBoxRenderable;
     "ascii-font": typeof ASCIIFontRenderable;
+    asciifont: typeof ASCIIFontRenderable;
     "tab-select": typeof TabSelectRenderable;
     "line-number": typeof LineNumberRenderable;
     span: typeof SpanRenderable;

package/src/types/components.d.ts

@@ -25,10 +25,21 @@ type ComponentProps<TOptions extends RenderableOptions<TRenderable>, TRenderable
 } & ReactProps<TRenderable>;
 /** Valid text content types for Text component children */
 type TextChildren = string | number | boolean | null | undefined | React.ReactNode;
-export type TextProps = ComponentProps<TextOptions, TextRenderable> & {
+type TextStyleFlags = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    dim?: boolean;
+    blink?: boolean;
+    inverse?: boolean;
+    hidden?: boolean;
+    strikethrough?: boolean;
+};
+export type TextProps = ComponentProps<TextOptions, TextRenderable> & TextStyleFlags & {
     children?: TextChildren;
 };
-export type SpanProps = ComponentProps<TextNodeOptions, TextNodeRenderable> & {
+export type SpanProps = Omit<ComponentProps<TextNodeOptions, TextNodeRenderable>, "style"> & {
+    style?: Partial<Omit<TextNodeOptions, GetNonStyledProperties<RenderableConstructor<TextNodeRenderable>>>> & TextStyleFlags;
     children?: TextChildren;
 };
 export type LinkProps = SpanProps & {

package/test-utils.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   createRoot
-} from "./chunk-940rvrqj.js";
+} from "./chunk-f2fbffqp.js";
 import"./chunk-e11q5a3p.js";
 
 // src/test-utils.ts