@opentui/react 0.0.0-20260107-eacc730b → 0.0.0-20260303-946d7494

package/README.md

@@ -1,6 +1,6 @@
 # @opentui/react
 
-A React renderer for building terminal user interfaces using [OpenTUI core](https://github.com/sst/opentui). Create rich, interactive console applications with familiar React patterns and components.
+A React renderer for building terminal user interfaces using [OpenTUI core](https://github.com/anomalyco/opentui). Create rich, interactive console applications with familiar React patterns and components.
 
 ## Installation
 
@@ -985,7 +985,7 @@ bun add --dev react-devtools-core@7
 2. Start the standalone React DevTools:
 
 ```bash
-npx npx react-devtools@7
+npx react-devtools@7
 ```
 
 3. Run your app with the `DEV` environment variable:

package/chunk-2mx7fq49.js

@@ -0,0 +1,4 @@
+// @bun
+var __require = import.meta.require;
+
+export { __require };

package/{src/test-utils/chunk-fcedq94e.js → chunk-bdqvmfwv.js}

@@ -1,8 +1,7 @@
 // @bun
 import {
-  __require,
-  __toESM
-} from "./chunk-e11q5a3p.js";
+  __require
+} from "./chunk-2mx7fq49.js";
 
 // src/reconciler/devtools-polyfill.ts
 var g = globalThis;

package/{src/reconciler/renderer.js → chunk-brj46p0a.js}

@@ -1,12 +1,118 @@
 // @bun
 import {
-  __require,
-  __toESM
-} from "./chunk-e11q5a3p.js";
+  __require
+} from "./chunk-2mx7fq49.js";
 
-// src/reconciler/renderer.ts
-import { engine } from "@opentui/core";
-import React2 from "react";
+// src/components/index.ts
+import {
+  ASCIIFontRenderable,
+  BoxRenderable,
+  CodeRenderable,
+  DiffRenderable,
+  InputRenderable,
+  LineNumberRenderable,
+  MarkdownRenderable,
+  ScrollBoxRenderable,
+  SelectRenderable,
+  TabSelectRenderable,
+  TextareaRenderable,
+  TextRenderable
+} from "@opentui/core";
+
+// src/components/text.ts
+import { TextAttributes, TextNodeRenderable } from "@opentui/core";
+var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "br", "a"];
+
+class SpanRenderable extends TextNodeRenderable {
+  ctx;
+  constructor(ctx, options) {
+    super(options);
+    this.ctx = ctx;
+  }
+}
+
+class TextModifierRenderable extends SpanRenderable {
+  constructor(options, modifier) {
+    super(null, options);
+    if (modifier === "b" || modifier === "strong") {
+      this.attributes = (this.attributes || 0) | TextAttributes.BOLD;
+    } else if (modifier === "i" || modifier === "em") {
+      this.attributes = (this.attributes || 0) | TextAttributes.ITALIC;
+    } else if (modifier === "u") {
+      this.attributes = (this.attributes || 0) | TextAttributes.UNDERLINE;
+    }
+  }
+}
+
+class BoldSpanRenderable extends TextModifierRenderable {
+  constructor(_ctx, options) {
+    super(options, "b");
+  }
+}
+
+class ItalicSpanRenderable extends TextModifierRenderable {
+  constructor(_ctx, options) {
+    super(options, "i");
+  }
+}
+
+class UnderlineSpanRenderable extends TextModifierRenderable {
+  constructor(_ctx, options) {
+    super(options, "u");
+  }
+}
+
+class LineBreakRenderable extends SpanRenderable {
+  constructor(_ctx, options) {
+    super(null, options);
+    this.add();
+  }
+  add() {
+    return super.add(`
+`);
+  }
+}
+
+class LinkRenderable extends SpanRenderable {
+  constructor(_ctx, options) {
+    const linkOptions = {
+      ...options,
+      link: { url: options.href }
+    };
+    super(null, linkOptions);
+  }
+}
+
+// src/components/index.ts
+var baseComponents = {
+  box: BoxRenderable,
+  text: TextRenderable,
+  code: CodeRenderable,
+  diff: DiffRenderable,
+  markdown: MarkdownRenderable,
+  input: InputRenderable,
+  select: SelectRenderable,
+  textarea: TextareaRenderable,
+  scrollbox: ScrollBoxRenderable,
+  "ascii-font": ASCIIFontRenderable,
+  "tab-select": TabSelectRenderable,
+  "line-number": LineNumberRenderable,
+  span: SpanRenderable,
+  br: LineBreakRenderable,
+  b: BoldSpanRenderable,
+  strong: BoldSpanRenderable,
+  i: ItalicSpanRenderable,
+  em: ItalicSpanRenderable,
+  u: UnderlineSpanRenderable,
+  a: LinkRenderable
+};
+var componentCatalogue = { ...baseComponents };
+function extend(objects) {
+  Object.assign(componentCatalogue, objects);
+}
+function getComponentCatalogue() {
+  return componentCatalogue;
+}
 
 // src/components/app.tsx
 import { createContext, useContext } from "react";
@@ -14,6 +120,13 @@ var AppContext = createContext({
   keyHandler: null,
   renderer: null
 });
+var useAppContext = () => {
+  return useContext(AppContext);
+};
+
+// src/reconciler/renderer.ts
+import { CliRenderEvents, engine } from "@opentui/core";
+import React2 from "react";
 
 // src/components/error-boundary.tsx
 import React from "react";
