@opentui/solid 0.1.7 → 0.1.8

package/README.md

@@ -11,6 +11,7 @@ bun install solid-js @opentui/solid
 ## Usage
 
 1. Add jsx config to tsconfig.json:
+
 ```json
 {
   "compilerOptions": {
@@ -21,16 +22,17 @@ bun install solid-js @opentui/solid
 ```
 
 2. Add preload script to bunfig.toml:
+
 ```toml
 preload = ["@opentui/solid/preload"]
 ```
 
 3. Add render function to index.tsx:
+
 ```tsx
-import { render } from "@opentui/solid";
+import { render } from "@opentui/solid"
 
-render(() => <text>Hello, World!</text>);
+render(() => <text>Hello, World!</text>)
 ```
 
-
 4. Run with `bun --conditions=browser index.tsx`.

package/index.js

@@ -179,20 +179,20 @@ function insertTextNode(parent, node, anchor) {
     textParent = parent;
   }
   node.textParent = textParent;
-  const styledText = textParent.content;
+  let styledText = textParent.content;
   if (anchor && anchor instanceof TextNode) {
     const anchorIndex = styledText.chunks.indexOf(anchor.chunk);
     if (anchorIndex == -1) {
       console.log("anchor not found");
       return;
     }
-    styledText.insert(node.chunk, anchorIndex);
+    styledText = styledText.insert(node.chunk, anchorIndex);
   } else {
     const firstChunk = textParent.content.chunks[0];
     if (firstChunk && !ChunkToTextNodeMap.has(firstChunk)) {
-      styledText.replace(node.chunk, firstChunk);
+      styledText = styledText.replace(node.chunk, firstChunk);
     } else {
-      styledText.insert(node.chunk);
+      styledText = styledText.insert(node.chunk);
     }
   }
   textParent.content = styledText;
@@ -206,13 +206,11 @@ function removeTextNode(parent, node) {
   }
   if (parent === node.textParent && parent instanceof TextRenderable2) {
     ChunkToTextNodeMap.delete(node.chunk);
-    const styledText = parent.content;
-    styledText.remove(node.chunk);
-    parent.content = styledText;
+    parent.content = parent.content.remove(node.chunk);
   } else if (node.textParent) {
     ChunkToTextNodeMap.delete(node.chunk);
-    const styledText = node.textParent.content;
-    styledText.remove(node.chunk);
+    let styledText = node.textParent.content;
+    styledText = styledText.remove(node.chunk);
     if (styledText.chunks.length > 0) {
       node.textParent.content = styledText;
     } else {

package/jsx-runtime.d.ts

@@ -1,4 +1,4 @@
-import { Renderable } from "@opentui/core";
+import { Renderable } from "@opentui/core"
 import {
   ASCIIFontElementProps,
   BoxElementProps,
@@ -7,25 +7,25 @@ import {
   SelectElementProps,
   TabSelectElementProps,
   TextElementProps,
-} from "./src/elements/index";
+} from "./src/elements/index"
 
 declare namespace JSX {
   // Replace Node with Renderable
-  type Element = Renderable | ArrayElement | (string & {}) | number | boolean | null | undefined;
+  type Element = Renderable | ArrayElement | (string & {}) | number | boolean | null | undefined
 
   interface ArrayElement extends Array<Element> {}
 
   interface IntrinsicElements {
-    ascii_font: ASCIIFontElementProps;
-    box: BoxElementProps;
-    group: GroupElementProps;
-    input: InputElementProps;
-    select: SelectElementProps;
-    tab_select: TabSelectElementProps;
-    text: TextElementProps;
+    ascii_font: ASCIIFontElementProps
+    box: BoxElementProps
+    group: GroupElementProps
+    input: InputElementProps
+    select: SelectElementProps
+    tab_select: TabSelectElementProps
+    text: TextElementProps
   }
 
   interface ElementChildrenAttribute {
-    children: {};
+    children: {}
   }
 }

package/package.json

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

package/scripts/preload.ts

@@ -1,4 +1,4 @@
-import solidTransformPlugin from "./solid-plugin";
-import { plugin, type BunPlugin } from "bun";
+import solidTransformPlugin from "./solid-plugin"
+import { plugin, type BunPlugin } from "bun"
 
-plugin(solidTransformPlugin);
+plugin(solidTransformPlugin)

package/scripts/solid-plugin.ts

@@ -1,9 +1,9 @@
-import { transformAsync } from "@babel/core";
+import { transformAsync } from "@babel/core"
 // @ts-expect-error - Types not important.
-import ts from "@babel/preset-typescript";
+import ts from "@babel/preset-typescript"
 // @ts-expect-error - Types not important.
-import solid from "babel-preset-solid";
-import { type BunPlugin } from "bun";
+import solid from "babel-preset-solid"
+import { type BunPlugin } from "bun"
 
 const solidTransformPlugin: BunPlugin = {
   name: "bun-plugin-solid",
@@ -26,8 +26,8 @@ const solidTransformPlugin: BunPlugin = {
     //   };
     // });
     build.onLoad({ filter: /\.(js|ts)x$/ }, async (args) => {
-      const { readFile } = await import("node:fs/promises");
-      const code = await readFile(args.path, "utf8");
+      const { readFile } = await import("node:fs/promises")
+      const code = await readFile(args.path, "utf8")
       const transforms = await transformAsync(code, {
         filename: args.path,
         // env: {
@@ -46,13 +46,13 @@ const solidTransformPlugin: BunPlugin = {
           ],
           [ts],
         ],
-      });
+      })
       return {
         contents: transforms?.code ?? "",
         loader: "js",
-      };
-    });
+      }
+    })
   },
-};
+}
 
-export default solidTransformPlugin;
+export default solidTransformPlugin

package/src/reconciler.js

@@ -104,20 +104,20 @@ function insertTextNode(parent, node, anchor) {
     textParent = parent;
   }
   node.textParent = textParent;
-  const styledText = textParent.content;
+  let styledText = textParent.content;
   if (anchor && anchor instanceof TextNode) {
     const anchorIndex = styledText.chunks.indexOf(anchor.chunk);
     if (anchorIndex == -1) {
       console.log("anchor not found");
       return;
     }
-    styledText.insert(node.chunk, anchorIndex);
+    styledText = styledText.insert(node.chunk, anchorIndex);
   } else {
     const firstChunk = textParent.content.chunks[0];
     if (firstChunk && !ChunkToTextNodeMap.has(firstChunk)) {
-      styledText.replace(node.chunk, firstChunk);
+      styledText = styledText.replace(node.chunk, firstChunk);
     } else {
-      styledText.insert(node.chunk);
+      styledText = styledText.insert(node.chunk);
     }
   }
   textParent.content = styledText;
@@ -131,13 +131,11 @@ function removeTextNode(parent, node) {
   }
   if (parent === node.textParent && parent instanceof TextRenderable2) {
     ChunkToTextNodeMap.delete(node.chunk);
-    const styledText = parent.content;
-    styledText.remove(node.chunk);
-    parent.content = styledText;
+    parent.content = parent.content.remove(node.chunk);
   } else if (node.textParent) {
     ChunkToTextNodeMap.delete(node.chunk);
-    const styledText = node.textParent.content;
-    styledText.remove(node.chunk);
+    let styledText = node.textParent.content;
+    styledText = styledText.remove(node.chunk);
     if (styledText.chunks.length > 0) {
       node.textParent.content = styledText;
     } else {