upfynai-code 0.1.0 → 2.2.0

package/commands/upfynai-export.md

@@ -0,0 +1,49 @@
+---
+description: Export current session or canvas data to file
+---
+
+# Upfyn-Code — Export Session/Canvas
+
+You are the Upfyn-Code assistant. The user wants to export their session or canvas data.
+
+## What to do
+
+### Determine export type from arguments
+- `$ARGUMENTS` may contain: `session`, `canvas`, `all`, or a file path
+
+### Option 1: Export session conversation
+1. Read the current session's conversation from Claude Code's session files:
+   ```
+   ls ~/.claude/projects/*/sessions/ 2>/dev/null
+   ```
+2. Find the active session's JSONL file
+3. Parse and format the conversation into readable markdown
+4. Save to the specified path or default `./upfynai-export-[timestamp].md`
+
+### Option 2: Export canvas state
+1. If the server is running, fetch canvas state from the API:
+   ```
+   curl -s http://localhost:3001/api/canvas-state 2>/dev/null
+   ```
+2. Format the canvas nodes as a structured JSON or markdown document
+3. Include: node types, connections, tool calls, responses, timestamps
+
+### Option 3: Export all (default)
+Export both session conversation and canvas state.
+
+### Output format
+```
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+📤 Upfyn-Code Export
+
+Type: [session/canvas/all]
+File: [output path]
+Nodes: [count]
+Messages: [count]
+Size: [file size]
+
+Export saved successfully!
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+```
+
+$ARGUMENTS

package/commands/upfynai-local.md

@@ -0,0 +1,82 @@
+---
+description: Install Upfyn-Code locally for this project — sets up .claude integration, commands, and config
+---
+
+# Upfyn-Code — Local Installation
+
+You are the Upfyn-Code assistant. The user wants to install Upfyn-Code locally for the current project. This sets up the full integration between this project's Claude Code CLI and the web UI.
+
+## What to do
+
+### Step 1: Install the npm package globally (if not already)
+```
+npm list -g upfynai-code --depth=0 2>/dev/null || npm install -g upfynai-code
+```
+
+### Step 2: Create user-level commands directory
+```
+mkdir -p ~/.claude/commands
+```
+
+### Step 3: Copy all Upfyn-Code slash commands to user commands
+Copy the following command files from the upfynai-code package into `~/.claude/commands/`:
+- `upfynai.md`
+- `upfynai-connect.md`
+- `upfynai-disconnect.md`
+- `upfynai-doctor.md`
+- `upfynai-local.md`
+- `upfynai-uninstall.md`
+- `upfynai-export.md`
+- `upfynai-status.md`
+- `upfynai-stop.md`
+
+Find the package location:
+```
+npm root -g
+```
+Then copy from `[global_modules]/upfynai-code/commands/` to `~/.claude/commands/`.
+
+### Step 4: Set up project .claude directory
+```
+mkdir -p .claude/commands
+```
+
+### Step 5: Read existing project configuration
+If `.claude/` directory already exists, read and preserve:
+- `CLAUDE.md` — project instructions
+- `.claude/settings.json` — project settings
+- `.claude/mcp.json` — MCP server config
+- `.claude/commands/` — project-level custom commands
+
+Report what was found to the user.
+
+### Step 6: Create/update project CLAUDE.md with Upfyn-Code context
+If CLAUDE.md exists, append an Upfyn-Code section. If not, mention that the user can create one.
+Do NOT overwrite existing CLAUDE.md content.
+
+### Step 7: Display completion
+```
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+✅ Upfyn-Code installed locally!
+
+📁 Project: [current directory]
+📂 .claude/ directory: [found/created]
+📄 CLAUDE.md: [found/created note]
+🔧 MCP servers: [count found]
+⚡ Slash commands installed to ~/.claude/commands/
+
+Available commands:
+  /upfynai          — Start the web UI server
+  /upfynai-connect  — Connect this session to web UI
+  /upfynai-disconnect — Disconnect from web UI
+  /upfynai-status   — Show connection status
+  /upfynai-doctor   — Run diagnostics
+  /upfynai-export   — Export session/canvas data
+  /upfynai-stop     — Stop the web UI server
+  /upfynai-uninstall — Remove Upfyn-Code
+
+Next step: Run /upfynai to start the web UI
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+```
+
+$ARGUMENTS

