botschat 0.1.0

package/packages/web/src/ws.ts

@@ -0,0 +1,99 @@
+/** WebSocket client for connecting to the BotsChat ConnectionDO. */
+
+import { dlog } from "./debug-log";
+
+export type WSMessage = {
+  type: string;
+  [key: string]: unknown;
+};
+
+export type WSClientOptions = {
+  userId: string;
+  sessionId: string;
+  token: string;
+  onMessage: (msg: WSMessage) => void;
+  onStatusChange: (connected: boolean) => void;
+};
+
+export class BotsChatWSClient {
+  private ws: WebSocket | null = null;
+  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+  private backoffMs = 1000;
+  private intentionalClose = false;
+  private _connected = false;
+
+  constructor(private opts: WSClientOptions) {}
+
+  get connected(): boolean {
+    return this._connected;
+  }
+
+  connect(): void {
+    this.intentionalClose = false;
+    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    const url = `${protocol}//${window.location.host}/api/ws/${this.opts.userId}/${this.opts.sessionId}`;
+
+    dlog.info("WS", `Connecting to ${url}`);
+    this.ws = new WebSocket(url);
+
+    this.ws.onopen = () => {
+      dlog.info("WS", "Socket opened, sending auth");
+      // Authenticate with the ConnectionDO
+      this.ws!.send(JSON.stringify({ type: "auth", token: this.opts.token }));
+    };
+
+    this.ws.onmessage = (evt) => {
+      try {
+        const msg = JSON.parse(evt.data) as WSMessage;
+        if (msg.type === "auth.ok") {
+          dlog.info("WS", "Auth OK — connected");
+          this.backoffMs = 1000;
+          this._connected = true;
+          this.opts.onStatusChange(true);
+        } else {
+          this.opts.onMessage(msg);
+        }
+      } catch {
+        dlog.warn("WS", "Failed to parse incoming message", evt.data);
+      }
+    };
+
+    this.ws.onclose = (evt) => {
+      this._connected = false;
+      this.opts.onStatusChange(false);
+      if (!this.intentionalClose) {
+        dlog.warn("WS", `Connection closed (code=${evt.code}), reconnecting in ${this.backoffMs}ms`);
+        this.reconnectTimer = setTimeout(() => {
+          this.backoffMs = Math.min(this.backoffMs * 2, 30000);
+          this.connect();
+        }, this.backoffMs);
+      } else {
+        dlog.info("WS", "Connection closed (intentional)");
+      }
+    };
+
+    this.ws.onerror = () => {
+      dlog.error("WS", "WebSocket error (close event will follow)");
+    };
+  }
+
+  send(msg: WSMessage): void {
+    if (this.ws?.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify(msg));
+    } else {
+      dlog.warn("WS", `Cannot send — socket not open (readyState=${this.ws?.readyState})`, msg);
+    }
+  }
+
+  disconnect(): void {
+    this.intentionalClose = true;
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+    this.ws?.close();
+    this.ws = null;
+    this._connected = false;
+    this.opts.onStatusChange(false);
+  }
+}

package/packages/web/tailwind.config.js

