@opentui/react 0.0.0-20251001-d57654da → 0.0.0-20251008-63d6b70d

package/index.js

@@ -177,7 +177,7 @@ var useTimeline = (options = {}) => {
 };
 // src/reconciler/renderer.ts
 import { createCliRenderer, engine as engine2 } from "@opentui/core";
-import React from "react";
+import React2 from "react";
 
 // src/reconciler/reconciler.ts
 import ReactReconciler from "react-reconciler";
@@ -472,11 +472,40 @@ function _render(element, root) {
   reconciler.updateContainer(element, container, null, () => {});
 }
 
+// src/components/error-boundary.tsx
+import React from "react";
+
+// jsx-dev-runtime.js
+import { Fragment, jsxDEV } from "react/jsx-dev-runtime";
+
+// src/components/error-boundary.tsx
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      return /* @__PURE__ */ jsxDEV("box", {
+        style: { flexDirection: "column", padding: 2 },
+        children: /* @__PURE__ */ jsxDEV("text", {
+          fg: "red",
+          children: this.state.error.stack || this.state.error.message
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    return this.props.children;
+  }
+}
+
 // src/reconciler/renderer.ts
 async function render(node, rendererConfig = {}) {
   const renderer = await createCliRenderer(rendererConfig);
   engine2.attach(renderer);
-  _render(React.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, node), renderer.root);
+  _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, null, node)), renderer.root);
 }
 export {
   useTimeline,

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.0.0-20251001-d57654da",
+  "version": "0.0.0-20251008-63d6b70d",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -35,7 +35,7 @@
     }
   },
   "dependencies": {
-    "@opentui/core": "0.0.0-20251001-d57654da",
+    "@opentui/core": "0.0.0-20251008-63d6b70d",
     "react-reconciler": "^0.32.0"
   },
   "devDependencies": {

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

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

package/src/reconciler/renderer.js

@@ -1,7 +1,7 @@
 // @bun
 // src/reconciler/renderer.ts
 import { createCliRenderer, engine } from "@opentui/core";
-import React from "react";
+import React2 from "react";
 
 // src/components/app.tsx
 import { createContext, useContext } from "react";
@@ -390,11 +390,40 @@ function _render(element, root) {
   reconciler.updateContainer(element, container, null, () => {});
 }
 
+// src/components/error-boundary.tsx
+import React from "react";
+
+// jsx-dev-runtime.js
+import { Fragment, jsxDEV } from "react/jsx-dev-runtime";
+
+// src/components/error-boundary.tsx
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      return /* @__PURE__ */ jsxDEV("box", {
+        style: { flexDirection: "column", padding: 2 },
+        children: /* @__PURE__ */ jsxDEV("text", {
+          fg: "red",
+          children: this.state.error.stack || this.state.error.message
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    return this.props.children;
+  }
+}
+
 // src/reconciler/renderer.ts
 async function render(node, rendererConfig = {}) {
   const renderer = await createCliRenderer(rendererConfig);
   engine.attach(renderer);
-  _render(React.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, node), renderer.root);
+  _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, null, node)), renderer.root);
 }
 export {
   render