@bun-native/solid 0.0.0-bootstrap.0 → 0.33.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Bunly contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# @bun-native/solid
+
+SolidJS renderer for Bun Native desktop windows.
+
+Part of [Bun Native](https://github.com/0xPlayerOne/bun-native), an experimental developer preview. Version 0.33.0 was built from [fa8bef754122](https://github.com/0xPlayerOne/bun-native/tree/fa8bef754122621d4235eb06e30bb1085b4f7b1e) and published from GitHub Actions with npm provenance. Use the Bun revision pinned in that commit's toolchain.json. Start with the [getting-started guide](https://github.com/0xPlayerOne/bun-native/blob/fa8bef754122621d4235eb06e30bb1085b4f7b1e/docs/getting-started.md); `bun-native host install` fetches the matching release host. The license notice is in LICENSE.

package/bun-native-source.json

@@ -0,0 +1,43 @@
+{
+  "schemaVersion": 1,
+  "commit": "fa8bef754122621d4235eb06e30bb1085b4f7b1e",
+  "tree": "f805e2eb19a4e10fc29d1dc827cf5bc617b5773b",
+  "files": {
+    "package.json": {
+      "bytes": 2164,
+      "sha256": "db50b6f81f25c113a46f8c9b038bc548a92effaeb4ad9562e5e95044baa7b66f"
+    },
+    "packages/solid/package.json": {
+      "bytes": 310,
+      "sha256": "5da76ecbbb9ba781fc827191b33a42b25ddcfd8ba1838c0256f82ea1c6838b84"
+    },
+    "packages/solid/src/index.ts": {
+      "bytes": 695,
+      "sha256": "88fe2cfc3d59011bb756bb86bfb040e6280feabd1edb33b7cdeecfc524652250"
+    },
+    "packages/solid/src/jsx.ts": {
+      "bytes": 2731,
+      "sha256": "0ea5386e11e9df63541c381d4794fe0edc0e8269158fa3ac6b6739d12f16c729"
+    },
+    "packages/solid/src/mount.ts": {
+      "bytes": 1323,
+      "sha256": "411fa124f9ef0a3aab4333ec6fe8aee57bc8ba4032565e2c1cb361d9d89c3ab2"
+    },
+    "packages/solid/src/renderer.ts": {
+      "bytes": 1292,
+      "sha256": "2d1682b885c1dee1953ba09fdf28bf524945654f7c460840c113cc7b00213ab1"
+    },
+    "LICENSE": {
+      "bytes": 1075,
+      "sha256": "86673fb485f12fa9aaa3941dfccc9f69a7f8322f8141d0d5c73db4323de10ac5"
+    }
+  },
+  "toolchain": {
+    "bytes": 3012,
+    "sha256": "00c3f707aae8abe9ca75cd2e162f5e1c7c34362a03675da39afead60d856066a"
+  },
+  "dependencyLock": {
+    "bytes": 28357,
+    "sha256": "65e3dbd01be4a1889367690faf1a9c3f08fb31d22dbd273d9bb9f39dd6baa6fb"
+  }
+}

package/package.json

@@ -1 +1,36 @@
-{"name":"@bun-native/solid","version":"0.0.0-bootstrap.0","description":"Placeholder. Releases publish from GitHub Actions.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/0xPlayerOne/bun-native.git"}}
+{
+  "name": "@bun-native/solid",
+  "version": "0.33.0",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "src",
+    "LICENSE",
+    "README.md",
+    "bun-native-source.json"
+  ],
+  "engines": {
+    "bun": "1.4.4-canary.1"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./jsx-runtime": "./src/jsx.ts"
+  },
+  "description": "SolidJS renderer for Bun Native desktop windows.",
+  "dependencies": {
+    "@bun-native/core": "0.33.0",
+    "solid-js": "1.9.18",
+    "@bun-native/renderer": "0.33.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/0xPlayerOne/bun-native.git",
+    "directory": "packages/solid"
+  },
+  "homepage": "https://github.com/0xPlayerOne/bun-native#readme",
+  "bugs": "https://github.com/0xPlayerOne/bun-native/issues",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}

package/src/index.ts

@@ -0,0 +1,30 @@
+import { renderer } from './renderer.ts'
+
+export { render } from './mount.ts'
+export type { RenderOptions, RenderRoot } from './mount.ts'
+export {
+  focusNode,
+  inputState,
+  registerDropTarget,
+  scrollNodeIntoView,
+  scrollNodeTo,
+} from '@bun-native/renderer'
+export type { RendererNode as SolidNode } from '@bun-native/renderer'
+export type { JSX } from './jsx.ts'
+
+// This is the helper contract emitted by Solid's official universal JSX compiler.
+export const {
+  effect,
+  memo,
+  createComponent,
+  createElement,
+  createTextNode,
+  insertNode,
+  insert,
+  spread,
+  setProp,
+  mergeProps,
+  use,
+} = renderer
+
+export { For, Show, Switch, Match, Index, ErrorBoundary } from 'solid-js'

package/src/jsx.ts

