after this runs — keep it renamed */ try { var tEl = document.querySelector('head > title'); if (tEl) new MutationObserver(fixTitle).observe(tEl, { childList: true, characterData: true, subtree: true }); } catch(e){} setTimeout(fixTitle, 800); setTimeout(fixTitle, 2500); if (!shell.querySelector('.breadcrumb')) { var section = shell.querySelector('section.page-section, .page-section'); var header = shell.querySelector('.cart-header'); var nav = document.createElement('nav'); nav.className = 'breadcrumb'; nav.setAttribute('aria-label', 'Breadcrumb'); nav.innerHTML = '<ol class="breadcrumb-list"><li class="breadcrumb-item"><a href="/" class="breadcrumb-link" data-sveltekit-reload="true">Home</a></li><li class="breadcrumb-sep" aria-hidden="true">›</li><li class="breadcrumb-item is-current" aria-current="page"><span class="breadcrumb-current">Cart</span></li></ol>'; /* AFTER the header: title→crumb order matches every other page when the title option is on; with it off the header is display:none and the crumb leads. */ if (header) header.insertAdjacentElement('afterend', nav); else if (section) section.insertAdjacentElement('afterbegin', nav); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init, { once: true }); else init(); })(); /* tc-fold-cart-v1_END */ /* tc-fold-ext-arrow-dedupe-v1 — the Menu Arrow OPTION appends ::after "\u2197" to external links; when the page NAME itself ends with an arrow the two stack ("Docs \u2197\u2197"). Strip the trailing text arrow only while the option (nav-arrows class) is active. */ (function(){ if (window.__tcFoldExtDedupe) return; window.__tcFoldExtDedupe = 1; function run(){ document.querySelectorAll('.site-nav.nav-arrows .site-nav-link--ext').forEach(function(a){ var txt = a.textContent; var m = txt.match(/^(.*?)[\s\u00a0]*[\u2197\u2192\u2b08]$/); if (m && m[1].trim()) a.textContent = m[1].replace(/[\s\u00a0]+$/, ''); }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run, { once: true }); else run(); window.addEventListener('themecloset:template-ready', run); })(); /* tc-fold-ext-arrow-dedupe-v1_END */ /* tc-fold-hero-swap-v1 — thumbnail click → swap the hero <img> src (post-detail image). */ ;(function(){ if (window.__tcFoldHeroSwap) return; window.__tcFoldHeroSwap = 1; function bind(){ var cols = document.querySelectorAll('.post-detail-media-col'); for (var i = 0; i < cols.length; i++) { var col = cols[i]; if (col.getAttribute('data-tc-hero-bound')) continue; var hero = col.querySelector('[data-fold-hero]'); var thumbs = col.querySelectorAll('.post-detail-thumb'); if (!hero || !thumbs.length) continue; col.setAttribute('data-tc-hero-bound', '1'); thumbs.forEach(function(t){ t.addEventListener('click', function(){ var src = t.getAttribute('data-thumb-src'); if (!src) return; hero.setAttribute('src', src); var alt = t.getAttribute('data-thumb-alt'); if (alt != null) hero.setAttribute('alt', alt); thumbs.forEach(function(x){ x.classList.remove('is-active'); }); t.classList.add('is-active'); }); }); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bind, { once: true }); else bind(); window.addEventListener('themecloset:template-ready', bind); })(); /* tc-fold-hero-swap-v1_END */ /* tc-relvid-frame-v1 — related video thumbs: paint the first frame */ ;(function(){var f=function(){document.querySelectorAll('video.post-related-vid').forEach(function(v){var s=function(){try{v.currentTime=0.1;}catch(e){}};if(v.readyState>=1)s();else v.addEventListener('loadedmetadata',s,{once:true});});};if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f,{once:true});else f();window.addEventListener('themecloset:template-ready',f);})(); </article></body></html>

/* tc-nav-outside-close-v1 */ ;(function(){if(window.__tcNavOutsideClose)return;window.__tcNavOutsideClose=1;document.addEventListener('click',function(e){if(e.target.closest('.site-nav-group'))return;var open=document.querySelectorAll('.site-nav-group.is-open');for(var i=0;i suf.length && h.slice(-suf.length) === suf) return h.slice(0, h.length - suf.length); } return ""; } function build(){ modal = document.createElement("div"); modal.className = "tc-search-modal"; modal.setAttribute("role","dialog"); modal.setAttribute("aria-modal","true"); modal.setAttribute("aria-label","Search"); modal.hidden = true; modal.innerHTML = '

' + '

' + '' + '' + '

' + '

'; document.body.appendChild(modal); input = modal.querySelector(".tc-search-input"); resultsEl = modal.querySelector(".tc-search-results"); statusEl = modal.querySelector(".tc-search-meta"); modal.addEventListener("click", function(e){ if (e.target.closest("[data-tc-search-close]")) close(); }); input.addEventListener("input", onInput); } function open(){ if (!modal) build(); modal.hidden = false; document.documentElement.classList.add("tc-search-open"); document.body.classList.add("tc-search-open"); setTimeout(function(){ try { input.focus(); } catch(e){} }, 30); } function close(){ if (!modal) return; modal.hidden = true; document.documentElement.classList.remove("tc-search-open"); document.body.classList.remove("tc-search-open"); } function render(list, q){ if (!list || !list.length){ resultsEl.innerHTML = ""; statusEl.textContent = q ? ("No results for \u201c" + q + "\u201d") : ""; return; } statusEl.textContent = list.length + " result" + (list.length>1?"s":"") + " for \u201c" + q + "\u201d"; var html = ""; for (var i=0;i' + (r.type ? '' + esc(r.type) + '' : "") + '' + esc(r.title || "Untitled") + '' + (r.excerpt ? '' + esc(r.excerpt) + '' : "") + ''; } resultsEl.innerHTML = html; } function run(q){ try { if (controller) controller.abort(); } catch(e){} controller = (typeof AbortController !== "undefined") ? new AbortController() : null; statusEl.textContent = "Searching\u2026"; var sp = siteParam(); var endpoint = "/api/site-search?q=" + encodeURIComponent(q) + (sp ? "&site=" + encodeURIComponent(sp) : ""); fetch(endpoint, { signal: controller ? controller.signal : undefined, headers: { "Accept": "application/json" } }) .then(function(res){ return res.ok ? res.json() : { results: [] }; }) .then(function(data){ render((data && data.results) || [], q); }) .catch(function(err){ if (err && err.name === "AbortError") return; statusEl.textContent = "Search is unavailable right now."; }); } function onInput(){ var q = input.value.trim(); clearTimeout(timer); if (q.length < 1){ resultsEl.innerHTML = ""; statusEl.textContent = ""; lastQ = null; return; } if (q === lastQ) return; timer = setTimeout(function(){ lastQ = q; run(q); }, 200); } function isTrigger(a){ if (!a || a.getAttribute("target") === "_blank") return false; if (a.classList && a.classList.contains("site-search-link")) return true; var href = a.getAttribute("href") || ""; return href === "/search" || /\/search$/.test(href.split("?")[0]); } /* Capture phase + stopImmediatePropagation so we open the modal before the */ /* SvelteKit client router can intercept the link and SPA-navigate to /search. */ document.addEventListener("click", function(e){ if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; var a = e.target && e.target.closest && e.target.closest("a"); if (!a || !isTrigger(a)) return; e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); open(); }, true); document.addEventListener("keydown", function(e){ if (modal && !modal.hidden && e.key === "Escape") close(); }); window.__tcOpenSearch = open; })(); /* TC_SALVIA_SEARCH_LIGHTBOX_END */ /* TC_FOLD_R7 */ ;(function(){ if(window.__tcFoldOptDropdown)return;window.__tcFoldOptDropdown=1; function clean(s){return String(s||'').replace(/\s+/g,' ').trim();} function build(){ var boxes=document.querySelectorAll('.post-product-options'); for(var b=0;b .tc-video-controls'); if (!video || !controls) return; container.setAttribute('data-tc-side-player', '1'); var timeDiv = controls.querySelector('.tc-video-time'); var progress = controls.querySelector('.tc-video-progress'); var bar = controls.querySelector('.tc-video-progress-bar'); /* duration visible before play */ if (video.preload === 'none') video.preload = 'metadata'; function syncTime(){ if (timeDiv) timeDiv.textContent = fmt(video.currentTime) + ' / ' + fmt(video.duration); } video.addEventListener('loadedmetadata', syncTime); video.addEventListener('durationchange', syncTime); if (video.readyState >= 1) syncTime(); /* playing state (CSS auto-hides the bar); never let native controls double up */ video.addEventListener('play', function(){ container.classList.add('is-playing'); video.controls = false; if (lastPointerType === 'touch') showControls(2500); /* let the state register, then fade */ }); video.addEventListener('pause', function(){ container.classList.remove('is-playing'); }); video.addEventListener('ended', function(){ container.classList.remove('is-playing'); }); /* click video = toggle, double-click = fullscreen. TOUCH (YouTube-style): while playing with the bar hidden, the first tap only REVEALS the controls (3s); a tap with the bar visible pauses. No dblclick-fullscreen on touch. */ function toggle(){ if (video.paused) { var p = video.play(); if (p && p.catch) p.catch(function(){}); } else video.pause(); } var lastPointerType = ''; var hideTimer = 0; container.addEventListener('pointerdown', function(e){ lastPointerType = e.pointerType || ''; }, true); function showControls(ms){ container.classList.add('tc-show-controls'); if (hideTimer) clearTimeout(hideTimer); hideTimer = setTimeout(function(){ container.classList.remove('tc-show-controls'); }, ms || 3000); } video.addEventListener('click', function(e){ e.preventDefault(); if (lastPointerType === 'touch') { if (!video.paused && !container.classList.contains('tc-show-controls')) { showControls(); return; } toggle(); showControls(); return; } toggle(); }); video.addEventListener('dblclick', function(e){ e.preventDefault(); if (lastPointerType !== 'touch') toggleFs(); }); function toggleFs(){ var fsEl = document.fullscreenElement || document.webkitFullscreenElement; if (fsEl) { var ex = document.exitFullscreen || document.webkitExitFullscreen; if (ex) ex.call(document); return; } var req = container.requestFullscreen || container.webkitRequestFullscreen; if (req) { req.call(container); return; } /* iPhone Safari: no element fullscreen — use the native video fullscreen player */ if (video.webkitEnterFullscreen) { try { video.webkitEnterFullscreen(); } catch(err){} } } /* the shared player's fullscreen button is a no-op on iPhone (container API missing) — intercept in the capture phase and route to the native video fullscreen instead */ controls.addEventListener('click', function(e){ var btn = e.target && e.target.closest ? e.target.closest('.tc-video-fullscreen') : null; if (!btn) return; if (!container.requestFullscreen && !container.webkitRequestFullscreen && video.webkitEnterFullscreen) { e.stopPropagation(); try { video.webkitEnterFullscreen(); } catch(err){} } }, true); /* buffered indicator behind the progress bar */ if (progress && !progress.querySelector('.tc-video-buffered')) { var buf = document.createElement('div'); buf.className = 'tc-video-buffered'; progress.insertBefore(buf, progress.firstChild); var syncBuf = function(){ try { var d = video.duration; if (!isFinite(d) || d <= 0) return; var b = video.buffered; if (!b || !b.length) return; buf.style.width = Math.min(100, (b.end(b.length - 1) / d) * 100) + '%'; } catch(e){} }; video.addEventListener('progress', syncBuf); video.addEventListener('timeupdate', syncBuf); } /* drag scrubbing (shared player is click-to-seek only) */ if (progress) { var scrubbing = false; var seekTo = function(clientX){ var r = progress.getBoundingClientRect(); var pct = Math.min(1, Math.max(0, (clientX - r.left) / r.width)); if (isFinite(video.duration) && video.duration > 0) { video.currentTime = pct * video.duration; if (bar) bar.style.width = (pct * 100) + '%'; } }; progress.addEventListener('pointerdown', function(e){ scrubbing = true; try { progress.setPointerCapture(e.pointerId); } catch(err){} seekTo(e.clientX); }); progress.addEventListener('pointermove', function(e){ if (scrubbing) seekTo(e.clientX); }); progress.addEventListener('pointerup', function(){ scrubbing = false; }); progress.addEventListener('pointercancel', function(){ scrubbing = false; }); } /* playback-speed button, before fullscreen */ var fsBtn = controls.querySelector('.tc-video-fullscreen'); if (!controls.querySelector('.tc-video-speed')) { var speeds = [1, 1.25, 1.5, 2, 0.5]; var si = 0; var sp = document.createElement('button'); sp.type = 'button'; sp.className = 'tc-video-speed'; sp.setAttribute('aria-label', 'Playback speed'); sp.textContent = '1×'; /* inline !important — the app button-typography guard pins button color/size with !important */ sp.style.setProperty('color', '#fff', 'important'); sp.style.setProperty('font-size', '11px', 'important'); sp.addEventListener('click', function(){ si = (si + 1) % speeds.length; video.playbackRate = speeds[si]; sp.textContent = String(speeds[si]) + '×'; }); if (fsBtn) controls.insertBefore(sp, fsBtn); else controls.appendChild(sp); } /* keyboard on the focused player */ if (container.tabIndex < 0) container.tabIndex = 0; container.addEventListener('keydown', function(e){ var t = e.target; if (t && /^(INPUT|TEXTAREA|SELECT|BUTTON)$/.test(t.tagName)) return; /* native widgets keep their keys */ var k = e.key; if (k === ' ' || k === 'k') { e.preventDefault(); toggle(); } else if (k === 'ArrowLeft') { e.preventDefault(); video.currentTime = Math.max(0, video.currentTime - 5); } else if (k === 'ArrowRight') { e.preventDefault(); video.currentTime = Math.min(video.duration || video.currentTime + 5, video.currentTime + 5); } else if (k === 'ArrowUp') { e.preventDefault(); video.volume = Math.min(1, video.volume + 0.1); video.muted = false; } else if (k === 'ArrowDown') { e.preventDefault(); video.volume = Math.max(0, video.volume - 0.1); } else if (k === 'm') { video.muted = !video.muted; } else if (k === 'f') { toggleFs(); } }); } function initAll(){ document.querySelectorAll('.tc-video-container').forEach(upgrade); } var raf = 0; function schedule(){ if (raf) return; raf = (window.requestAnimationFrame || window.setTimeout)(function(){ raf = 0; initAll(); }, 16); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule, { once: true }); else schedule(); if ('MutationObserver' in window) { try { new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true }); } catch(e){} } window.addEventListener('themecloset:template-ready', schedule); window.addEventListener('themecloset:template-html-updated', schedule); })(); /* tc-side-player-v1_END */ /* tc-fold-cart-v1 — the shared default cart page hardcodes "Shopping Cart" and ships no breadcrumb (shared app markup — fixed theme-side per owner rule). Renames to "Cart" and injects the standard breadcrumb so /cart matches every other page; the Hide Breadcrumb option still hides it (the option's global CSS rule targets .breadcrumb). */ (function(){ if (window.__tcFoldCart) return; window.__tcFoldCart = 1; function init(){ var shell = document.querySelector('.layout-shell.shopping-cart, .layout-shell.shopping_cart'); if (!shell) return; var h1 = shell.querySelector('.cart-header .page-title'); if (h1 && /shopping cart/i.test(h1.textContent || '')) h1.textContent = 'Cart'; function fixTitle(){ if (/shopping cart/i.test(document.title)) document.title = document.title.replace(/Shopping Cart/gi, 'Cart'); } fixTitle(); /* hydration re-applies the server after this runs — keep it renamed */ try { var tEl = document.querySelector('head > title'); if (tEl) new MutationObserver(fixTitle).observe(tEl, { childList: true, characterData: true, subtree: true }); } catch(e){} setTimeout(fixTitle, 800); setTimeout(fixTitle, 2500); if (!shell.querySelector('.breadcrumb')) { var section = shell.querySelector('section.page-section, .page-section'); var header = shell.querySelector('.cart-header'); var nav = document.createElement('nav'); nav.className = 'breadcrumb'; nav.setAttribute('aria-label', 'Breadcrumb'); nav.innerHTML = '<ol class="breadcrumb-list"><li class="breadcrumb-item"><a href="/" class="breadcrumb-link" data-sveltekit-reload="true">Home</a></li><li class="breadcrumb-sep" aria-hidden="true">›</li><li class="breadcrumb-item is-current" aria-current="page"><span class="breadcrumb-current">Cart</span></li></ol>'; /* AFTER the header: title→crumb order matches every other page when the title option is on; with it off the header is display:none and the crumb leads. */ if (header) header.insertAdjacentElement('afterend', nav); else if (section) section.insertAdjacentElement('afterbegin', nav); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init, { once: true }); else init(); })(); /* tc-fold-cart-v1_END */ /* tc-fold-ext-arrow-dedupe-v1 — the Menu Arrow OPTION appends ::after "\u2197" to external links; when the page NAME itself ends with an arrow the two stack ("Docs \u2197\u2197"). Strip the trailing text arrow only while the option (nav-arrows class) is active. */ (function(){ if (window.__tcFoldExtDedupe) return; window.__tcFoldExtDedupe = 1; function run(){ document.querySelectorAll('.site-nav.nav-arrows .site-nav-link--ext').forEach(function(a){ var txt = a.textContent; var m = txt.match(/^(.*?)[\s\u00a0]*[\u2197\u2192\u2b08]$/); if (m && m[1].trim()) a.textContent = m[1].replace(/[\s\u00a0]+$/, ''); }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run, { once: true }); else run(); window.addEventListener('themecloset:template-ready', run); })(); /* tc-fold-ext-arrow-dedupe-v1_END */ /* tc-fold-hero-swap-v1 — thumbnail click → swap the hero <img> src (post-detail image). */ ;(function(){ if (window.__tcFoldHeroSwap) return; window.__tcFoldHeroSwap = 1; function bind(){ var cols = document.querySelectorAll('.post-detail-media-col'); for (var i = 0; i < cols.length; i++) { var col = cols[i]; if (col.getAttribute('data-tc-hero-bound')) continue; var hero = col.querySelector('[data-fold-hero]'); var thumbs = col.querySelectorAll('.post-detail-thumb'); if (!hero || !thumbs.length) continue; col.setAttribute('data-tc-hero-bound', '1'); thumbs.forEach(function(t){ t.addEventListener('click', function(){ var src = t.getAttribute('data-thumb-src'); if (!src) return; hero.setAttribute('src', src); var alt = t.getAttribute('data-thumb-alt'); if (alt != null) hero.setAttribute('alt', alt); thumbs.forEach(function(x){ x.classList.remove('is-active'); }); t.classList.add('is-active'); }); }); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bind, { once: true }); else bind(); window.addEventListener('themecloset:template-ready', bind); })(); /* tc-fold-hero-swap-v1_END */ /* tc-relvid-frame-v1 — related video thumbs: paint the first frame */ ;(function(){var f=function(){document.querySelectorAll('video.post-related-vid').forEach(function(v){var s=function(){try{v.currentTime=0.1;}catch(e){}};if(v.readyState>=1)s();else v.addEventListener('loadedmetadata',s,{once:true});});};if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f,{once:true});else f();window.addEventListener('themecloset:template-ready',f);})(); </article></body></html>

Field notes — vol. 03

Comments