Upload folder using huggingface_hub

startup.sh

@@ -1,80 +1,77 @@
 #!/bin/bash
+echo "===== Startup $(date) ====="
 
-echo "===== Application Startup at $(date) ====="
+# Install huggingface_hub
+pip3 install --no-cache-dir -q huggingface_hub==0.23.0 --break-system-packages 2>/dev/null
 
-# Install huggingface_hub if not present
-pip3 install --no-cache-dir -q huggingface_hub==0.23.0 --break-system-packages
+# Install Node.js
+if ! command -v node &> /dev/null; then
+  echo "[Install] Node.js..."
+  curl -fsSL https://deb.nodesource.com/setup_20.x | bash - 2>/dev/null
+  apt-get install -y nodejs 2>/dev/null
+fi
+
+# Install Python tools
+echo "[Install] Python packages..."
+pip3 install --break-system-packages -q openai anthropic openhands antigravity 2>/dev/null
+
+# Install Claude CLI
+echo "[Install] Claude CLI..."
+npm install -g @anthropic-ai/claude-code 2>/dev/null
 
-# Pull persistent data from HF Dataset repo if token is set
+# Install Codex CLI
+echo "[Install] Codex CLI..."
+npm install -g @openai/codex 2>/dev/null
+
+# Install pip packages
+pip3 install --break-system-packages -q requests psutil 2>/dev/null
+
+# Restore from dataset
 if [ -n "$HF_TOKEN" ] && [ -n "$HF_USERNAME" ]; then
-    echo "[Storage] Pulling persistent data from HF Dataset..."
-    python3 -c "
+  echo "[Storage] Restoring from dataset..."
+  python3 -c "
 import os
-from huggingface_hub import snapshot_download, HfApi
-import shutil
-
+from huggingface_hub import snapshot_download
 token = os.environ.get('HF_TOKEN')
 username = os.environ.get('HF_USERNAME')
 repo_id = f'{username}/vps-storage'
-
 try:
-    api = HfApi()
-    # Check if repo exists
-    api.repo_info(repo_id=repo_id, repo_type='dataset', token=token)
-    
-    # Download all files from dataset repo to /persistent
-    snapshot_download(
-        repo_id=repo_id,
-        repo_type='dataset',
-        local_dir='/persistent',
-        token=token,
-        ignore_patterns=['.gitattributes', 'README.md']
-    )
-    print('[Storage] Data restored successfully!')
-except Exception as e:
-    print(f'[Storage] No existing data or error: {e}')
-    print('[Storage] Starting fresh...')
-"
-else
-    echo "[Storage] HF_TOKEN or HF_USERNAME not set — skipping restore"
+    snapshot_download(repo_id=repo_id, repo_type='dataset', local_dir='/persistent', token=token, ignore_patterns=['.gitattributes','README.md'])
+    print('[Storage] Restored!')
+except: print('[Storage] Fresh start')
+" 2>/dev/null
 fi
 
-# Create /persistent directory if it doesn't exist
 mkdir -p /persistent
 
-# Start auto-save in background (every 5 minutes)
+# Auto-backup every 5 min
 python3 -c "
-import os, time, subprocess, threading
-
-def auto_save():
+import os, time, threading
+def backup():
     while True:
-        time.sleep(300)  # every 5 minutes
+        time.sleep(300)
         token = os.environ.get('HF_TOKEN')
         username = os.environ.get('HF_USERNAME')
         if token and username:
             try:
                 from huggingface_hub import HfApi
-                api = HfApi()
-                repo_id = f'{username}/vps-storage'
-                api.upload_folder(
-                    folder_path='/persistent',
-                    repo_id=repo_id,
-                    repo_type='dataset',
-                    token=token,
-                    commit_message='Auto-save from VPS'
-                )
-                print(f'[Storage] Auto-saved at {__import__(\"datetime\").datetime.now()}')
-            except Exception as e:
-                print(f'[Storage] Auto-save failed: {e}')
+                HfApi(token=token).upload_folder(folder_path='/persistent', repo_id=f'{username}/vps-storage', repo_type='dataset', commit_message='auto-backup')
+                print(f'[Backup] {__import__(\"datetime\").datetime.now()}')
+            except: pass
+threading.Thread(target=backup, daemon=True).start()
+" &
 
-t = threading.Thread(target=auto_save, daemon=True)
-t.start()
+# Keep-alive ping
+python3 -c "
+import os, time, requests
+def ping():
+    while True:
+        time.sleep(3600)
+        try:
+            host = os.environ.get('SPACE_HOST','')
+            if host: requests.get(f'https://{host}/', timeout=10)
+        except: pass
+threading.Thread(target=ping, daemon=True).start()
 " &
 
