@opentui/react 0.1.74 → 0.1.75

package/README.md

@@ -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/{src/reconciler/renderer.js → chunk-j5j59zk3.js}

@@ -4,9 +4,116 @@ import {
   __toESM
 } from "./chunk-e11q5a3p.js";
 
-// src/reconciler/renderer.ts
-import { CliRenderEvents, 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 +121,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,7 +167,7 @@ import { TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
 // package.json
 var package_default = {
   name: "@opentui/react",
-  version: "0.1.74",
+  version: "0.1.75",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
@@ -123,112 +237,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) {
@@ -561,8 +569,5 @@ function createRoot(renderer) {
     unmount: cleanup
   };
 }
-export {
-  flushSync,
-  createRoot,
-  createPortal
-};
+
+export { baseComponents, componentCatalogue, extend, getComponentCatalogue, AppContext, useAppContext, flushSync, createPortal, createRoot };