Deploy OpenCode with Web UI and Telegram bot integration

.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+data/
+.env
+*.log
+.DS_Store

Dockerfile

@@ -0,0 +1,43 @@
+FROM node:20-slim
+
+# Install system dependencies
+RUN apt-get update && apt-get install -y \
+    git \
+    curl \
+    procps \
+    lsof \
+    python3 \
+    && rm -rf /var/lib/apt/lists/*
+
+# Install OpenCode
+RUN npm install -g opencode-ai
+
+# Create app directory
+WORKDIR /app
+
+# Copy package.json and install dependencies
+COPY package.json ./
+RUN npm install --production
+
+# Copy OpenCode config
+COPY opencode.json /root/.config/opencode/opencode.json
+
+# Copy bot code
+COPY bot.js ./
+
+# Create entrypoint script
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+
+# Create data directories
+RUN mkdir -p /app/data /root/.local/share/opencode
+
+# Expose port 7860 for HF Spaces
+EXPOSE 7860
+
+# Health check
+HEALTHCHECK --interval=30s --timeout=10s --start-period=30s --retries=3 \
+    CMD curl -f http://localhost:7860/ || exit 1
+
+# Run entrypoint
+ENTRYPOINT ["/entrypoint.sh"]

README.md

@@ -1,13 +1,33 @@
 ---
-title: Opencode
-emoji: 🏃
-colorFrom: green
-colorTo: yellow
-sdk: gradio
-sdk_version: 6.20.0
-python_version: '3.12'
-app_file: app.py
-pinned: false
+title: OpenCode AI Agent
+emoji: 🤖
+colorFrom: blue
+colorTo: purple
+sdk: docker
+app_port: 7860
+pinned: true
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# OpenCode AI Agent on HuggingFace Spaces
+
+AI coding agent with Web UI and Telegram integration powered by OpenCode Zen.
+
+## Features
+
+- **Web UI**: Access OpenCode directly in your browser
+- **Telegram Bot**: Chat with OpenCode via Telegram
+- **Multiple Models**: GPT-5, Claude, Gemini, DeepSeek and more
+- **Free Models Available**: DeepSeek V4 Flash Free, MiMo-V2.5 Free
+
+## Access
+
+- **Web UI**: [https://abbasyk60-opencode.hf.space](https://abbasyk60-opencode.hf.space)
+- **Telegram**: Send messages to your bot in the configured supergroup
+
+## Configuration
+
+Environment variables (set in HF Space secrets):
+
+- `OPENCODE_ZEN_KEY` - OpenCode Zen API key
+- `TELEGRAM_BOT_TOKEN` - Telegram bot token
+- `TELEGRAM_CHAT_ID` - Telegram supergroup chat ID

bot.js

@@ -0,0 +1,140 @@
+const { Bot } = require("grammy");
+
+// Get environment variables
+const BOT_TOKEN = process.env.TELEGRAM_BOT_TOKEN;
+const CHAT_ID = process.env.TELEGRAM_CHAT_ID;
+const OPENCODE_URL = process.env.OPENCODE_URL || "http://localhost:7860";
+
+if (!BOT_TOKEN) {
+  console.error("[ERROR] TELEGRAM_BOT_TOKEN not set");
+  process.exit(1);
+}
+
+// Create bot
+const bot = new Bot(BOT_TOKEN);
+
+// Store sessions
+const sessions = new Map();
+
+// Helper: Call OpenCode API
+async function callOpenCode(message, sessionId) {
+  try {
+    // Create a new session or use existing
+    const sessionResponse = await fetch(`${OPENCODE_URL}/session`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    });
+
+    if (!sessionResponse.ok) {
+      throw new Error("Failed to create session");
+    }
+
+    const session = await sessionResponse.json();
+    const sid = session.id || sessionId;
+
+    // Send message to OpenCode
+    const response = await fetch(`${OPENCODE_URL}/session/${sid}/message`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ content: message }),
+    });
+
+    if (!response.ok) {
+      throw new Error("Failed to send message");
+    }
+
+    const result = await response.json();
+    return result.content || result.message || "No response from OpenCode";
+  } catch (error) {
+    console.error("[ERROR] OpenCode API call failed:", error.message);
+    return `Error communicating with OpenCode: ${error.message}`;
+  }
+}
+
+// Handle /start command
+bot.command("start", async (ctx) => {
+  await ctx.reply(
+    "Welcome to OpenCode AI Agent!\n\n" +
+      "Send me any message and I'll respond using AI.\n\n" +
+      "Commands:\n" +
+      "/start - Show this message\n" +
+      "/help - Show help\n" +
+      "/new - Start a new session"
+  );
+});
+
+// Handle /help command
+bot.command("help", async (ctx) => {
+  await ctx.reply(
+    "OpenCode AI Agent Help\n\n" +
+      "Simply send me a message and I'll process it using OpenCode AI.\n\n" +
+      "Features:\n" +
+      "- AI-powered responses\n" +
+      "- Code assistance\n" +
+      "- Multiple AI models available\n\n" +
+      "Use /new to start a fresh conversation."
+  );
+});
+
+// Handle /new command
+bot.command("new", async (ctx) => {
+  const chatId = ctx.chat.id;
+  sessions.delete(chatId);
+  await ctx.reply("New session started. Send me a message!");
+});
+
+// Handle text messages
+bot.on("message:text", async (ctx) => {
+  const chatId = ctx.chat.id;
+  const message = ctx.message.text;
+
+  // Check if it's the allowed chat
+  if (CHAT_ID && chatId.toString() !== CHAT_ID.toString()) {
+    await ctx.reply("Sorry, I'm only available in the designated group.");
+    return;
+  }
+
+  // Show typing indicator
+  await ctx.replyWithChatAction("typing");
+
+  // Get or create session
+  let sessionId = sessions.get(chatId);
+  if (!sessionId) {
+    sessionId = `telegram_${chatId}`;
+    sessions.set(chatId, sessionId);
+  }
+
+  // Call OpenCode
+  const response = await callOpenCode(message, sessionId);
+
+  // Send response
+  try {
+    // Telegram has a 4096 character limit
+    if (response.length > 4000) {
+      // Split into multiple messages
+      const chunks = response.match(/.{1,4000}/gs);
+      for (const chunk of chunks) {
+        await ctx.reply(chunk);
+      }
+    } else {
+      await ctx.reply(response);
+    }
+  } catch (error) {
+    console.error("[ERROR] Failed to send message:", error.message);
+    await ctx.reply("Failed to send response. Please try again.");
+  }
+});
+
+// Error handler
+bot.catch((err) => {
+  console.error("[ERROR] Bot error:", err);
+});
+
+// Start bot
+console.log("[OK] Starting Telegram bot...");
+bot.start({
+  onStart: () => {
+    console.log("[OK] Telegram bot is running!");
+  },
+});

entrypoint.sh

@@ -0,0 +1,75 @@
+#!/bin/bash
+set -e
+
+echo "========================================="
+echo "  OpenCode AI Agent - Starting"
+echo "========================================="
+
+# Create OpenCode config directory
+mkdir -p /root/.config/opencode
+
+# Write OpenCode config if OPENCODE_ZEN_KEY is provided
+if [ -n "$OPENCODE_ZEN_KEY" ]; then
+    cat > /root/.config/opencode/opencode.json <<EOF
+{
+  "\$schema": "https://opencode.ai/config.json",
+  "model": "opencode/gpt-5.4",
+  "small_model": "opencode/gpt-5-nano",
+  "provider": {
+    "opencode": {
+      "npm": "@ai-sdk/openai-compatible",
+      "name": "OpenCode Zen",
+      "options": {
+        "baseURL": "https://opencode.ai/zen/v1",
+        "apiKey": "$OPENCODE_ZEN_KEY"
+      }
+    }
+  },
+  "server": {
+    "port": 7860,
+    "hostname": "0.0.0.0"
+  }
+}
+EOF
+    echo "[OK] OpenCode config written"
+else
+    echo "[WARN] OPENCODE_ZEN_KEY not set - using bundled config"
+    cp /app/opencode.json /root/.config/opencode/opencode.json 2>/dev/null || true
+fi
+
+# Create data directories
+mkdir -p /root/.local/share/opencode
+mkdir -p /app/data
+
+# Start OpenCode web server in background
+echo "[OK] Starting OpenCode web server on port 7860..."
+opencode web --port 7860 --hostname 0.0.0.0 &
+OPENCODE_PID=$!
+
+# Wait for OpenCode to be ready
+echo "[OK] Waiting for OpenCode to start..."
+for i in $(seq 1 30); do
+    if curl -s http://localhost:7860 > /dev/null 2>&1; then
+        echo "[OK] OpenCode is ready!"
+        break
+    fi
+    sleep 2
+done
+
+# Start Telegram bot if token is provided
+if [ -n "$TELEGRAM_BOT_TOKEN" ]; then
+    echo "[OK] Starting Telegram bot..."
+    node /app/bot.js &
+    TELEGRAM_PID=$!
+    echo "[OK] Telegram bot started!"
+else
+    echo "[WARN] TELEGRAM_BOT_TOKEN not set - Telegram bot disabled"
+fi
+
+echo "========================================="
+echo "  All services started!"
+echo "  Web UI: http://localhost:7860"
+echo "========================================="
+
+# Keep the container running
+wait -n $OPENCODE_PID ${TELEGRAM_PID:-}

opencode.json

@@ -0,0 +1,73 @@
+{
+  "$schema": "https://opencode.ai/config.json",
+  "model": "opencode/gpt-5.4",
+  "small_model": "opencode/gpt-5-nano",
+  "provider": {
+    "opencode": {
+      "npm": "@ai-sdk/openai-compatible",
+      "name": "OpenCode Zen",
+      "options": {
+        "baseURL": "https://opencode.ai/zen/v1",
+        "apiKey": "{env:OPENCODE_ZEN_KEY}"
+      },
+      "models": {
+        "gpt-5.4": { "name": "GPT 5.4" },
+        "gpt-5.4-pro": { "name": "GPT 5.4 Pro" },
+        "gpt-5.4-mini": { "name": "GPT 5.4 Mini" },
+        "gpt-5.4-nano": { "name": "GPT 5.4 Nano" },
+        "gpt-5.5": { "name": "GPT 5.5" },
+        "gpt-5.5-pro": { "name": "GPT 5.5 Pro" },
+        "gpt-5.3-codex": { "name": "GPT 5.3 Codex" },
+        "gpt-5.3-codex-spark": { "name": "GPT 5.3 Codex Spark" },
+        "gpt-5.2": { "name": "GPT 5.2" },
+        "gpt-5.1": { "name": "GPT 5.1" },
+        "gpt-5": { "name": "GPT 5" },
+        "gpt-5-nano": { "name": "GPT 5 Nano" },
+        "gpt-5.6-sol": { "name": "GPT 5.6 Sol" },
+        "gpt-5.6-terra": { "name": "GPT 5.6 Terra" },
+        "gpt-5.6-luna": { "name": "GPT 5.6 Luna" },
+        "claude-sonnet-5": { "name": "Claude Sonnet 5" },
+        "claude-opus-5": { "name": "Claude Opus 5" },
+        "claude-opus-4-8": { "name": "Claude Opus 4.8" },
+        "claude-opus-4-7": { "name": "Claude Opus 4.7" },
+        "claude-opus-4-5": { "name": "Claude Opus 4.5" },
+        "claude-sonnet-4-6": { "name": "Claude Sonnet 4.6" },
+        "claude-sonnet-4-5": { "name": "Claude Sonnet 4.5" },
+        "claude-haiku-4-5": { "name": "Claude Haiku 4.5" },
+        "claude-fable-5": { "name": "Claude Fable 5" },
+        "gemini-3.6-flash": { "name": "Gemini 3.6 Flash" },
+        "gemini-3.5-flash": { "name": "Gemini 3.5 Flash" },
+        "gemini-3.5-flash-lite": { "name": "Gemini 3.5 Flash Lite" },
+        "gemini-3.1-pro": { "name": "Gemini 3.1 Pro" },
+        "gemini-3-flash": { "name": "Gemini 3 Flash" },
+        "grok-4.5": { "name": "Grok 4.5" },
+        "grok-build-0.1": { "name": "Grok Build 0.1" },
+        "qwen3.7-max": { "name": "Qwen3.7 Max" },
+        "qwen3.7-plus": { "name": "Qwen3.7 Plus" },
+        "qwen3.6-plus": { "name": "Qwen3.6 Plus" },
+        "qwen3.5-plus": { "name": "Qwen3.5 Plus" },
+        "deepseek-v4-pro": { "name": "DeepSeek V4 Pro" },
+        "deepseek-v4-flash": { "name": "DeepSeek V4 Flash" },
+        "deepseek-v4-flash-free": { "name": "DeepSeek V4 Flash Free" },
+        "minimax-m3": { "name": "MiniMax M3" },
+        "minimax-m2.7": { "name": "MiniMax M2.7" },
+        "glm-5.2": { "name": "GLM 5.2" },
+        "glm-5.1": { "name": "GLM 5.1" },
+        "kimi-k2.5": { "name": "Kimi K2.5" },
+        "kimi-k2.6": { "name": "Kimi K2.6" },
+        "kimi-k2.7-code": { "name": "Kimi K2.7 Code" },
+        "big-pickle": { "name": "Big Pickle" },
+        "mimo-v2.5-free": { "name": "MiMo-V2.5 Free" },
+        "laguna-s-2.1-free": { "name": "Laguna S 2.1 Free" },
+        "ling-3.0-flash-free": { "name": "Ling-3.0 Flash Free" },
+        "north-mini-code-free": { "name": "North Mini Code Free" },
+        "nemotron-3-ultra-free": { "name": "Nemotron 3 Ultra Free" }
+      }
+    }
+  },
+  "server": {
+    "port": 7860,
+    "hostname": "0.0.0.0",
+    "cors": ["*"]
+  }
+}

package.json

@@ -0,0 +1,12 @@
+{
+  "name": "opencode-telegram-bot",
+  "version": "1.0.0",
+  "description": "Telegram bot for OpenCode AI Agent",
+  "scripts": {
+    "start": "node bot.js",
+    "dev": "node --watch bot.js"
+  },
+  "dependencies": {
+    "grammy": "^1.21.0"
+  }
+}