-# Start the FastAPI app
-exec uvicorn app:app \
-  --host 0.0.0.0 \
-  --port 7860 \
-  --ws websockets \
-  --proxy-headers \
-  --forwarded-allow-ips="*"
+exec uvicorn app:app --host 0.0.0.0 --port 7860 --ws websockets --proxy-headers --forwarded-allow-ips="*"

static/index.html

@@ -3,425 +3,108 @@
 <head>
   <meta charset="UTF-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-  <title>Ubuntu 24.04 Web Terminal</title>
-
+  <title>Terminal</title>
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"/>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css"/>
-
   <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.js"></script>
-
   <style>
-    *, *::before, *::after {
-      box-sizing: border-box;
-      margin: 0;
-      padding: 0;
-    }
-
-    body {
-      background: #090c10;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      min-height: 100vh;
-      padding: 24px 16px;
-      font-family: 'JetBrains Mono', monospace;
-    }
-
-    h1 {
-      color: #27c93f;
-      font-size: 15px;
-      letter-spacing: 2px;
-      margin-bottom: 16px;
-      opacity: 0.7;
-    }
-
-    #term-wrap {
-      width: 100%;
-      max-width: 960px;
-      background: #0d1117;
-      border-radius: 12px;
-      overflow: hidden;
-      border: 1px solid #30363d;
-      display: flex;
-      flex-direction: column;
-      box-shadow: 0 8px 40px rgba(0,0,0,0.6);
-    }
-
-    #titlebar {
-      background: #1c2128;
-      padding: 11px 16px;
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      border-bottom: 1px solid #30363d;
-      user-select: none;
-    }
-
-    .dot {
-      width: 13px;
-      height: 13px;
-      border-radius: 50%;
-    }
-
-    .dot.r { background: #ff5f56; }
-    .dot.y { background: #ffbd2e; }
-    .dot.g { background: #27c93f; }
-
-    #title-text {
-      color: #768390;
-      font-size: 12px;
-      margin-left: 10px;
-    }
-
-    #copy-btn {
-      margin-left: auto;
-      background: #27c93f22;
-      border: 1px solid #27c93f55;
-      border-radius: 6px;
-      color: #27c93f;
-      font-size: 11px;
-      padding: 4px 12px;
-      cursor: pointer;
-    }
-
-    #copy-btn:hover {
-      background: #27c93f44;
-    }
-
-    #status-bar {
-      background: #161b22;
-      padding: 6px 16px;
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      border-bottom: 1px solid #21262d;
-    }
-
-    #status-dot {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      background: #ff5f56;
-    }
-
-    #status-dot.connected {
-      background: #27c93f;
-    }
-
-    #status-text {
-      color: #768390;
-      font-size: 11px;
-    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html, body { height: 100%; overflow: hidden; background: #0d1117; font-family: 'JetBrains Mono', monospace; }
 
-    #reconnect-btn {
-      margin-left: auto;
-      background: #27c93f22;
-      border: 1px solid #27c93f55;
-      border-radius: 6px;
-      color: #27c93f;
-      font-size: 11px;
-      padding: 4px 10px;
-      cursor: pointer;
-      display: none;
+    #pass-screen {
+      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+      background: #0d1117; display: flex; align-items: center; justify-content: center;
+      z-index: 9999; flex-direction: column; gap: 16px;
     }
-
-    #reconnect-btn.visible {
-      display: block;
-    }
-
-    #terminal-container {
-      padding: 8px;
-      height: 500px;
-      max-height: 500px;
-      overflow-y: auto;
-      background: #0d1117;
-    }
-
-    .xterm {
-      padding: 8px;
-    }
-
-    #ctx-menu {
-      display: none;
-      position: fixed;
-      background: #1c2128;
-      border: 1px solid #30363d;
-      border-radius: 8px;
-      padding: 4px;
-      z-index: 9999;
-      min-width: 140px;
+    #pass-screen.hidden { display: none; }
+    #pass-screen input {
+      background: #161b22; border: 1px solid #30363d; color: #e6edf3;
+      padding: 12px 20px; font-size: 16px; border-radius: 8px; width: 300px;
+      font-family: 'JetBrains Mono', monospace; text-align: center;
     }
