kingkont 0.7.3 → 0.7.5

package/index.html

@@ -1343,7 +1343,15 @@
         </div>
       </div>
     </label>
-    <label id="voiceRow" style="display: none;">Голос (ElevenLabs v3)
+    <label id="ttsModelRow" style="display: none;">Модель TTS
+      <div class="seg-control" style="flex-wrap:wrap;">
+        <button class="seg active" data-tts-model="qwen/qwen3-tts" type="button" title="Qwen TTS — мульти-язык, ready-голоса">Qwen TTS</button>
+        <button class="seg" data-tts-model="elevenlabs/v3" type="button" title="ElevenLabs v3 — лучший EN, тоны">ElevenLabs v3</button>
+        <button class="seg" data-tts-model="minimax/speech-02-hd" type="button" title="MiniMax Speech HD — клон-голоса">MiniMax Speech HD</button>
+        <button class="seg" data-tts-model="google/gemini-3.1-flash-tts-preview" type="button" title="Gemini 3.1 Flash TTS">Gemini Flash TTS</button>
+      </div>
+    </label>
+    <label id="voiceRow" style="display: none;">Голос
       <select id="genVoice"></select>
     </label>
     <label id="tonesRow" style="display: none;">Тоны
@@ -1729,6 +1737,7 @@ const state = {
   genKind: 'image',
   imageModel: 'nano-banana-2',  // 'nano-banana-2' | 'grok' | ...
   videoModel: localStorage.getItem('videoModel') || 'seedance-2',  // 'seedance-2' | 'kling-o1' | 'kling-3.0' | ...
+  ttsModel: localStorage.getItem('ttsModel') || 'qwen/qwen3-tts',  // qwen/elevenlabs/v3/minimax/speech-02-hd/gemini
   videoDuration: +(localStorage.getItem('videoDuration') || 5),
   videoResolution: localStorage.getItem('videoResolution') || '720p',
   videoAspect: localStorage.getItem('videoAspect') || '9:16',
@@ -3760,6 +3769,8 @@ async function openGenerateForRef(fromNode, clientX, clientY, forceKind) {
 
     $('videoModelRow').style.display = forceKind === 'video' ? '' : 'none';
     $('voiceRow').style.display      = forceKind === 'audio' ? '' : 'none';
+
+    $('ttsModelRow').style.display      = forceKind === 'audio' ? '' : 'none';
     $('tonesRow').style.display      = forceKind === 'audio' ? '' : 'none';
     const titleEl = $('genTitle');
     if (titleEl) {
@@ -5013,6 +5024,8 @@ async function regenerateNode(node) {
   $('videoModelRow').style.display = state.genKind === 'video' ? '' : 'none';
   $('voiceRow').style.display      = state.genKind === 'audio' ? '' : 'none';
 
+  $('ttsModelRow').style.display      = state.genKind === 'audio' ? '' : 'none';
+
   if (g.modelKey && state.genKind === 'image') {
     state.imageModel = g.modelKey;
     document.querySelectorAll('#genModal [data-img-model]').forEach(b =>
@@ -5028,7 +5041,9 @@ async function regenerateNode(node) {
     syncVideoModelActive();
   }
   if (state.genKind === 'audio') {
-    await loadVoices();
+    if (g.ttsModel) state.ttsModel = g.ttsModel;
+    syncTtsModelActive();
+    if (state.ttsModel === 'elevenlabs/v3') await loadVoices();
     if (g.voiceId) $('genVoice').value = g.voiceId;
     state.activeTones = (g.tones || []).slice();
     state.toneSuggestions = (g.tones || []).slice();
@@ -5175,6 +5190,7 @@ async function regenerateInto(node, kind, rawPrompt, opts = {}) {
 
   const seedGen = kind === 'audio'
     ? { kind, prompt: resolvedPrompt, rawPrompt, model: modelId, voiceId, voiceName,
+        ttsModel: state.ttsModel || node.generated?.ttsModel || 'qwen/qwen3-tts',
         tones: [...state.activeTones], state: 'submitting' }
     : { kind, prompt: resolvedPrompt, rawPrompt, modelKey, model: modelId,
         refs: refs ? refs.map(r => ({ name: r.name, type: r.type, file: r.file })) : [],
@@ -5961,6 +5977,8 @@ function openPhraseFor(charInfo) {
 
   $('videoModelRow').style.display = 'none';
   $('voiceRow').style.display = '';
+
+  $('ttsModelRow').style.display = '';
   $('tonesRow').style.display = '';
   loadVoices().then(() => {
     if (charInfo.voice) $('genVoice').value = charInfo.voice;
@@ -6142,6 +6160,8 @@ async function openGenModal(kind) {
 
   $('videoModelRow').style.display = kind === 'video' ? '' : 'none';
   $('voiceRow').style.display      = kind === 'audio' ? '' : 'none';
+
+  $('ttsModelRow').style.display      = kind === 'audio' ? '' : 'none';
   $('tonesRow').style.display      = kind === 'audio' ? '' : 'none';
   // Заголовок модалки = действие
   const title = $('genTitle');
@@ -6562,8 +6582,14 @@ document.querySelectorAll('#genModal [data-kind]').forEach(b => {
 
     $('videoModelRow').style.display = state.genKind === 'video' ? '' : 'none';
     $('voiceRow').style.display      = state.genKind === 'audio' ? '' : 'none';
+
+    $('ttsModelRow').style.display      = state.genKind === 'audio' ? '' : 'none';
     $('tonesRow').style.display      = state.genKind === 'audio' ? '' : 'none';
-    if (state.genKind === 'audio') { loadVoices(); renderTones(); }
+    if (state.genKind === 'audio') {
+      syncTtsModelActive();
+      if (state.ttsModel === 'elevenlabs/v3') loadVoices();
+      renderTones();
+    }
     const ph = state.genKind === 'audio'
       ? 'Текст, который надо озвучить...'
       : 'Что должно быть. Печатай @ чтобы вставить ссылку на ноду...';
@@ -6825,6 +6851,25 @@ document.querySelectorAll('#genModal [data-vid-model]').forEach(b => {
     localStorage.setItem('videoModel', state.videoModel);
   });
 });
+// Переключатель модели TTS
+document.querySelectorAll('#genModal [data-tts-model]').forEach(b => {
+  b.addEventListener('click', () => {
+    document.querySelectorAll('#genModal [data-tts-model]').forEach(x => x.classList.remove('active'));
+    b.classList.add('active');
+    state.ttsModel = b.dataset.ttsModel;
+    localStorage.setItem('ttsModel', state.ttsModel);
+    // voiceRow с ElevenLabs-голосами имеет смысл только для elevenlabs/v3.
+    const showVoice = state.ttsModel === 'elevenlabs/v3';
+    $('voiceRow').style.display = showVoice ? '' : 'none';
+  });
+});
+function syncTtsModelActive() {
+  document.querySelectorAll('#genModal [data-tts-model]').forEach(b =>
+    b.classList.toggle('active', b.dataset.ttsModel === state.ttsModel));
+  // Скрыть voiceRow если модель не elevenlabs (только для неё имеет смысл список).
+  const showVoice = state.ttsModel === 'elevenlabs/v3';
+  $('voiceRow').style.display = showVoice ? '' : 'none';
+}
 // Подсветить активную video-модель при открытии modal'а
 function syncVideoModelActive() {
   document.querySelectorAll('#genModal [data-vid-model]').forEach(b =>
@@ -6956,6 +7001,7 @@ $('genSubmit').addEventListener('click', async () => {
         kind: 'audio',
         prompt: finalText, rawPrompt,
         model: 'eleven_v3', voiceId, voiceName,
+        ttsModel: state.ttsModel || 'qwen/qwen3-tts',
         tones: [...state.activeTones],
       },
     };
@@ -7116,11 +7162,14 @@ async function runTTSJob(node, text, boardHandle, bKey, voiceId) {
       n.generated = { ...(n.generated || {}), state: 'submitting' };
     });
     const provider = await plannedProvider('tts');
-    logJob(node.id, `→ POST /api/tts → ${provider} (voice=${voiceId})`);
+    // ttsModel может быть сохранён в node.generated.ttsModel (при regenerate)
+    // или в текущем глобальном state.ttsModel (новая генерация).
+    const ttsModel = node.generated?.ttsModel || state.ttsModel || 'qwen/qwen3-tts';
+    logJob(node.id, `→ POST /api/tts → ${provider} (model=${ttsModel} voice=${voiceId || '—'})`);
     const r = await fetch('/api/tts', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ text, voiceId, modelId: 'eleven_v3' }),
+      body: JSON.stringify({ text, voiceId, ttsModel }),
     });
     logJob(node.id, `← via ${r.headers.get('x-provider') || '?'} HTTP ${r.status}`);
     if (!r.ok) {
@@ -7785,6 +7834,8 @@ async function openGenAudioForTimeline(charInfo, track, time) {
 
   $('videoModelRow').style.display = 'none';
   $('voiceRow').style.display = '';
+
+  $('ttsModelRow').style.display = '';
   $('tonesRow').style.display = '';
   $('sourceRefRow').style.display = 'none';
   $('charsPickRow').style.display = 'none';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kingkont",
-  "version": "0.7.3",
-  "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
+  "version": "0.7.5",
+  "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {
     "kingkont": "bin/kingkont.js"
@@ -16,12 +16,21 @@
     "bin/**/*",
     "scripts/**/*",
     "skill/**/*",
-    "README.md"
+    "README.md",
+    "updates.html"
   ],
   "engines": {
     "node": ">=18"
   },
-  "keywords": ["video-editor", "ai", "kie", "elevenlabs", "openrouter", "scene-editor", "electron"],
+  "keywords": [
+    "video-editor",
+    "ai",
+    "kie",
+    "elevenlabs",
+    "openrouter",
+    "scene-editor",
+    "electron"
+  ],
   "author": "Tim",
   "license": "UNLICENSED",
   "scripts": {
@@ -47,17 +56,27 @@
       "index.html",
       "settings.html",
       "assets/**/*",
-      "package.json"
+      "package.json",
+      "updates.html"
     ],
     "extraResources": [
-      { "from": ".env", "to": ".env" }
+      {
+        "from": ".env",
+        "to": ".env"
+      }
     ],
     "mac": {
       "category": "public.app-category.video",
       "target": "dmg",
       "icon": "assets/logo.icns"
     },
-    "win": { "target": "nsis", "icon": "assets/logo-1024.png" },
-    "linux": { "target": "AppImage", "icon": "assets/logo-1024.png" }
+    "win": {
+      "target": "nsis",
+      "icon": "assets/logo-1024.png"
+    },
+    "linux": {
+      "target": "AppImage",
+      "icon": "assets/logo-1024.png"
+    }
   }
-}
+}

package/server.js

@@ -743,19 +743,62 @@ async function handleMusic(req, res) {
 }
 
 // ---------- /api/tts (Chatium ИЛИ ElevenLabs v3) ----------
+// Body клиента (всё опц. кроме text):
+//   {
+//     text,
+//     ttsModel?: 'qwen/qwen3-tts' | 'elevenlabs/v3' | 'minimax/speech-02-hd'
+//              | 'google/gemini-3.1-flash-tts-preview',
+//     voice?: string,           // voiceId/speaker зависит от модели
+//     voiceId?: string,         // legacy alias для voice (ElevenLabs)
+//     modelId?: string,         // legacy: 'eleven_v3' и т.д.
+//     // Любые per-provider параметры пробрасываются в Chatium как есть:
+//     stability, similarity_boost, style, speed, language_code,
+//     pitch, volume, emotion, sample_rate, audio_format, language_boost,
+//     mode, speaker, voice_description, style_instruction, ...
+//   }
+const TTS_PASSTHROUGH = new Set([
+  'voice', 'voiceId', 'voice_id', 'speaker',
+  'language', 'language_code', 'language_boost',
+  'speed', 'pitch', 'volume',
+  'stability', 'similarity_boost', 'style', 'style_instruction',
+  'audio_format', 'sample_rate', 'bitrate', 'channel', 'emotion',
+  'subtitle_enable', 'english_normalization',
+  'voice_description', 'reference_audio', 'reference_text', 'mode',
+  'previous_text', 'next_text',
+]);
 async function handleTts(req, res) {
-  const { text, voiceId = 'JBFqnCBsd6RMkjVDRZzb', modelId = 'eleven_v3' } = await readJson(req);
+  const body = await readJson(req);
+  const text = body.text;
   if (!text) return send(res, 400, { error: 'нужен text' });
   const s = getSettings();
 
+  // Chatium-путь — поддерживает 4 модели (Qwen TTS, ElevenLabs v3,
+  // MiniMax Speech HD, Gemini 3.1 Flash TTS — см. spaces/api/execAudioNode.ts).
   if (s.useChatium && s.chatium?.token && s.chatium?.base) {
-    return handleAudioViaChatium(res, s, { kind: 'tts', text, voice: voiceId, model: modelId });
+    const ttsBody = { kind: 'tts', text };
+    // Маппинг легаси `modelId` → `model` (старый клиент шлёт modelId='eleven_v3').
+    if (body.ttsModel) ttsBody.model = body.ttsModel;
+    else if (body.modelId === 'eleven_v3') ttsBody.model = 'elevenlabs/v3';
+    else if (body.modelId) ttsBody.model = body.modelId;
+    // voice: поддерживаем оба имени (voice или voiceId).
+    if (body.voice) ttsBody.voice = body.voice;
+    else if (body.voiceId) ttsBody.voice = body.voiceId;
+    // Per-model passthrough.
+    for (const k of Object.keys(body)) {
+      if (k === 'text' || k === 'voice' || k === 'voiceId' || k === 'ttsModel' || k === 'modelId') continue;
+      if (TTS_PASSTHROUGH.has(k)) ttsBody[k] = body[k];
+    }
+    return handleAudioViaChatium(res, s, ttsBody);
   }
+
+  // Прямой ElevenLabs (только eleven_v3, остальные модели только через Chatium).
   if (!s.useElevenlabs) {
     return send(res, 503, { error: 'Аудио-коннектор отключён. Включите Chatium или ElevenLabs.' });
   }
   const key = process.env.ELEVENLABS_API_KEY;
   if (!key) return send(res, 500, { error: 'ELEVENLABS_API_KEY не задан' });
+  const voiceId = body.voiceId || body.voice || 'JBFqnCBsd6RMkjVDRZzb';
+  const modelId = body.modelId || 'eleven_v3';
   logProviderCall('POST', 'ElevenLabs', `${ELEVEN_BASE}/v1/text-to-speech/${voiceId}`, `model=${modelId} text=${text.length}ch`);
   const r = await fetch(`${ELEVEN_BASE}/v1/text-to-speech/${voiceId}`, {
     method: 'POST',

package/updates.html

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Обновления</title>
+  <style>
+    :root {
+      --bg: #1a1a1a;
+      --card: #232323;
+      --border: #333;
+      --text: #e0e0e0;
+      --muted: #888;
+      --accent: #7c3aed;
+      --accent-hover: #6d28d9;
+      --ok: #16a34a;
+    }
+    * { box-sizing: border-box; }
+    html, body { height: 100%; }
+    body {
+      margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      background: var(--bg); color: var(--text); font-size: 13px;
+      -webkit-app-region: drag;
+    }
+    .wrap { padding: 24px 28px; max-height: 100vh; overflow: auto; -webkit-app-region: no-drag; }
+    h1 { margin: 0 0 4px 0; font-size: 18px; font-weight: 600; }
+    .sub { color: var(--muted); font-size: 12px; margin-bottom: 18px; }
+    .card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
+
+    .versions { display: flex; gap: 24px; margin-bottom: 14px; }
+    .versions .v { flex: 1; }
+    .versions .v label { display: block; color: var(--muted); font-size: 11px; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
+    .versions .v .num { font-size: 18px; font-family: ui-monospace, monospace; color: var(--text); }
+    .badge { display: inline-block; margin-left: 6px; padding: 2px 8px; font-size: 10px;
+             border-radius: 999px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.5px; }
+    .badge.ok { background: rgba(22,163,74,0.15); color: var(--ok); border: 1px solid rgba(22,163,74,0.4); }
+    .badge.new { background: rgba(124,58,237,0.18); color: #a78bfa; border: 1px solid rgba(124,58,237,0.5); }
+
+    .install-cmd {
+      background: #0e0e0e; border: 1px solid #2a2a2a; border-radius: 6px;
+      padding: 10px 14px; font-family: ui-monospace, monospace; font-size: 12px;
+      color: #aae06a; display: flex; align-items: center; gap: 10px; margin-top: 8px;
+    }
+    .install-cmd code { flex: 1; }
+    .install-cmd .copy {
+      padding: 4px 10px; font-size: 11px; background: #2a2a2a; color: var(--text);
+      border: 1px solid #3a3a3a; border-radius: 4px; cursor: pointer;
+    }
+    .install-cmd .copy:hover { background: #333; }
+
+    .changelog { font-size: 12px; color: #c4c4c4; line-height: 1.6; max-height: 240px; overflow-y: auto;
+                 margin-top: 12px; padding: 10px 14px; background: #1c1c1c; border-radius: 6px; border: 1px solid #2a2a2a; }
+    .changelog .item { padding: 4px 0; }
+    .changelog .item .v { color: var(--muted); font-family: ui-monospace, monospace; margin-right: 6px; }
+
+    .actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
+    button {
+      padding: 7px 14px; font-size: 13px; font-weight: 500; cursor: pointer;
+      border: 0; border-radius: 6px; transition: background 0.15s;
+    }
+    button.primary { background: var(--accent); color: #fff; }
+    button.primary:hover { background: var(--accent-hover); }
+    button.secondary { background: #333; color: var(--text); }
+    button.secondary:hover { background: #444; }
+    button:disabled { opacity: 0.5; cursor: wait; }
+
+    .spinner { display: inline-block; width: 12px; height: 12px; border: 2px solid #333;
+               border-top-color: var(--accent); border-radius: 50%; animation: spin 0.7s linear infinite;
+               vertical-align: middle; margin-right: 6px; }
+    @keyframes spin { to { transform: rotate(360deg); } }
+
+    .error { color: #ef4444; font-size: 12px; margin-top: 12px; }
+  </style>
+</head>
+<body>
+<div class="wrap">
+  <h1>Обновления KingKont</h1>
+  <div class="sub">Источник: <code>registry.npmjs.org/kingkont</code></div>
+
+  <div class="card">
+    <div class="versions">
+      <div class="v">
+        <label>Установлено</label>
+        <div class="num" id="vCurrent">—</div>
+      </div>
+      <div class="v">
+        <label>Доступно</label>
+        <div class="num" id="vLatest"><span class="spinner"></span></div>
+      </div>
+    </div>
+    <div id="updateBlock" style="display:none;">
+      <div style="display:flex; gap:8px; align-items:center; margin-top:6px;">
+        <button class="primary" id="installBtn" style="padding:8px 16px;">⬇ Установить и перезапустить</button>
+        <span style="color:#888; font-size:11px;">или вручную:</span>
+      </div>
+      <div class="install-cmd">
+        <code id="installCmd">npm i -g kingkont@latest</code>
+        <button class="copy" id="copyBtn">Скопировать</button>
+      </div>
+      <pre id="installLog" style="display:none; max-height:160px; overflow-y:auto; margin-top:10px;
+        font-family: ui-monospace, monospace; font-size: 11px; line-height: 1.4;
+        background: #0e0e0e; border: 1px solid #2a2a2a; border-radius: 4px;
+        padding: 8px 10px; color: #aaa; white-space: pre-wrap; word-break: break-all;"></pre>
+      <div id="installDone" style="display:none; color: var(--ok); margin-top: 10px; font-size: 12px;">
+        ✓ Установлено! Можно перезапустить:
+        <button class="primary" id="relaunchBtn" style="padding:5px 12px; font-size:12px; margin-left:6px;">Перезапустить</button>
+      </div>
+    </div>
+    <div id="upToDate" style="display:none; color: var(--ok); font-size: 12px; margin-top: 6px;">
+      ✓ У вас последняя версия.
+    </div>
+    <div class="error" id="errMsg" style="display:none;"></div>
+  </div>
+
+  <div class="actions">
+    <button class="secondary" id="recheckBtn">Проверить ещё раз</button>
+    <button class="primary" id="closeBtn">Закрыть</button>
+  </div>
+</div>
+
+<script>
+const $ = (id) => document.getElementById(id);
+
+async function check() {
+  $('errMsg').style.display = 'none';
+  $('updateBlock').style.display = 'none';
+  $('upToDate').style.display = 'none';
+  $('vLatest').innerHTML = '<span class="spinner"></span>';
+  $('recheckBtn').disabled = true;
+  try {
+    const r = await window.appUpdates.check();
+    $('vCurrent').textContent = r.current;
+    $('vLatest').textContent = r.latest;
+    if (r.isNew) {
+      $('vLatest').insertAdjacentHTML('beforeend', '<span class="badge new">новая версия</span>');
+      $('updateBlock').style.display = '';
+      $('installCmd').textContent = `npm i -g kingkont@${r.latest}`;
+    } else {
+      $('vLatest').insertAdjacentHTML('beforeend', '<span class="badge ok">актуально</span>');
+      $('upToDate').style.display = '';
+    }
+  } catch (e) {
+    $('vLatest').textContent = '—';
+    $('errMsg').style.display = '';
+    $('errMsg').textContent = 'Не удалось проверить: ' + (e?.message || String(e));
+  } finally {
+    $('recheckBtn').disabled = false;
+  }
+}
+
+$('recheckBtn').addEventListener('click', check);
+$('closeBtn').addEventListener('click', () => window.appUpdates.closeWindow());
+$('copyBtn').addEventListener('click', async () => {
+  const cmd = $('installCmd').textContent;
+  try {
+    await navigator.clipboard.writeText(cmd);
+    const b = $('copyBtn');
+    const orig = b.textContent;
+    b.textContent = 'Скопировано';
+    setTimeout(() => { b.textContent = orig; }, 1500);
+  } catch {}
+});
+
+let _unsubLog = null;
+$('installBtn').addEventListener('click', async () => {
+  const installBtn = $('installBtn');
+  const recheckBtn = $('recheckBtn');
+  const log = $('installLog');
+  const done = $('installDone');
+  installBtn.disabled = true; recheckBtn.disabled = true;
+  installBtn.textContent = 'Устанавливаю…';
+  done.style.display = 'none';
+  log.style.display = '';
+  log.textContent = '';
+  // Подписываемся на стрим вывода npm.
+  _unsubLog?.();
+  _unsubLog = window.appUpdates.onInstallOutput(({ stream, text }) => {
+    log.textContent += text;
+    log.scrollTop = log.scrollHeight;
+    if (stream === 'stderr') log.style.color = '#f88';
+  });
+  // Берём latest из текущей надписи (или пытаемся 'latest').
+  const targetMatch = $('installCmd').textContent.match(/kingkont@(\S+)/);
+  const target = targetMatch ? targetMatch[1] : 'latest';
+  try {
+    await window.appUpdates.install(target);
+    done.style.display = '';
+    installBtn.textContent = '✓ Установлено';
+  } catch (e) {
+    log.style.color = '#f88';
+    log.textContent += `\n[error] ${e?.message || String(e)}`;
+    installBtn.disabled = false;
+    installBtn.textContent = '⬇ Попробовать снова';
+  } finally {
+    recheckBtn.disabled = false;
+    _unsubLog?.();
+    _unsubLog = null;
+  }
+});
+$('relaunchBtn').addEventListener('click', () => window.appUpdates.relaunch());
+
+check();
+</script>
+</body>
+</html>