package/commands/upfynai-status.md

@@ -0,0 +1,75 @@
+---
+description: Show Upfyn-Code connection status — server, sessions, project info
+---
+
+# Upfyn-Code — Status
+
+You are the Upfyn-Code assistant. Show the current status of the Upfyn-Code system.
+
+## What to do
+
+Gather and display all of the following:
+
+1. **Server status**: Check if the server is running
+   ```
+   curl -s http://localhost:3001/health 2>/dev/null || echo "NOT_RUNNING"
+   ```
+
+2. **Current project**: Show `pwd` and whether it has `.claude/` directory
+   ```
+   pwd
+   ls -d .claude 2>/dev/null || echo "NO_CLAUDE_DIR"
+   ```
+
+3. **Project CLAUDE.md**: Check for project instructions
+   ```
+   test -f CLAUDE.md && echo "FOUND" || echo "NOT_FOUND"
+   ```
+
+4. **Project .claude/settings.json**: Check project settings
+   ```
+   cat .claude/settings.json 2>/dev/null || echo "NO_SETTINGS"
+   ```
+
+5. **MCP servers**: Check configured MCP servers
+   ```
+   cat .claude/mcp.json 2>/dev/null || echo "NO_MCP"
+   ```
+
+6. **Active sessions**: If server is running, get session count
+   ```
+   curl -s http://localhost:3001/api/projects 2>/dev/null
+   ```
+
+7. **Installed version**:
+   ```
+   npm list -g upfynai-code --depth=0 2>/dev/null
+   ```
+
+8. **Slash commands**: Check which upfynai commands are installed
+   ```
+   ls ~/.claude/commands/upfynai*.md 2>/dev/null
+   ```
+
+## Output format
+```
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+Upfyn-Code — Status
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+Server:      [🟢 Running at http://localhost:3001 / 🔴 Not running]
+Version:     [x.y.z]
+Project:     [current directory name]
+.claude/:    [✅ Found / ⚠️ Not found]
+CLAUDE.md:   [✅ Found / ⚠️ Not found]
+MCP servers: [count or none]
+Settings:    [found/default]
+Sessions:    [count active]
+Commands:    [count installed] / 9 total
+
+[If server running, show URL]
+[If not running, suggest /upfynai to start]
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+```
+
+$ARGUMENTS

package/commands/upfynai-stop.md

@@ -0,0 +1,49 @@
+---
+description: Stop the Upfyn-Code web UI server
+---
+
+# Upfyn-Code — Stop Server
+
+You are the Upfyn-Code assistant. The user wants to stop the Upfyn-Code web UI server.
+
+## What to do
+
+1. Check if the server is running:
+   ```
+   curl -s http://localhost:3001/health 2>/dev/null || echo "NOT_RUNNING"
+   ```
+
+2. If not running, tell the user:
+   ```
+   Server is not running. Nothing to stop.
+   ```
+
+3. If running, find and stop the process:
+
+   On macOS/Linux:
+   ```
+   lsof -ti :3001 | xargs kill 2>/dev/null
+   ```
+
+   On Windows:
+   ```
+   netstat -ano | findstr :3001
+   ```
+   Then kill the PID.
+
+4. Verify it stopped:
+   ```
+   curl -s http://localhost:3001/health 2>/dev/null || echo "STOPPED"
+   ```
+
+5. Display confirmation:
+   ```
+   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+   ⏹️ Upfyn-Code server stopped
+
+   Port 3001 is now free.
+   Run /upfynai to start again.
+   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+   ```
+
+$ARGUMENTS

