@opentuah/react 0.1.80 → 0.1.84

package/{chunk-79j2krnf.js → chunk-dxqq8rw0.js}

@@ -14,6 +14,7 @@ import {
   MarkdownRenderable,
   ScrollBoxRenderable,
   SelectRenderable,
+  StatelessTerminalRenderable,
   TabSelectRenderable,
   TextareaRenderable,
   TextRenderable
@@ -94,6 +95,7 @@ var baseComponents = {
   select: SelectRenderable,
   textarea: TextareaRenderable,
   scrollbox: ScrollBoxRenderable,
+  "stateless-terminal": StatelessTerminalRenderable,
   "ascii-font": ASCIIFontRenderable,
   "tab-select": TabSelectRenderable,
   "line-number": LineNumberRenderable,
@@ -163,7 +165,7 @@ import { TextNodeRenderable as TextNodeRenderable2 } from "@opentuah/core";
 // package.json
 var package_default = {
   name: "@opentuah/react",
-  version: "0.1.80",
+  version: "0.1.84",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
@@ -252,8 +254,25 @@ import {
   SelectRenderable as SelectRenderable2,
   SelectRenderableEvents,
   TabSelectRenderable as TabSelectRenderable2,
-  TabSelectRenderableEvents
+  TabSelectRenderableEvents,
+  TextareaRenderable as TextareaRenderable2
 } from "@opentuah/core";
+var textareaInputListeners = new WeakMap;
+function setTextareaInputListener(instance, listener) {
+  const prevListener = textareaInputListeners.get(instance);
+  if (prevListener) {
+    instance.editBuffer.off("content-changed", prevListener);
+    textareaInputListeners.delete(instance);
+  }
+  if (!listener) {
+    return;
+  }
+  const inputListener = () => {
+    listener(instance.plainText);
+  };
+  textareaInputListeners.set(instance, inputListener);
+  instance.editBuffer.on("content-changed", inputListener);
+}
 function initEventListeners(instance, eventName, listener, previousListener) {
   if (previousListener) {
     instance.off(eventName, previousListener);
@@ -298,6 +317,8 @@ function setProperty(instance, type, propKey, propValue, oldPropValue) {
     case "onInput":
       if (instance instanceof InputRenderable2) {
         initEventListeners(instance, InputRenderableEvents.INPUT, propValue, oldPropValue);
+      } else if (instance instanceof TextareaRenderable2) {
+        setTextareaInputListener(instance, propValue);
       }
       break;
     case "onSubmit":

package/index.js

@@ -9,7 +9,7 @@ import {
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-79j2krnf.js";
+} from "./chunk-dxqq8rw0.js";
 import"./chunk-eecw9x2f.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";

package/package.json

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

package/src/components/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentuah/core";
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, StatelessTerminalRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentuah/core";
 import type { RenderableConstructor } from "../types/components";
 import { BoldSpanRenderable, ItalicSpanRenderable, LineBreakRenderable, LinkRenderable, SpanRenderable, UnderlineSpanRenderable } from "./text";
 export declare const baseComponents: {
@@ -11,6 +11,7 @@ export declare const baseComponents: {
     select: typeof SelectRenderable;
     textarea: typeof TextareaRenderable;
     scrollbox: typeof ScrollBoxRenderable;
+    "stateless-terminal": typeof StatelessTerminalRenderable;
     "ascii-font": typeof ASCIIFontRenderable;
     "tab-select": typeof TabSelectRenderable;
     "line-number": typeof LineNumberRenderable;

package/src/types/components.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable } from "@opentuah/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, StatelessTerminalOptions, StatelessTerminalRenderable, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable } from "@opentuah/core";
 import type React from "react";
 /** Properties that should not be included in the style prop */
 export type NonStyledProps = "id" | "buffered" | "live" | "enableLayout" | "selectable" | "renderAfter" | "renderBefore" | `on${string}`;
@@ -46,10 +46,12 @@ export type InputProps = ComponentProps<InputRenderableOptions, InputRenderable>
 };
 export type TextareaProps = ComponentProps<TextareaOptions, TextareaRenderable> & {
     focused?: boolean;
+    onInput?: (value: string) => void;
 };
 export type CodeProps = ComponentProps<CodeOptions, CodeRenderable>;
 export type MarkdownProps = ComponentProps<MarkdownOptions, MarkdownRenderable>;
 export type DiffProps = ComponentProps<DiffRenderableOptions, DiffRenderable>;
+export type StatelessTerminalProps = ComponentProps<StatelessTerminalOptions, StatelessTerminalRenderable>;
 export type SelectProps = ComponentProps<SelectRenderableOptions, SelectRenderable> & {
     focused?: boolean;
     onChange?: (index: number, option: SelectOption | null) => void;

package/test-utils.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   createRoot
-} from "./chunk-79j2krnf.js";
+} from "./chunk-dxqq8rw0.js";
 import"./chunk-eecw9x2f.js";
 
 // src/test-utils.ts