BookHub API assistant

Ask me anything about the BookHub Publisher API.

` document.body.appendChild(trigger) document.body.appendChild(panel) // ── State ─────────────────────────────────────────────────────────────────── const messages = [] let loading = false const messagesEl = document.getElementById('bh-messages') const emptyEl = document.getElementById('bh-empty') const inputEl = document.getElementById('bh-input') const sendEl = document.getElementById('bh-send') // ── Toggle panel ──────────────────────────────────────────────────────────── trigger.addEventListener('click', () => { const open = panel.classList.toggle('open') trigger.textContent = open ? '✕' : '?' if (open) inputEl.focus() }) // ── Markdown rendering ────────────────────────────────────────────────────── function renderMarkdown(text) { if (typeof marked !== 'undefined') { return marked.parse(text) } // Fallback: plain text with line breaks return text.replace(/&/g, '&').replace(//g, '>').replace(/\n/g, '
') } // ── Send message ──────────────────────────────────────────────────────────── async function send() { const text = inputEl.value.trim() if (!text || loading) return loading = true sendEl.disabled = true inputEl.value = '' if (emptyEl) emptyEl.remove() // User bubble messages.push({ role: 'user', content: text }) appendBubble('user', text) // Empty assistant bubble — filled by stream messages.push({ role: 'assistant', content: '' }) const assistantBubble = appendBubble('assistant', '▍') try { const res = await fetch(PROXY_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }), }) const reader = res.body.getReader() const decoder = new TextDecoder() let assistantText = '' while (true) { const { done, value } = await reader.read() if (done) break const chunk = decoder.decode(value, { stream: true }) const lines = chunk.split('\n').filter(l => l.startsWith('data: ')) for (const line of lines) { try { const json = JSON.parse(line.slice(6)) const token = json?.delta?.text if (token) { assistantText += token assistantBubble.innerHTML = renderMarkdown(assistantText) messagesEl.scrollTop = messagesEl.scrollHeight } } catch { /* skip malformed SSE lines */ } } } messages[messages.length - 1].content = assistantText } catch { assistantBubble.textContent = 'Something went wrong. Please try again.' messages[messages.length - 1].content = assistantBubble.textContent } finally { loading = false sendEl.disabled = false inputEl.focus() } } function appendBubble(role, text) { const div = document.createElement('div') div.className = `bh-msg ${role}` if (role === 'assistant') { div.innerHTML = renderMarkdown(text) } else { div.textContent = text } messagesEl.appendChild(div) messagesEl.scrollTop = messagesEl.scrollHeight return div } sendEl.addEventListener('click', send) inputEl.addEventListener('keydown', e => { if (e.key === 'Enter') send() }) })()