kcg-code 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kcg-code",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Control CLI AI agents (OpenCode / Claude Code) from your phone — mobile PWA + local headless bridge.",
   "license": "MIT",
   "type": "module",

package/src/cli/dashboard.tsx

@@ -5,12 +5,16 @@
  */
 import { networkInterfaces } from "node:os";
 import { Box, render, renderToString, Text, useInput } from "ink";
-import { type ReactNode, useEffect, useReducer, useRef, useState } from "react";
+import type { ReactNode } from "react";
 import { renderUnicodeCompact } from "uqr";
 import type { KcgServer } from "../server/app";
+import { InkReact } from "./ink-react";
 import type { KeepAwake } from "./keep-awake";
 import { logoLines, readPackageVersion } from "./theme";
 
+// Hook wajib dari instance React milik Ink — lihat ink-react.ts.
+const { useEffect, useReducer, useRef, useState } = InkReact;
+
 export type TunnelProviderId = "kcg" | "lhr";
 
 interface KcgTunnelStatus {

package/src/cli/ink-react.ts

@@ -0,0 +1,26 @@
+/**
+ * React yang sama dengan yang dipakai renderer Ink.
+ *
+ * Pada install global (`bun i -g kcg-code`), `ink` bisa di-hoist ke
+ * node_modules global bersama React milik paket lain, sementara kcg-code
+ * mendapat salinan React sendiri (`kcg-code/node_modules/react`). Hook dari
+ * salinan itu tidak dikenali reconciler Ink → "Invalid hook call".
+ *
+ * Solusinya: ambil React dari lokasi `react-reconciler` milik Ink, sehingga
+ * hook dan reconciler selalu memakai instance yang sama.
+ */
+import { createRequire } from "node:module";
+import * as LocalReact from "react";
+
+function resolveInkReact(): typeof LocalReact {
+  try {
+    const inkRequire = createRequire(Bun.resolveSync("ink", import.meta.dir));
+    const reconcilerRequire = createRequire(inkRequire.resolve("react-reconciler"));
+    return reconcilerRequire("react") as typeof LocalReact;
+  } catch {
+    // Layout tak terduga — pakai React milik paket ini.
+    return LocalReact;
+  }
+}
+
+export const InkReact = resolveInkReact();