@navyk/opentui-react 0.1.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 navyk 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,50 @@
+# @navyk/opentui-react
+
+`@opentui/react` bindings for the `@navyk/opentui-core` package.
+
+## Install
+
+```bash
+bun add @navyk/opentui-core @navyk/opentui-react @opentui/react @opentui/core react
+```
+
+## Setup
+
+Import the package once during app bootstrap. This registers `grid`, `cell`, `scope`, and `target` as OpenTUI components for React.
+
+```ts
+import "@navyk/opentui-react";
+```
+
+## Minimal usage
+
+```tsx
+import "@navyk/opentui-react";
+
+const movement = {
+    overflowBehavior: "stop",
+    left: { name: "left" },
+    right: { name: "right" },
+    up: { name: "up" },
+    down: { name: "down" },
+} as const;
+
+export function App() {
+    return (
+        <scope id="app" defaultFocus="menu-grid">
+            <grid
+                id="menu-grid"
+                size={[2, 2]}
+                movement={movement}
+                focusCurrentFocusLocal
+                style={{ width: "100%", height: "100%" }}
+            >
+                <cell id="a" style={{ width: "50%", height: "50%" }} />
+                <cell id="b" style={{ width: "50%", height: "50%" }} />
+                <cell id="c" style={{ width: "50%", height: "50%" }} />
+                <cell id="d" style={{ width: "50%", height: "50%" }} />
+            </grid>
+        </scope>
+    );
+}
+```

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { CellRenderable, GridRenderable, ScopeRenderable, TargetRenderable } from "@navyk/opentui-core";
+declare module "@opentui/react" {
+    interface OpenTUIComponents {
+        grid: typeof GridRenderable;
+        cell: typeof CellRenderable;
+        scope: typeof ScopeRenderable;
+        target: typeof TargetRenderable;
+    }
+}
+/** Register navyk renderables in OpenTUI React. Safe to call multiple times. */
+export declare const registerNavykReactComponents: () => void;

package/dist/index.js

@@ -0,0 +1,25 @@
+// src/index.ts
+import { extend } from "@opentui/react";
+import {
+  CellRenderable,
+  GridRenderable,
+  ScopeRenderable,
+  TargetRenderable
+} from "@navyk/opentui-core";
+var areNavykReactComponentsRegistered = false;
+var registerNavykReactComponents = () => {
+  if (areNavykReactComponentsRegistered) {
+    return;
+  }
+  extend({
+    grid: GridRenderable,
+    cell: CellRenderable,
+    scope: ScopeRenderable,
+    target: TargetRenderable
+  });
+  areNavykReactComponentsRegistered = true;
+};
+registerNavykReactComponents();
+export {
+  registerNavykReactComponents
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+    "name": "@navyk/opentui-react",
+    "version": "0.1.5",
+    "description": "@opentui/react bindings for the @navyk/opentui-core package.",
+    "type": "module",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        }
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "package.json"
+    ],
+    "scripts": {
+        "clean": "rm -rf ./dist",
+        "build": "bun run clean && bun build ./src/index.ts --outdir ./dist --root ./src --target node --format esm --external @opentui/react --external @navyk/opentui-core",
+        "types": "tsc -p ./tsconfig.build.json",
+        "prepack": "bun run build && bun run types",
+        "prepublishOnly": "bun run build && bun run types",
+        "sandbox": "bun ./sandbox/index.tsx",
+        "test": "bun test"
+    },
+    "peerDependencies": {
+        "@navyk/opentui-core": "^0.1.1",
+        "@opentui/core": "^0.1.77",
+        "@opentui/react": "^0.1.77",
+        "react": ">=19.0.0"
+    },
+    "devDependencies": {
+        "@navyk/opentui-core": "^0.1.1",
+        "@opentui/core": "^0.1.77",
+        "@opentui/react": "^0.1.77",
+        "@types/bun": "latest",
+        "@types/react": "^19.0.0",
+        "react": "^19.0.0",
+        "typescript": "^5.9.3"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "license": "MIT"
+}