package/commands/upfynai-uninstall.md

@@ -0,0 +1,58 @@
+---
+description: Remove Upfyn-Code — uninstalls commands, cleans up config
+---
+
+# Upfyn-Code — Uninstall
+
+You are the Upfyn-Code assistant. The user wants to uninstall Upfyn-Code.
+
+## What to do
+
+### Step 1: Stop the server if running
+```
+curl -s http://localhost:3001/health 2>/dev/null && echo "SERVER_RUNNING"
+```
+If running, ask the user if they want to stop it first.
+
+### Step 2: Remove slash commands from ~/.claude/commands/
+```
+rm -f ~/.claude/commands/upfynai.md
+rm -f ~/.claude/commands/upfynai-connect.md
+rm -f ~/.claude/commands/upfynai-disconnect.md
+rm -f ~/.claude/commands/upfynai-doctor.md
+rm -f ~/.claude/commands/upfynai-local.md
+rm -f ~/.claude/commands/upfynai-uninstall.md
+rm -f ~/.claude/commands/upfynai-export.md
+rm -f ~/.claude/commands/upfynai-status.md
+rm -f ~/.claude/commands/upfynai-stop.md
+```
+
+### Step 3: Ask about global package
+Ask the user: "Do you also want to uninstall the global npm package?"
+
+If yes:
+```
+npm uninstall -g upfynai-code
+```
+
+### Step 4: Ask about database
+Ask the user: "Do you want to remove the database (session history will be lost)?"
+
+If yes, remove the database file.
+
+### Step 5: Display completion
+```
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+🗑️ Upfyn-Code uninstalled
+
+Removed:
+  ✅ Slash commands from ~/.claude/commands/
+  [✅/⏭️] Global npm package
+  [✅/⏭️] Database
+
+Your .claude/ project files were NOT modified.
+Your CLAUDE.md was NOT modified.
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+```
+
+$ARGUMENTS

package/commands/upfynai.md

@@ -0,0 +1,50 @@
+---
+description: Start Upfyn-Code web UI server and get connection URL
+---
+
+# Upfyn-Code — Start UI Server
+
+You are the Upfyn-Code assistant. The user wants to start the Upfyn-Code web UI server.
+
+## What to do
+
+1. Check if `upfynai-code` is installed globally by running:
+   ```
+   npm list -g upfynai-code --depth=0 2>/dev/null || echo "NOT_INSTALLED"
+   ```
+
+2. If NOT installed, tell the user:
+   ```
+   Upfyn-Code is not installed globally. Install it with:
+   npm install -g upfynai-code
+   ```
+   Then stop.
+
+3. If installed, check if the server is already running:
+   ```
+   curl -s http://localhost:3001/health 2>/dev/null || echo "NOT_RUNNING"
+   ```
+
+4. If NOT running, start the server in the background:
+   ```
+   upfynai-code start &
+   ```
+
+5. Display the connection info to the user:
+   ```
+   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+   Upfyn-Code is running!
+
+   🌐 Open in browser: http://localhost:3001
+   📁 Current project: [show current working directory]
+   🔌 WebSocket: ws://localhost:3001/ws
+
+   Use /upfynai-connect to link this CLI session
+   Use /upfynai-disconnect to unlink
+   Use /upfynai-doctor to run diagnostics
+   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+   ```
+
+6. If the user provided arguments like `--port 8080`, pass them to the start command.
+
+$ARGUMENTS

package/package.json