@@ -53,12 +166,12 @@ import { TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
 // package.json
 var package_default = {
   name: "@opentui/react",
-  version: "0.0.0-20260107-eacc730b",
+  version: "0.0.0-20260303-946d7494",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
     type: "git",
-    url: "https://github.com/sst/opentui",
+    url: "https://github.com/anomalyco/opentui",
     directory: "packages/react"
   },
   module: "src/index.ts",
@@ -123,112 +236,6 @@ var package_default = {
 import { createContext as createContext2 } from "react";
 import { DefaultEventPriority, NoEventPriority } from "react-reconciler/constants";
 
-// src/components/index.ts
-import {
-  ASCIIFontRenderable,
-  BoxRenderable,
-  CodeRenderable,
-  DiffRenderable,
-  InputRenderable,
-  LineNumberRenderable,
-  ScrollBoxRenderable,
-  SelectRenderable,
-  TabSelectRenderable,
-  TextareaRenderable,
-  TextRenderable
-} from "@opentui/core";
-
-// src/components/text.ts
-import { TextAttributes, TextNodeRenderable } from "@opentui/core";
-var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "br", "a"];
-
-class SpanRenderable extends TextNodeRenderable {
-  ctx;
-  constructor(ctx, options) {
-    super(options);
-    this.ctx = ctx;
-  }
-}
-
-class TextModifierRenderable extends SpanRenderable {
-  constructor(options, modifier) {
-    super(null, options);
-    if (modifier === "b" || modifier === "strong") {
-      this.attributes = (this.attributes || 0) | TextAttributes.BOLD;
-    } else if (modifier === "i" || modifier === "em") {
-      this.attributes = (this.attributes || 0) | TextAttributes.ITALIC;
-    } else if (modifier === "u") {
-      this.attributes = (this.attributes || 0) | TextAttributes.UNDERLINE;
-    }
-  }
-}
-
-class BoldSpanRenderable extends TextModifierRenderable {
-  constructor(_ctx, options) {
-    super(options, "b");
-  }
-}
-
-class ItalicSpanRenderable extends TextModifierRenderable {
-  constructor(_ctx, options) {
-    super(options, "i");
-  }
-}
-
-class UnderlineSpanRenderable extends TextModifierRenderable {
-  constructor(_ctx, options) {
-    super(options, "u");
-  }
-}
-
-class LineBreakRenderable extends SpanRenderable {
-  constructor(_ctx, options) {
-    super(null, options);
-    this.add();
-  }
-  add() {
-    return super.add(`
-`);
-  }
-}
-
-class LinkRenderable extends SpanRenderable {
-  constructor(_ctx, options) {
-    const linkOptions = {
-      ...options,
-      link: { url: options.href }
-    };
-    super(null, linkOptions);
-  }
-}
-
-// src/components/index.ts
-var baseComponents = {
-  box: BoxRenderable,
-  text: TextRenderable,
-  code: CodeRenderable,
-  diff: DiffRenderable,
-  input: InputRenderable,
-  select: SelectRenderable,
-  textarea: TextareaRenderable,
-  scrollbox: ScrollBoxRenderable,
-  "ascii-font": ASCIIFontRenderable,
-  "tab-select": TabSelectRenderable,
-  "line-number": LineNumberRenderable,
-  span: SpanRenderable,
-  br: LineBreakRenderable,
-  b: BoldSpanRenderable,
-  strong: BoldSpanRenderable,
-  i: ItalicSpanRenderable,
-  em: ItalicSpanRenderable,
-  u: UnderlineSpanRenderable,
-  a: LinkRenderable
-};
-var componentCatalogue = { ...baseComponents };
-function getComponentCatalogue() {
-  return componentCatalogue;
-}
-
 // src/utils/id.ts
 var idCounter = new Map;
 function getNextId(type) {
@@ -515,7 +522,7 @@ var hostConfig = {
 var reconciler = ReactReconciler(hostConfig);
 if (process.env["DEV"] === "true") {
   try {
-    await import("./chunk-fcedq94e.js");
+    await import("./chunk-bdqvmfwv.js");
   } catch (error) {
     if (error.code === "ERR_MODULE_NOT_FOUND") {
       console.warn(`
@@ -545,23 +552,21 @@ var flushSync = _r.flushSyncFromReconciler ?? _r.flushSync;
 var { createPortal } = reconciler;
 function createRoot(renderer) {
   let container = null;
+  const cleanup = () => {
+    if (container) {
+      reconciler.updateContainer(null, container, null, () => {});
+      reconciler.flushSyncWork();
+      container = null;
+    }
+  };
+  renderer.once(CliRenderEvents.DESTROY, cleanup);
   return {
     render: (node) => {
       engine.attach(renderer);
       container = _render(React2.createElement(AppContext.Provider, { value: { keyHandler: renderer.keyInput, renderer } }, React2.createElement(ErrorBoundary, null, node)), renderer.root);
     },
-    unmount: () => {
-      if (!container) {
-        return;
-      }
-      reconciler.updateContainer(null, container, null, () => {});
-      reconciler.flushSyncWork();
-      container = null;
-    }
+    unmount: cleanup
   };
 }
-export {
-  flushSync,
-  createRoot,
-  createPortal
-};
+
+export { baseComponents, componentCatalogue, extend, getComponentCatalogue, AppContext, useAppContext, Fragment, jsxDEV, flushSync, createPortal, createRoot };