Merge pull request #12 from ccchow/fix/global-install-deps

fix: add runtime deps to root for global install

Author: ccchow

backend/src/app-state.ts

@@ -2,8 +2,7 @@ import { existsSync, readFileSync, writeFileSync, mkdirSync } from "node:fs";
 import { join } from "node:path";
 import { CLAWUI_DB_DIR } from "./config.js";
 
-const PROJECT_ROOT = join(import.meta.dirname, "..", "..");
-const CLAWUI_DIR = join(PROJECT_ROOT, CLAWUI_DB_DIR);
+const CLAWUI_DIR = CLAWUI_DB_DIR;
 const STATE_PATH = join(CLAWUI_DIR, "app-state.json");
 
 export interface RecentSession {

backend/src/auth.ts

@@ -8,7 +8,7 @@ import { createLogger } from "./logger.js";
 const log = createLogger("auth");
 
 const DEV_MODE = CLAWUI_DEV;
-const tokenDir = join(process.cwd(), CLAWUI_DB_DIR);
+const tokenDir = CLAWUI_DB_DIR;
 const tokenPath = join(tokenDir, "auth-token");
 
 function resolveToken(): string {

backend/src/config.ts

@@ -1,6 +1,6 @@
 import { execFileSync } from "node:child_process";
 import { existsSync } from "node:fs";
-import { join } from "node:path";
+import { join, isAbsolute } from "node:path";
 import { homedir } from "node:os";
 
 /**
@@ -73,7 +73,13 @@ export const EXPECT_PATH = resolveExpectPath();
 
 export const PORT = parseInt(process.env.PORT || "3001", 10);
 
-export const CLAWUI_DB_DIR = process.env.CLAWUI_DB_DIR || ".clawui";
+/** Raw value — may be relative (e.g. ".clawui") or absolute (e.g. "/Users/x/.clawui"). */
+const CLAWUI_DB_DIR_RAW = process.env.CLAWUI_DB_DIR || ".clawui";
+
+/** Resolved absolute path to the data directory. */
+export const CLAWUI_DB_DIR = isAbsolute(CLAWUI_DB_DIR_RAW)
+  ? CLAWUI_DB_DIR_RAW
+  : join(import.meta.dirname, "..", "..", CLAWUI_DB_DIR_RAW);
 
 export const NEXT_PUBLIC_API_PORT = process.env.NEXT_PUBLIC_API_PORT || "3001";
 

backend/src/db.ts

@@ -10,9 +10,7 @@ import { createLogger } from "./logger.js";
 const log = createLogger("db");
 
 const CLAUDE_PROJECTS_DIR = join(homedir(), ".claude", "projects");
-// Resolve project root (one level up from backend/)
-const PROJECT_ROOT = join(import.meta.dirname, "..", "..");
-const DB_DIR = join(PROJECT_ROOT, CLAWUI_DB_DIR);
+const DB_DIR = CLAWUI_DB_DIR;
 const DB_PATH = join(DB_DIR, "index.db");
 
 let db: Database.Database;

backend/src/enrichment.ts

@@ -5,8 +5,7 @@ import { CLAWUI_DB_DIR } from "./config.js";
 
 const log = createLogger("enrichment");
 
-const PROJECT_ROOT = join(import.meta.dirname, "..", "..");
-const CLAWUI_DIR = join(PROJECT_ROOT, CLAWUI_DB_DIR);
+const CLAWUI_DIR = CLAWUI_DB_DIR;
 const ENRICHMENTS_PATH = join(CLAWUI_DIR, "enrichments.json");
 
 export interface SessionEnrichment {

backend/src/plan-routes.ts

@@ -1657,8 +1657,7 @@ planRouter.post("/api/blueprints/:id/generate", (req, res) => {
 
 // ─── Image upload for node descriptions ──────────────────────
 
-const PROJECT_ROOT = join(import.meta.dirname, "..", "..");
-const UPLOADS_DIR = join(PROJECT_ROOT, CLAWUI_DB_DIR, "uploads");
+const UPLOADS_DIR = join(CLAWUI_DB_DIR, "uploads");
 
 // Serve uploaded images statically
 planRouter.use("/api/uploads", express.static(UPLOADS_DIR));

bin/claw-ui.mjs

@@ -5,6 +5,7 @@ import { existsSync, readFileSync } from "node:fs";
 import { join, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
 import { createServer } from "node:net";
+import { homedir } from "node:os";
 
 // ── Resolve package root ──
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -15,6 +16,11 @@ const FRONTEND_DIR = join(ROOT, "frontend");
 const BACKEND_PORT = parseInt(process.env.PORT || "3001", 10);
 const FRONTEND_PORT = parseInt(process.env.FRONTEND_PORT || "3000", 10);
 
+// ── Data directory ──
+// Default to ~/.clawui for global installs (the launcher is only used for
+// `claw-ui` CLI invocations, not `npm run dev`).
+const CLAWUI_DB_DIR = process.env.CLAWUI_DB_DIR || join(homedir(), ".clawui");
+
 // ── Pre-flight checks ──
 function checkBuilds() {
   if (!existsSync(join(BACKEND_DIR, "dist", "index.js"))) {
@@ -52,9 +58,8 @@ async function checkPorts() {
 }
 
 // ── Wait for auth token file ──
-// Backend writes token relative to its own cwd (BACKEND_DIR)
 function waitForAuthToken(timeout = 30000) {
-  const tokenPath = join(BACKEND_DIR, ".clawui", "auth-token");
+  const tokenPath = join(CLAWUI_DB_DIR, "auth-token");
   return new Promise((resolve) => {
     const start = Date.now();
     const check = () => {
@@ -81,7 +86,7 @@ async function main() {
   const backend = spawn("node", ["dist/index.js"], {
     cwd: BACKEND_DIR,
     stdio: "inherit",
-    env: { ...process.env, PORT: String(BACKEND_PORT) },
+    env: { ...process.env, PORT: String(BACKEND_PORT), CLAWUI_DB_DIR },
   });
 
   // Start frontend
@@ -102,7 +107,7 @@ async function main() {
     console.log("");
   } else {
     console.error("⚠️  Auth token not found after 30s. Check backend logs.");
-    console.error(`   Expected token at: ${join(BACKEND_DIR, ".clawui", "auth-token")}`);
+    console.error(`   Expected token at: ${join(CLAWUI_DB_DIR, "auth-token")}`);
   }
 
   // Clean shutdown

package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "MIT",
   "bin": {
     "claw-ui": "./bin/claw-ui.mjs"
@@ -43,6 +43,15 @@
     "start:backend": "npm run start --workspace=backend",
     "lint": "npm run lint --workspace=backend"
   },
+  "dependencies": {
+    "better-sqlite3": "^12.6.2",
+    "cors": "^2.8.5",
+    "express": "^4.21.0",
+    "glob": "^11.0.0",
+    "next": "^14.2.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
   "devDependencies": {
     "concurrently": "^9.1.0",
     "eslint": "^10.0.1",