{% extends "base.html" %}
{% block title %}SW test — C5{% endblock %}
{% block header %}SW test{% endblock %}
{% block content %}
<div class="card">
  <div class="row-title">Диагностика Service Worker</div>
  <div id="out" style="margin-top:12px;font-family:monospace;
    white-space:pre-wrap;font-size:13px;line-height:1.6"></div>
  <button id="btnCheck" class="btn" style="margin-top:12px">
    Проверить ещё раз
  </button>
  <button id="btnRegister" class="btn btn-primary" style="margin-top:8px">
    Зарегистрировать SW вручную
  </button>
  <button id="btnUnregister" class="btn" style="margin-top:8px">
    Удалить регистрацию SW
  </button>
  <button id="btnClearCaches" class="btn" style="margin-top:8px">
    Очистить все кэши
  </button>
</div>
{% endblock %}
{% block scripts %}
<script>
  const out = document.getElementById('out');

  function line(label, value, ok) {
    const color = ok === true ? '#0a7a0a'
                : ok === false ? '#a00' : '#333';
    return '<span style="color:' + color + '">'
         + label.padEnd(28, ' ') + String(value) + '</span>';
  }

  async function diagnose() {
    const lines = [];

    lines.push(line('protocol', location.protocol,
      location.protocol === 'https:'));
    lines.push(line('host', location.host));
    lines.push(line('secureContext', window.isSecureContext,
      window.isSecureContext));
    lines.push(line('isSecureContext HTTPS', location.protocol === 'https:',
      location.protocol === 'https:'));

    const hasSW = 'serviceWorker' in navigator;
    lines.push(line('serviceWorker API', hasSW, hasSW));

    if (hasSW) {
      try {
        const regs = await navigator.serviceWorker.getRegistrations();
        lines.push(line('registrations', regs.length, regs.length > 0));
        for (const r of regs) {
          lines.push(line('  scope', r.scope));
          lines.push(line('  active',
            r.active ? r.active.state : '—'));
          if (r.active) {
            lines.push(line('  active.script',
              r.active.scriptURL.split('/').pop()));
          }
        }
      } catch (e) {
        lines.push(line('registrations', 'err: ' + e.message, false));
      }
    }

    if ('caches' in window) {
      try {
        const keys = await caches.keys();
        lines.push(line('caches', keys.join(', ') || 'нет',
          keys.length > 0));
        for (const k of keys) {
          const c = await caches.open(k);
          const items = await c.keys();
          lines.push(line('  ' + k, items.length + ' urls',
            items.length > 0));
        }
      } catch (e) {
        lines.push(line('caches', 'err: ' + e.message, false));
      }
    } else {
      lines.push(line('caches API', 'нет', false));
    }

    // Проверка доступности sw.js
    try {
      const r = await fetch('/m/sw.js', { cache: 'no-store' });
      lines.push(line('GET /m/sw.js', r.status + ' ' + r.statusText,
        r.ok));
      if (r.ok) {
        const ct = r.headers.get('content-type') || '';
        lines.push(line('  content-type', ct,
          ct.includes('javascript')));
      }
    } catch (e) {
      lines.push(line('GET /m/sw.js', 'err: ' + e.message, false));
    }

    out.innerHTML = lines.join('\n');
  }

  async function registerSW() {
    if (!('serviceWorker' in navigator)) {
      alert('Service Worker API недоступен в этом браузере.');
      return;
    }
    try {
      const reg = await navigator.serviceWorker.register(
        '/m/sw.js', { scope: '/m/' });
      alert('SW зарегистрирован!\nscope: ' + reg.scope);
    } catch (e) {
      alert('Ошибка регистрации SW:\n' + e.name + ': ' + e.message);
    }
    diagnose();
  }

  async function unregisterSW() {
    const regs = await navigator.serviceWorker.getRegistrations();
    for (const r of regs) {
      await r.unregister();
    }
    alert('Удалено регистраций: ' + regs.length);
    diagnose();
  }

  async function clearCaches() {
    const keys = await caches.keys();
    for (const k of keys) {
      await caches.delete(k);
    }
    alert('Удалено кэшей: ' + keys.length);
    diagnose();
  }

  document.getElementById('btnCheck').onclick = diagnose;
  document.getElementById('btnRegister').onclick = registerSW;
  document.getElementById('btnUnregister').onclick = unregisterSW;
  document.getElementById('btnClearCaches').onclick = clearCaches;
  diagnose();
</script>
{% endblock %}