@@ -0,0 +1,65 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./index.html", "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        brand: {
+          50: "#f0f7ff",
+          100: "#e0efff",
+          500: "#1264A3",
+          600: "#1164A3",
+          700: "#0d5289",
+        },
+        surface: "var(--bg-surface)",
+        "bg-primary": "var(--bg-primary)",
+        "bg-secondary": "var(--bg-secondary)",
+        "bg-hover": "var(--bg-hover)",
+        "bg-active": "var(--bg-active)",
+        "text-primary": "var(--text-primary)",
+        "text-secondary": "var(--text-secondary)",
+        "text-muted": "var(--text-muted)",
+        "text-link": "var(--text-link)",
+        "text-sidebar": "var(--text-sidebar)",
+        "text-sidebar-active": "var(--text-sidebar-active)",
+        "accent-green": "var(--accent-green)",
+        "accent-yellow": "var(--accent-yellow)",
+        "accent-red": "var(--accent-red)",
+        border: "var(--border)",
+      },
+      fontFamily: {
+        sans: ["Lato", "Noto Sans SC", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "sans-serif"],
+        mono: ["SF Mono", "Consolas", "Monaco", "monospace"],
+      },
+      fontSize: {
+        h1: ["18px", { lineHeight: "1.33", fontWeight: "700" }],
+        h2: ["15px", { lineHeight: "1.46", fontWeight: "700" }],
+        body: ["15px", { lineHeight: "1.46", fontWeight: "400" }],
+        caption: ["13px", { lineHeight: "1.38", fontWeight: "400" }],
+        tiny: ["11px", { lineHeight: "1.27", fontWeight: "500" }],
+      },
+      spacing: {
+        "space-1": "4px",
+        "space-2": "8px",
+        "space-3": "12px",
+        "space-4": "16px",
+        "space-5": "20px",
+        "space-6": "24px",
+      },
+      borderRadius: {
+        sm: "4px",
+        md: "8px",
+        lg: "12px",
+      },
+      boxShadow: {
+        sm: "var(--shadow-sm)",
+        md: "var(--shadow-md)",
+        lg: "var(--shadow-lg)",
+      },
+      maxWidth: {
+        message: "700px",
+      },
+    },
+  },
+  plugins: [require("@tailwindcss/typography")],
+};

package/packages/web/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "jsx": "react-jsx",
+    "outDir": "dist",
+    "rootDir": "src",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}

package/packages/web/vite.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: "dist",
+    emptyOutDir: true,
+  },
+  server: {
+    port: 3000,
+    proxy: {
+      "/api": {
+        target: "https://botschat-api.auxtenwpc.workers.dev",
+        changeOrigin: true,
+        ws: true,
+      },
+    },
+  },
+});

package/scripts/dev.sh

