@opentui/solid 0.0.0-20250923-da12fb15 → 0.0.0-20250924-9d06e8e4

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export function useTimeline(timeline: any, initialValue: any, targetValue: any, options: any, startTime?: number): import("solid-js").Accessor<any>;
+export function useTimeline(options?: {}): Timeline;
 export function useTerminalDimensions(): import("solid-js").Accessor<{
     width: any;
     height: any;
@@ -48,7 +48,6 @@ export var createTextNode: any;
 export function createSlotNode(): SlotRenderable;
 export var createElement: any;
 export function createDynamic(component: any, props: any): import("solid-js").Accessor<any>;
-export function createComponentTimeline(options?: {}): Timeline;
 declare var createComponent2: typeof createComponent;
 export namespace componentCatalogue {
     export { BoxRenderable as box };
@@ -104,6 +103,7 @@ export function Dynamic(props: any): import("solid-js").Accessor<any>;
 export class BoldSpanRenderable extends TextModifierRenderable {
     constructor(options: any);
 }
+import { Timeline } from "@opentui/core";
 import { mergeProps } from "solid-js";
 import { BoxRenderable } from "@opentui/core";
 import { TextRenderable as TextRenderable3 } from "@opentui/core";
@@ -117,7 +117,6 @@ declare class SpanRenderable extends TextNodeRenderable3 {
     _ctx: any;
 }
 import { createRenderEffect } from "solid-js";
-import { Timeline } from "@opentui/core";
 import { createComponent } from "solid-js";
 declare class TextModifierRenderable extends SpanRenderable {
 }

package/index.js

@@ -1,6 +1,6 @@
 // @bun
 // index.ts
-import { createCliRenderer } from "@opentui/core";
+import { createCliRenderer, engine as engine2 } from "@opentui/core";
 import { createTestRenderer } from "@opentui/core/testing";
 
 // src/elements/index.ts
@@ -18,6 +18,7 @@ import {
 
 // src/elements/hooks.ts
 import {
+  engine,
   Timeline
 } from "@opentui/core";
 import { createContext, createSignal, onCleanup, onMount, useContext } from "solid-js";
@@ -77,35 +78,20 @@ var useSelectionHandler = (callback) => {
     renderer.off("selection", callback);
   });
 };
-var createComponentTimeline = (options = {}) => {
-  const renderer = useRenderer();
+var useTimeline = (options = {}) => {
   const timeline = new Timeline(options);
-  const frameCallback = async (dt) => timeline.update(dt);
   onMount(() => {
     if (options.autoplay !== false) {
       timeline.play();
     }
-    renderer.setFrameCallback(frameCallback);
+    engine.register(timeline);
   });
   onCleanup(() => {
-    renderer.removeFrameCallback(frameCallback);
     timeline.pause();
+    engine.unregister(timeline);
   });
   return timeline;
 };
-var useTimeline = (timeline, initialValue, targetValue, options, startTime = 0) => {
-  const [store, setStore] = createSignal(initialValue);
-  const { onUpdate, ...animationOptions } = options;
-  timeline.add(store(), {
-    ...targetValue,
-    ...animationOptions,
-    onUpdate: (values) => {
-      setStore({ ...values.targets[0] });
-      onUpdate?.(values);
-    }
-  }, startTime);
-  return store;
-};
 // src/elements/extras.ts
 import { createEffect, createMemo as createMemo2, getOwner, onCleanup as onCleanup2, runWithOwner, splitProps, untrack as untrack2 } from "solid-js";
 
@@ -915,6 +901,7 @@ function getComponentCatalogue() {
 // index.ts
 var render = async (node, renderConfig = {}) => {
   const renderer = await createCliRenderer(renderConfig);
+  engine2.attach(renderer);
   _render(() => createComponent2(RendererContext.Provider, {
     get value() {
       return renderer;
@@ -926,6 +913,7 @@ var render = async (node, renderConfig = {}) => {
 };
 var testRender = async (node, renderConfig = {}) => {
   const testSetup = await createTestRenderer(renderConfig);
+  engine2.attach(testSetup.renderer);
   _render(() => createComponent2(RendererContext.Provider, {
     get value() {
       return testSetup.renderer;
@@ -962,7 +950,6 @@ export {
   createSlotNode,
   createElement,
   createDynamic,
-  createComponentTimeline,
   createComponent2 as createComponent,
   componentCatalogue,
   baseComponents,

package/package.json

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

package/src/elements/hooks.d.ts

@@ -1,4 +1,4 @@
-import { Selection, Timeline, type AnimationOptions, type CliRenderer, type JSAnimation, type ParsedKey, type TimelineOptions } from "@opentui/core";
+import { PasteEvent, Selection, Timeline, type CliRenderer, type KeyEvent, type TimelineOptions } from "@opentui/core";
 export declare const RendererContext: import("solid-js").Context<CliRenderer | undefined>;
 export declare const useRenderer: () => CliRenderer;
 export declare const onResize: (callback: (width: number, height: number) => void) => void;
@@ -6,16 +6,11 @@ export declare const useTerminalDimensions: () => import("solid-js").Accessor<{
     width: number;
     height: number;
 }>;
-export declare const useKeyboard: (callback: (key: ParsedKey) => void) => void;
-export declare const usePaste: (callback: (text: string) => void) => void;
+export declare const useKeyboard: (callback: (key: KeyEvent) => void) => void;
+export declare const usePaste: (callback: (event: PasteEvent) => void) => void;
 /**
  * @deprecated renamed to useKeyboard
  */
-export declare const useKeyHandler: (callback: (key: ParsedKey) => void) => void;
+export declare const useKeyHandler: (callback: (key: KeyEvent) => void) => void;
 export declare const useSelectionHandler: (callback: (selection: Selection) => void) => void;
-export declare const createComponentTimeline: (options?: TimelineOptions) => Timeline;
-export declare const useTimeline: <T extends Record<string, number>>(timeline: Timeline, initialValue: T, targetValue: T, options: AnimationOptions & {
-    onUpdate?: (values: JSAnimation & {
-        targets: T[];
-    }) => void;
-}, startTime?: number | string) => import("solid-js").Accessor<T>;
+export declare const useTimeline: (options?: TimelineOptions) => Timeline;