@opentui/solid 0.1.50 → 0.1.52

package/README.md

@@ -40,7 +40,7 @@ render(() => <text>Hello, World!</text>)
 5. To build use [Bun.build](https://bun.com/docs/bundler) ([source](https://github.com/sst/opentui/issues/122)):
 
 ```ts
-import solidPlugin from "./node_modules/@opentui/solid/scripts/solid-plugin"
+import solidPlugin from "@opentui/solid/bun-plugin"
 
 await Bun.build({
   entrypoints: ["./index.tsx"],

package/dist/index.d.ts

@@ -6,8 +6,8 @@ export function useTerminalDimensions(): import("solid-js").Accessor<{
 export function useSelectionHandler(callback: any): void;
 export function useRenderer(): any;
 export function usePaste(callback: any): void;
-export function useKeyboard(callback: any): void;
-export function useKeyHandler(callback: any): void;
+export function useKeyboard(callback: any, options: any): void;
+export function useKeyHandler(callback: any, options: any): void;
 export function use(fn: any, element: any, arg: any): any;
 export var textNodeKeys: string[];
 export function testRender(node: any, renderConfig?: {}): Promise<{
@@ -36,6 +36,8 @@ export function getComponentCatalogue(): {
     tab_select: typeof TabSelectRenderable2;
     scrollbox: typeof ScrollBoxRenderable;
     code: typeof CodeRenderable;
+    diff: typeof DiffRenderable;
+    line_number: typeof LineNumberRenderable;
     span: typeof SpanRenderable;
     strong: typeof BoldSpanRenderable;
     b: typeof BoldSpanRenderable;
@@ -61,6 +63,8 @@ export namespace componentCatalogue {
     export { TabSelectRenderable2 as tab_select };
     export { ScrollBoxRenderable as scrollbox };
     export { CodeRenderable as code };
+    export { DiffRenderable as diff };
+    export { LineNumberRenderable as line_number };
     export { SpanRenderable as span };
     export { BoldSpanRenderable as strong };
     export { BoldSpanRenderable as b };
@@ -118,6 +122,8 @@ import { ASCIIFontRenderable } from "@opentui/core";
 import { TabSelectRenderable as TabSelectRenderable2 } from "@opentui/core";
 import { ScrollBoxRenderable } from "@opentui/core";
 import { CodeRenderable } from "@opentui/core";
+import { DiffRenderable } from "@opentui/core";
+import { LineNumberRenderable } from "@opentui/core";
 declare class SpanRenderable extends TextNodeRenderable3 {
     constructor(_ctx: any, options: any);
     _ctx: any;

package/index.js

@@ -8,7 +8,9 @@ import {
   ASCIIFontRenderable,
   BoxRenderable,
   CodeRenderable,
+  DiffRenderable,
   InputRenderable as InputRenderable2,
+  LineNumberRenderable,
   ScrollBoxRenderable,
   SelectRenderable as SelectRenderable2,
   TabSelectRenderable as TabSelectRenderable2,
@@ -50,14 +52,20 @@ var useTerminalDimensions = () => {
   onResize(callback);
   return terminalDimensions;
 };
-var useKeyboard = (callback) => {
+var useKeyboard = (callback, options) => {
   const renderer = useRenderer();
   const keyHandler = renderer.keyInput;
   onMount(() => {
     keyHandler.on("keypress", callback);
+    if (options?.release) {
+      keyHandler.on("keyrelease", callback);
+    }
   });
   onCleanup(() => {
     keyHandler.off("keypress", callback);
+    if (options?.release) {
+      keyHandler.off("keyrelease", callback);
+    }
   });
 };
 var usePaste = (callback) => {
@@ -883,6 +891,8 @@ var baseComponents = {
   tab_select: TabSelectRenderable2,
   scrollbox: ScrollBoxRenderable,
   code: CodeRenderable,
+  diff: DiffRenderable,
+  line_number: LineNumberRenderable,
   span: SpanRenderable,
   strong: BoldSpanRenderable,
   b: BoldSpanRenderable,

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "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.1.50",
+    "@opentui/core": "0.1.52",
     "babel-plugin-module-resolver": "5.0.2",
     "babel-preset-solid": "1.9.9",
     "s-js": "^0.4.9"

package/src/elements/hooks.d.ts

@@ -6,11 +6,31 @@ export declare const useTerminalDimensions: () => import("solid-js").Accessor<{
     width: number;
     height: number;
 }>;
-export declare const useKeyboard: (callback: (key: KeyEvent) => void) => void;
+export interface UseKeyboardOptions {
+    /** Include release events - callback receives events with eventType: "release" */
+    release?: boolean;
+}
+/**
+ * Subscribe to keyboard events.
+ *
+ * By default, only receives press events (including key repeats with `repeated: true`).
+ * Use `options.release` to also receive release events.
+ *
+ * @example
+ * // Basic press handling (includes repeats)
+ * useKeyboard((e) => console.log(e.name, e.repeated ? "(repeat)" : ""))
+ *
+ * // With release events
+ * useKeyboard((e) => {
+ *   if (e.eventType === "release") keys.delete(e.name)
+ *   else keys.add(e.name)
+ * }, { release: true })
+ */
+export declare const useKeyboard: (callback: (key: KeyEvent) => void, options?: UseKeyboardOptions) => void;
 export declare const usePaste: (callback: (event: PasteEvent) => void) => void;
 /**
  * @deprecated renamed to useKeyboard
  */
-export declare const useKeyHandler: (callback: (key: KeyEvent) => void) => void;
+export declare const useKeyHandler: (callback: (key: KeyEvent) => void, options?: UseKeyboardOptions) => void;
 export declare const useSelectionHandler: (callback: (selection: Selection) => void) => void;
 export declare const useTimeline: (options?: TimelineOptions) => Timeline;

package/src/elements/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, 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";
@@ -35,6 +35,8 @@ export declare const baseComponents: {
     tab_select: typeof TabSelectRenderable;
     scrollbox: typeof ScrollBoxRenderable;
     code: typeof CodeRenderable;
+    diff: typeof DiffRenderable;
+    line_number: typeof LineNumberRenderable;
     span: typeof SpanRenderable;
     strong: typeof BoldSpanRenderable;
     b: typeof BoldSpanRenderable;