@opentui/solid 0.1.14 → 0.1.16

package/index.js

@@ -7,6 +7,7 @@ import {
   ASCIIFontRenderable,
   BoxRenderable,
   InputRenderable,
+  ScrollBoxRenderable,
   SelectRenderable,
   TabSelectRenderable,
   TextRenderable
@@ -44,7 +45,7 @@ var useTerminalDimensions = () => {
   onResize(callback);
   return terminalDimensions;
 };
-var useKeyHandler = (callback) => {
+var useKeyboard = (callback) => {
   const keyHandler = getKeyHandler();
   onMount(() => {
     keyHandler.on("keypress", callback);
@@ -53,6 +54,7 @@ var useKeyHandler = (callback) => {
     keyHandler.off("keypress", callback);
   });
 };
+var useKeyHandler = useKeyboard;
 var useSelectionHandler = (callback) => {
   const renderer = useRenderer();
   onMount(() => {
@@ -99,7 +101,8 @@ var baseComponents = {
   input: InputRenderable,
   select: SelectRenderable,
   ascii_font: ASCIIFontRenderable,
-  tab_select: TabSelectRenderable
+  tab_select: TabSelectRenderable,
+  scrollbox: ScrollBoxRenderable
 };
 var componentCatalogue = { ...baseComponents };
 function extend(objects) {
@@ -188,13 +191,20 @@ class TextNode {
     }
     this.textParent = textParent;
     let styledText = textParent.content;
-    if (anchor && anchor instanceof TextNode) {
-      const anchorIndex = styledText.chunks.indexOf(anchor.chunk);
+    if (anchor) {
+      if (anchor instanceof Renderable) {
+        console.warn("text node can't be anchored to Renderable");
+        return;
+      } else if (isTextChunk(anchor)) {
+        anchor = ChunkToTextNodeMap.get(anchor);
+      }
+      const anchorIndex = anchor ? styledText.chunks.indexOf(anchor.chunk) : -1;
       if (anchorIndex === -1) {
         log("anchor not found");
-        return;
+        styledText = styledText.insert(this.chunk);
+      } else {
+        styledText = styledText.insert(this.chunk, anchorIndex);
       }
-      styledText = styledText.insert(this.chunk, anchorIndex);
     } else {
       const firstChunk = textParent.content.chunks[0];
       if (firstChunk && !ChunkToTextNodeMap.has(firstChunk)) {
@@ -583,6 +593,7 @@ export {
   useTerminalDimensions,
   useSelectionHandler,
   useRenderer,
+  useKeyboard,
   useKeyHandler,
   use,
   spread,

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,7 @@
     "./jsx-dev-runtime": "./jsx-runtime.d.ts"
   },
   "dependencies": {
-    "@opentui/core": "0.1.14",
+    "@opentui/core": "0.1.16",
     "babel-plugin-module-resolver": "5.0.2",
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",

package/src/elements/hooks.d.ts

@@ -6,6 +6,10 @@ export declare const useTerminalDimensions: () => import("solid-js").Accessor<{
     width: number;
     height: number;
 }>;
+export declare const useKeyboard: (callback: (key: ParsedKey) => void) => void;
+/**
+ * @deprecated renamed to useKeyboard
+ */
 export declare const useKeyHandler: (callback: (key: ParsedKey) => void) => void;
 export declare const useSelectionHandler: (callback: (selection: Selection) => void) => void;
 export declare const createComponentTimeline: (options?: TimelineOptions) => Timeline;

package/src/elements/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, InputRenderable, SelectRenderable, TabSelectRenderable, TextRenderable } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextRenderable } from "@opentui/core";
 import type { RenderableConstructor } from "../types/elements";
 export * from "./hooks";
 export declare const baseComponents: {
@@ -8,6 +8,7 @@ export declare const baseComponents: {
     select: typeof SelectRenderable;
     ascii_font: typeof ASCIIFontRenderable;
     tab_select: typeof TabSelectRenderable;
+    scrollbox: typeof ScrollBoxRenderable;
 };
 type ComponentCatalogue = Record<string, RenderableConstructor>;
 export declare const componentCatalogue: ComponentCatalogue;

package/src/types/elements.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BoxOptions, BoxRenderable, InputRenderable, InputRenderableOptions, Renderable, RenderableOptions, RenderContext, SelectOption, SelectRenderable, SelectRenderableOptions, StyledText, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextChunk, TextOptions, TextRenderable } from "@opentui/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BoxOptions, BoxRenderable, InputRenderable, InputRenderableOptions, Renderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, StyledText, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextChunk, TextOptions, TextRenderable } from "@opentui/core";
 import type { JSX, Ref } from "solid-js";
 /** Properties that should not be included in the style prop */
 export type NonStyledProps = "id" | "buffered" | "live" | "enableLayout" | "selectable" | "renderAfter" | "renderBefore" | `on${string}`;
@@ -45,6 +45,9 @@ export type TabSelectProps = ComponentProps<TabSelectRenderableOptions, TabSelec
     onChange?: (index: number, option: TabSelectOption | null) => void;
     onSelect?: (index: number, option: TabSelectOption | null) => void;
 };
+export type ScrollBoxProps = ComponentProps<ContainerProps<ScrollBoxOptions>, ScrollBoxRenderable> & {
+    focused?: boolean;
+};
 /** Convert renderable constructor to component props with proper style exclusions */
 export type ExtendedComponentProps<TConstructor extends RenderableConstructor, TOptions = ExtractRenderableOptions<TConstructor>> = TOptions & {
     children?: JSX.Element;