@@ -1,67 +1,126 @@
 {
   "name": "upfynai-code",
-  "version": "0.1.0",
-  "description": "UC UpfynAI-Code — Visual AI coding interface with built-in statusline. Proprietary software by Thinqmesh Technologies, Developed by Anit Chaudhary.",
+  "version": "2.2.0",
+  "description": "Upfyn-Code — Visual AI coding interface with Upfyn-Canvas whiteboard for AI coding assistants by Thinqmesh Technologies",
   "type": "module",
+  "main": "server/index.js",
   "bin": {
-    "upfynai-code": "bin/cli.js",
-    "uc": "bin/cli.js"
-  },
-  "scripts": {
-    "dev": "node bin/cli.js",
-    "build": "vite build",
-    "preview": "vite preview"
+    "upfynai-code": "server/cli.js",
+    "uc": "server/cli.js"
   },
   "files": [
-    "bin/",
-    "dist/",
-    "src/",
-    "index.html",
-    "vite.config.ts",
-    "tsconfig.json"
+    "server/",
+    "shared/",
+    "client/dist/",
+    "scripts/",
+    "commands/",
+    "README.md"
   ],
+  "scripts": {
+    "start": "node server/index.js",
+    "build": "node scripts/build-client.js",
+    "postinstall": "node scripts/fix-node-pty.js || true && node scripts/install-commands.js"
+  },
   "keywords": [
-    "claude-code",
-    "ai-coding",
-    "tldraw",
-    "terminal-ui",
-    "statusline",
+    "ai coding assistant",
+    "ai",
     "anthropic",
-    "developer-tools"
+    "excalidraw",
+    "whiteboard",
+    "upfynai",
+    "thinqmesh",
+    "visual-coding"
   ],
-  "author": {
-    "name": "Anit Chaudhary",
-    "url": "https://github.com/AnitChaudhry"
-  },
-  "license": "SEE LICENSE IN LICENSE",
-  "homepage": "https://upfyn.ai",
+  "author": "Thinqmesh Technologies <hello@thinqmesh.com>",
+  "license": "GPL-3.0",
+  "homepage": "https://thinqmesh.com",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/AnitChaudhry/UpfynAI-Code.git"
+    "url": "git+https://github.com/thinqmesh/upfynai-code.git"
   },
