opencode-vim-navigation 0.1.0 → 0.1.2

package/README.md

@@ -14,7 +14,9 @@ not a server plugin or a plugin for the desktop/web UI. Older releases and
 future API changes may require adaptation.
 
 No build step is needed: OpenCode supplies `@opencode/plugin/tui`, OpenTUI,
-and `solid-js`, and loads the TSX entrypoint. OpenTUI and Solid are declared
+and `solid-js`. The adapter is plain JavaScript and constructs OpenTUI elements
+without JSX, avoiding different JSX transforms for local and npm installs.
+OpenTUI and Solid are declared
 as peer dependencies so the package documents its host compatibility.
 Do not run this entrypoint directly with Node.js.
 
@@ -116,14 +118,14 @@ npm pack --dry-run
 ```
 
 There are no development dependencies to install. `npm run check` checks the
-JavaScript controller and tests; it is **not** a TSX typecheck. OpenCode itself
-loads and compiles the TUI adapter.
+JavaScript controller, TUI adapter, and tests. OpenCode loads the small
+TypeScript entrypoint; the adapter itself is native JavaScript, without JSX.
 
 ```text
 tui.ts                    Conventional local/package entrypoint
 src/
   navigation.mjs          Mode state and input routing
-  tui.tsx                 OpenCode adapter and mode indicator
+  tui.mjs                 OpenCode adapter and mode indicator (no JSX)
 tests/
   navigation.test.mjs     Controller tests using node:test
 ```
@@ -135,11 +137,15 @@ They do not replace interactive rendering tests.
 The initial implementation also passed a live pseudo-terminal smoke test
 against OpenCode 2.1.4: INPUT/NAV switched, navigation changed the viewport,
 and returning to INPUT preserved the draft, without submitting any prompt.
+The 0.1.2 packaging fix was additionally tested through OpenCode's **npm
+package loader**, using a temporary local registry serving the packed archive:
+installation, INPUT/NAV switching, scrolling, and draft preservation passed.
+This exercises the package-loading path rather than a source-directory install.
 Recheck the same behavior after changing the adapter or upgrading OpenCode.
 
 ### Implementation details
 
-The root `tui.ts` re-exports `src/tui.tsx`. OpenCode 2.1.4's local-directory
+The root `tui.ts` re-exports `src/tui.mjs`. OpenCode 2.1.4's local-directory
 loader looks for a conventional root `tui` entrypoint; npm packages also
 expose it via the `./tui` package export. Keep both when reorganizing source.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-vim-navigation",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Modal Vim-style transcript navigation for the OpenCode terminal UI",
   "license": "MIT",
   "author": "Raaghav Arya",
@@ -25,11 +25,11 @@
   "peerDependencies": {
     "@opentui/core": ">=0.6.8 <0.7.0",
     "@opentui/solid": ">=0.6.8 <0.7.0",
-    "solid-js": "^1.9.15"
+    "solid-js": "^1.9.12"
   },
   "scripts": {
     "test": "node --test tests/*.test.mjs",
-    "check": "node --check src/navigation.mjs && node --check tests/navigation.test.mjs",
+    "check": "node --check src/navigation.mjs && node --check src/tui.mjs && node --check tests/navigation.test.mjs",
     "prepublishOnly": "npm test && npm run check"
   }
 }

package/src/{tui.tsx → tui.mjs}

@@ -1,5 +1,6 @@
 import { Plugin } from "@opencode/plugin/tui"
 import { InputRenderable, TextareaRenderable } from "@opentui/core"
+import { createElement, spread } from "@opentui/solid"
 import { createEffect, createRoot, createSignal } from "solid-js"
 import { navigation } from "./navigation.mjs"
 
@@ -47,15 +48,19 @@ export default Plugin.define({
     })
     const removeStatus = ui.slot({
       append: "session.composer.top",
-      render: () => <box
-        height={1}
-        width="100%"
-        border={["top"]}
-        borderColor={context.theme.border.base}
-        title={nav() ? " NAV · i: input " : " INPUT · Ctrl+Q: navigate "}
-        titleColor={nav() ? context.theme.text.base : context.theme.text.muted}
-        titleAlignment="right"
-      />,
+      render: () => {
+        const element = createElement("box")
+        spread(element, {
+          height: 1,
+          width: "100%",
+          border: ["top"],
+          get borderColor() { return context.theme.border.base },
+          get title() { return nav() ? " NAV · i: input " : " INPUT · Ctrl+Q: navigate " },
+          get titleColor() { return nav() ? context.theme.text.base : context.theme.text.muted },
+          titleAlignment: "right",
+        })
+        return element
+      },
     })
     return () => {
       renderer.keyInput.removeListener("keypress", controller.key)

package/tui.ts

@@ -1,2 +1,2 @@
 // Conventional entrypoint for OpenCode's local-directory plugin discovery.
-export { default } from "./src/tui.tsx"
+export { default } from "./src/tui.mjs"