@opentui/solid 0.0.0-20251010-2eed09fd → 0.0.0-20251026-63abf532

package/dist/index.d.ts

@@ -31,6 +31,7 @@ export function getComponentCatalogue(): {
     text: typeof TextRenderable3;
     input: typeof InputRenderable2;
     select: typeof SelectRenderable2;
+    textarea: typeof TextareaRenderable;
     ascii_font: typeof ASCIIFontRenderable;
     tab_select: typeof TabSelectRenderable2;
     scrollbox: typeof ScrollBoxRenderable;
@@ -55,6 +56,7 @@ export namespace componentCatalogue {
     export { TextRenderable3 as text };
     export { InputRenderable2 as input };
     export { SelectRenderable2 as select };
+    export { TextareaRenderable as textarea };
     export { ASCIIFontRenderable as ascii_font };
     export { TabSelectRenderable2 as tab_select };
     export { ScrollBoxRenderable as scrollbox };
@@ -111,6 +113,7 @@ import { BoxRenderable } from "@opentui/core";
 import { TextRenderable as TextRenderable3 } from "@opentui/core";
 import { InputRenderable as InputRenderable2 } from "@opentui/core";
 import { SelectRenderable as SelectRenderable2 } from "@opentui/core";
+import { TextareaRenderable } from "@opentui/core";
 import { ASCIIFontRenderable } from "@opentui/core";
 import { TabSelectRenderable as TabSelectRenderable2 } from "@opentui/core";
 import { ScrollBoxRenderable } from "@opentui/core";

package/index.js

@@ -12,6 +12,7 @@ import {
   ScrollBoxRenderable,
   SelectRenderable as SelectRenderable2,
   TabSelectRenderable as TabSelectRenderable2,
+  TextareaRenderable,
   TextAttributes,
   TextNodeRenderable as TextNodeRenderable3,
   TextRenderable as TextRenderable3
@@ -457,15 +458,7 @@ function _removeNode(parent, node) {
     node.parent = null;
     node = node.getSlotChild(parent);
   }
-  if (isTextNodeRenderable(parent)) {
-    if (typeof node !== "string" && !isTextNodeRenderable(node)) {
-      console.warn("Node not a valid child of TextNode");
-    } else {
-      parent.remove(node);
-    }
-  } else {
-    parent.remove(node.id);
-  }
+  parent.remove(node.id);
   process.nextTick(() => {
     if (node instanceof BaseRenderable && !node.parent) {
       node.destroyRecursively();
@@ -601,6 +594,8 @@ var {
           if (prev) {
             node.off(InputRenderableEvents.ENTER, prev);
           }
+        } else {
+          node[name] = value;
         }
         break;
       case "onSelect":
@@ -883,6 +878,7 @@ var baseComponents = {
   text: TextRenderable3,
   input: InputRenderable2,
   select: SelectRenderable2,
+  textarea: TextareaRenderable,
   ascii_font: ASCIIFontRenderable,
   tab_select: TabSelectRenderable2,
   scrollbox: ScrollBoxRenderable,

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.0.0-20251010-2eed09fd",
+  "version": "0.0.0-20251026-63abf532",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -27,7 +27,7 @@
   "dependencies": {
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",
-    "@opentui/core": "0.0.0-20251010-2eed09fd",
+    "@opentui/core": "0.0.0-20251026-63abf532",
     "babel-plugin-module-resolver": "5.0.2",
     "babel-preset-solid": "1.9.9",
     "s-js": "^0.4.9"
@@ -35,6 +35,7 @@
   "devDependencies": {
     "@types/babel__core": "7.20.5",
     "@types/bun": "latest",
+    "@types/node": "latest",
     "typescript": "^5"
   },
   "peerDependencies": {

package/src/elements/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
 import type { RenderableConstructor } from "../types/elements";
 export * from "./hooks";
 export * from "./extras";
@@ -30,6 +30,7 @@ export declare const baseComponents: {
     text: typeof TextRenderable;
     input: typeof InputRenderable;
     select: typeof SelectRenderable;
+    textarea: typeof TextareaRenderable;
     ascii_font: typeof ASCIIFontRenderable;
     tab_select: typeof TabSelectRenderable;
     scrollbox: typeof ScrollBoxRenderable;

package/src/types/elements.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, InputRenderable, InputRenderableOptions, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextNodeRenderable, TextOptions, TextRenderable } from "@opentui/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, InputRenderable, InputRenderableOptions, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeRenderable, TextOptions, TextRenderable } from "@opentui/core";
 import type { Ref } from "solid-js";
 import type { JSX } from "../../jsx-runtime";
 /** Properties that should not be included in the style prop */
@@ -38,6 +38,17 @@ export type InputProps = ComponentProps<InputRenderableOptions, InputRenderable>
     onChange?: (value: string) => void;
     onSubmit?: (value: string) => void;
 };
+export type TextareaProps = ComponentProps<TextareaOptions, TextareaRenderable> & {
+    focused?: boolean;
+    onSubmit?: () => void;
+    onContentChange?: (value: string) => void;
+    onCursorChange?: (value: {
+        line: number;
+        visualColumn: number;
+    }) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyPress?: (event: KeyboardEvent) => void;
+};
 export type SelectProps = ComponentProps<SelectRenderableOptions, SelectRenderable> & {
     focused?: boolean;
     onChange?: (index: number, option: SelectOption | null) => void;