-  "engines": {
-    "node": ">=18"
+  "bugs": {
+    "url": "https://github.com/thinqmesh/upfynai-code/issues"
   },
   "dependencies": {
-    "@hono/node-server": "^1.13.0",
-    "@tldraw/tldraw": "^4.4.0",
-    "hono": "^4.7.0",
-    "open": "^10.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-markdown": "^9.0.0",
+    "@anthropic-ai/claude-agent-sdk": "^0.1.71",
+    "@anthropic-ai/sdk": "^0.78.0",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.9",
+    "@codemirror/lang-javascript": "^6.2.4",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.3.3",
+    "@codemirror/lang-python": "^6.2.1",
+    "@codemirror/merge": "^6.11.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@excalidraw/excalidraw": "^0.18.0",
+    "@iarna/toml": "^2.2.5",
+    "@libsql/client": "^0.14.0",
+    "@modelcontextprotocol/sdk": "^1.26.0",
+    "@neondatabase/serverless": "^1.0.2",
+    "@octokit/rest": "^22.0.0",
+    "@openai/codex-sdk": "^0.101.0",
+    "@replit/codemirror-minimap": "^0.5.2",
+    "@tailwindcss/typography": "^0.5.16",
+    "@uiw/react-codemirror": "^4.23.13",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@xterm/addon-clipboard": "^0.1.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/addon-web-links": "^0.11.0",
+    "@xterm/addon-webgl": "^0.18.0",
+    "@xterm/xterm": "^5.5.0",
+    "autoprefixer": "^10.4.16",
+    "bcryptjs": "^3.0.3",
+    "chokidar": "^4.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cookie-parser": "^1.4.7",
+    "cors": "^2.8.5",
+    "cross-spawn": "^7.0.3",
+    "express": "^4.18.2",
+    "fuse.js": "^7.0.0",
+    "gray-matter": "^4.0.3",
+    "i18next": "^25.7.4",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "jsonwebtoken": "^9.0.2",
+    "katex": "^0.16.25",
+    "lucide-react": "^0.515.0",
+    "mime-types": "^3.0.1",
+    "multer": "^2.0.1",
+    "node-fetch": "^2.7.0",
+    "pdfjs-dist": "^5.4.624",
+    "postcss": "^8.4.32",
+    "razorpay": "^2.9.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-i18next": "^16.5.3",
+    "react-markdown": "^10.1.0",
+    "react-router-dom": "^6.8.1",
+    "react-syntax-highlighter": "^15.6.1",
+    "rehype-katex": "^7.0.1",
+    "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",
-    "zustand": "^5.0.0"
+    "remark-math": "^6.0.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^3.4.0",
+    "vite": "~6.3.5",
+    "ws": "^8.14.2",
+    "zod": "^3.25.76",
+    "zustand": "^5.0.11"
   },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "typescript": "^5.7.0",
-    "vite": "^6.1.0"
+  "optionalDependencies": {
+    "bcrypt": "^6.0.0",
+    "better-sqlite3": "^12.2.0",
+    "node-pty": "^1.1.0-beta34",
+    "sqlite": "^5.1.1",
+    "sqlite3": "^5.1.7"
   },
-  "publishConfig": {
-    "access": "public"
+  "devDependencies": {
+    "@types/node": "^22.19.7",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "lightningcss": "^1.31.1",
+    "node-gyp": "^10.0.0",
+    "typescript": "^5.9.3"
   }
 }

package/scripts/build-client.js

@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+/**
+ * Build the client (frontend) from the backend directory.
+ * Uses Vite API directly to avoid npx resolution issues.
+ */
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const clientDir = path.join(__dirname, '..', 'client');
+
+// Change cwd so Vite/Tailwind resolve configs from client/
+process.chdir(clientDir);
+console.log(`Building client from: ${clientDir}`);
+
+const { build } = await import('vite');
+await build();

package/scripts/fix-node-pty.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+/**
+ * Fix node-pty spawn-helper permissions on macOS
+ *
+ * This script fixes a known issue with node-pty where the spawn-helper
+ * binary is shipped without execute permissions, causing "posix_spawnp failed" errors.
+ *
+ * @see https://github.com/microsoft/node-pty/issues/850
+ * @module scripts/fix-node-pty
+ */
+
+import { promises as fs } from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+/**
+ * Fixes the spawn-helper binary permissions for node-pty on macOS.
+ *
+ * The node-pty package ships the spawn-helper binary without execute permissions
+ * (644 instead of 755), which causes "posix_spawnp failed" errors when trying
+ * to spawn terminal processes.
+ *
+ * This function:
+ * 1. Checks if running on macOS (darwin)
+ * 2. Locates spawn-helper binaries for both arm64 and x64 architectures
+ * 3. Sets execute permissions (755) on each binary found
+ *
+ * @async
+ * @function fixSpawnHelper
+ * @returns {Promise<void>} Resolves when permissions are fixed or skipped
+ * @example
+ * // Run as postinstall script
+ * await fixSpawnHelper();
+ */
+async function fixSpawnHelper() {
+  const nodeModulesPath = path.join(__dirname, '..', 'node_modules', 'node-pty', 'prebuilds');
+
+  // Only run on macOS
+  if (process.platform !== 'darwin') {
+    return;
+  }
+
+  const darwinDirs = ['darwin-arm64', 'darwin-x64'];
+
+  for (const dir of darwinDirs) {
+    const spawnHelperPath = path.join(nodeModulesPath, dir, 'spawn-helper');
+
+    try {
+      // Check if file exists
+      await fs.access(spawnHelperPath);
+
+      // Make it executable (755)
+      await fs.chmod(spawnHelperPath, 0o755);
+      console.log(`[postinstall] Fixed permissions for ${spawnHelperPath}`);
+    } catch (err) {
+      // File doesn't exist or other error - ignore
+      if (err.code !== 'ENOENT') {
+        console.warn(`[postinstall] Warning: Could not fix ${spawnHelperPath}: ${err.message}`);
+      }
+    }
+  }
+}
+
+fixSpawnHelper().catch(console.error);