-
-    #ctx-menu button {
-      display: block;
-      width: 100%;
-      background: none;
-      border: none;
-      color: #e6edf3;
-      padding: 8px 12px;
-      text-align: left;
-      cursor: pointer;
-      border-radius: 4px;
-      font-family: inherit;
+    #pass-screen button {
+      background: #27c93f; color: #000; border: none; padding: 10px 30px;
+      font-size: 14px; border-radius: 8px; cursor: pointer; font-weight: bold;
     }
+    #pass-screen .err { color: #ff5f56; font-size: 12px; }
 
-    #ctx-menu button:hover {
-      background: #27c93f22;
-      color: #27c93f;
-    }
-
-    #footer {
-      margin-top: 14px;
-      color: #444c56;
-      font-size: 11px;
-      text-align: center;
-      line-height: 1.8;
-    }
+    #terminal-container { width: 100%; height: 100%; }
+    .xterm { padding: 4px; height: 100%; }
   </style>
 </head>
-
 <body>
 
-<h1>⬛ Ubuntu 24.04 LTS — Web Terminal</h1>
-
-<div id="term-wrap">
-
-  <div id="titlebar">
-    <div class="dot r"></div>
-    <div class="dot y"></div>
-    <div class="dot g"></div>
-
-    <span id="title-text">ubuntu@space: ~</span>
-
-    <button id="copy-btn">
-      ⎘ Copy Selection
-    </button>
-  </div>
-
-  <div id="status-bar">
-    <div id="status-dot"></div>
-
-    <span id="status-text">
-      Connecting...
-    </span>
-
-    <button id="reconnect-btn">
-      ↺ Reconnect
-    </button>
-  </div>
-
-  <div id="terminal-container"></div>
-</div>
-
-<div id="ctx-menu">
-  <button id="ctx-copy">⎘ Copy</button>
-  <button id="ctx-paste">⎙ Paste</button>
-  <button id="ctx-clear">✕ Clear</button>
+<div id="pass-screen">
+  <input id="pass-input" type="password" placeholder="Enter password" autofocus/>
+  <button id="pass-btn">Unlock</button>
+  <div class="err" id="pass-err"></div>
 </div>
 
-<div id="footer">
-  Real Ubuntu shell running on Hugging Face Space
-</div>
+<div id="terminal-container" style="display:none;"></div>
 
 <script>
-  let ws = null;
-  let reconnectTimeout = null;
-
-  const term = new Terminal({
-    cursorBlink: true,
-    fontSize: 13,
-    fontFamily: "'JetBrains Mono', monospace",
-    allowTransparency: false,
-    scrollback: 3000,
-    disableStdin: false,
-    macOptionIsMeta: true,
-    theme: {
-      background: '#0d1117',
-      foreground: '#e6edf3',
-      cursor: '#27c93f'
-    }
-  });
-
-  const fitAddon = new FitAddon.FitAddon();
-
-  term.loadAddon(fitAddon);
-
-  term.open(document.getElementById('terminal-container'));
+  const PASS_HASH = "opencode";
 
-  fitAddon.fit();
+  document.getElementById("pass-btn").onclick = () => unlock();
+  document.getElementById("pass-input").addEventListener("keydown", e => { if (e.key === "Enter") unlock(); });
 