@@ -0,0 +1,67 @@
+import type { Element as NativeElement, InputState } from '@bun-native/core'
+import type { EventHandlers, RendererNode as SolidNode } from '@bun-native/renderer'
+
+export namespace JSX {
+  export type Element = SolidNode | string | number | boolean | null | undefined | Element[]
+  export interface ElementChildrenAttribute {
+    children: unknown
+  }
+  type Base<Kind extends NativeElement['kind']> = EventHandlers & {
+    style?: Extract<NativeElement, { kind: Kind }>['style']
+    ref?: (node: SolidNode) => void
+  }
+  type TextContent = { text?: string; children?: Element }
+  export interface IntrinsicElements {
+    /**
+     * Requires `accessibility_lists_v1` for the accessible members. A list's
+     * `accessibleSetSize` counts every item, mounted or not; an item's
+     * `accessiblePosition` is its 1-based place in that full set.
+     */
+    box: Base<'box'> & { children?: Element } & {
+      accessibleRole?: 'list' | 'list_item'
+      /** Only with `accessibleRole`. */
+      accessibleLabel?: string
+      /** Only on a `list`. */
+      accessibleSetSize?: number
+      /** Only on a `list_item`; 1-based. */
+      accessiblePosition?: number
+      /** Only on a `list_item`. */
+      accessibleSelected?: boolean
+    }
+    text: Base<'text'> &
+      TextContent & {
+        /** Requires `accessibility_lists_v1`: announce the text when it appears and changes. */
+        accessibleLive?: 'polite' | 'assertive'
+      }
+    button: Base<'button'> & TextContent & { disabled?: boolean }
+    input: Base<'input'> & {
+      value?: string | InputState
+      placeholder?: string
+      /** Requires the host's `input_states_v1` capability. */
+      disabled?: boolean
+      /** Requires the host's `input_states_v1` capability. */
+      readOnly?: boolean
+    }
+    /** At most two pane children; the host owns the divider drag and keyboard steps. */
+    split: Base<'split'> & {
+      children?: Element
+      ratio?: number
+      min_size?: number
+      /** Requires `accessibility_v1`: the divider's accessible name. */
+      accessibleLabel?: string
+    }
+    /** Painted above the ordinary tree; only window-anchored overlays may be modal. */
+    overlay: Base<'overlay'> & {
+      children?: Element
+      /** Requires `overlay_keyboard_v1`: focus the first enabled control on open. */
+      autofocus?: boolean
+      /** Requires `overlay_keyboard_v1`: `menu` adds arrow-key roving focus and type-ahead. */
+      navigation?: 'tab' | 'menu'
+      /** Requires `accessibility_v1`: the dialog's accessible name. */
+      accessibleLabel?: string
+    } & (
+        | { anchor?: 'window'; modal?: boolean; surface?: 'layer' }
+        | { anchor: 'parent'; modal?: false; surface?: 'layer' | 'window' }
+      )
+  }
+}

package/src/mount.ts

@@ -0,0 +1,43 @@
+import { NativeStateError, type NativeWindow } from '@bun-native/core'
+import { createRenderRoot, type RenderOptions, type RenderRoot } from '@bun-native/renderer'
+import { createMemo, createRoot, createSignal } from 'solid-js'
+import type { JSX } from './jsx.ts'
+import { renderer } from './renderer.ts'
+
+export type { RenderOptions, RenderRoot } from '@bun-native/renderer'
+
+function assertReactiveRuntime(): void {
+  let observed = -1
+  createRoot((dispose) => {
+    const [value, set] = createSignal(0)
+    const derived = createMemo(value)
+    set(1)
+    observed = derived()
+    dispose()
+  })
+  if (observed !== 1)
+    throw new Error(
+      'Solid native rendering requires Bun --conditions=browser (reactive Solid exports)'
+    )
+}
+
+/** Mount one Solid owner into an independently disposable native container. */
+export function render(
+  component: () => JSX.Element,
+  window: NativeWindow,
+  options: RenderOptions = {}
+): RenderRoot {
+  if (typeof component !== 'function')
+    throw new NativeStateError('invalid_state', 'Solid render requires a component function')
+  assertReactiveRuntime()
+  return createRenderRoot(
+    window,
+    ({ container, onCleanup }) => {
+      createRoot((dispose) => {
+        onCleanup(dispose)
+        renderer.insert(container, component())
+      })
+    },
+    options
+  )
+}

package/src/renderer.ts

@@ -0,0 +1,33 @@
+import { createRenderer } from 'solid-js/universal'
+import {
+  asNode,
+  createElement,
+  createTextNode,
+  firstChild,
+  insertNode,
+  nextSibling,
+  removeNode,
+  replaceText,
+  setProperty,
+  type ElementTag,
+  type PropertyName,
+  type RendererNode,
+} from '@bun-native/renderer'
+
+export const renderer = createRenderer<RendererNode>({
+  // The compiler hands over JSX tags and names as strings; the renderer rejects
+  // any it does not know with an UnsupportedFeatureError.
+  createElement: (tag) => createElement(tag as ElementTag),
+  createTextNode,
+  isTextNode: (node) => asNode(node).kind === 'text-node',
+  replaceText: (node, value) => replaceText(asNode(node), value),
+  setProperty: (node, name, value) => setProperty(asNode(node), name as PropertyName, value),
+  // The official universal JSX compiler uses null to delimit a trailing
+  // dynamic region. Both absent forms append; every real anchor stays owned.
+  insertNode: (parent, node, anchor) =>
+    insertNode(asNode(parent), asNode(node), anchor == null ? undefined : asNode(anchor)),
+  removeNode: (parent, node) => removeNode(asNode(parent), asNode(node)),
+  getParentNode: (node) => asNode(node).parent,
+  getFirstChild: (node) => firstChild(asNode(node)),
+  getNextSibling: (node) => nextSibling(asNode(node)),
+})