@opentui/solid

Solid.js support for OpenTUI.

Installation

bun install solid-js @opentui/solid

Usage

1. Add jsx config to tsconfig.json:

{
  "compilerOptions": {
    "jsx": "preserve",
    "jsxImportSource": "@opentui/solid"
  }
}

2. Add preload script to bunfig.toml:

preload = ["@opentui/solid/preload"]

3. Add render function to index.tsx:

import { render } from "@opentui/solid"

render(() => <text>Hello, World!</text>)

4. Run with bun index.tsx.

5. To build use Bun.build (source):

import solidPlugin from "@opentui/solid/bun-plugin"

await Bun.build({
  entrypoints: ["./index.tsx"],
  target: "bun",
  outdir: "./build",
  plugins: [solidPlugin],
  compile: {
    target: "bun-darwin-arm64",
    outfile: "app-macos",
  },
})