-  term.focus();
-
-  const statusDot = document.getElementById('status-dot');
-  const statusText = document.getElementById('status-text');
-  const reconnectBtn = document.getElementById('reconnect-btn');
-
-  function setStatus(connected, text) {
-    statusDot.className = connected ? 'connected' : '';
-    statusText.textContent = text;
-
-    reconnectBtn.className = connected ? '' : 'visible';
-  }
-
-  function getWsUrl() {
-    const protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-    return `${protocol}://${location.host}/ws`;
-  }
-
-  function connect() {
-
-    if (ws) {
-      ws.close();
-      ws = null;
+  function unlock() {
+    const val = document.getElementById("pass-input").value;
+    if (val === PASS_HASH) {
+      document.getElementById("pass-screen").classList.add("hidden");
+      document.getElementById("terminal-container").style.display = "block";
+      initTerminal();
+    } else {
+      document.getElementById("pass-err").textContent = "Wrong password";
     }
-
-    setStatus(false, 'Connecting...');
-
-    ws = new WebSocket(getWsUrl());
-
-    ws.onopen = () => {
-      setStatus(true, 'Connected');
-      sendResize();
-      term.focus();
-    };
-
-    ws.onmessage = (event) => {
-      term.write(event.data);
-    };
-
-    ws.onerror = () => {
-      setStatus(false, 'Connection error');
-    };
-
-    ws.onclose = () => {
-      setStatus(false, 'Disconnected');
-
-      clearTimeout(reconnectTimeout);
-
-      reconnectTimeout = setTimeout(() => {
-        connect();
-      }, 2000);
-    };
   }
 
-  function sendResize() {
-
-    if (!ws || ws.readyState !== WebSocket.OPEN) {
-      return;
-    }
+  let ws = null;
 
-    ws.send(JSON.stringify({
-      type: 'resize',
-      cols: term.cols,
-      rows: term.rows
-    }));
-  }
+  function initTerminal() {
+    const term = new Terminal({
+      cursorBlink: true,
+      fontSize: 14,
+      fontFamily: "'JetBrains Mono', monospace",
+      scrollback: 5000,
+      theme: { background: '#0d1117', foreground: '#e6edf3', cursor: '#27c93f' }
+    });
 
-  term.onData((data) => {
+    const fitAddon = new FitAddon.FitAddon();
+    term.loadAddon(fitAddon);
+    term.open(document.getElementById("terminal-container"));
+    fitAddon.fit();
+    term.focus();
 
-    if (!ws || ws.readyState !== WebSocket.OPEN) {
-      return;
+    function getWsUrl() {
+      const p = location.protocol === "https:" ? "wss" : "ws";
+      return `${p}://${location.host}/ws`;
     }
 
-    if (typeof data !== 'string') {
-      return;
+    function connect() {
+      if (ws) { ws.close(); ws = null; }
+      ws = new WebSocket(getWsUrl());
+      ws.onopen = () => { ws.send(JSON.stringify({ type: "resize", cols: term.cols, rows: term.rows })); term.focus(); };
+      ws.onmessage = (e) => term.write(e.data);
+      ws.onclose = () => setTimeout(connect, 2000);
     }
 
-    ws.send(JSON.stringify({
-      type: 'input',
-      data: data
-    }));
-  });
-
-  term.onResize(() => {
-    sendResize();
-  });
-
-  window.addEventListener('resize', () => {
-    fitAddon.fit();
-    sendResize();
-  });
-
-  reconnectBtn.addEventListener('click', connect);
-
-  document.getElementById('copy-btn').addEventListener('click', async () => {
-
-    const selection = term.getSelection();
-
-    if (!selection) return;
-
-    await navigator.clipboard.writeText(selection);
-
-    const btn = document.getElementById('copy-btn');
-
-    btn.textContent = '✓ Copied';
-
-    setTimeout(() => {
-      btn.textContent = '⎘ Copy Selection';
-    }, 1500);
-  });
-
-  const ctxMenu = document.getElementById('ctx-menu');
-
-  document.getElementById('terminal-container')
-    .addEventListener('contextmenu', (e) => {
-
-      e.preventDefault();
-
-      ctxMenu.style.display = 'block';
-
-      ctxMenu.style.left = `${e.pageX}px`;
-      ctxMenu.style.top = `${e.pageY}px`;
-    });
-
-  document.addEventListener('click', () => {
-    ctxMenu.style.display = 'none';
-  });
-
-  document.getElementById('ctx-copy')
-    .addEventListener('click', async () => {
-
-      const selection = term.getSelection();
-
-      if (!selection) return;
-
-      await navigator.clipboard.writeText(selection);
-    });
-
-  document.getElementById('ctx-paste')
-    .addEventListener('click', async () => {
-
-      try {
-
-        const text = await navigator.clipboard.readText();
-
-        term.paste(text);
-
-      } catch (err) {
-        console.error(err);
+    term.onData((data) => {
+      if (ws && ws.readyState === WebSocket.OPEN) {
+        ws.send(JSON.stringify({ type: "input", data }));
       }
     });
 
-  document.getElementById('ctx-clear')
-    .addEventListener('click', () => {
-      term.clear();
+    term.onResize(() => {
+      if (ws && ws.readyState === WebSocket.OPEN) {
+        ws.send(JSON.stringify({ type: "resize", cols: term.cols, rows: term.rows }));
+      }
     });
 
-  // Prevent duplicate paste bubbling
-  setTimeout(() => {
-
-    if (term.textarea) {
-
-      term.textarea.addEventListener('paste', (e) => {
-        e.stopPropagation();
-      });
-    }
-
-  }, 500);
-
-  connect();
+    window.addEventListener("resize", () => { fitAddon.fit(); });
+    connect();
+  }
 </script>
-
 </body>
-</html>
+</html>