@opentui/solid 0.1.10 → 0.1.12

package/README.md

@@ -1,6 +1,6 @@
 # @opentui/solid
 
-Solid.js support for OpenTUI.
+Solid.js support for [OpenTUI](https://github.com/sst/opentui).
 
 ## Installation
 

package/index.js

@@ -235,15 +235,17 @@ class TextNode {
     if (lastChild instanceof GhostTextRenderable) {
       return lastChild;
     }
-    const ghostNode = new GhostTextRenderable(getNextId(GHOST_NODE_TAG), {});
+    const ghostNode = new GhostTextRenderable(parent.ctx, {
+      id: getNextId(GHOST_NODE_TAG)
+    });
     insertNode(parent, ghostNode, anchor);
     return ghostNode;
   }
 }
 
 class GhostTextRenderable extends TextRenderable2 {
-  constructor(id, options) {
-    super(id, options);
+  constructor(ctx, options) {
+    super(ctx, options);
   }
   static isGhostNode(node) {
     return node instanceof GhostTextRenderable;
@@ -251,6 +253,7 @@ class GhostTextRenderable extends TextRenderable2 {
 }
 
 // src/reconciler.ts
+import { useContext as useContext2 } from "solid-js";
 function _insertNode(parent, node, anchor) {
   log("Inserting node:", node.id, "into parent:", parent.id, "with anchor:", anchor?.id);
   if (node instanceof TextNode) {
@@ -298,7 +301,11 @@ var {
   createElement(tagName) {
     log("Creating element:", tagName);
     const id = getNextId(tagName);
-    const element = new elements[tagName](id, {});
+    const solidRenderer = useContext2(RendererContext);
+    if (!solidRenderer) {
+      throw new Error("No renderer found");
+    }
+    const element = new elements[tagName](solidRenderer, { id });
     log("Element created with id:", id);
     return element;
   },

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -30,14 +30,14 @@
     "./jsx-dev-runtime": "./jsx-runtime.d.ts"
   },
   "dependencies": {
-    "@opentui/core": "0.1.10"
-  },
-  "devDependencies": {
-    "@types/babel__core": "7.20.5",
+    "@opentui/core": "0.1.12",
     "babel-plugin-module-resolver": "5.0.2",
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",
-    "babel-preset-solid": "1.9.9",
+    "babel-preset-solid": "1.9.9"
+  },
+  "devDependencies": {
+    "@types/babel__core": "7.20.5",
     "@types/bun": "latest"
   },
   "peerDependencies": {

package/scripts/solid-plugin.ts

@@ -9,14 +9,12 @@ const solidTransformPlugin: BunPlugin = {
   name: "bun-plugin-solid",
   setup: (build) => {
     build.onLoad({ filter: /\/node_modules\/solid-js\/dist\/server\.js$/ }, async (args) => {
-      const { readFile } = await import("node:fs/promises")
       const path = args.path.replace("server.js", "solid.js")
       const file = Bun.file(path)
       const code = await file.text()
       return { contents: code, loader: "js" }
     })
     build.onLoad({ filter: /\.(js|ts)x$/ }, async (args) => {
-      const { readFile } = await import("node:fs/promises")
       const file = Bun.file(args.path)
       const code = await file.text()
       const transforms = await transformAsync(code, {

package/src/elements/index.d.ts

@@ -13,7 +13,7 @@ export declare const elements: {
 };
 export type Element = keyof typeof elements;
 type RenderableNonStyleKeys = "buffered";
-type ElementProps<T extends RenderableOptions, K extends Renderable = Renderable, NonStyleKeys extends keyof T = RenderableNonStyleKeys> = {
+type ElementProps<T extends RenderableOptions<K>, K extends Renderable = Renderable, NonStyleKeys extends keyof T = RenderableNonStyleKeys> = {
     style?: Omit<T, NonStyleKeys | RenderableNonStyleKeys>;
     ref?: Ref<K>;
 } & T;

package/src/elements/text-node.d.ts

@@ -1,4 +1,4 @@
-import { Renderable, TextRenderable, type TextChunk, type TextOptions } from "@opentui/core";
+import { Renderable, TextRenderable, type RenderContext, type TextChunk, type TextOptions } from "@opentui/core";
 import { type DomNode } from "../reconciler";
 /**
  * Represents a text node in the SolidJS reconciler.
@@ -41,7 +41,7 @@ export declare class TextNode {
     private getOrCreateTextGhostNode;
 }
 declare class GhostTextRenderable extends TextRenderable {
-    constructor(id: string, options: TextOptions);
+    constructor(ctx: RenderContext, options: TextOptions);
     static isGhostNode(node: DomNode): node is GhostTextRenderable;
 }
 export {};

package/src/reconciler.js

@@ -160,15 +160,17 @@ class TextNode {
     if (lastChild instanceof GhostTextRenderable) {
       return lastChild;
     }
-    const ghostNode = new GhostTextRenderable(getNextId(GHOST_NODE_TAG), {});
+    const ghostNode = new GhostTextRenderable(parent.ctx, {
+      id: getNextId(GHOST_NODE_TAG)
+    });
     insertNode(parent, ghostNode, anchor);
     return ghostNode;
   }
 }
 
 class GhostTextRenderable extends TextRenderable2 {
-  constructor(id, options) {
-    super(id, options);
+  constructor(ctx, options) {
+    super(ctx, options);
   }
   static isGhostNode(node) {
     return node instanceof GhostTextRenderable;
@@ -176,6 +178,7 @@ class GhostTextRenderable extends TextRenderable2 {
 }
 
 // src/reconciler.ts
+import { useContext as useContext2 } from "solid-js";
 function _insertNode(parent, node, anchor) {
   log("Inserting node:", node.id, "into parent:", parent.id, "with anchor:", anchor?.id);
   if (node instanceof TextNode) {
@@ -223,7 +226,11 @@ var {
   createElement(tagName) {
     log("Creating element:", tagName);
     const id = getNextId(tagName);
-    const element = new elements[tagName](id, {});
+    const solidRenderer = useContext2(RendererContext);
+    if (!solidRenderer) {
+      throw new Error("No renderer found");
+    }
+    const element = new elements[tagName](solidRenderer, { id });
     log("Element created with id:", id);
     return element;
   },