@goodandready/dsh-tts 0.4.1 → 0.4.2

package/lib/client-src/60-card-dock.js

@@ -47,7 +47,7 @@
         React.createElement('button', {
           type: 'button', className: 'dts-link', style: { flex: 1, textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
           title: text,
-          onClick: () => playStandalone(text),
+          onClick: () => playStandalone(text), title: text,
         }, text.slice(0, 80)),
         React.createElement('button', {
           type: 'button', className: 'dts-link', title: '★',
@@ -56,7 +56,7 @@
       )
       return React.createElement('div', { style: { position: 'relative', display: 'inline-flex', gap: '4px', alignItems: 'center' } },
         React.createElement('button', {
-          type: 'button', className: 'dts-link', title: 'Недавние',
+          type: 'button', className: 'dts-link', title: t('recent') || 'Recent',
           onClick: () => setShowList((v) => !v),
         }, '☰'),
         showList ? React.createElement('div', {
@@ -67,7 +67,7 @@
           lists.favs.map((text) => row(text, true)),
           React.createElement('div', { className: 'dts-h' }, '⟳'),
           lists.items.filter((x) => !lists.favs.includes(x)).map((text) => row(text, false)),
-          !lists.items.length ? React.createElement('span', { className: 'dts-sub' }, '—') : null,
+          !lists.items.length ? React.createElement('span', { className: 'dts-sub' }, t('recentEmpty') || 'No recent speech yet') : null,
         ) : null,
         React.createElement('button', {
           type: 'button',
@@ -85,11 +85,10 @@
     }
 
     /**
-     * Запасной перевод дока.
+     * Fallback translator for the dock.
      *
-     * Ставится при регистрации и живёт до конца работы страницы. Нужен
-     * потому, что подпись слота рисует ядро: `props.t` туда не доходит в
-     * принципе, и привязка — единственный способ дать ей язык.
+     * Bound at registration for the page lifetime. The core draws the slot label;
+     * props.t never reaches it, so the binder is the only way to give it a language.
      */
     let fallbackDockText = (key) => key
 
@@ -124,7 +123,7 @@
       ctx.effect(() => {
         const undo = [addLocale('en', en), addLocale('ru', ru)]
         return () => { for (const off of undo) off() }
-      }, 'dsh-tts: словари')
+      }, 'dsh-tts: locales')
     // The sidebar draws the section label, not our component: props.t never
     // reaches it, so bind the translator to the namespace ourselves.
       const t = ctx.locale.bind(NS)
@@ -168,7 +167,7 @@
     exports.apply = function apply(ctx) {
       registerSettings(ctx)
       registerSpeaker(ctx)
-      ctx.effect(() => listenForVoice(), 'dsh-tts: замолкать, когда человек заговорил')
+      ctx.effect(() => listenForVoice(), 'dsh-tts: barge-in on user speech')
       ctx.effect(() => {
         if (typeof window === 'undefined') return () => {}
         const onKey = (e) => {
@@ -178,47 +177,54 @@
         }
         window.addEventListener('keydown', onKey)
         return () => window.removeEventListener('keydown', onKey)
-      }, 'dsh-tts: горячие клавиши')
+      }, 'dsh-tts: hotkeys')
       ctx.effect(() => {
         if (typeof window === 'undefined' || typeof EventSource === 'undefined') return () => {}
         let es = null
-        try {
-          es = new EventSource('/dsh-tts/stream')
-          es.addEventListener('utterance', (e) => {
-            try {
-              const item = JSON.parse(e.data)
-              if (!item || !item.id) return
-              if (seenIds.has(item.id)) return
-              seenIds.add(item.id)
-              if (seenIds.size > 500) {
-                const first = seenIds.values().next().value
-                seenIds.delete(first)
-              }
-              player.queue.push(item)
-              drainQueue()
-            } catch {}
-          })
-          es.addEventListener('chime', (e) => {
-            try {
-              const item = JSON.parse(e.data)
-              if (!item || !item.id) return
-              if (seenIds.has(item.id)) return
-              seenIds.add(item.id)
-              if (seenIds.size > 500) {
-                const first = seenIds.values().next().value
-                seenIds.delete(first)
-              }
-              player.queue.push(item)
-              drainQueue()
-            } catch {}
-          })
-        } catch {}
-        return () => { if (es) es.close() }
-      }, 'dsh-tts: потоковое получение звука по SSE')
+        let closed = false
+        let attempt = 0
+        let retryTimer = null
+        const onItem = (e) => {
+          try {
+            const item = JSON.parse(e.data)
+            if (!item || !item.id) return
+            if (seenIds.has(item.id)) return
+            seenIds.add(item.id)
+            if (seenIds.size > 500) {
+              const first = seenIds.values().next().value
+              seenIds.delete(first)
+            }
+            player.queue.push(item)
+            drainQueue()
+          } catch { /* ignore malformed SSE frame */ }
+        }
+        const connect = () => {
+          if (closed) return
+          try {
+            es = new EventSource('/dsh-tts/stream')
+            es.addEventListener('open', () => { attempt = 0 })
+            es.addEventListener('utterance', onItem)
+            es.addEventListener('chime', onItem)
+            es.onerror = () => {
+              try { es.close() } catch { /* already closed */ }
+              if (closed) return
+              attempt += 1
+              const delay = Math.min(15000, 500 * Math.pow(2, Math.min(attempt, 5)))
+              retryTimer = setTimeout(connect, delay)
+            }
+          } catch { /* EventSource constructor failed — poll remains */ }
+        }
+        connect()
+        return () => {
+          closed = true
+          if (retryTimer) clearTimeout(retryTimer)
+          if (es) { try { es.close() } catch { /* already closed */ } }
+        }
+      }, 'dsh-tts: SSE audio stream')
       ctx.effect(() => {
         const timer = setInterval(pollPending, 1000)
         return () => clearInterval(timer)
-      }, 'dsh-tts: опрос готовых озвучек')
+      }, 'dsh-tts: poll pending audio')
     }
     return module.exports
   },