thebird 1.2.15 → 1.2.16

package/docs/app.js

@@ -14,7 +14,7 @@ async function fetchModels(apiKey) {
     .map(m => ({ id: m.name.replace('models/', ''), label: m.displayName || m.name }));
 }
 
-async function* streamGenerate(apiKey, model, contents) {
+async function streamGenerate(apiKey, model, contents, onChunk) {
   const res = await fetch(`${BASE}/models/${model}:streamGenerateContent?alt=sse&key=${apiKey}`, {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
@@ -38,7 +38,7 @@ async function* streamGenerate(apiKey, model, contents) {
         const chunk = JSON.parse(json);
         for (const c of (chunk.candidates || []))
           for (const p of (c.content?.parts || []))
-            if (p.text && !p.thought) yield p.text;
+            if (p.text && !p.thought) onChunk(p.text);
       } catch {}
     }
   }
@@ -84,14 +84,7 @@ class BirdChat extends HTMLElement {
     if (this.state.apiKey) this.loadModels(this.state.apiKey);
   }
 
-  setState(patch) {
-    Object.assign(this.state, patch);
-    this.render();
-    if (this.streamWrap && !this.querySelector('#msg-list')?.contains(this.streamWrap)) {
-      const list = this.querySelector('#msg-list');
-      if (list) list.appendChild(this.streamWrap);
-    }
-  }
+  setState(patch) { Object.assign(this.state, patch); this.render(); }
 
   async loadModels(apiKey) {
     this.setState({ modelsLoading: true, status: '' });
@@ -163,26 +156,24 @@ class BirdChat extends HTMLElement {
     this.setState({ messages, streaming: true, status: '', streamingText: '' });
     try {
       let full = '';
-      this.streamEl = document.createElement('div');
-      this.streamEl.className = 'msg-bubble card bg-base-200 text-base-content px-4 py-3 text-sm leading-relaxed';
+      const streamEl = document.createElement('div');
+      streamEl.className = 'msg-bubble card bg-base-200 text-base-content px-4 py-3 text-sm leading-relaxed';
       const cursor = document.createElement('span');
       cursor.className = 'animate-pulse ml-1';
       cursor.textContent = '▋';
-      this.streamWrap = document.createElement('div');
-      this.streamWrap.className = 'flex justify-start';
-      this.streamWrap.appendChild(this.streamEl);
-      this.streamWrap.appendChild(cursor);
+      const wrap = document.createElement('div');
+      wrap.className = 'flex justify-start';
+      wrap.appendChild(streamEl);
+      wrap.appendChild(cursor);
       const list = this.querySelector('#msg-list');
-      if (list) list.appendChild(this.streamWrap);
-      for await (const chunk of streamGenerate(apiKey, model, convertMessages(messages))) {
+      if (list) list.appendChild(wrap);
+      await streamGenerate(apiKey, model, convertMessages(messages), chunk => {
         full += chunk;
-        this.streamEl.textContent = full;
+        streamEl.textContent = full;
         const l = this.querySelector('#msg-list');
         if (l) l.scrollTop = l.scrollHeight;
-      }
-      this.streamWrap.remove();
-      this.streamEl = null;
-      this.streamWrap = null;
+      });
+      wrap.remove();
       this.setState({ messages: [...messages, { role: 'assistant', content: full || '(empty)' }], streaming: false, streamingText: '' });
       const l2 = this.querySelector('#msg-list');
       if (l2) l2.scrollTop = l2.scrollHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thebird",
-  "version": "1.2.15",
+  "version": "1.2.16",
   "description": "Anthropic SDK to Gemini streaming bridge — drop-in proxy that translates Anthropic message format and tool calls to Google Gemini",
   "main": "index.js",
   "types": "index.d.ts",