thebird 1.2.57 → 1.2.59

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/preview-sw.js

@@ -40,18 +40,23 @@ self.addEventListener('fetch', e => {
   e.respondWith(handlePreview(key, e.request));
 });
 
+const CORS_HEADERS = {
+  'Cross-Origin-Resource-Policy': 'cross-origin',
+  'Cross-Origin-Embedder-Policy': 'require-corp',
+};
+
 async function handlePreview(key, request) {
   const db = await openIDB();
   const fs = await getFS(db);
-  if (key in fs) return new Response(fs[key], { status: 200, headers: { 'Content-Type': getMime(key) } });
+  if (key in fs) return new Response(fs[key], { status: 200, headers: { ...CORS_HEADERS, 'Content-Type': getMime(key) } });
   const clients = await self.clients.matchAll({ type: 'window', includeUncontrolled: true });
-  if (!clients.length) return new Response('not found: ' + key, { status: 404 });
+  if (!clients.length) return new Response('not found: ' + key, { status: 404, headers: CORS_HEADERS });
   const { port1, port2 } = new MessageChannel();
   const result = await new Promise((res, rej) => {
     const t = setTimeout(() => rej(new Error('express timeout')), 5000);
     port1.onmessage = e => { clearTimeout(t); res(e.data); };
     clients[0].postMessage({ type: 'EXPRESS_REQUEST', path: '/' + key, method: request.method }, [port2]);
   });
-  if (!result || result.status === 404) return new Response('not found: ' + key, { status: 404 });
-  return new Response(result.body, { status: result.status || 200, headers: { 'Content-Type': result.contentType || 'text/html' } });
+  if (!result || result.status === 404) return new Response('not found: ' + key, { status: 404, headers: CORS_HEADERS });
+  return new Response(result.body, { status: result.status || 200, headers: { ...CORS_HEADERS, 'Content-Type': result.contentType || 'text/html' } });
 }

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "thebird",
-  "version": "1.2.57",
+  "version": "1.2.59",
   "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));