@opentui/solid 0.1.62 → 0.1.64

package/dist/index.d.ts

@@ -45,6 +45,7 @@ export function getComponentCatalogue(): {
     i: typeof ItalicSpanRenderable;
     u: typeof UnderlineSpanRenderable;
     br: typeof LineBreakRenderable;
+    a: typeof LinkRenderable;
 };
 export function extend(objects: any): void;
 export var effect: typeof createRenderEffect;
@@ -72,6 +73,7 @@ export namespace componentCatalogue {
     export { ItalicSpanRenderable as i };
     export { UnderlineSpanRenderable as u };
     export { LineBreakRenderable as br };
+    export { LinkRenderable as a };
 }
 export namespace baseComponents { }
 export function _render(code: any, element: any): undefined;
@@ -91,6 +93,8 @@ export class SlotRenderable extends SlotBaseRenderable {
 }
 export var RendererContext: import("solid-js").Context<any>;
 export function Portal(props: any): SlotRenderable;
+export class LinkRenderable extends SpanRenderable {
+}
 export class LineBreakRenderable extends SpanRenderable {
     add(): number;
 }

package/index.js

@@ -544,12 +544,16 @@ var {
       return;
     }
     if (isTextNodeRenderable(node)) {
-      if (name !== "style") {
+      if (name === "href") {
+        node.link = { url: value };
+        return;
+      }
+      if (name === "style") {
+        node.attributes |= createTextAttributes(value);
+        node.fg = value.fg ? parseColor(value.fg) : node.fg;
+        node.bg = value.bg ? parseColor(value.bg) : node.bg;
         return;
       }
-      node.attributes |= createTextAttributes(value);
-      node.fg = value.fg ? parseColor(value.fg) : node.fg;
-      node.bg = value.bg ? parseColor(value.bg) : node.bg;
       return;
     }
     switch (name) {
@@ -838,7 +842,7 @@ class SpanRenderable extends TextNodeRenderable3 {
     this._ctx = _ctx;
   }
 }
-var textNodeKeys = ["span", "b", "strong", "i", "em", "u"];
+var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "a"];
 
 class TextModifierRenderable extends SpanRenderable {
   constructor(options, modifier) {
@@ -881,6 +885,16 @@ class LineBreakRenderable extends SpanRenderable {
 `);
   }
 }
+
+class LinkRenderable extends SpanRenderable {
+  constructor(_ctx, options) {
+    const linkOptions = {
+      ...options,
+      link: { url: options.href }
+    };
+    super(null, linkOptions);
+  }
+}
 var baseComponents = {
   box: BoxRenderable,
   text: TextRenderable3,
@@ -899,7 +913,8 @@ var baseComponents = {
   em: ItalicSpanRenderable,
   i: ItalicSpanRenderable,
   u: UnderlineSpanRenderable,
-  br: LineBreakRenderable
+  br: LineBreakRenderable,
+  a: LinkRenderable
 };
 var componentCatalogue = { ...baseComponents };
 function extend(objects) {
@@ -911,10 +926,14 @@ function getComponentCatalogue() {
 
 // index.ts
 var render = async (node, renderConfig = {}) => {
+  let isDisposed = false;
   const renderer = await createCliRenderer({
     ...renderConfig,
     onDestroy: () => {
-      dispose();
+      if (!isDisposed) {
+        isDisposed = true;
+        dispose();
+      }
       renderConfig.onDestroy?.();
     }
   });
@@ -929,10 +948,14 @@ var render = async (node, renderConfig = {}) => {
   }), renderer.root);
 };
 var testRender = async (node, renderConfig = {}) => {
+  let isDisposed = false;
   const testSetup = await createTestRenderer({
     ...renderConfig,
     onDestroy: () => {
-      dispose();
+      if (!isDisposed) {
+        isDisposed = true;
+        dispose();
+      }
       renderConfig.onDestroy?.();
     }
   });
@@ -982,6 +1005,7 @@ export {
   SlotRenderable,
   RendererContext,
   Portal,
+  LinkRenderable,
   LineBreakRenderable,
   LayoutSlotRenderable,
   ItalicSpanRenderable,

package/jsx-runtime.d.ts

@@ -5,6 +5,7 @@ import type {
   CodeProps,
   ExtendedIntrinsicElements,
   InputProps,
+  LinkProps,
   OpenTUIComponents,
   ScrollBoxProps,
   SelectProps,
@@ -39,6 +40,7 @@ declare namespace JSX {
     em: SpanProps
     u: SpanProps
     br: {}
+    a: LinkProps
   }
 
   interface ElementChildrenAttribute {

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -31,7 +31,7 @@
   "dependencies": {
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",
-    "@opentui/core": "0.1.62",
+    "@opentui/core": "0.1.64",
     "babel-plugin-module-resolver": "5.0.2",
     "babel-preset-solid": "1.9.9",
     "s-js": "^0.4.9"

package/src/elements/index.d.ts

@@ -7,7 +7,7 @@ declare class SpanRenderable extends TextNodeRenderable {
     private readonly _ctx;
     constructor(_ctx: RenderContext | null, options: TextNodeOptions);
 }
-export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u"];
+export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u", "a"];
 export type TextNodeKey = (typeof textNodeKeys)[number];
 declare class TextModifierRenderable extends SpanRenderable {
     constructor(options: any, modifier?: TextNodeKey);
@@ -25,6 +25,12 @@ export declare class LineBreakRenderable extends SpanRenderable {
     constructor(_ctx: RenderContext | null, options: TextNodeOptions);
     add(): number;
 }
+export interface LinkOptions extends TextNodeOptions {
+    href: string;
+}
+export declare class LinkRenderable extends SpanRenderable {
+    constructor(_ctx: RenderContext | null, options: LinkOptions);
+}
 export declare const baseComponents: {
     box: typeof BoxRenderable;
     text: typeof TextRenderable;
@@ -44,6 +50,7 @@ export declare const baseComponents: {
     i: typeof ItalicSpanRenderable;
     u: typeof UnderlineSpanRenderable;
     br: typeof LineBreakRenderable;
+    a: typeof LinkRenderable;
 };
 type ComponentCatalogue = Record<string, RenderableConstructor>;
 export declare const componentCatalogue: ComponentCatalogue;

package/src/types/elements.d.ts

@@ -31,6 +31,9 @@ export type TextProps = ComponentProps<TextOptions, TextRenderable> & {
 export type SpanProps = ComponentProps<{}, TextNodeRenderable> & {
     children?: TextChildren | Array<TextChildren>;
 };
+export type LinkProps = SpanProps & {
+    href: string;
+};
 export type BoxProps = ComponentProps<ContainerProps<BoxOptions>, BoxRenderable>;
 export type InputProps = ComponentProps<InputRenderableOptions, InputRenderable> & {
     focused?: boolean;