clawport-ui 0.1.0

package/scripts/setup.mjs

@@ -0,0 +1,215 @@
+#!/usr/bin/env node
+
+// ClawPort -- Auto-detect environment and write .env.local
+// Usage: npm run setup
+
+import { execSync } from 'node:child_process'
+import { readFileSync, writeFileSync, existsSync } from 'node:fs'
+import { resolve, join } from 'node:path'
+import { createInterface } from 'node:readline'
+import { homedir } from 'node:os'
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+const green = (s) => `\x1b[32m${s}\x1b[0m`
+const yellow = (s) => `\x1b[33m${s}\x1b[0m`
+const red = (s) => `\x1b[31m${s}\x1b[0m`
+const dim = (s) => `\x1b[2m${s}\x1b[0m`
+const bold = (s) => `\x1b[1m${s}\x1b[0m`
+
+function ask(question) {
+  const rl = createInterface({ input: process.stdin, output: process.stdout })
+  return new Promise((resolve) => {
+    rl.question(question, (answer) => {
+      rl.close()
+      resolve(answer.trim())
+    })
+  })
+}
+
+function exec(cmd) {
+  try {
+    return execSync(cmd, { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] }).trim()
+  } catch {
+    return null
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Detectors
+// ---------------------------------------------------------------------------
+
+function detectWorkspacePath() {
+  const defaultPath = join(homedir(), '.openclaw', 'workspace')
+  if (existsSync(defaultPath)) return defaultPath
+  return null
+}
+
+function detectOpenClawBin() {
+  return exec('which openclaw')
+}
+
+function detectGatewayToken() {
+  const configPath = join(homedir(), '.openclaw', 'openclaw.json')
+  if (!existsSync(configPath)) return null
+  try {
+    const config = JSON.parse(readFileSync(configPath, 'utf-8'))
+    const token = config?.gateway?.auth?.token
+    return typeof token === 'string' ? token : null
+  } catch {
+    return null
+  }
+}
+
+function checkGatewayRunning() {
+  const result = exec('curl -s -o /dev/null -w "%{http_code}" http://127.0.0.1:18789/ 2>/dev/null')
+  return result && result !== '000'
+}
+
+// ---------------------------------------------------------------------------
+// Main
+// ---------------------------------------------------------------------------
+
+async function main() {
+  console.log()
+  console.log(bold('  ClawPort Setup'))
+  console.log(dim('  Auto-detecting your OpenClaw configuration...\n'))
+
+  // Detect all values
+  const detected = {
+    WORKSPACE_PATH: detectWorkspacePath(),
+    OPENCLAW_BIN: detectOpenClawBin(),
+    OPENCLAW_GATEWAY_TOKEN: detectGatewayToken(),
+  }
+
+  const gatewayUp = checkGatewayRunning()
+
+  // Report findings
+  const entries = [
+    ['WORKSPACE_PATH', detected.WORKSPACE_PATH],
+    ['OPENCLAW_BIN', detected.OPENCLAW_BIN],
+    ['OPENCLAW_GATEWAY_TOKEN', detected.OPENCLAW_GATEWAY_TOKEN],
+  ]
+
+  let allFound = true
+  for (const [name, value] of entries) {
+    if (value) {
+      const display = name === 'OPENCLAW_GATEWAY_TOKEN'
+        ? value.slice(0, 8) + '...' + value.slice(-4)
+        : value
+      console.log(`  ${green('+')} ${bold(name)}`)
+      console.log(`    ${dim(display)}`)
+    } else {
+      allFound = false
+      console.log(`  ${red('x')} ${bold(name)}`)
+      console.log(`    ${red('Not found')}`)
+    }
+  }
+
+  // Gateway status
+  console.log()
+  if (gatewayUp) {
+    console.log(`  ${green('+')} Gateway running at ${dim('localhost:18789')}`)
+  } else {
+    console.log(`  ${yellow('!')} Gateway not responding at localhost:18789`)
+    console.log(`    ${dim('Start it with: openclaw gateway run')}`)
+  }
+  console.log()
+
+  // Handle missing values
+  const final = { ...detected }
+
+  if (!final.WORKSPACE_PATH) {
+    const answer = await ask(`  ${yellow('?')} Enter your WORKSPACE_PATH: `)
+    if (answer && existsSync(answer)) {
+      final.WORKSPACE_PATH = answer
+    } else if (answer) {
+      console.log(`    ${yellow('Warning: path does not exist yet')}`)
+      final.WORKSPACE_PATH = answer
+    } else {
+      console.log(`\n  ${red('Aborted.')} WORKSPACE_PATH is required.`)
+      process.exit(1)
+    }
+  }
+
+  if (!final.OPENCLAW_BIN) {
+    const answer = await ask(`  ${yellow('?')} Enter path to openclaw binary: `)
+    if (answer) {
+      final.OPENCLAW_BIN = answer
+    } else {
+      console.log(`\n  ${red('Aborted.')} OPENCLAW_BIN is required.`)
+      process.exit(1)
+    }
+  }
+
+  if (!final.OPENCLAW_GATEWAY_TOKEN) {
+    console.log(`    ${dim('Find your token in ~/.openclaw/openclaw.json under gateway.auth.token')}`)
+    const answer = await ask(`  ${yellow('?')} Enter your gateway token: `)
+    if (answer) {
+      final.OPENCLAW_GATEWAY_TOKEN = answer
+    } else {
+      console.log(`\n  ${red('Aborted.')} OPENCLAW_GATEWAY_TOKEN is required.`)
+      process.exit(1)
+    }
+  }
+
+  // Check if .env.local already exists
+  const envPath = resolve(process.cwd(), '.env.local')
+  if (existsSync(envPath)) {
+    const overwrite = await ask(`  ${yellow('?')} .env.local already exists. Overwrite? (y/N) `)
+    if (overwrite.toLowerCase() !== 'y') {
+      console.log(`\n  ${dim('Keeping existing .env.local')}`)
+      process.exit(0)
+    }
+  }
+
+  // Confirm
+  console.log()
+  console.log(dim('  Will write .env.local with:'))
+  console.log(`    WORKSPACE_PATH=${dim(final.WORKSPACE_PATH)}`)
+  console.log(`    OPENCLAW_BIN=${dim(final.OPENCLAW_BIN)}`)
+  console.log(`    OPENCLAW_GATEWAY_TOKEN=${dim(final.OPENCLAW_GATEWAY_TOKEN.slice(0, 8) + '...')}`)
+  console.log()
+
+  const confirm = await ask(`  ${bold('Write .env.local?')} (Y/n) `)
+  if (confirm.toLowerCase() === 'n') {
+    console.log(`\n  ${dim('Aborted.')}`)
+    process.exit(0)
+  }
+
+  // Write
+  const content = [
+    '# ClawPort -- generated by npm run setup',
+    `# Created: ${new Date().toISOString()}`,
+    '',
+    '# Required',
+    `WORKSPACE_PATH=${final.WORKSPACE_PATH}`,
+    `OPENCLAW_BIN=${final.OPENCLAW_BIN}`,
+    `OPENCLAW_GATEWAY_TOKEN=${final.OPENCLAW_GATEWAY_TOKEN}`,
+    '',
+    '# Optional -- uncomment to enable voice features',
+    '# ELEVENLABS_API_KEY=',
+    '',
+  ].join('\n')
+
+  writeFileSync(envPath, content, 'utf-8')
+
+  console.log()
+  console.log(`  ${green('Done!')} .env.local written.`)
+  console.log()
+  console.log(`  Next steps:`)
+  if (!gatewayUp) {
+    console.log(`    1. Start the gateway:  ${dim('openclaw gateway run')}`)
+    console.log(`    2. Start ClawPort:   ${dim('npm run dev')}`)
+  } else {
+    console.log(`    ${dim('npm run dev')}`)
+  }
+  console.log()
+}
+
+main().catch((err) => {
+  console.error(`\n  ${red('Error:')} ${err.message}`)
+  process.exit(1)
+})

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/vitest.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './'),
+    },
+  },
+  test: {
+    environment: 'jsdom',
+    include: ['**/*.test.ts', '**/*.test.tsx'],
+    exclude: ['node_modules', '.next'],
+  },
+})