thebird 1.2.56 → 1.2.58

package/docs/index.html

@@ -31,8 +31,12 @@ bird-chat { display: flex; flex-direction: column; height: 100%; }
   <div id="pane-term" class="flex flex-col flex-1 overflow-hidden hidden bg-black">
     <div id="term-container" class="flex-1"></div>
   </div>
-  <div id="pane-preview" class="flex-1 overflow-hidden hidden">
-    <iframe id="preview-frame" class="w-full h-full border-0" src="about:blank"></iframe>
+  <div id="pane-preview" class="flex flex-col flex-1 overflow-hidden hidden">
+    <div class="flex gap-2 px-3 py-1 bg-base-200 border-b border-base-300 shrink-0">
+      <button class="btn btn-xs btn-ghost" onclick="document.getElementById('preview-frame').src='preview/'">↺ Reload</button>
+      <span class="text-xs text-base-content/50 self-center">preview/</span>
+    </div>
+    <iframe id="preview-frame" class="w-full flex-1 border-0" src="about:blank"></iframe>
   </div>
 </div>
 <script>
@@ -41,6 +45,10 @@ function switchTab(t) {
     document.getElementById('pane-' + id).classList.toggle('hidden', id !== t);
     document.getElementById('tab-' + id).classList.toggle('tab-active', id === t);
   });
+  if (t === 'preview') {
+    const f = document.getElementById('preview-frame');
+    if (f.src === 'about:blank' || f.src === '') f.src = 'preview/';
+  }
 }
 </script>
 <script type="module" src="app.js"></script>

package/docs/shell-readline.js

