@cascadetui/react 0.1.6 → 0.1.7

package/{chunk-f2fbffqp.js → chunk-c79msnsf.js}

@@ -129,6 +129,7 @@ var useAppContext = () => {
 // src/reconciler/renderer.ts
 import { CliRenderEvents, engine } from "@cascadetui/core";
 import React2 from "react";
+import { ConcurrentRoot as ConcurrentRoot2 } from "react-reconciler/constants";
 
 // src/components/error-boundary.tsx
 import React from "react";
@@ -154,7 +155,7 @@ class ErrorBoundary extends React.Component {
         style: { flexDirection: "column", padding: 2 },
         children: /* @__PURE__ */ jsxDEV("text", {
           fg: "red",
-          children: this.state.error.stack || this.state.error.message
+          content: this.state.error.stack || this.state.error.message
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     }
@@ -171,7 +172,7 @@ import { ASCIIFont, TextNodeRenderable as TextNodeRenderable2, instantiate } fro
 // package.json
 var package_default = {
   name: "@cascadetui/react",
-  version: "0.1.6",
+  version: "0.1.7",
   description: "React renderer for building terminal user interfaces using Cascade core",
   license: "MIT",
   repository: {
@@ -500,12 +501,9 @@ var hostConfig = {
   },
   startSuspendingCommit() {},
   suspendInstance() {},
-  waitForCommitToBeReady() {
-    return null;
-  },
   detachDeletedInstance(instance) {
     if (!instance.parent) {
-      instance.destroyRecursively();
+      instance.destroy();
     }
   },
   getPublicInstance(instance) {
@@ -548,16 +546,10 @@ $ bun add react-devtools-core@7 -d
   }
 }
 reconciler.injectIntoDevTools();
-function _render(element, root) {
-  const container = reconciler.createContainer(root, ConcurrentRoot, null, false, null, "", console.error, console.error, console.error, console.error, null);
-  reconciler.updateContainer(element, container, null, () => {});
-  return container;
-}
 
 // src/reconciler/renderer.ts
 var _r = reconciler;
 var flushSync = _r.flushSyncFromReconciler ?? _r.flushSync;
-var { createPortal } = reconciler;
 function createRoot(renderer) {
   let container = null;
   const cleanup = () => {
@@ -571,16 +563,20 @@ function createRoot(renderer) {
   return {
     render: (node) => {
       engine.attach(renderer);
-      container = _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, {
+      const element = 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);
+      }, node));
+      if (!container) {
+        container = reconciler.createContainer(renderer.root, ConcurrentRoot2, null, false, null, "", console.error, console.error, console.error, console.error, null);
+      }
+      reconciler.updateContainer(element, container, null, () => {});
     },
     unmount: cleanup
   };
 }
 
-export { baseComponents, componentCatalogue, extend, getComponentCatalogue, AppContext, useAppContext, flushSync, createPortal, createRoot };
+export { baseComponents, componentCatalogue, extend, getComponentCatalogue, AppContext, useAppContext, flushSync, createRoot };

package/index.js

@@ -3,13 +3,12 @@ import {
   AppContext,
   baseComponents,
   componentCatalogue,
-  createPortal,
   createRoot,
   extend,
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-f2fbffqp.js";
+} from "./chunk-c79msnsf.js";
 import"./chunk-e11q5a3p.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";
@@ -109,7 +108,6 @@ export {
   flushSync,
   extend,
   createRoot,
-  createPortal,
   createElement,
   componentCatalogue,
   baseComponents,

package/package.json

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

package/src/components/text.d.ts

@@ -21,7 +21,7 @@ export declare class LineBreakRenderable extends SpanRenderable {
     constructor(_ctx: RenderContext | null, options: TextNodeOptions);
     add(): number;
 }
-export interface LinkOptions extends TextNodeOptions {
+interface LinkOptions extends TextNodeOptions {
     href: string;
 }
 export declare class LinkRenderable extends SpanRenderable {

package/src/reconciler/renderer.d.ts

@@ -4,7 +4,6 @@ declare const flushSync: {
     (): void;
     <R>(fn: () => R): R;
 };
-declare const createPortal: (children: ReactNode, containerInfo: any, implementation: any, key?: string | null) => import("react-reconciler").ReactPortal;
 export type Root = {
     render: (node: ReactNode) => void;
     unmount: () => void;
@@ -20,4 +19,4 @@ export type Root = {
  * ```
  */
 export declare function createRoot(renderer: CliRenderer): Root;
-export { createPortal, flushSync };
+export { flushSync };

package/test-utils.js

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