مرحباً بك في توثيق زاجلي

<!-- prompt.js already exposes window.zagelPush — no loader.js needed -->
<script src="https://zagely.com/push/prompt.js?site=YOUR_PUSH_SITE_KEY" async></script>

<!-- Your own button can sit anywhere alongside the popup -->
<button onclick="zagelPush.subscribe()">🔔 Subscribe</button>

<!-- 1. Include loader.js (headless API only — no popup, for custom UI) -->
<script src="https://zagely.com/push/loader.js?site=YOUR_PUSH_SITE_KEY" async></script>

<!-- 2. Your own subscribe button -->
<button id="sub-btn">🔔 Subscribe for updates</button>

<script>
  document.getElementById('sub-btn').addEventListener('click', function () {
    zagelPush.subscribe()
      .then(function () { alert('Subscribed!'); })
      .catch(function (err) { console.error(err); });
  });
</script>

<script>
  window.ZagelyPushConfig = {
    // ── Content ────────────────────────────────────────────
    title:           'Never miss an update! 🔔',
    message:         'Subscribe for instant alerts.',
    icon:            '/images/my-logo.png',   // null = built-in bell SVG
    allowText:       'Yes, notify me',
    denyText:        'No thanks',

    // ── Layout ─────────────────────────────────────────────
    position:        'bottom-right',
    // bottom-right | bottom-left | bottom-center | center | top-center

    // ── Timing ─────────────────────────────────────────────
    delay:           5000,           // ms before popup appears (default: 3000)
    remindAfterDays: 14,             // re-show X days after a dismiss (default: 7)

    // ── Appearance ─────────────────────────────────────────
    theme:           'auto',         // 'light' | 'dark' | 'auto'
    primaryColor:    '#f97316',      // any hex color for buttons & icon accent

    // ── Callbacks ──────────────────────────────────────────
    onSubscribe: function(data) { console.log('Subscribed!', data); },
    onDeny:      function()     { console.log('Dismissed.'); },
    onError:     function(err)  { console.error('Error:', err); },

    // ── Language ───────────────────────────────────────────
    // Overrides the ?lang= URL param and html[lang] auto-detection.
    // lang: 'ar',                // 'en' (default) | 'ar'
  };
</script>
<script src="https://zagely.com/push/prompt.js?site=YOUR_PUSH_SITE_KEY" async></script>

// sw.js — save this at the ROOT of YOUR domain (e.g. https://myblog.com/sw.js)
importScripts('https://zagely.com/push/sw.js');

// Paste in DevTools → Console on your page. Shows a table of health checks.
(async () => {
  if (!window.zagelPush) { console.warn('zagelPush not loaded'); return; }
  const report = await window.zagelPush.diagnose();
  console.table(report);

  // Optional: confirm the server sees your subscribers
  try {
    const r = await fetch('https://zagely.com/api/push/health/YOUR_PUSH_SITE_KEY');
    const data = await r.json();
    console.log('Server health:', data);
  } catch (e) { console.warn('Health probe failed:', e); }
})();