@@ -0,0 +1,130 @@
+export function createReadline({ term, getCompletions, onLine, getPrompt }) {
+  let buf = '';
+  let pos = 0;
+  let histIdx = -1;
+  let escBuf = '';
+  let inEsc = false;
+
+  const write = s => term.write(s);
+
+  function promptStr() { return '\r\n\x1b[32m' + getPrompt() + ' $ \x1b[0m'; }
+  function showPrompt() { write(promptStr()); }
+
+  function redraw() {
+    write('\r\x1b[2K\x1b[32m' + getPrompt() + ' $ \x1b[0m' + buf);
+    if (pos < buf.length) write('\x1b[' + (buf.length - pos) + 'D');
+  }
+
+  function insert(ch) {
+    buf = buf.slice(0, pos) + ch + buf.slice(pos);
+    pos++;
+    redraw();
+  }
+
+  function delBefore() {
+    if (!pos) return;
+    buf = buf.slice(0, pos - 1) + buf.slice(pos);
+    pos--;
+    redraw();
+  }
+
+  function delAfter() {
+    if (pos >= buf.length) return;
+    buf = buf.slice(0, pos) + buf.slice(pos + 1);
+    redraw();
+  }
+
+  function moveTo(n) {
+    pos = Math.max(0, Math.min(buf.length, n));
+    const pLen = getPrompt().length + 3;
+    if (pLen + pos > 0) write('\r\x1b[' + (pLen + pos) + 'C');
+    else write('\r');
+  }
+
+  function handleTab() {
+    const word = buf.slice(0, pos).split(/\s+/).pop() || '';
+    const completions = getCompletions(buf, word);
+    if (!completions.length) return;
+    if (completions.length === 1) {
+      const rest = completions[0].slice(word.length);
+      buf = buf.slice(0, pos) + rest + buf.slice(pos);
+      pos += rest.length;
+      redraw();
+      return;
+    }
+    const common = completions.reduce((a, b) => {
+      let i = 0;
+      while (i < a.length && a[i] === b[i]) i++;
+      return a.slice(0, i);
+    });
+    if (common.length > word.length) {
+      const rest = common.slice(word.length);
+      buf = buf.slice(0, pos) + rest + buf.slice(pos);
+      pos += rest.length;
+      redraw();
+      return;
+    }
+    write('\r\n' + completions.join('  '));
+    redraw();
+  }
+
+  function commit() {
+    const line = buf;
+    write('\r\n');
+    const hist = getHistory();
+    if (line.trim()) hist.unshift(line);
+    buf = '';
+    pos = 0;
+    histIdx = -1;
+    onLine(line);
+  }
+
+  function getHistory() { return window.__debug?.shell?.history || []; }
+
+  function histNav(dir) {
+    const hist = getHistory();
+    if (!hist.length) return;
+    histIdx = Math.max(-1, Math.min(hist.length - 1, histIdx + dir));
+    buf = histIdx === -1 ? '' : hist[histIdx];
+    pos = buf.length;
+    redraw();
+  }
+
+  const ESC_MAP = {
+    '[A': () => histNav(1),
+    '[B': () => histNav(-1),
+    '[C': () => { if (pos < buf.length) { pos++; write('\x1b[C'); } },
+    '[D': () => { if (pos > 0) { pos--; write('\x1b[D'); } },
+    '[H': () => moveTo(0),
+    '[F': () => moveTo(buf.length),
+    '[3~': () => delAfter(),
+    '[1~': () => moveTo(0),
+    '[4~': () => moveTo(buf.length),
+  };
+
+  function onData(data) {
+    if (inEsc) {
+      escBuf += data;
+      if (escBuf === '[') return;
+      if (escBuf.match(/^\[[\x40-\x7E]$/) || escBuf.match(/^\[\d+~$/)) {
+        const handler = ESC_MAP[escBuf];
+        if (handler) handler();
+        inEsc = false; escBuf = '';
+        return;
+      }
+      if (escBuf.length > 6) { inEsc = false; escBuf = ''; }
+      return;
+    }
+    if (data === '\x1b') { inEsc = true; escBuf = ''; return; }
+    if (data === '\x01') { moveTo(0); return; }
+    if (data === '\x05') { moveTo(buf.length); return; }
+    if (data === '\x0b') { buf = buf.slice(0, pos); redraw(); return; }
+    if (data === '\x15') { buf = buf.slice(pos); pos = 0; redraw(); return; }
+    if (data === '\x09') { handleTab(); return; }
+    if (data === '\r') { commit(); return; }
+    if (data === '\x7f') { delBefore(); return; }
+    if (data >= ' ') { insert(data); return; }
+  }
+
+  return { onData, showPrompt };
+}

package/docs/shell.js

@@ -1,5 +1,6 @@
 import { createMachine, createActor } from './vendor/xstate.js';
 import { createNodeEnv } from './shell-node.js';
+import { createReadline } from './shell-readline.js';
 
 function resolvePath(cwd, p) {
   if (!p || p === '~') return '/';
@@ -134,7 +135,6 @@ export function createShell({ term, onPreviewWrite }) {
 
   async function run(line, onData) {
     if (!line.trim()) return;
-    ctx.history.push(line);
     const st = actor.getSnapshot().value;
     if (st === 'node-repl' && line.trim() !== 'exit') { await ctx.nodeEval(line); return; }
     if (line.trim() === 'exit') { BUILTINS.exit(actor); return; }
@@ -162,16 +162,30 @@ export function createShell({ term, onPreviewWrite }) {
     }
   }
 
-  const prompt = () => term.write('\r\n\x1b[32m' + ctx.cwd + ' $ \x1b[0m');
-  let buf = '';
+  function getCompletions(line, word) {
+    const snap = window.__debug.idbSnapshot || {};
+    const files = Object.keys(snap);
+    const tokens = line.trim().split(/\s+/);
+    if (tokens.length <= 1 && !line.includes(' ')) {
+      const cmds = Object.keys(BUILTINS);
+      return cmds.filter(c => c.startsWith(word));
+    }
+    return files.filter(f => f.startsWith(word));
+  }
+
+  const rl = createReadline({
+    term,
+    getCompletions,
+    getPrompt: () => ctx.cwd,
+    onLine: line => run(line, onData).then(() => rl.showPrompt()),
+  });
 
   function onData(data) {
     if (data === '\x03') {
       actor.send({ type: 'ERROR' });
       inputQueue = [];
-      buf = '';
       term.write('^C');
-      prompt();
+      rl.showPrompt();
       return;
     }
     const st = actor.getSnapshot().value;
@@ -179,23 +193,13 @@ export function createShell({ term, onPreviewWrite }) {
       inputQueue.push(data);
       return;
     }
-    if (data === '\r') {
-      term.write('\r\n');
-      const line = buf;
-      buf = '';
-      run(line, onData).then(() => prompt());
-    } else if (data === '\x7f') {
-      if (buf.length) { buf = buf.slice(0, -1); term.write('\x08 \x08'); }
-    } else {
-      buf += data;
-      term.write(data);
-    }
+    rl.onData(data);
   }
 
   term.onData(onData);
   onPreviewWrite && (window.__debug.shell.onPreviewWrite = onPreviewWrite);
   const runPublic = line => run(line, onData);
   window.__debug.shell.run = runPublic;
-  prompt();
+  rl.showPrompt();
   return { run: runPublic };
 }

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "thebird",
-  "version": "1.2.56",
+  "version": "1.2.58",
   "description": "Anthropic SDK to Gemini streaming bridge — drop-in proxy that translates Anthropic message format and tool calls to Google Gemini",
+  "scripts": {
+    "start": "node serve.js"
+  },
   "main": "index.js",
   "types": "index.d.ts",
   "exports": {

package/serve.js

@@ -0,0 +1,44 @@
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+
+const PORT = process.env.PORT || 8080;
+const ROOT = path.join(__dirname, 'docs');
+
+const MIME = {
+  '.html': 'text/html',
+  '.js': 'application/javascript',
+  '.mjs': 'application/javascript',
+  '.css': 'text/css',
+  '.json': 'application/json',
+  '.wasm': 'application/wasm',
+  '.png': 'image/png',
+  '.svg': 'image/svg+xml',
+  '.ico': 'image/x-icon',
+  '.txt': 'text/plain',
+};
+
+const HEADERS = {
+  'Cross-Origin-Opener-Policy': 'same-origin',
+  'Cross-Origin-Embedder-Policy': 'require-corp',
+  'Cross-Origin-Resource-Policy': 'cross-origin',
+};
+
+const server = http.createServer((req, res) => {
+  let urlPath = req.url.split('?')[0];
+  if (urlPath === '/' || urlPath === '') urlPath = '/index.html';
+  const filePath = path.join(ROOT, urlPath);
+  if (!filePath.startsWith(ROOT)) { res.writeHead(403); res.end('Forbidden'); return; }
+  fs.readFile(filePath, (err, data) => {
+    if (err) {
+      if (err.code === 'ENOENT') { res.writeHead(404, HEADERS); res.end('Not found: ' + urlPath); }
+      else { res.writeHead(500, HEADERS); res.end(err.message); }
+      return;
+    }
+    const ext = path.extname(filePath);
+    res.writeHead(200, { ...HEADERS, 'Content-Type': MIME[ext] || 'application/octet-stream' });
+    res.end(data);
+  });
+});
+
+server.listen(PORT, () => console.log('http://localhost:' + PORT));