@@ -0,0 +1,122 @@
+#!/usr/bin/env bash
+# BotsChat local dev startup script
+# Usage:
+#   ./scripts/dev.sh          — build web + migrate + start server
+#   ./scripts/dev.sh reset    — nuke local DB, re-migrate, then start
+#   ./scripts/dev.sh migrate  — only run D1 migrations (no server)
+#   ./scripts/dev.sh build    — only build web frontend (no server)
+#   ./scripts/dev.sh sync     — sync plugin to mini.local + rebuild + restart gateway
+#   ./scripts/dev.sh logs     — tail gateway logs on mini.local
+set -euo pipefail
+
+cd "$(dirname "$0")/.."
+ROOT="$(pwd)"
+
+# ── Colours ──────────────────────────────────────────────────────────
+RED='\033[0;31m'; GREEN='\033[0;32m'; YELLOW='\033[0;33m'; CYAN='\033[0;36m'; NC='\033[0m'
+info()  { echo -e "${CYAN}▸${NC} $*"; }
+ok()    { echo -e "${GREEN}✔${NC} $*"; }
+warn()  { echo -e "${YELLOW}▲${NC} $*"; }
+fail()  { echo -e "${RED}✖${NC} $*"; exit 1; }
+
+# ── Helpers ──────────────────────────────────────────────────────────
+
+kill_port() {
+  local port=${1:-8787}
+  local pids
+  pids=$(lsof -ti:"$port" 2>/dev/null || true)
+  if [[ -n "$pids" ]]; then
+    warn "Killing process(es) on port $port: $pids"
+    echo "$pids" | xargs kill -9 2>/dev/null || true
+    sleep 1
+  fi
+}
+
+do_migrate() {
+  info "Applying D1 migrations (local)…"
+  npx wrangler d1 migrations apply botschat-db --local
+  ok "Migrations applied"
+}
+
+do_reset() {
+  warn "Nuking local D1 database…"
+  rm -rf "$ROOT/.wrangler/state"
+  ok "Local DB wiped"
+  do_migrate
+}
+
+do_build_web() {
+  info "Building web frontend…"
+  npm run build -w packages/web
+  ok "Web build complete (packages/web/dist)"
+}
+
+do_start() {
+  kill_port 8787
+  info "Starting wrangler dev on 0.0.0.0:8787…"
+  exec npx wrangler dev --config wrangler.toml --ip 0.0.0.0
+}
+
+do_sync_plugin() {
+  local REMOTE="YinTong@mini.local"
+  local REMOTE_DIR="~/Projects/botsChat/packages/plugin"
+
+  info "Syncing plugin to $REMOTE…"
+  rsync -avz --exclude node_modules --exclude .git --exclude dist --exclude .wrangler \
+    packages/plugin/ "$REMOTE:$REMOTE_DIR/"
+  ok "Plugin files synced"
+
+  info "Building plugin + restarting gateway on mini.local…"
+  ssh "$REMOTE" "$(cat <<'REMOTE_SCRIPT'
+export PATH="/opt/homebrew/bin:$PATH"
+cd ~/Projects/botsChat/packages/plugin
+npm run build
+echo "--- Plugin build OK ---"
+pkill -9 -f openclaw-gateway 2>/dev/null || true
+sleep 3
+nohup openclaw gateway run --bind loopback --port 18789 --force \
+  > /tmp/openclaw-gateway.log 2>&1 &
+echo "Gateway restarted (PID=$!)"
+REMOTE_SCRIPT
+)"
+  ok "Plugin synced and gateway restarted"
+
+  sleep 4
+  info "Checking connection…"
+  ssh "$REMOTE" 'tail -5 /tmp/openclaw-gateway.log | grep -i "authenticated\|error\|Task scan"'
+}
+
+do_logs() {
+  info "Tailing gateway logs on mini.local…"
+  ssh YinTong@mini.local 'tail -f /tmp/openclaw-gateway.log'
+}
+
+# ── Main ─────────────────────────────────────────────────────────────
+
+cmd="${1:-}"
+
+case "$cmd" in
+  reset)
+    do_reset
+    do_build_web
+    do_start
+    ;;
+  migrate)
+    do_migrate
+    ;;
+  build)
+    do_build_web
+    ;;
+  sync)
+    do_sync_plugin
+    ;;
+  logs)
+    do_logs
+    ;;
+  *)
+    # Default: build + migrate + start
+    do_build_web
+    do_migrate
+    do_start
+    ;;
+esac

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "dist",
+    "lib": ["ES2022"]
+  },
+  "exclude": ["node_modules", "dist"]
+}

package/wrangler.toml

@@ -0,0 +1,40 @@
+name = "botschat-api"
+main = "packages/api/src/index.ts"
+compatibility_date = "2025-01-01"
+compatibility_flags = ["nodejs_compat"]
+
+# --- Static Assets (React SPA) ---
+[assets]
+directory = "packages/web/dist"
+binding = "ASSETS"
+not_found_handling = "single-page-application"
+
+# --- D1 Database ---
+[[d1_databases]]
+binding = "DB"
+database_name = "botschat-db"
+database_id = "aa8dc50d-c839-44c2-a019-5818f0487be4"
+migrations_dir = "migrations"
+
+# --- R2 Bucket ---
+[[r2_buckets]]
+binding = "MEDIA"
+bucket_name = "botschat-media"
+
+# --- Durable Objects ---
+[durable_objects]
+bindings = [
+  { name = "CONNECTION_DO", class_name = "ConnectionDO" },
+]
+
+[[migrations]]
+tag = "v1"
+new_sqlite_classes = ["ConnectionDO"]
+
+# --- Environment Variables ---
+[vars]
+ENVIRONMENT = "development"
+
+# --- Dev settings ---
+[dev]
+port = 8787