' + '

' + '' + '

' + '

❦

' + '

Listening to your intention

' + '

'; document.body.appendChild(overlay); var labelEl = overlay.querySelector('.vl-label'); var imgA = overlay.querySelector('.vl-saint-a'); var imgB = overlay.querySelector('.vl-saint-b'); var saintIdx = 0; var visible = 'a'; // Preload the second image into the hidden slot so the // first crossfade has no flash-of-loading. if (imgB && order.length > 1) { imgB.src = '/loading/' + order[1]; } function tick(){ saintIdx++; if (!labelEl) return; var next; if (saintIdx < LOADER_STEPS.length) { next = LOADER_STEPS[saintIdx]; } else { // After the first pass, drop into a random rotation // through the tail of the list so re-reads don't loop // mechanically. next = LOADER_STEPS[3 + Math.floor(Math.random() * (LOADER_STEPS.length - 3))]; } labelEl.style.opacity = '0'; setTimeout(function(){ if (labelEl) { labelEl.textContent = next; labelEl.style.opacity = '1'; } }, 220); // Crossfade saints. The hidden one was preloaded last // tick; flip the data-on flags so CSS transitions // opacity smoothly. The next preload is deferred // until the fade-out has completed — otherwise the // element we just hid is still ~80% visible while // we'd be mid-swapping its src, which made the // rotation look like clumps and pauses. if (imgA && imgB) { if (visible === 'a') { imgA.setAttribute('data-on', '0'); imgB.setAttribute('data-on', '1'); visible = 'b'; } else { imgB.setAttribute('data-on', '0'); imgA.setAttribute('data-on', '1'); visible = 'a'; } var preloadIdx = (saintIdx + 1) % order.length; var preloadSrc = '/loading/' + order[preloadIdx]; var target = visible === 'a' ? imgB : imgA; // 0.8s CSS transition + small buffer so the swap // happens cleanly after the fade-out. setTimeout(function(){ if (target) target.src = preloadSrc; }, 900); } } overlay._stepInterval = setInterval(tick, 2800); } function hideLoader(){ var el = document.getElementById('vanilla-loader'); if (!el) return; if (el._stepInterval) clearInterval(el._stepInterval); el.parentNode && el.parentNode.removeChild(el); } // Generate a 10-char URL-safe slug client-side. We send it // to the server and the server uses it as the prayer's slug. // This is the iOS rescue: if iOS Safari drops the fetch // response (TypeError: Load failed after server completes), // we still know the slug and can navigate to /pray/[slug] // where the prayer record will be waiting. function generateSlug(){ var chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-'; var out = ''; for (var i = 0; i < 10; i++) { out += chars.charAt(Math.floor(Math.random() * chars.length)); } return out; } function go(){ var v = (ta.value || '').trim(); post({type:'vanilla.click', len: v.length}); if (submitting) { // A prior submit is in flight. Drop the duplicate so it // doesn't burn the burst rate-limit / produce a second // prayer. Still tracked so we can see the rate of // panic-clicks in /godmode. post({type:'vanilla.click.ignored', reason: 'busy'}); return; } if (v.length < 3) { // Diagnostic: separates "tapped button on empty/short // textarea" from "real submit attempt" in the funnel. // The "53% click->attempt drop" in the US audit needs // this signal to root-cause. post({type:'prayer.submit.blocked.empty', len: v.length}); setStatus('Please write at least 3 characters.', true); try { ta.focus(); } catch(_) {} return; } setStatus('', false); try { ta.blur(); } catch(_) {} try { var ae = document.activeElement; if (ae && ae !== document.body && typeof ae.blur === 'function') ae.blur(); } catch(_) {} submitting = true; showLoader(); btn.setAttribute('disabled', 'disabled'); var clientSlug = generateSlug(); var navigated = false; function navTo(slugToUse){ if (navigated) return; navigated = true; // The intention has been (or is about to be) saved to // the prayer record - we no longer need the draft. try { localStorage.removeItem(INTENTION_KEY); } catch(_) {} window.location.href = '/pray/' + slugToUse; } // Safety net: if the response never arrives (iOS dropped // the connection), still navigate to the slug we sent. // The server probably finished and the prayer is in DB; // if not, the prayer view will show a pending state. // GPT-5 Image Mini can take ~50s end-to-end; Gemini ~12s. // 75s gives the slow path room while still bounding the // worst case if the server truly hung. var timeoutId = window.setTimeout(function(){ post({type:'vanilla.timeout'}); navTo(clientSlug); }, 75000); var style; try { style = localStorage.getItem('pray.imageStyle'); } catch(_) {} var model; try { model = localStorage.getItem('pray.model'); } catch(_) {} var imageModel; try { imageModel = localStorage.getItem('pray.imageModel'); } catch(_) {} // Default ON; only an explicit "0" turns it off. var boosted = true; try { var bs = localStorage.getItem('pray.boostedPrayer'); if (bs === '0') boosted = false; } catch(_) {} var body = {intention: v, slug: clientSlug, boostedPrayer: boosted}; if (style === 'baroque' || style === 'kitsch') body.imageStyle = style; if (model) body.modelId = model; if (imageModel) body.imageModelId = imageModel; // Chain CTA: if the user arrived via /?from= // (the recipient CTA on /pray/[slug] links here), // forward that parent slug to /api/prayer so the // chain is captured in events. Validation mirrors // the server zod regex; anything else is silently // dropped. The body field is optional on the server // side, so adding it never breaks older clients. // URLSearchParams keeps us out of regex-in-template- // literal escaping pitfalls (a leading "\?" gets // collapsed to "?" by the template literal parser // and the resulting /^?/ is a runtime SyntaxError // that kills the whole vanilla script). try { var fromParam = new URLSearchParams(window.location.search).get('from'); if (fromParam && /^[A-Za-z0-9_-]{10}$/.test(fromParam)) { body.parentSlug = fromParam; } } catch(_) {} // Diagnostic breadcrumb so we can see in /godmode why a // user might bounce home: did the submit start? what // settings were active? what was the response code? post({ type: 'prayer.submit.attempt', len: v.length, imageModel: imageModel || '(default)', style: style || '(default)', boosted: !!boosted, chained: !!body.parentSlug, }); fetch('/api/prayer', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(body) }).then(function(r){ return r.json().then(function(d){ return {ok: r.ok, data: d}; }); }).then(function(res){ window.clearTimeout(timeoutId); post({ type: 'prayer.submit.result', ok: !!res.ok, hasSlug: !!(res.data && res.data.slug), errorCode: (res.data && res.data.code) || null, }); if (res.ok && res.data && res.data.slug) { // Meta Pixel: "Lead" is the canonical Standard // Event for a free signal of intent (form submit, // newsletter signup). A prayer submission is // exactly that. Fired BEFORE navigation so the // event is dispatched while the page is alive. fbqTrack('Lead', { content_category: 'prayer' }); navTo(res.data.slug); } else { // Server returned an error response (4xx/5xx). Still // show the message and let the user retry. hideLoader(); setStatus((res.data && res.data.error) || 'Something fell quiet. Try again.', true); btn.removeAttribute('disabled'); submitting = false; } }).catch(function(e){ // Network drop (iOS TypeError: Load failed) - the server // likely already wrote the prayer to DB. Navigate to the // slug we sent; the prayer view will resolve it. post({type:'vanilla.error', message: String(e), recovered: true}); window.clearTimeout(timeoutId); navTo(clientSlug); }); } btn.addEventListener('click', go); btn.addEventListener('touchend', function(e){ e.preventDefault(); go(); }); post({type:'vanilla.wired', t: Date.now()}); return true; } // ─────────── Scroll-driven fresco blur ─────────── // On the prayer view the user scrolls from the saint image // down to the prayer text. We blur the page background (the // fresco at .paper-bg::before) progressively as they scroll // so reading the prayer feels like the room dimming. function wireScrollBlur(){ var main = document.querySelector('main[data-prayer-style]'); if (!main || main.getAttribute('data-blur-wired') === '1') return !!main; main.setAttribute('data-blur-wired', '1'); var ROOT = document.documentElement; var MAX_BLUR = 4; // px at full scroll (was 8 — even softer) var SCROLL_RANGE = 480; // px of scroll before blur is maxed var BOTTOM_PAD = 96; // px from bottom to count as "near end" var newPrayerBtn = document.querySelector('[data-action-new-prayer]'); var ticking = false; // Whichever element is actually scrolling reports the // change. iOS Safari sometimes scrolls the document/body // instead of an inner overflow:auto container; on desktop // the inner main scrolls. Detect at read time. function readScroll(){ var sc, max; if (main.scrollHeight > main.clientHeight + 4) { sc = main.scrollTop; max = main.scrollHeight - main.clientHeight; } else { var docEl = document.documentElement; sc = window.scrollY || docEl.scrollTop || document.body.scrollTop || 0; var docH = Math.max(docEl.scrollHeight, document.body.scrollHeight); max = docH - window.innerHeight; } return { sc: sc, max: max }; } function update(){ var s = readScroll(); var prog = Math.min(1, Math.max(0, s.sc / SCROLL_RANGE)); ROOT.style.setProperty('--fresco-blur', (prog * MAX_BLUR).toFixed(1) + 'px'); if (newPrayerBtn) { // Reveal in three cases: (a) page doesn't scroll at // all (short prayer fits in view - nothing to scroll // toward), (b) user has scrolled near the bottom of a // long prayer, (c) page already scrolled past most of // the way. Otherwise hide. var shortPage = s.max <= 40; var nearEnd = s.max > 0 && (s.max - s.sc) < BOTTOM_PAD; var atBottom = shortPage || nearEnd; newPrayerBtn.setAttribute('data-visible', atBottom ? '1' : '0'); } ticking = false; } function onScroll(){ if (ticking) return; ticking = true; window.requestAnimationFrame(update); } main.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll, { passive: true }); // First pass on a short delay so scrollHeight has settled // after layout / image / font loading. Calling update() // immediately can misread scrollHeight === clientHeight // and falsely flip "Bring another" to visible at page load. setTimeout(update, 350); setTimeout(update, 1200); // Belt-and-suspenders: watch the main element + its first // child for size changes (late image load, font swap, // dynamic content) and re-evaluate the reveal state. if (typeof ResizeObserver !== 'undefined') { try { var ro = new ResizeObserver(onScroll); ro.observe(main); var firstChild = main.firstElementChild; if (firstChild) ro.observe(firstChild); } catch(_) {} } return true; } // ─────────── Settings popover (vanilla) ─────────── // SettingsButton renders server-side with data attrs and // [hidden] on the popover. We wire all interactivity here. function wireSettings(){ var root = document.querySelector('[data-settings]'); if (!root || root.getAttribute('data-wired') === '1') return !!root; root.setAttribute('data-wired', '1'); var toggleBtn = root.querySelector('[data-settings-toggle]'); var popover = root.querySelector('[data-settings-popover]'); var closeBtn = root.querySelector('[data-settings-close]'); if (!toggleBtn || !popover) return true; function open(){ popover.removeAttribute('hidden'); toggleBtn.setAttribute('aria-expanded', 'true'); } function close(){ popover.setAttribute('hidden', ''); toggleBtn.setAttribute('aria-expanded', 'false'); } function toggle(){ if (popover.hasAttribute('hidden')) open(); else close(); } toggleBtn.addEventListener('click', function(e){ e.stopPropagation(); toggle(); }); if (closeBtn) closeBtn.addEventListener('click', close); document.addEventListener('click', function(e){ if (popover.hasAttribute('hidden')) return; if (!root.contains(e.target)) close(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape') close(); }); // Style toggle wiring. Auto-close after a choice so the // popover (which on mobile spans ~86vw × ~400px) stops // overlaying the form below. Without auto-close the next // tap on "Bring it to prayer" lands on a transparent area // of the popover root and is consumed silently — user // sees their button "do nothing" until they refresh. var styleBtns = root.querySelectorAll('[data-settings-style]'); function refreshStyle(){ var current = 'kitsch'; try { var s = localStorage.getItem('pray.imageStyle'); if (s === 'baroque' || s === 'kitsch') current = s; } catch(_) {} styleBtns.forEach(function(b){ b.setAttribute('data-active', b.getAttribute('data-settings-style') === current ? '1' : '0'); }); } styleBtns.forEach(function(b){ b.addEventListener('click', function(){ var val = b.getAttribute('data-settings-style'); if (!val) return; try { localStorage.setItem('pray.imageStyle', val); } catch(_) {} refreshStyle(); post({type:'settings.style', value: val}); close(); }); }); refreshStyle(); // Model picker wiring var modelBtns = root.querySelectorAll('[data-settings-model]'); function refreshModel(){ var current = null; try { current = localStorage.getItem('pray.model'); } catch(_) {} // If nothing saved, mark first as active (matches server default). if (!current && modelBtns.length > 0) { current = modelBtns[0].getAttribute('data-settings-model'); } modelBtns.forEach(function(b){ b.setAttribute('data-active', b.getAttribute('data-settings-model') === current ? '1' : '0'); }); } modelBtns.forEach(function(b){ b.addEventListener('click', function(){ var val = b.getAttribute('data-settings-model'); if (!val) return; try { localStorage.setItem('pray.model', val); } catch(_) {} refreshModel(); post({type:'settings.model', value: val}); close(); }); }); refreshModel(); // Image model picker wiring (mirror of prayer model) var imageModelBtns = root.querySelectorAll('[data-settings-image-model]'); function refreshImageModel(){ var current = null; try { current = localStorage.getItem('pray.imageModel'); } catch(_) {} if (!current && imageModelBtns.length > 0) { current = imageModelBtns[0].getAttribute('data-settings-image-model'); } imageModelBtns.forEach(function(b){ b.setAttribute('data-active', b.getAttribute('data-settings-image-model') === current ? '1' : '0'); }); } imageModelBtns.forEach(function(b){ b.addEventListener('click', function(){ var val = b.getAttribute('data-settings-image-model'); if (!val) return; try { localStorage.setItem('pray.imageModel', val); } catch(_) {} refreshImageModel(); post({type:'settings.imageModel', value: val}); close(); }); }); refreshImageModel(); // Boosted-prayer toggle. Default ON: a fresh user (no // localStorage entry) gets the boosted-scene experience // immediately; only an explicit '0' value turns it off. var boostBtn = root.querySelector('[data-settings-boosted-prayer]'); function refreshBoost(){ if (!boostBtn) return; var on = '1'; try { var s = localStorage.getItem('pray.boostedPrayer'); if (s === '0') on = '0'; } catch(_) {} boostBtn.setAttribute('data-active', on); } if (boostBtn) { boostBtn.addEventListener('click', function(){ var cur = '1'; try { var s = localStorage.getItem('pray.boostedPrayer'); if (s === '0') cur = '0'; } catch(_) {} var next = cur === '1' ? '0' : '1'; try { localStorage.setItem('pray.boostedPrayer', next); } catch(_) {} refreshBoost(); post({type:'settings.boostedPrayer', value: next}); close(); }); refreshBoost(); } post({type:'vanilla.settings.wired'}); return true; } // ─────────── Vanilla share button fallback ─────────── // Share has three UI states: // 1) Closed — only the "Send to someone" trigger visible. // 2) Choosing — two action buttons visible: // - Link this prayer (Web Share API for URL, falls back // to clipboard with a "Link copied" confirmation) // - Download image (Web Share with file on iOS so the // user can save to Photos / send to iMessage, falls // back to an anchor download on desktop) // 3) Done — short confirmation label, then auto-close. // // Click-outside or selecting the trigger again returns to (1). function wireShare(){ var root = document.querySelector('[data-share]'); if (!root || root.getAttribute('data-wired-share') === '1') return !!root; root.setAttribute('data-wired-share', '1'); var trigger = root.querySelector('[data-share-trigger]'); var actions = root.querySelector('[data-share-actions]'); var linkBtn = root.querySelector('[data-share-action-link]'); var downloadBtn = root.querySelector('[data-share-action-download]'); var imageBtn = root.querySelector('[data-share-action-image]'); var slug = root.getAttribute('data-share-slug'); var url = root.getAttribute('data-share-url'); var saintName = root.getAttribute('data-share-saint') || 'a saint'; if (!trigger || !actions || !linkBtn || !downloadBtn || !slug || !url) { return true; } function openChoice(){ trigger.setAttribute('hidden', ''); actions.removeAttribute('hidden'); } function closeChoice(){ actions.setAttribute('hidden', ''); trigger.removeAttribute('hidden'); } function setLabel(btn, text){ var el = btn.querySelector('span:nth-of-type(2)'); if (el) el.textContent = text; } function withLabel(btn, transientText, durMs){ var el = btn.querySelector('span:nth-of-type(2)'); if (!el) return; var orig = el.textContent; el.textContent = transientText; setTimeout(function(){ el.textContent = orig; }, durMs || 1800); } trigger.addEventListener('click', function(e){ e.stopPropagation(); openChoice(); post({type:'share.open', slug: slug}); }); // Click outside the share root closes the choice panel. document.addEventListener('click', function(e){ if (actions.hasAttribute('hidden')) return; if (!root.contains(e.target)) closeChoice(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !actions.hasAttribute('hidden')) closeChoice(); }); // ── Share link ────────────────────────────────────────── linkBtn.addEventListener('click', async function(){ post({type:'share.link', slug: slug}); // Try the OS share sheet with URL only — on iPhone this // brings up Messages / WhatsApp / Mail / etc. if (typeof navigator !== 'undefined' && typeof navigator.share === 'function') { try { await navigator.share({ title: 'A prayer for you', text: 'Someone is praying for ' + saintName, url: url, }); withLabel(linkBtn, 'Link shared', 1600); setTimeout(closeChoice, 1200); return; } catch(e) { if (e && e.name === 'AbortError') return; // user cancelled // fall through to clipboard } } // Desktop / no Web Share: copy to clipboard. if (navigator.clipboard) { try { await navigator.clipboard.writeText(url); withLabel(linkBtn, 'Link copied to clipboard', 2200); setTimeout(closeChoice, 1800); return; } catch(_) {} } withLabel(linkBtn, 'Could not share, try again', 2200); }); // ── Save as PDF ──────────────────────────────────────── // Same visual as the JPG card, but wrapped in a single- // page PDF with a clickable URL annotation on the bottom // SAINTCARD.LAT strap — recipient can tap that area to // open the live prayer page. iOS share sheet handles // PDFs fine (Files / Mail / Save to Files / iMessage). downloadBtn.addEventListener('click', async function(){ post({type:'share.download', slug: slug, format: 'pdf'}); setLabel(downloadBtn, 'Preparing PDF…'); try { var res = await fetch('/api/prayer/' + slug + '/card?format=pdf'); if (!res.ok) throw new Error('pdf_' + res.status); var blob = await res.blob(); if ( typeof navigator !== 'undefined' && typeof navigator.canShare === 'function' && typeof navigator.share === 'function' ) { try { var file = new File( [blob], 'prayer-' + slug + '.pdf', {type:'application/pdf'} ); var payload = {files: [file]}; if (navigator.canShare(payload)) { await navigator.share(payload); withLabel(downloadBtn, 'Saved ✓', 1600); setTimeout(closeChoice, 1200); return; } } catch(e) { if (e && e.name === 'AbortError') { setLabel(downloadBtn, 'Save as PDF'); return; } // fall through to anchor download } } // Desktop fallback: trigger a download via an anchor. var blobUrl = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = blobUrl; a.download = 'prayer-' + slug + '.pdf'; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function(){ URL.revokeObjectURL(blobUrl); }, 1500); withLabel(downloadBtn, 'Downloaded ✓', 2000); setTimeout(closeChoice, 1600); } catch(e) { post({type:'share.download.error', message: String(e)}); // Last resort: open in new tab so the user can save // manually from their browser's PDF viewer. try { window.open('/api/prayer/' + slug + '/card?format=pdf', '_blank'); } catch(_) {} withLabel(downloadBtn, 'Opened in new tab', 2400); } }); // ── Download as image (the shareable JPG card) ───────── // Distinct from the PDF: this is the social-share artefact, // the 1080×1920 baroque card with the prayer excerpt — // ideal for IG Stories, iMessage, WhatsApp, saving to // Photos. PDF is the document; image is the postcard. if (imageBtn) { imageBtn.addEventListener('click', async function(){ post({type:'share.download', slug: slug, format: 'jpg'}); setLabel(imageBtn, 'Preparing image…'); try { var res = await fetch('/api/prayer/' + slug + '/card'); if (!res.ok) throw new Error('img_' + res.status); var blob = await res.blob(); if ( typeof navigator !== 'undefined' && typeof navigator.canShare === 'function' && typeof navigator.share === 'function' ) { try { var file = new File( [blob], 'prayer-' + slug + '.jpg', {type:'image/jpeg'} ); var payload = {files: [file]}; if (navigator.canShare(payload)) { await navigator.share(payload); withLabel(imageBtn, 'Saved ✓', 1600); setTimeout(closeChoice, 1200); return; } } catch(e) { if (e && e.name === 'AbortError') { setLabel(imageBtn, 'Download as image'); return; } // fall through to anchor download } } var blobUrl = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = blobUrl; a.download = 'prayer-' + slug + '.jpg'; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function(){ URL.revokeObjectURL(blobUrl); }, 1500); withLabel(imageBtn, 'Downloaded ✓', 2000); setTimeout(closeChoice, 1600); } catch(e) { post({type:'share.image.error', message: String(e)}); try { window.open('/api/prayer/' + slug + '/card', '_blank'); } catch(_) {} withLabel(imageBtn, 'Opened in new tab', 2400); } }); } post({type:'vanilla.share.wired'}); return true; } // try as soon as DOM is ready, then retry a few times in case // React re-renders the button. // Email subscribe form on /pray/[slug]. Intercept submit, // POST to /api/subscribe, swap the form for a confirmation // line on success. Same vanilla-first pattern as the rest // of the app — works without React hydration. function wireSubscribe(){ var form = document.querySelector('[data-subscribe-form]'); if (!form || form.getAttribute('data-wired-subscribe') === '1') return; form.setAttribute('data-wired-subscribe', '1'); var status = document.querySelector('[data-subscribe-status]'); var emailEl = form.querySelector('[data-subscribe-email]'); var btn = form.querySelector('[data-subscribe-submit]'); function setStatus(msg, err){ if (!status) return; status.textContent = msg || ''; status.style.color = err ? 'var(--danger)' : 'var(--ink-faint)'; } form.addEventListener('submit', function(e){ e.preventDefault(); var email = (emailEl && emailEl.value || '').trim(); if (email.indexOf('@') < 1) { setStatus('Please enter a valid email.', true); return; } if (btn) btn.setAttribute('disabled','disabled'); setStatus('Sending…', false); fetch('/api/subscribe', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({email: email}), }).then(function(r){ return r.json().then(function(d){ return {ok: r.ok, data: d}; }); }).then(function(res){ if (res.ok) { // Double-opt-in: we don't know whether the email // is brand new, pending-confirm, or already // confirmed (uniform server response — no // account-existence oracle). Show a single // "check your inbox" message in every case. // Spam-folder hint: a new sending domain has not // built reputation yet, and Yahoo / AOL / iCloud // (the bulk of our actual signups) tend to drop // the first email from an unknown sender into // the junk folder. Telling the user up front // costs nothing and recovers most of the loss. form.style.display = 'none'; setStatus( 'Check your inbox to confirm — and your spam folder, just in case.', false ); } else { var reason = res.data && res.data.error; setStatus( reason === 'invalid_email' ? 'That email does not look right.' : 'Something went wrong. Try again.', true ); if (btn) btn.removeAttribute('disabled'); } }).catch(function(){ setStatus('Something went wrong. Try again.', true); if (btn) btn.removeAttribute('disabled'); }); }); } function tryWire(retries){ wireSettings(); wireFallback(); wireShare(); wireScrollBlur(); wireDonateClicks(); wireSubscribe(); // For the first ~5s after initial paint we poll fast to // catch the React tree as it hydrates. After that we // slow down to 1s intervals *indefinitely* so Next.js // client-side navigations (e.g. tapping the wordmark to // return home after viewing /pray/[slug]) re-bind the // submit button on the freshly-mounted home page — // otherwise the button stays dead until manual refresh. // Wiring functions are idempotent via data-wired guards, // so the steady-state cost is negligible. if (retries > 0) setTimeout(function(){ tryWire(retries - 1); }, 250); else setTimeout(function(){ tryWire(0); }, 1000); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function(){ tryWire(20); }); } else { tryWire(20); } })();

Your prayers