stormcloud-video-player 0.7.29 → 0.7.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/stormcloud-vp.min.js +1 -1
  2. package/lib/index.cjs +26 -5
  3. package/lib/index.cjs.map +1 -1
  4. package/lib/index.js +26 -5
  5. package/lib/index.js.map +1 -1
  6. package/lib/ui/OverlayRenderer.cjs +26 -5
  7. package/lib/ui/OverlayRenderer.cjs.map +1 -1
  8. package/lib/ui/StormcloudVideoPlayer.cjs +26 -5
  9. package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
  10. package/package.json +1 -1
package/lib/ui/OverlayRenderer.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/ubuntu24-new/Dev/stormcloud-vp/lib/ui/OverlayRenderer.cjs","../../src/ui/OverlayRenderer.tsx","../../src/utils/overlays.ts"],"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","OverlayRenderer_exports","OverlayRenderer","exports","OVERLAY_API_BASE","timeStringToSeconds","timeStr","parts","split","length","hours","parseInt","minutes","secStr","dotIdx","indexOf","seconds","substring","msFrag","ms","padEnd","parseFloat","isFinite","num","Math","max","isOverlayActive","overlay","currentTime","visible","startSec","start_time","durationSec","duration","resolveImageUrl","imageUrl","apiBaseUrl","startsWith","URL","url","origin","computeVideoDimensions","video","nativeWidth","videoWidth","nativeHeight","videoHeight","offsetWidth","offsetHeight","displayWidth","displayHeight","renderWidth","renderHeight","offsetX","offsetY","videoAspect","image_url","import_jsx_runtime","jsx","src","width","objectFit","pointerEvents","userSelect","content","style","height","display","alignItems","color","fontSize","fontFamily","fontWeight","textAlign","padding","boxSizing","wordBreak","textShadow","lineHeight","children","text","parseRSSXml","xmlText","maxItems","parser","DOMParser","doc","parseFromString","querySelector","Error","Array","querySelectorAll","map","item","title","textContent","replace","trim","description","pubDate","author","category","filter","i","slice","fetchRSSItems","rssUrl","encoded","resp","data","encodeURIComponent","window","location","fetch","ok","includes","json","contents","ScrollerOverlay","cfg","scroller_config","uid","import_react","useId","useState","rssItems","setRssItems","rssLoading","setRssLoading","rssError","setRssError","rss_url","autoRefresh","updateInterval","max_items","auto_refresh","useEffect","update_interval","cancelled","then","items","catch","finally","use_custom_text","custom_text","interval","setInterval","clearInterval","sep","separator_char","segments","show_title","push","show_description","show_timestamp","Date","toLocaleDateString","show_author","show_category","join","scrollSpeed","scroll_speed","direction","font_size","font_family","font_weight","textColor","text_color","bgColor","background_color","bgOpacity","background_opacity","borderRadius","itemSpacing","label","border_radius","item_spacing","labelLine2","label_line2","labelColor","label_color","labelTextColor","label_text_color","accentColor","accent_color","showAccentLine","show_accent_line","isHorizontal","isReverse","fullText","animId","id","keyframes","jsxs","Fragment","flexDirection","overflow","backgroundColor","hexToRgb","background","flexShrink","flex","minHeight","justifyContent","minWidth"],"mappings":"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","sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/ui/OverlayRenderer.tsx\nvar OverlayRenderer_exports = {};\n__export(OverlayRenderer_exports, {\n OverlayRenderer: () => OverlayRenderer\n});\nmodule.exports = __toCommonJS(OverlayRenderer_exports);\nvar import_react = __toESM(require(\"react\"), 1);\n\n// src/utils/overlays.ts\nvar OVERLAY_API_BASE = \"https://adstorm.co/api-adstorm-dev\";\nfunction timeStringToSeconds(timeStr) {\n if (!timeStr) return 0;\n const parts = timeStr.split(\":\");\n if (parts.length >= 3) {\n const hours = parseInt(parts[0] ?? \"0\", 10) || 0;\n const minutes = parseInt(parts[1] ?? \"0\", 10) || 0;\n const secStr = parts[2] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds = parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return hours * 3600 + minutes * 60 + seconds + ms / 1e3;\n }\n if (parts.length === 2) {\n const minutes = parseInt(parts[0] ?? \"0\", 10) || 0;\n const secStr = parts[1] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds = parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return minutes * 60 + seconds + ms / 1e3;\n }\n const num = parseFloat(timeStr);\n return isFinite(num) ? Math.max(0, num) : 0;\n}\nfunction isOverlayActive(overlay, currentTime) {\n if (!overlay.visible) return false;\n const startSec = timeStringToSeconds(overlay.start_time);\n const durationSec = timeStringToSeconds(overlay.duration);\n if (durationSec <= 0) return false;\n return currentTime >= startSec && currentTime < startSec + durationSec;\n}\nfunction resolveImageUrl(imageUrl, apiBaseUrl = OVERLAY_API_BASE) {\n if (!imageUrl) return \"\";\n if (imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) {\n return imageUrl;\n }\n if (imageUrl.startsWith(\"/\")) {\n try {\n const url = new URL(apiBaseUrl);\n return `${url.origin}${imageUrl}`;\n } catch {\n return imageUrl;\n }\n }\n return `${apiBaseUrl}/${imageUrl}`;\n}\n\n// src/ui/OverlayRenderer.tsx\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nfunction computeVideoDimensions(video) {\n const nativeWidth = video.videoWidth;\n const nativeHeight = video.videoHeight;\n if (!nativeWidth || !nativeHeight) return null;\n const displayWidth = video.offsetWidth;\n const displayHeight = video.offsetHeight;\n if (!displayWidth || !displayHeight) return null;\n const videoAspect = nativeWidth / nativeHeight;\n const displayAspect = displayWidth / displayHeight;\n let renderWidth;\n let renderHeight;\n let offsetX;\n let offsetY;\n if (videoAspect > displayAspect) {\n renderWidth = displayWidth;\n renderHeight = displayWidth / videoAspect;\n offsetX = 0;\n offsetY = (displayHeight - renderHeight) / 2;\n } else {\n renderHeight = displayHeight;\n renderWidth = displayHeight * videoAspect;\n offsetX = (displayWidth - renderWidth) / 2;\n offsetY = 0;\n }\n return {\n nativeWidth,\n nativeHeight,\n displayWidth: renderWidth,\n displayHeight: renderHeight,\n offsetX,\n offsetY,\n scaleX: renderWidth / nativeWidth,\n scaleY: renderHeight / nativeHeight\n };\n}\nfunction ImageOverlay({ overlay }) {\n const src = resolveImageUrl(overlay.image_url || \"\");\n if (!src) return null;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"img\",\n {\n src,\n alt: overlay.name,\n draggable: false,\n style: {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n display: \"block\",\n pointerEvents: \"none\",\n userSelect: \"none\"\n }\n }\n );\n}\nfunction TextOverlay({ overlay }) {\n const text = overlay.content || \"\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#ffffff\",\n fontSize: \"clamp(10px, 1.4vw, 20px)\",\n fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\",\n fontWeight: 600,\n textAlign: \"center\",\n padding: \"4px 8px\",\n boxSizing: \"border-box\",\n wordBreak: \"break-word\",\n textShadow: \"0 1px 4px rgba(0,0,0,0.7)\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n lineHeight: 1.3\n },\n children: text\n }\n );\n}\nfunction parseRSSXml(xmlText, maxItems) {\n const parser = new DOMParser();\n const doc = parser.parseFromString(xmlText, \"text/xml\");\n if (doc.querySelector(\"parsererror\")) throw new Error(\"Invalid RSS XML\");\n return Array.from(doc.querySelectorAll(\"item\")).map((item) => ({\n title: (item.querySelector(\"title\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n description: (item.querySelector(\"description\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n pubDate: item.querySelector(\"pubDate\")?.textContent || \"\",\n author: item.querySelector(\"author, dc\\\\:creator\")?.textContent || \"\",\n category: item.querySelector(\"category\")?.textContent || \"\"\n })).filter((i) => i.title).slice(0, maxItems);\n}\nasync function fetchRSSItems(rssUrl, maxItems) {\n const encoded = encodeURIComponent(rssUrl);\n try {\n const origin = typeof window !== \"undefined\" ? window.location.origin : \"\";\n const resp = await fetch(`${origin}/api/rss-proxy?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text.includes(\"<item\")) return parseRSSXml(text, maxItems);\n }\n } catch {\n }\n try {\n const resp = await fetch(`https://api.allorigins.win/get?url=${encoded}`);\n if (resp.ok) {\n const data = await resp.json();\n if (data.contents) return parseRSSXml(data.contents, maxItems);\n }\n } catch {\n }\n try {\n const resp = await fetch(`https://corsproxy.io/?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text) return parseRSSXml(text, maxItems);\n }\n } catch {\n }\n throw new Error(\"All RSS proxies failed\");\n}\nfunction ScrollerOverlay({ overlay }) {\n const cfg = overlay.scroller_config;\n const uid = (0, import_react.useId)().replace(/:/g, \"\");\n const [rssItems, setRssItems] = (0, import_react.useState)([]);\n const [rssLoading, setRssLoading] = (0, import_react.useState)(true);\n const [rssError, setRssError] = (0, import_react.useState)(false);\n const rssUrl = cfg?.rss_url || \"\";\n const maxItems = cfg?.max_items ?? 10;\n const autoRefresh = cfg?.auto_refresh !== false;\n const updateInterval = cfg?.update_interval ?? 5;\n (0, import_react.useEffect)(() => {\n if (!rssUrl || cfg?.use_custom_text && cfg?.custom_text) {\n setRssLoading(false);\n return;\n }\n let cancelled = false;\n setRssLoading(true);\n setRssError(false);\n fetchRSSItems(rssUrl, maxItems).then((items) => {\n if (!cancelled) {\n setRssItems(items);\n setRssError(false);\n }\n }).catch(() => {\n if (!cancelled) setRssError(true);\n }).finally(() => {\n if (!cancelled) setRssLoading(false);\n });\n return () => {\n cancelled = true;\n };\n }, [rssUrl, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n (0, import_react.useEffect)(() => {\n if (!rssUrl || !autoRefresh || cfg?.use_custom_text && cfg?.custom_text) return;\n const interval = setInterval(() => {\n fetchRSSItems(rssUrl, maxItems).then((items) => {\n setRssItems(items);\n setRssError(false);\n }).catch(() => {\n });\n }, updateInterval * 60 * 1e3);\n return () => clearInterval(interval);\n }, [rssUrl, autoRefresh, updateInterval, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n const sep = cfg?.separator_char ?? \"\\u25C6\";\n let segments;\n if (cfg?.use_custom_text && cfg?.custom_text) {\n segments = [cfg.custom_text];\n } else if (rssItems.length > 0) {\n segments = rssItems.map((item) => {\n const parts = [];\n if (cfg?.show_title !== false && item.title) parts.push(item.title);\n if (cfg?.show_description && item.description) parts.push(item.description);\n if (cfg?.show_timestamp && item.pubDate) {\n try {\n parts.push(new Date(item.pubDate).toLocaleDateString());\n } catch {\n }\n }\n if (cfg?.show_author && item.author) parts.push(`\\u2014 ${item.author}`);\n if (cfg?.show_category && item.category) parts.push(`[${item.category}]`);\n return parts.join(\" \");\n });\n } else if (rssLoading) {\n segments = [\"Loading feed\\u2026\"];\n } else if (rssError) {\n segments = overlay.content ? [overlay.content] : [\"RSS feed unavailable\"];\n } else if (overlay.content) {\n segments = [overlay.content];\n } else {\n segments = rssUrl ? [\"Loading feed\\u2026\"] : [\"RSS Ticker\"];\n }\n const scrollSpeed = cfg?.scroll_speed ?? 40;\n const direction = cfg?.direction ?? \"left\";\n const fontSize = cfg?.font_size ?? 15;\n const fontFamily = cfg?.font_family || \"Roboto, 'Segoe UI', Arial, sans-serif\";\n const fontWeight = cfg?.font_weight || \"700\";\n const textColor = cfg?.text_color || \"#ffffff\";\n const bgColor = cfg?.background_color || \"#0d0d1a\";\n const bgOpacity = cfg?.background_opacity !== void 0 ? cfg.background_opacity / 100 : 0.95;\n const borderRadius = cfg?.border_radius ?? 0;\n const itemSpacing = cfg?.item_spacing ?? 60;\n const label = cfg?.label ?? \"NEWS\";\n const labelLine2 = cfg?.label_line2 ?? \"\";\n const labelColor = cfg?.label_color ?? \"#f97316\";\n const labelTextColor = cfg?.label_text_color ?? \"#ffffff\";\n const accentColor = cfg?.accent_color ?? labelColor;\n const showAccentLine = cfg?.show_accent_line !== false;\n const isHorizontal = direction === \"left\" || direction === \"right\";\n const isReverse = direction === \"right\" || direction === \"down\";\n const fullText = segments.join(` ${sep} `);\n const durationSec = Math.max(6, fullText.length * 9 / scrollSpeed);\n const animId = `sc-ticker-${overlay.id}-${uid}`;\n const keyframes = isHorizontal ? `@keyframes ${animId} {\n ${isReverse ? \"0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }\" : \"0% { transform: translateX(0); } 100% { transform: translateX(-50%); }\"}\n }` : `@keyframes ${animId} {\n ${isReverse ? \"0% { transform: translateY(-50%); } 100% { transform: translateY(0%); }\" : \"0% { transform: translateY(0); } 100% { transform: translateY(-50%); }\"}\n }`;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"style\", { children: keyframes }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n borderRadius: borderRadius > 0 ? `${borderRadius}px` : void 0,\n backgroundColor: `rgba(${hexToRgb(bgColor)}, ${bgOpacity})`,\n fontFamily,\n fontSize: `${fontSize}px`,\n fontWeight,\n color: textColor,\n pointerEvents: \"none\",\n userSelect: \"none\"\n },\n children: [\n showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { height: 3, background: accentColor, flexShrink: 0, width: \"100%\" } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { display: \"flex\", flex: 1, overflow: \"hidden\", minHeight: 0 }, children: [\n label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n background: labelColor,\n color: labelTextColor,\n padding: \"0 14px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n minWidth: 72,\n textAlign: \"center\",\n gap: 1\n },\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"span\",\n {\n style: {\n fontWeight: 800,\n fontSize: \"0.82em\",\n letterSpacing: \"0.05em\",\n lineHeight: 1.1,\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\"\n },\n children: label\n }\n ),\n labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"span\",\n {\n style: {\n fontWeight: 500,\n fontSize: \"0.62em\",\n letterSpacing: \"0.03em\",\n lineHeight: 1.1,\n opacity: 0.85,\n whiteSpace: \"nowrap\"\n },\n children: labelLine2\n }\n )\n ]\n }\n ),\n label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: 3, background: accentColor, flexShrink: 0 } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n flex: 1,\n overflow: \"hidden\",\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\"\n },\n children: isHorizontal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n display: \"inline-flex\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\"\n },\n children: [0, 1].map((copy) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { paddingRight: `${itemSpacing}px` }, children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [\n i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { opacity: 0.5, margin: \"0 8px\" }, children: sep }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { textShadow: \"0 1px 3px rgba(0,0,0,0.6)\" }, children: seg })\n ] }, i)) }, copy))\n }\n ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\"\n },\n children: [0, 1].map(\n (copy) => segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { paddingBottom: `${itemSpacing / 4}px` }, children: seg }, `${copy}-${i}`))\n )\n }\n )\n }\n )\n ] })\n ]\n }\n )\n ] });\n}\nfunction parseConfig(content) {\n if (!content) return null;\n try {\n return JSON.parse(content);\n } catch {\n return null;\n }\n}\nfunction ScoreBugOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.058);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", alignItems: \"center\", padding: `0 ${f * 0.8}px`, gap: f * 0.4 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700 }, children: cfg.homeTeam }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }, children: cfg.homeScore })\n ] }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.8em\", textAlign: \"center\", opacity: 0.7, padding: `0 ${f * 0.4}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { children: cfg.period }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { children: cfg.clock })\n ] }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700 }, children: cfg.awayTeam }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }, children: cfg.awayScore })\n ] })\n ] }),\n (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.7em\", textAlign: \"center\", opacity: 0.6, padding: `${f * 0.2}px ${f * 0.4}px`, borderTop: `1px solid ${cfg.accentColor}40`, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, overflow: \"hidden\" }, children: [\n cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.sponsorImageUrl, alt: \"sponsor\", style: { height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 } }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.sponsorText })\n ] })\n ] });\n}\nfunction LowerThirdOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", flexDirection: \"column\", justifyContent: \"flex-end\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: \"100%\", height: Math.max(2, size.h * 0.06), backgroundColor: cfg.accentColor } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.5}px ${f * 1.2}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.4em\", fontWeight: 700, lineHeight: 1.2, textShadow: \"0 1px 4px rgba(0,0,0,0.5)\" }, children: cfg.headline }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", opacity: 0.7, marginTop: f * 0.2 }, children: cfg.subtitle })\n ] }),\n (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.7em\", opacity: 0.5, padding: `0 ${f * 1.2}px ${f * 0.4}px`, display: \"flex\", alignItems: \"center\", gap: f * 0.4, overflow: \"hidden\" }, children: [\n cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.sponsorImageUrl, alt: \"sponsor\", style: { height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 } }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.sponsorText })\n ] })\n ] });\n}\nfunction QrCodeOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const qrSide = Math.max(32, Math.min(size.w, size.h) * 0.55);\n const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${Math.round(qrSide * 2)}x${Math.round(qrSide * 2)}&data=${encodeURIComponent(cfg.url || \"https://example.com\")}`;\n const f = Math.max(6, size.w * 0.06);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", padding: f * 0.6, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", overflow: \"hidden\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flexShrink: 0, background: \"#fff\", borderRadius: Math.max(2, qrSide * 0.06), padding: Math.max(2, qrSide * 0.06), lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: qrUrl, alt: \"QR Code\", style: { width: `${qrSide}px`, height: `${qrSide}px`, display: \"block\" } }) }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f * 1.1}px`, fontWeight: 700, textAlign: \"center\", color: cfg.accentColor, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }, children: cfg.ctaText }),\n cfg.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f * 0.75}px`, opacity: 0.6, textAlign: \"center\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }, children: cfg.description })\n ] });\n}\nfunction ComingUpNextOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: Math.max(2, size.w * 0.015), flexShrink: 0, backgroundColor: cfg.accentColor } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.6}px ${f * 1}px`, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor }, children: \"Coming Up Next\" }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.5em\", fontWeight: 700, lineHeight: 1.2, marginTop: f * 0.2, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.title }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.6, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.subtitle }),\n cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 600, marginTop: f * 0.4, color: cfg.accentColor }, children: cfg.scheduledTime })\n ] }),\n cfg.thumbnailUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flexShrink: 0, width: Math.max(40, size.h * 0.75), overflow: \"hidden\" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.thumbnailUrl, alt: \"thumbnail\", style: { width: \"100%\", height: \"100%\", objectFit: \"cover\", display: \"block\" } }) })\n ] });\n}\nfunction ContextualTriggerOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const icons = { alert: \"\\u26A0\\uFE0F\", celebration: \"\\u{1F389}\", info: \"\\u2139\\uFE0F\", warning: \"\\u{1F514}\" };\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", alignItems: \"center\", gap: f * 0.8, padding: `0 ${f * 1.2}px`, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", borderLeft: `${Math.max(2, size.w * 0.02)}px solid ${cfg.accentColor}`, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { fontSize: \"2em\", flexShrink: 0 }, children: icons[cfg.iconType] || \"\\u26A1\" }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.headline }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.message })\n ] })\n ] });\n}\nfunction OddsBettingOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.052);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", fontWeight: 700, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }, children: cfg.eventTitle }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", gap: f * 0.2, justifyContent: \"center\" }, children: (cfg.options || []).slice(0, 5).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", padding: `${f * 0.2}px ${f * 0.6}px`, borderRadius: Math.max(2, f * 0.3), background: `${cfg.accentColor}15`, fontSize: \"1em\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", flex: 1 }, children: opt.label }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { fontWeight: 700, marginLeft: f * 0.8, flexShrink: 0, color: cfg.accentColor }, children: opt.odds })\n ] }, i)) }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.7em\", opacity: 0.4, textAlign: \"center\", marginTop: f * 0.4 }, children: cfg.sponsorText })\n ] });\n}\nfunction BreakingNewsOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const urgencyColors = { breaking: \"#dc2626\", urgent: \"#ea580c\", normal: \"#2563eb\" };\n const labelBg = urgencyColors[cfg.urgency] || urgencyColors.normal;\n const label = cfg.urgency === \"breaking\" ? \"BREAKING\" : cfg.urgency === \"urgent\" ? \"URGENT\" : \"NEWS\";\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", alignItems: \"center\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { padding: `0 ${f * 0.8}px`, height: \"100%\", display: \"flex\", alignItems: \"center\", background: labelBg, color: \"#fff\", fontSize: \"1em\", fontWeight: 900, textTransform: \"uppercase\", letterSpacing: \"0.05em\", flexShrink: 0 }, children: label }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, padding: `0 ${f * 1}px`, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.headline }),\n cfg.body && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.body })\n ] })\n ] });\n}\nfunction calcCountdownRemaining(targetTime) {\n const diff = Math.max(0, new Date(targetTime).getTime() - Date.now());\n return {\n d: Math.floor(diff / 864e5),\n h: Math.floor(diff % 864e5 / 36e5),\n m: Math.floor(diff % 36e5 / 6e4),\n s: Math.floor(diff % 6e4 / 1e3),\n expired: diff === 0\n };\n}\nfunction CountdownOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n const targetTime = cfg?.targetTime ?? \"\";\n const [remaining, setRemaining] = (0, import_react.useState)(\n () => targetTime ? calcCountdownRemaining(targetTime) : { d: 0, h: 0, m: 0, s: 0, expired: false }\n );\n (0, import_react.useEffect)(() => {\n if (!targetTime) return;\n setRemaining(calcCountdownRemaining(targetTime));\n const id = setInterval(() => setRemaining(calcCountdownRemaining(targetTime)), 1e3);\n return () => clearInterval(id);\n }, [targetTime]);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n const pad = (n) => String(n).padStart(2, \"0\");\n const units = [\n { show: cfg.showDays, value: pad(remaining.d), label: \"DAYS\" },\n { show: cfg.showHours, value: pad(remaining.h), label: \"HRS\" },\n { show: cfg.showMinutes, value: pad(remaining.m), label: \"MIN\" },\n { show: cfg.showSeconds, value: pad(remaining.s), label: \"SEC\" }\n ];\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }, children: cfg.eventName }),\n remaining.expired ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700, opacity: 0.6 }, children: cfg.message || \"Event ended\" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { display: \"flex\", gap: f * 0.6, alignItems: \"center\" }, children: units.filter((u) => u.show).map((u, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"2em\", fontWeight: 900, lineHeight: 1, borderRadius: Math.max(2, f * 0.4), padding: `${f * 0.2}px ${f * 0.4}px`, background: `${cfg.accentColor}20` }, children: u.value }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.5em\", opacity: 0.5, marginTop: f * 0.2 }, children: u.label })\n ] }),\n i < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 700, opacity: 0.3 }, children: \":\" })\n ] }, u.label)) }),\n !remaining.expired && cfg.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", opacity: 0.6, marginTop: f * 0.4, textAlign: \"center\" }, children: cfg.message })\n ] });\n}\nfunction ShapeOverlay({ overlay, size }) {\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.03), background: \"rgba(99, 102, 241, 0.2)\", border: \"2px solid rgba(99, 102, 241, 0.4)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", pointerEvents: \"none\", userSelect: \"none\" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f}px`, fontWeight: 500, color: \"rgba(163, 163, 163, 0.8)\", textTransform: \"uppercase\" }, children: overlay.name }) });\n}\nfunction hexToRgb(hex) {\n if (!hex || !hex.startsWith(\"#\")) return \"0,0,0\";\n const clean = hex.slice(1);\n const num = parseInt(clean.length === 3 ? clean.replace(/./g, \"$&$&\") : clean, 16);\n return `${num >> 16 & 255},${num >> 8 & 255},${num & 255}`;\n}\nvar FADE_DURATION_MS = 1e3;\nvar OverlayRenderer = ({\n overlays,\n currentTime,\n videoRef,\n coordinateSpace\n}) => {\n const [dims, setDims] = (0, import_react.useState)(null);\n const rafRef = (0, import_react.useRef)(null);\n const [fadeMap, setFadeMap] = (0, import_react.useState)(/* @__PURE__ */ new Map());\n const removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());\n const updateDims = (0, import_react.useCallback)(() => {\n const video = videoRef.current;\n if (video) {\n const computed = computeVideoDimensions(video);\n setDims((prev) => {\n if (!computed || prev && prev.nativeWidth === computed.nativeWidth && prev.nativeHeight === computed.nativeHeight && prev.displayWidth === computed.displayWidth && prev.displayHeight === computed.displayHeight && prev.offsetX === computed.offsetX && prev.offsetY === computed.offsetY) {\n return prev;\n }\n return computed;\n });\n }\n }, [videoRef]);\n (0, import_react.useEffect)(() => {\n updateDims();\n const interval = setInterval(updateDims, 500);\n const handleResize = () => {\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n rafRef.current = requestAnimationFrame(updateDims);\n };\n window.addEventListener(\"resize\", handleResize);\n return () => {\n clearInterval(interval);\n window.removeEventListener(\"resize\", handleResize);\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n };\n }, [updateDims]);\n const activeOverlays = (0, import_react.useMemo)(\n () => overlays.filter((o) => isOverlayActive(o, currentTime)),\n [overlays, currentTime]\n );\n (0, import_react.useEffect)(() => {\n const activeIds = new Set(activeOverlays.map((o) => o.id));\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const overlay of activeOverlays) {\n if (!next.has(overlay.id)) {\n next.set(overlay.id, { overlay, visible: false });\n } else {\n const existing = next.get(overlay.id);\n next.set(overlay.id, { ...existing, overlay });\n }\n }\n for (const [id, state] of next) {\n if (!activeIds.has(id) && state.visible) {\n next.set(id, { ...state, visible: false });\n if (!removeTimers.current.has(id)) {\n const timer = setTimeout(() => {\n setFadeMap((m) => {\n const updated = new Map(m);\n updated.delete(id);\n return updated;\n });\n removeTimers.current.delete(id);\n }, FADE_DURATION_MS);\n removeTimers.current.set(id, timer);\n }\n } else if (!activeIds.has(id) && !state.visible) {\n }\n }\n return next;\n });\n }, [activeOverlays]);\n (0, import_react.useEffect)(() => {\n const toFadeIn = [];\n for (const [id, state] of fadeMap) {\n if (!state.visible) {\n const isActive = activeOverlays.some((o) => o.id === id);\n if (isActive) toFadeIn.push(id);\n }\n }\n if (toFadeIn.length === 0) return;\n const raf = requestAnimationFrame(() => {\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const id of toFadeIn) {\n const state = next.get(id);\n if (state) next.set(id, { ...state, visible: true });\n }\n return next;\n });\n });\n return () => cancelAnimationFrame(raf);\n }, [fadeMap, activeOverlays]);\n (0, import_react.useEffect)(() => {\n return () => {\n for (const timer of removeTimers.current.values()) clearTimeout(timer);\n };\n }, []);\n if (!dims || fadeMap.size === 0) return null;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n \"aria-hidden\": \"true\",\n style: {\n position: \"absolute\",\n left: `${dims.offsetX}px`,\n top: `${dims.offsetY}px`,\n width: `${dims.displayWidth}px`,\n height: `${dims.displayHeight}px`,\n pointerEvents: \"none\",\n overflow: \"hidden\",\n zIndex: 8\n },\n children: [...fadeMap.values()].map(({ overlay, visible }) => {\n const scaleX = coordinateSpace?.width ? dims.displayWidth / coordinateSpace.width : dims.scaleX;\n const scaleY = coordinateSpace?.height ? dims.displayHeight / coordinateSpace.height : dims.scaleY;\n const left = overlay.x * scaleX;\n const top = overlay.y * scaleY;\n const width = overlay.width * scaleX;\n const height = overlay.height * scaleY;\n const baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;\n const opacity = visible ? baseOpacity : 0;\n const sz = { w: width, h: height };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n position: \"absolute\",\n left: `${left}px`,\n top: `${top}px`,\n width: `${width}px`,\n height: `${height}px`,\n opacity,\n transition: `opacity ${FADE_DURATION_MS}ms ease`,\n zIndex: overlay.z_index,\n overflow: \"hidden\"\n },\n children: [\n overlay.type === \"image\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageOverlay, { overlay }),\n overlay.type === \"text\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextOverlay, { overlay }),\n overlay.type === \"scroller\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollerOverlay, { overlay }),\n overlay.type === \"shape\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShapeOverlay, { overlay, size: sz }),\n overlay.type === \"score_bug\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScoreBugOverlay, { overlay, size: sz }),\n overlay.type === \"lower_third\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LowerThirdOverlay, { overlay, size: sz }),\n overlay.type === \"qr_code\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QrCodeOverlay, { overlay, size: sz }),\n overlay.type === \"coming_up_next\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComingUpNextOverlay, { overlay, size: sz }),\n overlay.type === \"contextual_trigger\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextualTriggerOverlay, { overlay, size: sz }),\n overlay.type === \"odds_betting\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OddsBettingOverlay, { overlay, size: sz }),\n overlay.type === \"breaking_news\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreakingNewsOverlay, { overlay, size: sz }),\n overlay.type === \"countdown\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountdownOverlay, { overlay, size: sz })\n ]\n },\n overlay.id\n );\n })\n }\n );\n};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n OverlayRenderer\n});\n","import React, { useEffect, useRef, useState, useCallback, useMemo, useId } from \"react\";\nimport {\n type SwirlOverlay,\n isOverlayActive,\n resolveImageUrl,\n} from \"../utils/overlays\";\n\ninterface VideoDimensions {\n nativeWidth: number;\n nativeHeight: number;\n displayWidth: number;\n displayHeight: number;\n offsetX: number;\n offsetY: number;\n scaleX: number;\n scaleY: number;\n}\n\ninterface OverlayRendererProps {\n overlays: SwirlOverlay[];\n currentTime: number;\n videoRef: React.RefObject<HTMLVideoElement | null>;\n coordinateSpace?: { width: number; height: number } | null;\n}\n\nfunction computeVideoDimensions(\n video: HTMLVideoElement\n): VideoDimensions | null {\n const nativeWidth = video.videoWidth;\n const nativeHeight = video.videoHeight;\n if (!nativeWidth || !nativeHeight) return null;\n\n const displayWidth = video.offsetWidth;\n const displayHeight = video.offsetHeight;\n if (!displayWidth || !displayHeight) return null;\n\n const videoAspect = nativeWidth / nativeHeight;\n const displayAspect = displayWidth / displayHeight;\n\n let renderWidth: number;\n let renderHeight: number;\n let offsetX: number;\n let offsetY: number;\n\n if (videoAspect > displayAspect) {\n renderWidth = displayWidth;\n renderHeight = displayWidth / videoAspect;\n offsetX = 0;\n offsetY = (displayHeight - renderHeight) / 2;\n } else {\n renderHeight = displayHeight;\n renderWidth = displayHeight * videoAspect;\n offsetX = (displayWidth - renderWidth) / 2;\n offsetY = 0;\n }\n\n return {\n nativeWidth,\n nativeHeight,\n displayWidth: renderWidth,\n displayHeight: renderHeight,\n offsetX,\n offsetY,\n scaleX: renderWidth / nativeWidth,\n scaleY: renderHeight / nativeHeight,\n };\n}\n\nfunction ImageOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const src = resolveImageUrl(overlay.image_url || \"\");\n if (!src) return null;\n return (\n <img\n src={src}\n alt={overlay.name}\n draggable={false}\n style={{\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n display: \"block\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n }}\n />\n );\n}\n\nfunction TextOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const text = overlay.content || \"\";\n return (\n <div\n style={{\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#ffffff\",\n fontSize: \"clamp(10px, 1.4vw, 20px)\",\n fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\",\n fontWeight: 600,\n textAlign: \"center\",\n padding: \"4px 8px\",\n boxSizing: \"border-box\",\n wordBreak: \"break-word\",\n textShadow: \"0 1px 4px rgba(0,0,0,0.7)\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n lineHeight: 1.3,\n }}\n >\n {text}\n </div>\n );\n}\n\ninterface RSSItem {\n title: string;\n description: string;\n pubDate: string;\n author: string;\n category: string;\n}\n\nfunction parseRSSXml(xmlText: string, maxItems: number): RSSItem[] {\n const parser = new DOMParser();\n const doc = parser.parseFromString(xmlText, \"text/xml\");\n if (doc.querySelector(\"parsererror\")) throw new Error(\"Invalid RSS XML\");\n return Array.from(doc.querySelectorAll(\"item\"))\n .map((item) => ({\n title: (item.querySelector(\"title\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n description: (item.querySelector(\"description\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n pubDate: item.querySelector(\"pubDate\")?.textContent || \"\",\n author: item.querySelector(\"author, dc\\\\:creator\")?.textContent || \"\",\n category: item.querySelector(\"category\")?.textContent || \"\",\n }))\n .filter((i) => i.title)\n .slice(0, maxItems);\n}\n\nasync function fetchRSSItems(rssUrl: string, maxItems: number): Promise<RSSItem[]> {\n const encoded = encodeURIComponent(rssUrl);\n\n try {\n const origin = typeof window !== \"undefined\" ? window.location.origin : \"\";\n const resp = await fetch(`${origin}/api/rss-proxy?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text.includes(\"<item\")) return parseRSSXml(text, maxItems);\n }\n } catch { /* fall through */ }\n\n try {\n const resp = await fetch(`https://api.allorigins.win/get?url=${encoded}`);\n if (resp.ok) {\n const data = await resp.json();\n if (data.contents) return parseRSSXml(data.contents, maxItems);\n }\n } catch { /* fall through */ }\n\n try {\n const resp = await fetch(`https://corsproxy.io/?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text) return parseRSSXml(text, maxItems);\n }\n } catch { /* fall through */ }\n\n throw new Error(\"All RSS proxies failed\");\n}\n\nfunction ScrollerOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const cfg = overlay.scroller_config;\n const uid = useId().replace(/:/g, \"\");\n\n const [rssItems, setRssItems] = useState<RSSItem[]>([]);\n const [rssLoading, setRssLoading] = useState(true);\n const [rssError, setRssError] = useState(false);\n\n const rssUrl = cfg?.rss_url || \"\";\n const maxItems = cfg?.max_items ?? 10;\n const autoRefresh = cfg?.auto_refresh !== false;\n const updateInterval = cfg?.update_interval ?? 5;\n\n useEffect(() => {\n if (!rssUrl || (cfg?.use_custom_text && cfg?.custom_text)) {\n setRssLoading(false);\n return;\n }\n let cancelled = false;\n setRssLoading(true);\n setRssError(false);\n fetchRSSItems(rssUrl, maxItems)\n .then((items) => { if (!cancelled) { setRssItems(items); setRssError(false); } })\n .catch(() => { if (!cancelled) setRssError(true); })\n .finally(() => { if (!cancelled) setRssLoading(false); });\n return () => { cancelled = true; };\n }, [rssUrl, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n\n useEffect(() => {\n if (!rssUrl || !autoRefresh || (cfg?.use_custom_text && cfg?.custom_text)) return;\n const interval = setInterval(() => {\n fetchRSSItems(rssUrl, maxItems)\n .then((items) => { setRssItems(items); setRssError(false); })\n .catch(() => { /* keep showing last good items or error state */ });\n }, updateInterval * 60 * 1000);\n return () => clearInterval(interval);\n }, [rssUrl, autoRefresh, updateInterval, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n\n const sep = cfg?.separator_char ?? \"◆\";\n\n let segments: string[];\n if (cfg?.use_custom_text && cfg?.custom_text) {\n segments = [cfg.custom_text];\n } else if (rssItems.length > 0) {\n segments = rssItems.map((item) => {\n const parts: string[] = [];\n if (cfg?.show_title !== false && item.title) parts.push(item.title);\n if (cfg?.show_description && item.description) parts.push(item.description);\n if (cfg?.show_timestamp && item.pubDate) {\n try { parts.push(new Date(item.pubDate).toLocaleDateString()); } catch { /* ignore */ }\n }\n if (cfg?.show_author && item.author) parts.push(`— ${item.author}`);\n if (cfg?.show_category && item.category) parts.push(`[${item.category}]`);\n return parts.join(\" \");\n });\n } else if (rssLoading) {\n segments = [\"Loading feed…\"];\n } else if (rssError) {\n segments = overlay.content ? [overlay.content] : [\"RSS feed unavailable\"];\n } else if (overlay.content) {\n segments = [overlay.content];\n } else {\n segments = rssUrl ? [\"Loading feed…\"] : [\"RSS Ticker\"];\n }\n\n const scrollSpeed = cfg?.scroll_speed ?? 40;\n const direction = cfg?.direction ?? \"left\";\n const fontSize = cfg?.font_size ?? 15;\n const fontFamily = cfg?.font_family || \"Roboto, 'Segoe UI', Arial, sans-serif\";\n const fontWeight = cfg?.font_weight || \"700\";\n const textColor = cfg?.text_color || \"#ffffff\";\n const bgColor = cfg?.background_color || \"#0d0d1a\";\n const bgOpacity = cfg?.background_opacity !== undefined ? cfg.background_opacity / 100 : 0.95;\n const borderRadius = cfg?.border_radius ?? 0;\n const itemSpacing = cfg?.item_spacing ?? 60;\n\n const label = cfg?.label ?? \"NEWS\";\n const labelLine2 = cfg?.label_line2 ?? \"\";\n const labelColor = cfg?.label_color ?? \"#f97316\";\n const labelTextColor = cfg?.label_text_color ?? \"#ffffff\";\n const accentColor = cfg?.accent_color ?? labelColor;\n const showAccentLine = cfg?.show_accent_line !== false;\n\n const isHorizontal = direction === \"left\" || direction === \"right\";\n const isReverse = direction === \"right\" || direction === \"down\";\n\n const fullText = segments.join(` ${sep} `);\n const durationSec = Math.max(6, (fullText.length * 9) / scrollSpeed);\n\n const animId = `sc-ticker-${overlay.id}-${uid}`;\n const keyframes = isHorizontal\n ? `@keyframes ${animId} {\n ${isReverse\n ? \"0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }\"\n : \"0% { transform: translateX(0); } 100% { transform: translateX(-50%); }\"}\n }`\n : `@keyframes ${animId} {\n ${isReverse\n ? \"0% { transform: translateY(-50%); } 100% { transform: translateY(0%); }\"\n : \"0% { transform: translateY(0); } 100% { transform: translateY(-50%); }\"}\n }`;\n\n return (\n <>\n <style>{keyframes}</style>\n <div\n style={{\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n borderRadius: borderRadius > 0 ? `${borderRadius}px` : undefined,\n backgroundColor: `rgba(${hexToRgb(bgColor)}, ${bgOpacity})`,\n fontFamily,\n fontSize: `${fontSize}px`,\n fontWeight,\n color: textColor,\n pointerEvents: \"none\",\n userSelect: \"none\",\n }}\n >\n {/* Top accent line */}\n {showAccentLine && (\n <div style={{ height: 3, background: accentColor, flexShrink: 0, width: \"100%\" }} />\n )}\n\n {/* Main row */}\n <div style={{ display: \"flex\", flex: 1, overflow: \"hidden\", minHeight: 0 }}>\n {/* Label badge */}\n {label && (\n <div\n style={{\n background: labelColor,\n color: labelTextColor,\n padding: \"0 14px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n minWidth: 72,\n textAlign: \"center\",\n gap: 1,\n }}\n >\n <span\n style={{\n fontWeight: 800,\n fontSize: \"0.82em\",\n letterSpacing: \"0.05em\",\n lineHeight: 1.1,\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n }}\n >\n {label}\n </span>\n {labelLine2 && (\n <span\n style={{\n fontWeight: 500,\n fontSize: \"0.62em\",\n letterSpacing: \"0.03em\",\n lineHeight: 1.1,\n opacity: 0.85,\n whiteSpace: \"nowrap\",\n }}\n >\n {labelLine2}\n </span>\n )}\n </div>\n )}\n\n {/* Accent divider */}\n {label && (\n <div style={{ width: 3, background: accentColor, flexShrink: 0 }} />\n )}\n\n {/* Scrolling text */}\n <div\n style={{\n flex: 1,\n overflow: \"hidden\",\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n }}\n >\n {isHorizontal ? (\n <div\n style={{\n display: \"inline-flex\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\",\n }}\n >\n {[0, 1].map((copy) => (\n <span key={copy} style={{ paddingRight: `${itemSpacing}px` }}>\n {segments.map((seg, i) => (\n <React.Fragment key={i}>\n {i > 0 && (\n <span style={{ opacity: 0.5, margin: \"0 8px\" }}>{sep}</span>\n )}\n <span style={{ textShadow: \"0 1px 3px rgba(0,0,0,0.6)\" }}>{seg}</span>\n </React.Fragment>\n ))}\n </span>\n ))}\n </div>\n ) : (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\",\n }}\n >\n {[0, 1].map((copy) =>\n segments.map((seg, i) => (\n <div key={`${copy}-${i}`} style={{ paddingBottom: `${itemSpacing / 4}px` }}>\n {seg}\n </div>\n ))\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n </>\n );\n}\n\nfunction parseConfig<T>(content?: string): T | null {\n if (!content) return null;\n try { return JSON.parse(content) as T; } catch { return null; }\n}\n\ninterface OverlaySize { w: number; h: number; }\n\ninterface ScoreBugCfg { homeTeam: string; awayTeam: string; homeScore: number; awayScore: number; period: string; clock: string; sponsorText: string; sponsorImageUrl: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface LowerThirdCfg { headline: string; subtitle: string; sponsorText: string; sponsorImageUrl: string; backgroundColor: string; textColor: string; accentColor: string; style: string; }\ninterface QrCodeCfg { url: string; ctaText: string; description: string; size: number; backgroundColor: string; textColor: string; accentColor: string; }\ninterface ComingUpNextCfg { title: string; subtitle: string; scheduledTime: string; thumbnailUrl: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface ContextualTriggerCfg { triggerType: string; headline: string; message: string; iconType: string; backgroundColor: string; textColor: string; accentColor: string; animationStyle: string; }\ninterface OddsBettingCfg { eventTitle: string; options: Array<{ label: string; odds: string }>; sponsorText: string; backgroundColor: string; textColor: string; accentColor: string; oddsFormat: string; }\ninterface BreakingNewsCfg { headline: string; body: string; urgency: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface CountdownCfg { eventName: string; targetTime: string; message: string; showDays: boolean; showHours: boolean; showMinutes: boolean; showSeconds: boolean; backgroundColor: string; textColor: string; accentColor: string; }\n\nfunction ScoreBugOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ScoreBugCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.058);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ flex: 1, display: \"flex\", alignItems: \"center\", padding: `0 ${f * 0.8}px`, gap: f * 0.4 }}>\n <div style={{ flex: 1, textAlign: \"center\" }}>\n <div style={{ fontSize: \"1em\", fontWeight: 700 }}>{cfg.homeTeam}</div>\n <div style={{ fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }}>{cfg.homeScore}</div>\n </div>\n <div style={{ fontSize: \"0.8em\", textAlign: \"center\", opacity: 0.7, padding: `0 ${f * 0.4}px` }}>\n <div>{cfg.period}</div>\n <div>{cfg.clock}</div>\n </div>\n <div style={{ flex: 1, textAlign: \"center\" }}>\n <div style={{ fontSize: \"1em\", fontWeight: 700 }}>{cfg.awayTeam}</div>\n <div style={{ fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }}>{cfg.awayScore}</div>\n </div>\n </div>\n {(cfg.sponsorText || cfg.sponsorImageUrl) && (\n <div style={{ fontSize: \"0.7em\", textAlign: \"center\", opacity: 0.6, padding: `${f * 0.2}px ${f * 0.4}px`, borderTop: `1px solid ${cfg.accentColor}40`, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, overflow: \"hidden\" }}>\n {cfg.sponsorImageUrl && <img src={cfg.sponsorImageUrl} alt=\"sponsor\" style={{ height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 }} />}\n {cfg.sponsorText && <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.sponsorText}</span>}\n </div>\n )}\n </div>\n );\n}\n\nfunction LowerThirdOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<LowerThirdCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", flexDirection: \"column\", justifyContent: \"flex-end\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ width: \"100%\", height: Math.max(2, size.h * 0.06), backgroundColor: cfg.accentColor }} />\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.5}px ${f * 1.2}px` }}>\n <div style={{ fontSize: \"1.4em\", fontWeight: 700, lineHeight: 1.2, textShadow: \"0 1px 4px rgba(0,0,0,0.5)\" }}>{cfg.headline}</div>\n <div style={{ fontSize: \"1em\", opacity: 0.7, marginTop: f * 0.2 }}>{cfg.subtitle}</div>\n </div>\n {(cfg.sponsorText || cfg.sponsorImageUrl) && (\n <div style={{ fontSize: \"0.7em\", opacity: 0.5, padding: `0 ${f * 1.2}px ${f * 0.4}px`, display: \"flex\", alignItems: \"center\", gap: f * 0.4, overflow: \"hidden\" }}>\n {cfg.sponsorImageUrl && <img src={cfg.sponsorImageUrl} alt=\"sponsor\" style={{ height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 }} />}\n {cfg.sponsorText && <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.sponsorText}</span>}\n </div>\n )}\n </div>\n );\n}\n\nfunction QrCodeOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<QrCodeCfg>(overlay.content);\n if (!cfg) return null;\n const qrSide = Math.max(32, Math.min(size.w, size.h) * 0.55);\n const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${Math.round(qrSide * 2)}x${Math.round(qrSide * 2)}&data=${encodeURIComponent(cfg.url || \"https://example.com\")}`;\n const f = Math.max(6, size.w * 0.06);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", padding: f * 0.6, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", overflow: \"hidden\" }}>\n <div style={{ flexShrink: 0, background: \"#fff\", borderRadius: Math.max(2, qrSide * 0.06), padding: Math.max(2, qrSide * 0.06), lineHeight: 0 }}>\n <img src={qrUrl} alt=\"QR Code\" style={{ width: `${qrSide}px`, height: `${qrSide}px`, display: \"block\" }} />\n </div>\n <div style={{ fontSize: `${f * 1.1}px`, fontWeight: 700, textAlign: \"center\", color: cfg.accentColor, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }}>{cfg.ctaText}</div>\n {cfg.description && <div style={{ fontSize: `${f * 0.75}px`, opacity: 0.6, textAlign: \"center\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }}>{cfg.description}</div>}\n </div>\n );\n}\n\nfunction ComingUpNextOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ComingUpNextCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ width: Math.max(2, size.w * 0.015), flexShrink: 0, backgroundColor: cfg.accentColor }} />\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.6}px ${f * 1.0}px`, minWidth: 0 }}>\n <div style={{ fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor }}>Coming Up Next</div>\n <div style={{ fontSize: \"1.5em\", fontWeight: 700, lineHeight: 1.2, marginTop: f * 0.2, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.title}</div>\n <div style={{ fontSize: \"0.9em\", opacity: 0.6, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.subtitle}</div>\n {cfg.scheduledTime && <div style={{ fontSize: \"1em\", fontWeight: 600, marginTop: f * 0.4, color: cfg.accentColor }}>{cfg.scheduledTime}</div>}\n </div>\n {cfg.thumbnailUrl && (\n <div style={{ flexShrink: 0, width: Math.max(40, size.h * 0.75), overflow: \"hidden\" }}>\n <img src={cfg.thumbnailUrl} alt=\"thumbnail\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", display: \"block\" }} />\n </div>\n )}\n </div>\n );\n}\n\nfunction ContextualTriggerOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ContextualTriggerCfg>(overlay.content);\n if (!cfg) return null;\n const icons: Record<string, string> = { alert: \"\\u26A0\\uFE0F\", celebration: \"\\uD83C\\uDF89\", info: \"\\u2139\\uFE0F\", warning: \"\\uD83D\\uDD14\" };\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", alignItems: \"center\", gap: f * 0.8, padding: `0 ${f * 1.2}px`, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", borderLeft: `${Math.max(2, size.w * 0.02)}px solid ${cfg.accentColor}`, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <span style={{ fontSize: \"2em\", flexShrink: 0 }}>{icons[cfg.iconType] || \"\\u26A1\"}</span>\n <div style={{ flex: 1, minWidth: 0 }}>\n <div style={{ fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.headline}</div>\n <div style={{ fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.message}</div>\n </div>\n </div>\n );\n}\n\nfunction OddsBettingOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<OddsBettingCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.052);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ fontSize: \"0.9em\", fontWeight: 700, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }}>{cfg.eventTitle}</div>\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", gap: f * 0.2, justifyContent: \"center\" }}>\n {(cfg.options || []).slice(0, 5).map((opt, i) => (\n <div key={i} style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", padding: `${f * 0.2}px ${f * 0.6}px`, borderRadius: Math.max(2, f * 0.3), background: `${cfg.accentColor}15`, fontSize: \"1em\" }}>\n <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", flex: 1 }}>{opt.label}</span>\n <span style={{ fontWeight: 700, marginLeft: f * 0.8, flexShrink: 0, color: cfg.accentColor }}>{opt.odds}</span>\n </div>\n ))}\n </div>\n {cfg.sponsorText && <div style={{ fontSize: \"0.7em\", opacity: 0.4, textAlign: \"center\", marginTop: f * 0.4 }}>{cfg.sponsorText}</div>}\n </div>\n );\n}\n\nfunction BreakingNewsOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<BreakingNewsCfg>(overlay.content);\n if (!cfg) return null;\n const urgencyColors: Record<string, string> = { breaking: \"#dc2626\", urgent: \"#ea580c\", normal: \"#2563eb\" };\n const labelBg = urgencyColors[cfg.urgency] || urgencyColors.normal;\n const label = cfg.urgency === \"breaking\" ? \"BREAKING\" : cfg.urgency === \"urgent\" ? \"URGENT\" : \"NEWS\";\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", alignItems: \"center\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ padding: `0 ${f * 0.8}px`, height: \"100%\", display: \"flex\", alignItems: \"center\", background: labelBg, color: \"#fff\", fontSize: \"1em\", fontWeight: 900, textTransform: \"uppercase\", letterSpacing: \"0.05em\", flexShrink: 0 }}>{label}</div>\n <div style={{ flex: 1, padding: `0 ${f * 1.0}px`, minWidth: 0 }}>\n <div style={{ fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.headline}</div>\n {cfg.body && <div style={{ fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.body}</div>}\n </div>\n </div>\n );\n}\n\nfunction calcCountdownRemaining(targetTime: string) {\n const diff = Math.max(0, new Date(targetTime).getTime() - Date.now());\n return {\n d: Math.floor(diff / 86400000),\n h: Math.floor((diff % 86400000) / 3600000),\n m: Math.floor((diff % 3600000) / 60000),\n s: Math.floor((diff % 60000) / 1000),\n expired: diff === 0,\n };\n}\n\nfunction CountdownOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<CountdownCfg>(overlay.content);\n const targetTime = cfg?.targetTime ?? \"\";\n const [remaining, setRemaining] = useState(() =>\n targetTime ? calcCountdownRemaining(targetTime) : { d: 0, h: 0, m: 0, s: 0, expired: false }\n );\n\n useEffect(() => {\n if (!targetTime) return;\n setRemaining(calcCountdownRemaining(targetTime));\n const id = setInterval(() => setRemaining(calcCountdownRemaining(targetTime)), 1000);\n return () => clearInterval(id);\n }, [targetTime]);\n\n if (!cfg) return null;\n\n const f = Math.max(6, size.w * 0.055);\n const pad = (n: number) => String(n).padStart(2, \"0\");\n const units: Array<{ show: boolean; value: string; label: string }> = [\n { show: cfg.showDays, value: pad(remaining.d), label: \"DAYS\" },\n { show: cfg.showHours, value: pad(remaining.h), label: \"HRS\" },\n { show: cfg.showMinutes, value: pad(remaining.m), label: \"MIN\" },\n { show: cfg.showSeconds, value: pad(remaining.s), label: \"SEC\" },\n ];\n\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }}>{cfg.eventName}</div>\n {remaining.expired ? (\n <div style={{ fontSize: \"1em\", fontWeight: 700, opacity: 0.6 }}>{cfg.message || \"Event ended\"}</div>\n ) : (\n <div style={{ display: \"flex\", gap: f * 0.6, alignItems: \"center\" }}>\n {units.filter(u => u.show).map((u, i, arr) => (\n <React.Fragment key={u.label}>\n <div style={{ textAlign: \"center\" }}>\n <div style={{ fontSize: \"2em\", fontWeight: 900, lineHeight: 1, borderRadius: Math.max(2, f * 0.4), padding: `${f * 0.2}px ${f * 0.4}px`, background: `${cfg.accentColor}20` }}>{u.value}</div>\n <div style={{ fontSize: \"0.5em\", opacity: 0.5, marginTop: f * 0.2 }}>{u.label}</div>\n </div>\n {i < arr.length - 1 && <div style={{ fontSize: \"1.8em\", fontWeight: 700, opacity: 0.3 }}>:</div>}\n </React.Fragment>\n ))}\n </div>\n )}\n {!remaining.expired && cfg.message && <div style={{ fontSize: \"0.8em\", opacity: 0.6, marginTop: f * 0.4, textAlign: \"center\" }}>{cfg.message}</div>}\n </div>\n );\n}\n\nfunction ShapeOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.03), background: \"rgba(99, 102, 241, 0.2)\", border: \"2px solid rgba(99, 102, 241, 0.4)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", pointerEvents: \"none\", userSelect: \"none\" }}>\n <div style={{ fontSize: `${f}px`, fontWeight: 500, color: \"rgba(163, 163, 163, 0.8)\", textTransform: \"uppercase\" }}>{overlay.name}</div>\n </div>\n );\n}\n\nfunction hexToRgb(hex: string): string {\n if (!hex || !hex.startsWith(\"#\")) return \"0,0,0\";\n const clean = hex.slice(1);\n const num = parseInt(clean.length === 3 ? clean.replace(/./g, \"$&$&\") : clean, 16);\n return `${(num >> 16) & 255},${(num >> 8) & 255},${num & 255}`;\n}\n\ninterface OverlayFadeState {\n overlay: SwirlOverlay;\n visible: boolean;\n}\n\nconst FADE_DURATION_MS = 1000;\n\nexport const OverlayRenderer: React.FC<OverlayRendererProps> = ({\n overlays,\n currentTime,\n videoRef,\n coordinateSpace,\n}) => {\n const [dims, setDims] = useState<VideoDimensions | null>(null);\n const rafRef = useRef<number | null>(null);\n const [fadeMap, setFadeMap] = useState<Map<number, OverlayFadeState>>(new Map());\n const removeTimers = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map());\n\n const updateDims = useCallback(() => {\n const video = videoRef.current;\n if (video) {\n const computed = computeVideoDimensions(video);\n setDims((prev) => {\n if (\n !computed ||\n (prev &&\n prev.nativeWidth === computed.nativeWidth &&\n prev.nativeHeight === computed.nativeHeight &&\n prev.displayWidth === computed.displayWidth &&\n prev.displayHeight === computed.displayHeight &&\n prev.offsetX === computed.offsetX &&\n prev.offsetY === computed.offsetY)\n ) {\n return prev;\n }\n return computed;\n });\n }\n }, [videoRef]);\n\n useEffect(() => {\n updateDims();\n const interval = setInterval(updateDims, 500);\n\n const handleResize = () => {\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n rafRef.current = requestAnimationFrame(updateDims);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => {\n clearInterval(interval);\n window.removeEventListener(\"resize\", handleResize);\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n };\n }, [updateDims]);\n\n const activeOverlays = useMemo(\n () => overlays.filter((o) => isOverlayActive(o, currentTime)),\n [overlays, currentTime]\n );\n\n useEffect(() => {\n const activeIds = new Set(activeOverlays.map((o) => o.id));\n\n setFadeMap((prev) => {\n const next = new Map(prev);\n\n for (const overlay of activeOverlays) {\n if (!next.has(overlay.id)) {\n next.set(overlay.id, { overlay, visible: false });\n } else {\n const existing = next.get(overlay.id)!;\n next.set(overlay.id, { ...existing, overlay });\n }\n }\n\n for (const [id, state] of next) {\n if (!activeIds.has(id) && state.visible) {\n next.set(id, { ...state, visible: false });\n if (!removeTimers.current.has(id)) {\n const timer = setTimeout(() => {\n setFadeMap((m) => {\n const updated = new Map(m);\n updated.delete(id);\n return updated;\n });\n removeTimers.current.delete(id);\n }, FADE_DURATION_MS);\n removeTimers.current.set(id, timer);\n }\n } else if (!activeIds.has(id) && !state.visible) {\n }\n }\n\n return next;\n });\n }, [activeOverlays]);\n\n useEffect(() => {\n const toFadeIn: number[] = [];\n for (const [id, state] of fadeMap) {\n if (!state.visible) {\n const isActive = activeOverlays.some((o) => o.id === id);\n if (isActive) toFadeIn.push(id);\n }\n }\n if (toFadeIn.length === 0) return;\n\n const raf = requestAnimationFrame(() => {\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const id of toFadeIn) {\n const state = next.get(id);\n if (state) next.set(id, { ...state, visible: true });\n }\n return next;\n });\n });\n return () => cancelAnimationFrame(raf);\n }, [fadeMap, activeOverlays]);\n\n useEffect(() => {\n return () => {\n for (const timer of removeTimers.current.values()) clearTimeout(timer);\n };\n }, []);\n\n if (!dims || fadeMap.size === 0) return null;\n\n return (\n <div\n aria-hidden=\"true\"\n style={{\n position: \"absolute\",\n left: `${dims.offsetX}px`,\n top: `${dims.offsetY}px`,\n width: `${dims.displayWidth}px`,\n height: `${dims.displayHeight}px`,\n pointerEvents: \"none\",\n overflow: \"hidden\",\n zIndex: 8,\n }}\n >\n {[...fadeMap.values()].map(({ overlay, visible }) => {\n const scaleX =\n coordinateSpace?.width\n ? dims.displayWidth / coordinateSpace.width\n : dims.scaleX;\n const scaleY =\n coordinateSpace?.height\n ? dims.displayHeight / coordinateSpace.height\n : dims.scaleY;\n const left = overlay.x * scaleX;\n const top = overlay.y * scaleY;\n const width = overlay.width * scaleX;\n const height = overlay.height * scaleY;\n const baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;\n const opacity = visible ? baseOpacity : 0;\n const sz: OverlaySize = { w: width, h: height };\n\n return (\n <div\n key={overlay.id}\n style={{\n position: \"absolute\",\n left: `${left}px`,\n top: `${top}px`,\n width: `${width}px`,\n height: `${height}px`,\n opacity,\n transition: `opacity ${FADE_DURATION_MS}ms ease`,\n zIndex: overlay.z_index,\n overflow: \"hidden\",\n }}\n >\n {overlay.type === \"image\" && <ImageOverlay overlay={overlay} />}\n {overlay.type === \"text\" && <TextOverlay overlay={overlay} />}\n {overlay.type === \"scroller\" && <ScrollerOverlay overlay={overlay} />}\n {overlay.type === \"shape\" && <ShapeOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"score_bug\" && <ScoreBugOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"lower_third\" && <LowerThirdOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"qr_code\" && <QrCodeOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"coming_up_next\" && <ComingUpNextOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"contextual_trigger\" && <ContextualTriggerOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"odds_betting\" && <OddsBettingOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"breaking_news\" && <BreakingNewsOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"countdown\" && <CountdownOverlay overlay={overlay} size={sz} />}\n </div>\n );\n })}\n </div>\n );\n};\n","const OVERLAY_API_BASE = \"https://adstorm.co/api-adstorm-dev\";\n\nexport interface OverlayCoordinateSpace {\n width: number;\n height: number;\n}\n\nexport interface SwirlScrollerConfig {\n rss_url?: string;\n update_interval?: number;\n scroll_speed?: number;\n direction?: string;\n font_size?: number;\n font_family?: string;\n font_weight?: string;\n text_color?: string;\n background_color?: string;\n background_opacity?: number;\n border_color?: string;\n border_width?: number;\n border_radius?: number;\n padding?: number;\n margin?: number;\n show_title?: boolean;\n show_description?: boolean;\n show_timestamp?: boolean;\n show_author?: boolean;\n show_category?: boolean;\n max_items?: number;\n item_spacing?: number;\n fade_in_out?: boolean;\n fade_distance?: number;\n auto_refresh?: boolean;\n use_custom_text?: boolean;\n custom_text?: string;\n // Broadcast ticker branding\n label?: string;\n label_line2?: string;\n label_color?: string;\n label_text_color?: string;\n accent_color?: string;\n show_accent_line?: boolean;\n separator_char?: string;\n preset?: string;\n}\n\nexport type SwirlOverlayType =\n | \"image\"\n | \"text\"\n | \"scroller\"\n | \"shape\"\n | \"score_bug\"\n | \"lower_third\"\n | \"qr_code\"\n | \"coming_up_next\"\n | \"contextual_trigger\"\n | \"odds_betting\"\n | \"breaking_news\"\n | \"countdown\";\n\nexport interface SwirlOverlay {\n id: number;\n project_id: number;\n name: string;\n type: SwirlOverlayType | string;\n visible: boolean;\n x: number;\n y: number;\n width: number;\n height: number;\n opacity: number;\n start_time: string;\n duration: string;\n content?: string;\n image_url?: string;\n scroller_config?: SwirlScrollerConfig;\n z_index: number;\n created_at?: string;\n updated_at?: string;\n}\n\nexport function timeStringToSeconds(timeStr: string): number {\n if (!timeStr) return 0;\n\n const parts = timeStr.split(\":\");\n\n if (parts.length >= 3) {\n const hours = parseInt(parts[0] ?? \"0\", 10) || 0;\n const minutes = parseInt(parts[1] ?? \"0\", 10) || 0;\n const secStr = parts[2] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds =\n parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return hours * 3600 + minutes * 60 + seconds + ms / 1000;\n }\n\n if (parts.length === 2) {\n const minutes = parseInt(parts[0] ?? \"0\", 10) || 0;\n const secStr = parts[1] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds =\n parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return minutes * 60 + seconds + ms / 1000;\n }\n\n const num = parseFloat(timeStr);\n return isFinite(num) ? Math.max(0, num) : 0;\n}\n\nexport function isOverlayActive(\n overlay: SwirlOverlay,\n currentTime: number\n): boolean {\n if (!overlay.visible) return false;\n const startSec = timeStringToSeconds(overlay.start_time);\n const durationSec = timeStringToSeconds(overlay.duration);\n if (durationSec <= 0) return false;\n return currentTime >= startSec && currentTime < startSec + durationSec;\n}\n\nexport async function fetchProjectOverlays(\n projectId: number,\n apiBaseUrl: string = OVERLAY_API_BASE\n): Promise<SwirlOverlay[]> {\n const response = await fetch(\n `${apiBaseUrl}/adstorm/swirl/projects/${projectId}/overlays`\n );\n if (!response.ok) {\n throw new Error(\n `Failed to fetch overlays: ${response.status} ${response.statusText}`\n );\n }\n const data = await response.json();\n return Array.isArray(data) ? data : [];\n}\n\nexport function resolveImageUrl(\n imageUrl: string,\n apiBaseUrl: string = OVERLAY_API_BASE\n): string {\n if (!imageUrl) return \"\";\n if (imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) {\n return imageUrl;\n }\n if (imageUrl.startsWith(\"/\")) {\n try {\n const url = new URL(apiBaseUrl);\n return `${url.origin}${imageUrl}`;\n } catch {\n return imageUrl;\n }\n }\n return `${apiBaseUrl}/${imageUrl}`;\n}\n"]}
1
+ {"version":3,"sources":["/home/ubuntu24-new/Dev/stormcloud-vp/lib/ui/OverlayRenderer.cjs","../../src/ui/OverlayRenderer.tsx","../../src/utils/overlays.ts"],"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","OverlayRenderer_exports","OverlayRenderer","module","exports","import_react","require","OVERLAY_API_BASE","timeStringToSeconds","timeStr","parts","split","length","hours","parseInt","minutes","secStr","dotIdx","indexOf","seconds","substring","msFrag","ms","padEnd","num","parseFloat","isFinite","Math","max","isOverlayActive","overlay","currentTime","visible","startSec","start_time","durationSec","duration","resolveImageUrl","imageUrl","apiBaseUrl","startsWith","url","URL","origin","import_jsx_runtime","computeVideoDimensions","video","nativeWidth","videoWidth","nativeHeight","videoHeight","displayWidth","offsetWidth","displayHeight","offsetHeight","renderWidth","renderHeight","offsetX","offsetY","displayAspect","videoAspect","ImageOverlay","image_url","jsx","src","draggable","width","height","objectFit","display","pointerEvents","userSelect","content","alignItems","justifyContent","fontFamily","fontWeight","textAlign","boxSizing","wordBreak","textShadow","parseRSSXml","xmlText","maxItems","parser","DOMParser","doc","parseFromString","stripped","items","Array","querySelectorAll","map","item","title","querySelector","textContent","replace","trim","description","pubDate","author","category","filter","i","slice","Error","RSS_CACHE_TTL_MS","rssCache","Map","cachedFetchRSSItems","rssUrl","now","Date","cached","expiresAt","promise","fetchRSSItems","catch","err","delete","set","encoded","resp","text","data","encodeURIComponent","window","location","fetch","ok","includes","json","contents","ScrollerOverlay","cfg","scroller_config","uid","useId","useState","rssItems","setRssItems","rssLoading","setRssLoading","rssError","rss_url","setRssError","autoRefresh","max_items","auto_refresh","useEffect","use_custom_text","custom_text","cancelled","then","finally","interval","setInterval","updateInterval","clearInterval","sep","separator_char","segments","show_title","push","show_description","show_timestamp","toLocaleDateString","show_author","show_category","join","scrollSpeed","scroll_speed","direction","fontSize","font_size","font_family","font_weight","textColor","bgColor","bgOpacity","text_color","background_color","background_opacity","borderRadius","border_radius","itemSpacing","item_spacing","label","labelLine2","label_line2","labelColor","label_color","labelTextColor","label_text_color","accentColor","accent_color","showAccentLine","show_accent_line","isHorizontal","isReverse","fullText","animId","id","keyframes","jsxs","Fragment","children","style","flexDirection","overflow","backgroundColor","hexToRgb","color","background","flexShrink","flex","minHeight","padding"],"mappings":"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","sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/ui/OverlayRenderer.tsx\nvar OverlayRenderer_exports = {};\n__export(OverlayRenderer_exports, {\n OverlayRenderer: () => OverlayRenderer\n});\nmodule.exports = __toCommonJS(OverlayRenderer_exports);\nvar import_react = __toESM(require(\"react\"), 1);\n\n// src/utils/overlays.ts\nvar OVERLAY_API_BASE = \"https://adstorm.co/api-adstorm-dev\";\nfunction timeStringToSeconds(timeStr) {\n if (!timeStr) return 0;\n const parts = timeStr.split(\":\");\n if (parts.length >= 3) {\n const hours = parseInt(parts[0] ?? \"0\", 10) || 0;\n const minutes = parseInt(parts[1] ?? \"0\", 10) || 0;\n const secStr = parts[2] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds = parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return hours * 3600 + minutes * 60 + seconds + ms / 1e3;\n }\n if (parts.length === 2) {\n const minutes = parseInt(parts[0] ?? \"0\", 10) || 0;\n const secStr = parts[1] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds = parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return minutes * 60 + seconds + ms / 1e3;\n }\n const num = parseFloat(timeStr);\n return isFinite(num) ? Math.max(0, num) : 0;\n}\nfunction isOverlayActive(overlay, currentTime) {\n if (!overlay.visible) return false;\n const startSec = timeStringToSeconds(overlay.start_time);\n const durationSec = timeStringToSeconds(overlay.duration);\n if (durationSec <= 0) return false;\n return currentTime >= startSec && currentTime < startSec + durationSec;\n}\nfunction resolveImageUrl(imageUrl, apiBaseUrl = OVERLAY_API_BASE) {\n if (!imageUrl) return \"\";\n if (imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) {\n return imageUrl;\n }\n if (imageUrl.startsWith(\"/\")) {\n try {\n const url = new URL(apiBaseUrl);\n return `${url.origin}${imageUrl}`;\n } catch {\n return imageUrl;\n }\n }\n return `${apiBaseUrl}/${imageUrl}`;\n}\n\n// src/ui/OverlayRenderer.tsx\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nfunction computeVideoDimensions(video) {\n const nativeWidth = video.videoWidth;\n const nativeHeight = video.videoHeight;\n if (!nativeWidth || !nativeHeight) return null;\n const displayWidth = video.offsetWidth;\n const displayHeight = video.offsetHeight;\n if (!displayWidth || !displayHeight) return null;\n const videoAspect = nativeWidth / nativeHeight;\n const displayAspect = displayWidth / displayHeight;\n let renderWidth;\n let renderHeight;\n let offsetX;\n let offsetY;\n if (videoAspect > displayAspect) {\n renderWidth = displayWidth;\n renderHeight = displayWidth / videoAspect;\n offsetX = 0;\n offsetY = (displayHeight - renderHeight) / 2;\n } else {\n renderHeight = displayHeight;\n renderWidth = displayHeight * videoAspect;\n offsetX = (displayWidth - renderWidth) / 2;\n offsetY = 0;\n }\n return {\n nativeWidth,\n nativeHeight,\n displayWidth: renderWidth,\n displayHeight: renderHeight,\n offsetX,\n offsetY,\n scaleX: renderWidth / nativeWidth,\n scaleY: renderHeight / nativeHeight\n };\n}\nfunction ImageOverlay({ overlay }) {\n const src = resolveImageUrl(overlay.image_url || \"\");\n if (!src) return null;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"img\",\n {\n src,\n alt: overlay.name,\n draggable: false,\n style: {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n display: \"block\",\n pointerEvents: \"none\",\n userSelect: \"none\"\n }\n }\n );\n}\nfunction TextOverlay({ overlay }) {\n const text = overlay.content || \"\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#ffffff\",\n fontSize: \"clamp(10px, 1.4vw, 20px)\",\n fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\",\n fontWeight: 600,\n textAlign: \"center\",\n padding: \"4px 8px\",\n boxSizing: \"border-box\",\n wordBreak: \"break-word\",\n textShadow: \"0 1px 4px rgba(0,0,0,0.7)\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n lineHeight: 1.3\n },\n children: text\n }\n );\n}\nfunction parseRSSXml(xmlText, maxItems) {\n const stripped = xmlText.replace(/^<\\?xml[^?]*\\?>\\s*/, \"\");\n const parser = new DOMParser();\n const doc = parser.parseFromString(stripped, \"text/xml\");\n const items = Array.from(doc.querySelectorAll(\"item\")).map((item) => ({\n title: (item.querySelector(\"title\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n description: (item.querySelector(\"description\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n pubDate: item.querySelector(\"pubDate\")?.textContent || \"\",\n author: item.querySelector(\"author, dc\\\\:creator\")?.textContent || \"\",\n category: item.querySelector(\"category\")?.textContent || \"\"\n })).filter((i) => i.title).slice(0, maxItems);\n if (items.length === 0 && doc.querySelector(\"parsererror\")) {\n throw new Error(\"Invalid RSS XML\");\n }\n return items;\n}\nvar RSS_CACHE_TTL_MS = 6e4;\nvar rssCache = /* @__PURE__ */ new Map();\nfunction cachedFetchRSSItems(rssUrl, maxItems) {\n const now = Date.now();\n const cached = rssCache.get(rssUrl);\n if (cached && cached.expiresAt > now) return cached.promise;\n const promise = fetchRSSItems(rssUrl, maxItems).catch((err) => {\n rssCache.delete(rssUrl);\n throw err;\n });\n rssCache.set(rssUrl, { promise, expiresAt: now + RSS_CACHE_TTL_MS });\n return promise;\n}\nasync function fetchRSSItems(rssUrl, maxItems) {\n const encoded = encodeURIComponent(rssUrl);\n try {\n const origin = typeof window !== \"undefined\" ? window.location.origin : \"\";\n const resp = await fetch(`${origin}/api/rss-proxy?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text.includes(\"<item\")) return parseRSSXml(text, maxItems);\n }\n } catch {\n }\n try {\n const resp = await fetch(`https://api.allorigins.win/get?url=${encoded}`);\n if (resp.ok) {\n const data = await resp.json();\n if (data.contents) return parseRSSXml(data.contents, maxItems);\n }\n } catch {\n }\n try {\n const resp = await fetch(`https://corsproxy.io/?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text) return parseRSSXml(text, maxItems);\n }\n } catch {\n }\n throw new Error(\"All RSS proxies failed\");\n}\nfunction ScrollerOverlay({ overlay }) {\n const cfg = overlay.scroller_config;\n const uid = (0, import_react.useId)().replace(/:/g, \"\");\n const [rssItems, setRssItems] = (0, import_react.useState)([]);\n const [rssLoading, setRssLoading] = (0, import_react.useState)(true);\n const [rssError, setRssError] = (0, import_react.useState)(false);\n const rssUrl = cfg?.rss_url || \"\";\n const maxItems = cfg?.max_items ?? 10;\n const autoRefresh = cfg?.auto_refresh !== false;\n const updateInterval = cfg?.update_interval ?? 5;\n (0, import_react.useEffect)(() => {\n if (!rssUrl || cfg?.use_custom_text && cfg?.custom_text) {\n setRssLoading(false);\n return;\n }\n let cancelled = false;\n setRssLoading(true);\n setRssError(false);\n cachedFetchRSSItems(rssUrl, maxItems).then((items) => {\n if (!cancelled) {\n setRssItems(items);\n setRssError(false);\n }\n }).catch(() => {\n if (!cancelled) setRssError(true);\n }).finally(() => {\n if (!cancelled) setRssLoading(false);\n });\n return () => {\n cancelled = true;\n };\n }, [rssUrl, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n (0, import_react.useEffect)(() => {\n if (!rssUrl || !autoRefresh || cfg?.use_custom_text && cfg?.custom_text) return;\n const interval = setInterval(() => {\n rssCache.delete(rssUrl);\n cachedFetchRSSItems(rssUrl, maxItems).then((items) => {\n setRssItems(items);\n setRssError(false);\n }).catch(() => {\n });\n }, updateInterval * 60 * 1e3);\n return () => clearInterval(interval);\n }, [rssUrl, autoRefresh, updateInterval, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n const sep = cfg?.separator_char ?? \"\\u25C6\";\n let segments;\n if (cfg?.use_custom_text && cfg?.custom_text) {\n segments = [cfg.custom_text];\n } else if (rssItems.length > 0) {\n segments = rssItems.map((item) => {\n const parts = [];\n if (cfg?.show_title !== false && item.title) parts.push(item.title);\n if (cfg?.show_description && item.description) parts.push(item.description);\n if (cfg?.show_timestamp && item.pubDate) {\n try {\n parts.push(new Date(item.pubDate).toLocaleDateString());\n } catch {\n }\n }\n if (cfg?.show_author && item.author) parts.push(`\\u2014 ${item.author}`);\n if (cfg?.show_category && item.category) parts.push(`[${item.category}]`);\n return parts.join(\" \");\n });\n } else if (rssLoading) {\n segments = [\"Loading feed\\u2026\"];\n } else if (rssError) {\n segments = overlay.content ? [overlay.content] : [\"RSS feed unavailable\"];\n } else if (overlay.content) {\n segments = [overlay.content];\n } else {\n segments = rssUrl ? [\"Loading feed\\u2026\"] : [\"RSS Ticker\"];\n }\n const scrollSpeed = cfg?.scroll_speed ?? 40;\n const direction = cfg?.direction ?? \"left\";\n const fontSize = cfg?.font_size ?? 15;\n const fontFamily = cfg?.font_family || \"Roboto, 'Segoe UI', Arial, sans-serif\";\n const fontWeight = cfg?.font_weight || \"700\";\n const textColor = cfg?.text_color || \"#ffffff\";\n const bgColor = cfg?.background_color || \"#0d0d1a\";\n const bgOpacity = cfg?.background_opacity !== void 0 ? cfg.background_opacity / 100 : 0.95;\n const borderRadius = cfg?.border_radius ?? 0;\n const itemSpacing = cfg?.item_spacing ?? 60;\n const label = cfg?.label ?? \"NEWS\";\n const labelLine2 = cfg?.label_line2 ?? \"\";\n const labelColor = cfg?.label_color ?? \"#f97316\";\n const labelTextColor = cfg?.label_text_color ?? \"#ffffff\";\n const accentColor = cfg?.accent_color ?? labelColor;\n const showAccentLine = cfg?.show_accent_line !== false;\n const isHorizontal = direction === \"left\" || direction === \"right\";\n const isReverse = direction === \"right\" || direction === \"down\";\n const fullText = segments.join(` ${sep} `);\n const durationSec = Math.max(6, fullText.length * 9 / scrollSpeed);\n const animId = `sc-ticker-${overlay.id}-${uid}`;\n const keyframes = isHorizontal ? `@keyframes ${animId} {\n ${isReverse ? \"0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }\" : \"0% { transform: translateX(0); } 100% { transform: translateX(-50%); }\"}\n }` : `@keyframes ${animId} {\n ${isReverse ? \"0% { transform: translateY(-50%); } 100% { transform: translateY(0%); }\" : \"0% { transform: translateY(0); } 100% { transform: translateY(-50%); }\"}\n }`;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"style\", { children: keyframes }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n borderRadius: borderRadius > 0 ? `${borderRadius}px` : void 0,\n backgroundColor: `rgba(${hexToRgb(bgColor)}, ${bgOpacity})`,\n fontFamily,\n fontSize: `${fontSize}px`,\n fontWeight,\n color: textColor,\n pointerEvents: \"none\",\n userSelect: \"none\"\n },\n children: [\n showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { height: 3, background: accentColor, flexShrink: 0, width: \"100%\" } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { display: \"flex\", flex: 1, overflow: \"hidden\", minHeight: 0 }, children: [\n label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n background: labelColor,\n color: labelTextColor,\n padding: \"0 14px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n minWidth: 72,\n textAlign: \"center\",\n gap: 1\n },\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"span\",\n {\n style: {\n fontWeight: 800,\n fontSize: \"0.82em\",\n letterSpacing: \"0.05em\",\n lineHeight: 1.1,\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\"\n },\n children: label\n }\n ),\n labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"span\",\n {\n style: {\n fontWeight: 500,\n fontSize: \"0.62em\",\n letterSpacing: \"0.03em\",\n lineHeight: 1.1,\n opacity: 0.85,\n whiteSpace: \"nowrap\"\n },\n children: labelLine2\n }\n )\n ]\n }\n ),\n label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: 3, background: accentColor, flexShrink: 0 } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n flex: 1,\n overflow: \"hidden\",\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\"\n },\n children: isHorizontal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n display: \"inline-flex\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\"\n },\n children: [0, 1].map((copy) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { paddingRight: `${itemSpacing}px` }, children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [\n i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { opacity: 0.5, margin: \"0 8px\" }, children: sep }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { textShadow: \"0 1px 3px rgba(0,0,0,0.6)\" }, children: seg })\n ] }, i)) }, copy))\n }\n ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\"\n },\n children: [0, 1].map(\n (copy) => segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { paddingBottom: `${itemSpacing / 4}px` }, children: seg }, `${copy}-${i}`))\n )\n }\n )\n }\n )\n ] })\n ]\n }\n )\n ] });\n}\nfunction parseConfig(content) {\n if (!content) return null;\n try {\n return JSON.parse(content);\n } catch {\n return null;\n }\n}\nfunction ScoreBugOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.058);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", alignItems: \"center\", padding: `0 ${f * 0.8}px`, gap: f * 0.4 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700 }, children: cfg.homeTeam }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }, children: cfg.homeScore })\n ] }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.8em\", textAlign: \"center\", opacity: 0.7, padding: `0 ${f * 0.4}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { children: cfg.period }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { children: cfg.clock })\n ] }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700 }, children: cfg.awayTeam }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }, children: cfg.awayScore })\n ] })\n ] }),\n (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.7em\", textAlign: \"center\", opacity: 0.6, padding: `${f * 0.2}px ${f * 0.4}px`, borderTop: `1px solid ${cfg.accentColor}40`, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, overflow: \"hidden\" }, children: [\n cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.sponsorImageUrl, alt: \"sponsor\", style: { height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 } }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.sponsorText })\n ] })\n ] });\n}\nfunction LowerThirdOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", flexDirection: \"column\", justifyContent: \"flex-end\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: \"100%\", height: Math.max(2, size.h * 0.06), backgroundColor: cfg.accentColor } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.5}px ${f * 1.2}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.4em\", fontWeight: 700, lineHeight: 1.2, textShadow: \"0 1px 4px rgba(0,0,0,0.5)\" }, children: cfg.headline }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", opacity: 0.7, marginTop: f * 0.2 }, children: cfg.subtitle })\n ] }),\n (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { fontSize: \"0.7em\", opacity: 0.5, padding: `0 ${f * 1.2}px ${f * 0.4}px`, display: \"flex\", alignItems: \"center\", gap: f * 0.4, overflow: \"hidden\" }, children: [\n cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.sponsorImageUrl, alt: \"sponsor\", style: { height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 } }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.sponsorText })\n ] })\n ] });\n}\nfunction QrCodeOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const qrSide = Math.max(32, Math.min(size.w, size.h) * 0.55);\n const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${Math.round(qrSide * 2)}x${Math.round(qrSide * 2)}&data=${encodeURIComponent(cfg.url || \"https://example.com\")}`;\n const f = Math.max(6, size.w * 0.06);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", padding: f * 0.6, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", overflow: \"hidden\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flexShrink: 0, background: \"#fff\", borderRadius: Math.max(2, qrSide * 0.06), padding: Math.max(2, qrSide * 0.06), lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: qrUrl, alt: \"QR Code\", style: { width: `${qrSide}px`, height: `${qrSide}px`, display: \"block\" } }) }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f * 1.1}px`, fontWeight: 700, textAlign: \"center\", color: cfg.accentColor, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }, children: cfg.ctaText }),\n cfg.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f * 0.75}px`, opacity: 0.6, textAlign: \"center\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }, children: cfg.description })\n ] });\n}\nfunction ComingUpNextOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: Math.max(2, size.w * 0.015), flexShrink: 0, backgroundColor: cfg.accentColor } }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.6}px ${f * 1}px`, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor }, children: \"Coming Up Next\" }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.5em\", fontWeight: 700, lineHeight: 1.2, marginTop: f * 0.2, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.title }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.6, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.subtitle }),\n cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 600, marginTop: f * 0.4, color: cfg.accentColor }, children: cfg.scheduledTime })\n ] }),\n cfg.thumbnailUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flexShrink: 0, width: Math.max(40, size.h * 0.75), overflow: \"hidden\" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"img\", { src: cfg.thumbnailUrl, alt: \"thumbnail\", style: { width: \"100%\", height: \"100%\", objectFit: \"cover\", display: \"block\" } }) })\n ] });\n}\nfunction ContextualTriggerOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const icons = { alert: \"\\u26A0\\uFE0F\", celebration: \"\\u{1F389}\", info: \"\\u2139\\uFE0F\", warning: \"\\u{1F514}\" };\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", alignItems: \"center\", gap: f * 0.8, padding: `0 ${f * 1.2}px`, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", borderLeft: `${Math.max(2, size.w * 0.02)}px solid ${cfg.accentColor}`, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { fontSize: \"2em\", flexShrink: 0 }, children: icons[cfg.iconType] || \"\\u26A1\" }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.headline }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.message })\n ] })\n ] });\n}\nfunction OddsBettingOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.052);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", fontWeight: 700, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }, children: cfg.eventTitle }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { flex: 1, display: \"flex\", flexDirection: \"column\", gap: f * 0.2, justifyContent: \"center\" }, children: (cfg.options || []).slice(0, 5).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", padding: `${f * 0.2}px ${f * 0.6}px`, borderRadius: Math.max(2, f * 0.3), background: `${cfg.accentColor}15`, fontSize: \"1em\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", flex: 1 }, children: opt.label }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { style: { fontWeight: 700, marginLeft: f * 0.8, flexShrink: 0, color: cfg.accentColor }, children: opt.odds })\n ] }, i)) }),\n cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.7em\", opacity: 0.4, textAlign: \"center\", marginTop: f * 0.4 }, children: cfg.sponsorText })\n ] });\n}\nfunction BreakingNewsOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n if (!cfg) return null;\n const urgencyColors = { breaking: \"#dc2626\", urgent: \"#ea580c\", normal: \"#2563eb\" };\n const labelBg = urgencyColors[cfg.urgency] || urgencyColors.normal;\n const label = cfg.urgency === \"breaking\" ? \"BREAKING\" : cfg.urgency === \"urgent\" ? \"URGENT\" : \"NEWS\";\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", alignItems: \"center\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { padding: `0 ${f * 0.8}px`, height: \"100%\", display: \"flex\", alignItems: \"center\", background: labelBg, color: \"#fff\", fontSize: \"1em\", fontWeight: 900, textTransform: \"uppercase\", letterSpacing: \"0.05em\", flexShrink: 0 }, children: label }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { flex: 1, padding: `0 ${f * 1}px`, minWidth: 0 }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.headline }),\n cfg.body && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }, children: cfg.body })\n ] })\n ] });\n}\nfunction calcCountdownRemaining(targetTime) {\n const diff = Math.max(0, new Date(targetTime).getTime() - Date.now());\n return {\n d: Math.floor(diff / 864e5),\n h: Math.floor(diff % 864e5 / 36e5),\n m: Math.floor(diff % 36e5 / 6e4),\n s: Math.floor(diff % 6e4 / 1e3),\n expired: diff === 0\n };\n}\nfunction CountdownOverlay({ overlay, size }) {\n const cfg = parseConfig(overlay.content);\n const targetTime = cfg?.targetTime ?? \"\";\n const [remaining, setRemaining] = (0, import_react.useState)(\n () => targetTime ? calcCountdownRemaining(targetTime) : { d: 0, h: 0, m: 0, s: 0, expired: false }\n );\n (0, import_react.useEffect)(() => {\n if (!targetTime) return;\n setRemaining(calcCountdownRemaining(targetTime));\n const id = setInterval(() => setRemaining(calcCountdownRemaining(targetTime)), 1e3);\n return () => clearInterval(id);\n }, [targetTime]);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n const pad = (n) => String(n).padStart(2, \"0\");\n const units = [\n { show: cfg.showDays, value: pad(remaining.d), label: \"DAYS\" },\n { show: cfg.showHours, value: pad(remaining.h), label: \"HRS\" },\n { show: cfg.showMinutes, value: pad(remaining.m), label: \"MIN\" },\n { show: cfg.showSeconds, value: pad(remaining.s), label: \"SEC\" }\n ];\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }, children: cfg.eventName }),\n remaining.expired ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1em\", fontWeight: 700, opacity: 0.6 }, children: cfg.message || \"Event ended\" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { display: \"flex\", gap: f * 0.6, alignItems: \"center\" }, children: units.filter((u) => u.show).map((u, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { style: { textAlign: \"center\" }, children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"2em\", fontWeight: 900, lineHeight: 1, borderRadius: Math.max(2, f * 0.4), padding: `${f * 0.2}px ${f * 0.4}px`, background: `${cfg.accentColor}20` }, children: u.value }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.5em\", opacity: 0.5, marginTop: f * 0.2 }, children: u.label })\n ] }),\n i < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"1.8em\", fontWeight: 700, opacity: 0.3 }, children: \":\" })\n ] }, u.label)) }),\n !remaining.expired && cfg.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: \"0.8em\", opacity: 0.6, marginTop: f * 0.4, textAlign: \"center\" }, children: cfg.message })\n ] });\n}\nfunction ShapeOverlay({ overlay, size }) {\n const f = Math.max(6, size.w * 0.05);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.03), background: \"rgba(99, 102, 241, 0.2)\", border: \"2px solid rgba(99, 102, 241, 0.4)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", pointerEvents: \"none\", userSelect: \"none\" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { fontSize: `${f}px`, fontWeight: 500, color: \"rgba(163, 163, 163, 0.8)\", textTransform: \"uppercase\" }, children: overlay.name }) });\n}\nfunction hexToRgb(hex) {\n if (!hex || !hex.startsWith(\"#\")) return \"0,0,0\";\n const clean = hex.slice(1);\n const num = parseInt(clean.length === 3 ? clean.replace(/./g, \"$&$&\") : clean, 16);\n return `${num >> 16 & 255},${num >> 8 & 255},${num & 255}`;\n}\nvar FADE_DURATION_MS = 1e3;\nvar OverlayRenderer = ({\n overlays,\n currentTime,\n videoRef,\n coordinateSpace\n}) => {\n const [dims, setDims] = (0, import_react.useState)(null);\n const rafRef = (0, import_react.useRef)(null);\n const [fadeMap, setFadeMap] = (0, import_react.useState)(/* @__PURE__ */ new Map());\n const removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());\n const updateDims = (0, import_react.useCallback)(() => {\n const video = videoRef.current;\n if (video) {\n const computed = computeVideoDimensions(video);\n setDims((prev) => {\n if (!computed || prev && prev.nativeWidth === computed.nativeWidth && prev.nativeHeight === computed.nativeHeight && prev.displayWidth === computed.displayWidth && prev.displayHeight === computed.displayHeight && prev.offsetX === computed.offsetX && prev.offsetY === computed.offsetY) {\n return prev;\n }\n return computed;\n });\n }\n }, [videoRef]);\n (0, import_react.useEffect)(() => {\n updateDims();\n const interval = setInterval(updateDims, 500);\n const handleResize = () => {\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n rafRef.current = requestAnimationFrame(updateDims);\n };\n window.addEventListener(\"resize\", handleResize);\n return () => {\n clearInterval(interval);\n window.removeEventListener(\"resize\", handleResize);\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n };\n }, [updateDims]);\n const activeOverlays = (0, import_react.useMemo)(\n () => overlays.filter((o) => isOverlayActive(o, currentTime)),\n [overlays, currentTime]\n );\n (0, import_react.useEffect)(() => {\n const activeIds = new Set(activeOverlays.map((o) => o.id));\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const overlay of activeOverlays) {\n if (!next.has(overlay.id)) {\n next.set(overlay.id, { overlay, visible: false });\n } else {\n const existing = next.get(overlay.id);\n next.set(overlay.id, { ...existing, overlay });\n }\n }\n for (const [id, state] of next) {\n if (!activeIds.has(id) && state.visible) {\n next.set(id, { ...state, visible: false });\n if (!removeTimers.current.has(id)) {\n const timer = setTimeout(() => {\n setFadeMap((m) => {\n const updated = new Map(m);\n updated.delete(id);\n return updated;\n });\n removeTimers.current.delete(id);\n }, FADE_DURATION_MS);\n removeTimers.current.set(id, timer);\n }\n } else if (!activeIds.has(id) && !state.visible) {\n }\n }\n return next;\n });\n }, [activeOverlays]);\n (0, import_react.useEffect)(() => {\n const toFadeIn = [];\n for (const [id, state] of fadeMap) {\n if (!state.visible) {\n const isActive = activeOverlays.some((o) => o.id === id);\n if (isActive) toFadeIn.push(id);\n }\n }\n if (toFadeIn.length === 0) return;\n const raf = requestAnimationFrame(() => {\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const id of toFadeIn) {\n const state = next.get(id);\n if (state) next.set(id, { ...state, visible: true });\n }\n return next;\n });\n });\n return () => cancelAnimationFrame(raf);\n }, [fadeMap, activeOverlays]);\n (0, import_react.useEffect)(() => {\n return () => {\n for (const timer of removeTimers.current.values()) clearTimeout(timer);\n };\n }, []);\n if (!dims || fadeMap.size === 0) return null;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n \"div\",\n {\n \"aria-hidden\": \"true\",\n style: {\n position: \"absolute\",\n left: `${dims.offsetX}px`,\n top: `${dims.offsetY}px`,\n width: `${dims.displayWidth}px`,\n height: `${dims.displayHeight}px`,\n pointerEvents: \"none\",\n overflow: \"hidden\",\n zIndex: 8\n },\n children: [...fadeMap.values()].map(({ overlay, visible }) => {\n const scaleX = coordinateSpace?.width ? dims.displayWidth / coordinateSpace.width : dims.scaleX;\n const scaleY = coordinateSpace?.height ? dims.displayHeight / coordinateSpace.height : dims.scaleY;\n const left = overlay.x * scaleX;\n const top = overlay.y * scaleY;\n const width = overlay.width * scaleX;\n const height = overlay.height * scaleY;\n const baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;\n const opacity = visible ? baseOpacity : 0;\n const sz = { w: width, h: height };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\n \"div\",\n {\n style: {\n position: \"absolute\",\n left: `${left}px`,\n top: `${top}px`,\n width: `${width}px`,\n height: `${height}px`,\n opacity,\n transition: `opacity ${FADE_DURATION_MS}ms ease`,\n zIndex: overlay.z_index,\n overflow: \"hidden\"\n },\n children: [\n overlay.type === \"image\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageOverlay, { overlay }),\n overlay.type === \"text\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextOverlay, { overlay }),\n overlay.type === \"scroller\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollerOverlay, { overlay }),\n overlay.type === \"shape\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShapeOverlay, { overlay, size: sz }),\n overlay.type === \"score_bug\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScoreBugOverlay, { overlay, size: sz }),\n overlay.type === \"lower_third\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LowerThirdOverlay, { overlay, size: sz }),\n overlay.type === \"qr_code\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QrCodeOverlay, { overlay, size: sz }),\n overlay.type === \"coming_up_next\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComingUpNextOverlay, { overlay, size: sz }),\n overlay.type === \"contextual_trigger\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextualTriggerOverlay, { overlay, size: sz }),\n overlay.type === \"odds_betting\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OddsBettingOverlay, { overlay, size: sz }),\n overlay.type === \"breaking_news\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreakingNewsOverlay, { overlay, size: sz }),\n overlay.type === \"countdown\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountdownOverlay, { overlay, size: sz })\n ]\n },\n overlay.id\n );\n })\n }\n );\n};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n OverlayRenderer\n});\n","import React, { useEffect, useRef, useState, useCallback, useMemo, useId } from \"react\";\nimport {\n type SwirlOverlay,\n isOverlayActive,\n resolveImageUrl,\n} from \"../utils/overlays\";\n\ninterface VideoDimensions {\n nativeWidth: number;\n nativeHeight: number;\n displayWidth: number;\n displayHeight: number;\n offsetX: number;\n offsetY: number;\n scaleX: number;\n scaleY: number;\n}\n\ninterface OverlayRendererProps {\n overlays: SwirlOverlay[];\n currentTime: number;\n videoRef: React.RefObject<HTMLVideoElement | null>;\n coordinateSpace?: { width: number; height: number } | null;\n}\n\nfunction computeVideoDimensions(\n video: HTMLVideoElement\n): VideoDimensions | null {\n const nativeWidth = video.videoWidth;\n const nativeHeight = video.videoHeight;\n if (!nativeWidth || !nativeHeight) return null;\n\n const displayWidth = video.offsetWidth;\n const displayHeight = video.offsetHeight;\n if (!displayWidth || !displayHeight) return null;\n\n const videoAspect = nativeWidth / nativeHeight;\n const displayAspect = displayWidth / displayHeight;\n\n let renderWidth: number;\n let renderHeight: number;\n let offsetX: number;\n let offsetY: number;\n\n if (videoAspect > displayAspect) {\n renderWidth = displayWidth;\n renderHeight = displayWidth / videoAspect;\n offsetX = 0;\n offsetY = (displayHeight - renderHeight) / 2;\n } else {\n renderHeight = displayHeight;\n renderWidth = displayHeight * videoAspect;\n offsetX = (displayWidth - renderWidth) / 2;\n offsetY = 0;\n }\n\n return {\n nativeWidth,\n nativeHeight,\n displayWidth: renderWidth,\n displayHeight: renderHeight,\n offsetX,\n offsetY,\n scaleX: renderWidth / nativeWidth,\n scaleY: renderHeight / nativeHeight,\n };\n}\n\nfunction ImageOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const src = resolveImageUrl(overlay.image_url || \"\");\n if (!src) return null;\n return (\n <img\n src={src}\n alt={overlay.name}\n draggable={false}\n style={{\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n display: \"block\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n }}\n />\n );\n}\n\nfunction TextOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const text = overlay.content || \"\";\n return (\n <div\n style={{\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#ffffff\",\n fontSize: \"clamp(10px, 1.4vw, 20px)\",\n fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\",\n fontWeight: 600,\n textAlign: \"center\",\n padding: \"4px 8px\",\n boxSizing: \"border-box\",\n wordBreak: \"break-word\",\n textShadow: \"0 1px 4px rgba(0,0,0,0.7)\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n lineHeight: 1.3,\n }}\n >\n {text}\n </div>\n );\n}\n\ninterface RSSItem {\n title: string;\n description: string;\n pubDate: string;\n author: string;\n category: string;\n}\n\nfunction parseRSSXml(xmlText: string, maxItems: number): RSSItem[] {\n const stripped = xmlText.replace(/^<\\?xml[^?]*\\?>\\s*/, \"\");\n const parser = new DOMParser();\n const doc = parser.parseFromString(stripped, \"text/xml\");\n const items = Array.from(doc.querySelectorAll(\"item\"))\n .map((item) => ({\n title: (item.querySelector(\"title\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n description: (item.querySelector(\"description\")?.textContent || \"\").replace(/<[^>]*>/g, \"\").trim(),\n pubDate: item.querySelector(\"pubDate\")?.textContent || \"\",\n author: item.querySelector(\"author, dc\\\\:creator\")?.textContent || \"\",\n category: item.querySelector(\"category\")?.textContent || \"\",\n }))\n .filter((i) => i.title)\n .slice(0, maxItems);\n if (items.length === 0 && doc.querySelector(\"parsererror\")) {\n throw new Error(\"Invalid RSS XML\");\n }\n return items;\n}\n\nconst RSS_CACHE_TTL_MS = 60_000;\nconst rssCache = new Map<string, { promise: Promise<RSSItem[]>; expiresAt: number }>();\n\nfunction cachedFetchRSSItems(rssUrl: string, maxItems: number): Promise<RSSItem[]> {\n const now = Date.now();\n const cached = rssCache.get(rssUrl);\n if (cached && cached.expiresAt > now) return cached.promise;\n const promise = fetchRSSItems(rssUrl, maxItems).catch((err) => {\n rssCache.delete(rssUrl);\n throw err;\n });\n rssCache.set(rssUrl, { promise, expiresAt: now + RSS_CACHE_TTL_MS });\n return promise;\n}\n\nasync function fetchRSSItems(rssUrl: string, maxItems: number): Promise<RSSItem[]> {\n const encoded = encodeURIComponent(rssUrl);\n\n try {\n const origin = typeof window !== \"undefined\" ? window.location.origin : \"\";\n const resp = await fetch(`${origin}/api/rss-proxy?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text.includes(\"<item\")) return parseRSSXml(text, maxItems);\n }\n } catch { /* fall through */ }\n\n try {\n const resp = await fetch(`https://api.allorigins.win/get?url=${encoded}`);\n if (resp.ok) {\n const data = await resp.json();\n if (data.contents) return parseRSSXml(data.contents, maxItems);\n }\n } catch { /* fall through */ }\n\n try {\n const resp = await fetch(`https://corsproxy.io/?url=${encoded}`);\n if (resp.ok) {\n const text = await resp.text();\n if (text) return parseRSSXml(text, maxItems);\n }\n } catch { /* fall through */ }\n\n throw new Error(\"All RSS proxies failed\");\n}\n\nfunction ScrollerOverlay({ overlay }: { overlay: SwirlOverlay }) {\n const cfg = overlay.scroller_config;\n const uid = useId().replace(/:/g, \"\");\n\n const [rssItems, setRssItems] = useState<RSSItem[]>([]);\n const [rssLoading, setRssLoading] = useState(true);\n const [rssError, setRssError] = useState(false);\n\n const rssUrl = cfg?.rss_url || \"\";\n const maxItems = cfg?.max_items ?? 10;\n const autoRefresh = cfg?.auto_refresh !== false;\n const updateInterval = cfg?.update_interval ?? 5;\n\n useEffect(() => {\n if (!rssUrl || (cfg?.use_custom_text && cfg?.custom_text)) {\n setRssLoading(false);\n return;\n }\n let cancelled = false;\n setRssLoading(true);\n setRssError(false);\n cachedFetchRSSItems(rssUrl, maxItems)\n .then((items) => { if (!cancelled) { setRssItems(items); setRssError(false); } })\n .catch(() => { if (!cancelled) setRssError(true); })\n .finally(() => { if (!cancelled) setRssLoading(false); });\n return () => { cancelled = true; };\n }, [rssUrl, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n\n useEffect(() => {\n if (!rssUrl || !autoRefresh || (cfg?.use_custom_text && cfg?.custom_text)) return;\n const interval = setInterval(() => {\n rssCache.delete(rssUrl);\n cachedFetchRSSItems(rssUrl, maxItems)\n .then((items) => { setRssItems(items); setRssError(false); })\n .catch(() => { /* keep showing last good items */ });\n }, updateInterval * 60 * 1000);\n return () => clearInterval(interval);\n }, [rssUrl, autoRefresh, updateInterval, maxItems, cfg?.use_custom_text, cfg?.custom_text]);\n\n const sep = cfg?.separator_char ?? \"◆\";\n\n let segments: string[];\n if (cfg?.use_custom_text && cfg?.custom_text) {\n segments = [cfg.custom_text];\n } else if (rssItems.length > 0) {\n segments = rssItems.map((item) => {\n const parts: string[] = [];\n if (cfg?.show_title !== false && item.title) parts.push(item.title);\n if (cfg?.show_description && item.description) parts.push(item.description);\n if (cfg?.show_timestamp && item.pubDate) {\n try { parts.push(new Date(item.pubDate).toLocaleDateString()); } catch { /* ignore */ }\n }\n if (cfg?.show_author && item.author) parts.push(`— ${item.author}`);\n if (cfg?.show_category && item.category) parts.push(`[${item.category}]`);\n return parts.join(\" \");\n });\n } else if (rssLoading) {\n segments = [\"Loading feed…\"];\n } else if (rssError) {\n segments = overlay.content ? [overlay.content] : [\"RSS feed unavailable\"];\n } else if (overlay.content) {\n segments = [overlay.content];\n } else {\n segments = rssUrl ? [\"Loading feed…\"] : [\"RSS Ticker\"];\n }\n\n const scrollSpeed = cfg?.scroll_speed ?? 40;\n const direction = cfg?.direction ?? \"left\";\n const fontSize = cfg?.font_size ?? 15;\n const fontFamily = cfg?.font_family || \"Roboto, 'Segoe UI', Arial, sans-serif\";\n const fontWeight = cfg?.font_weight || \"700\";\n const textColor = cfg?.text_color || \"#ffffff\";\n const bgColor = cfg?.background_color || \"#0d0d1a\";\n const bgOpacity = cfg?.background_opacity !== undefined ? cfg.background_opacity / 100 : 0.95;\n const borderRadius = cfg?.border_radius ?? 0;\n const itemSpacing = cfg?.item_spacing ?? 60;\n\n const label = cfg?.label ?? \"NEWS\";\n const labelLine2 = cfg?.label_line2 ?? \"\";\n const labelColor = cfg?.label_color ?? \"#f97316\";\n const labelTextColor = cfg?.label_text_color ?? \"#ffffff\";\n const accentColor = cfg?.accent_color ?? labelColor;\n const showAccentLine = cfg?.show_accent_line !== false;\n\n const isHorizontal = direction === \"left\" || direction === \"right\";\n const isReverse = direction === \"right\" || direction === \"down\";\n\n const fullText = segments.join(` ${sep} `);\n const durationSec = Math.max(6, (fullText.length * 9) / scrollSpeed);\n\n const animId = `sc-ticker-${overlay.id}-${uid}`;\n const keyframes = isHorizontal\n ? `@keyframes ${animId} {\n ${isReverse\n ? \"0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }\"\n : \"0% { transform: translateX(0); } 100% { transform: translateX(-50%); }\"}\n }`\n : `@keyframes ${animId} {\n ${isReverse\n ? \"0% { transform: translateY(-50%); } 100% { transform: translateY(0%); }\"\n : \"0% { transform: translateY(0); } 100% { transform: translateY(-50%); }\"}\n }`;\n\n return (\n <>\n <style>{keyframes}</style>\n <div\n style={{\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n borderRadius: borderRadius > 0 ? `${borderRadius}px` : undefined,\n backgroundColor: `rgba(${hexToRgb(bgColor)}, ${bgOpacity})`,\n fontFamily,\n fontSize: `${fontSize}px`,\n fontWeight,\n color: textColor,\n pointerEvents: \"none\",\n userSelect: \"none\",\n }}\n >\n {/* Top accent line */}\n {showAccentLine && (\n <div style={{ height: 3, background: accentColor, flexShrink: 0, width: \"100%\" }} />\n )}\n\n {/* Main row */}\n <div style={{ display: \"flex\", flex: 1, overflow: \"hidden\", minHeight: 0 }}>\n {/* Label badge */}\n {label && (\n <div\n style={{\n background: labelColor,\n color: labelTextColor,\n padding: \"0 14px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n minWidth: 72,\n textAlign: \"center\",\n gap: 1,\n }}\n >\n <span\n style={{\n fontWeight: 800,\n fontSize: \"0.82em\",\n letterSpacing: \"0.05em\",\n lineHeight: 1.1,\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n }}\n >\n {label}\n </span>\n {labelLine2 && (\n <span\n style={{\n fontWeight: 500,\n fontSize: \"0.62em\",\n letterSpacing: \"0.03em\",\n lineHeight: 1.1,\n opacity: 0.85,\n whiteSpace: \"nowrap\",\n }}\n >\n {labelLine2}\n </span>\n )}\n </div>\n )}\n\n {/* Accent divider */}\n {label && (\n <div style={{ width: 3, background: accentColor, flexShrink: 0 }} />\n )}\n\n {/* Scrolling text */}\n <div\n style={{\n flex: 1,\n overflow: \"hidden\",\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n }}\n >\n {isHorizontal ? (\n <div\n style={{\n display: \"inline-flex\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\",\n }}\n >\n {[0, 1].map((copy) => (\n <span key={copy} style={{ paddingRight: `${itemSpacing}px` }}>\n {segments.map((seg, i) => (\n <React.Fragment key={i}>\n {i > 0 && (\n <span style={{ opacity: 0.5, margin: \"0 8px\" }}>{sep}</span>\n )}\n <span style={{ textShadow: \"0 1px 3px rgba(0,0,0,0.6)\" }}>{seg}</span>\n </React.Fragment>\n ))}\n </span>\n ))}\n </div>\n ) : (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n whiteSpace: \"nowrap\",\n animation: `${animId} ${durationSec}s linear infinite`,\n willChange: \"transform\",\n }}\n >\n {[0, 1].map((copy) =>\n segments.map((seg, i) => (\n <div key={`${copy}-${i}`} style={{ paddingBottom: `${itemSpacing / 4}px` }}>\n {seg}\n </div>\n ))\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n </>\n );\n}\n\nfunction parseConfig<T>(content?: string): T | null {\n if (!content) return null;\n try { return JSON.parse(content) as T; } catch { return null; }\n}\n\ninterface OverlaySize { w: number; h: number; }\n\ninterface ScoreBugCfg { homeTeam: string; awayTeam: string; homeScore: number; awayScore: number; period: string; clock: string; sponsorText: string; sponsorImageUrl: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface LowerThirdCfg { headline: string; subtitle: string; sponsorText: string; sponsorImageUrl: string; backgroundColor: string; textColor: string; accentColor: string; style: string; }\ninterface QrCodeCfg { url: string; ctaText: string; description: string; size: number; backgroundColor: string; textColor: string; accentColor: string; }\ninterface ComingUpNextCfg { title: string; subtitle: string; scheduledTime: string; thumbnailUrl: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface ContextualTriggerCfg { triggerType: string; headline: string; message: string; iconType: string; backgroundColor: string; textColor: string; accentColor: string; animationStyle: string; }\ninterface OddsBettingCfg { eventTitle: string; options: Array<{ label: string; odds: string }>; sponsorText: string; backgroundColor: string; textColor: string; accentColor: string; oddsFormat: string; }\ninterface BreakingNewsCfg { headline: string; body: string; urgency: string; backgroundColor: string; textColor: string; accentColor: string; }\ninterface CountdownCfg { eventName: string; targetTime: string; message: string; showDays: boolean; showHours: boolean; showMinutes: boolean; showSeconds: boolean; backgroundColor: string; textColor: string; accentColor: string; }\n\nfunction ScoreBugOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ScoreBugCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.058);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ flex: 1, display: \"flex\", alignItems: \"center\", padding: `0 ${f * 0.8}px`, gap: f * 0.4 }}>\n <div style={{ flex: 1, textAlign: \"center\" }}>\n <div style={{ fontSize: \"1em\", fontWeight: 700 }}>{cfg.homeTeam}</div>\n <div style={{ fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }}>{cfg.homeScore}</div>\n </div>\n <div style={{ fontSize: \"0.8em\", textAlign: \"center\", opacity: 0.7, padding: `0 ${f * 0.4}px` }}>\n <div>{cfg.period}</div>\n <div>{cfg.clock}</div>\n </div>\n <div style={{ flex: 1, textAlign: \"center\" }}>\n <div style={{ fontSize: \"1em\", fontWeight: 700 }}>{cfg.awayTeam}</div>\n <div style={{ fontSize: \"1.8em\", fontWeight: 900, lineHeight: 1 }}>{cfg.awayScore}</div>\n </div>\n </div>\n {(cfg.sponsorText || cfg.sponsorImageUrl) && (\n <div style={{ fontSize: \"0.7em\", textAlign: \"center\", opacity: 0.6, padding: `${f * 0.2}px ${f * 0.4}px`, borderTop: `1px solid ${cfg.accentColor}40`, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, overflow: \"hidden\" }}>\n {cfg.sponsorImageUrl && <img src={cfg.sponsorImageUrl} alt=\"sponsor\" style={{ height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 }} />}\n {cfg.sponsorText && <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.sponsorText}</span>}\n </div>\n )}\n </div>\n );\n}\n\nfunction LowerThirdOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<LowerThirdCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.055);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", flexDirection: \"column\", justifyContent: \"flex-end\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ width: \"100%\", height: Math.max(2, size.h * 0.06), backgroundColor: cfg.accentColor }} />\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.5}px ${f * 1.2}px` }}>\n <div style={{ fontSize: \"1.4em\", fontWeight: 700, lineHeight: 1.2, textShadow: \"0 1px 4px rgba(0,0,0,0.5)\" }}>{cfg.headline}</div>\n <div style={{ fontSize: \"1em\", opacity: 0.7, marginTop: f * 0.2 }}>{cfg.subtitle}</div>\n </div>\n {(cfg.sponsorText || cfg.sponsorImageUrl) && (\n <div style={{ fontSize: \"0.7em\", opacity: 0.5, padding: `0 ${f * 1.2}px ${f * 0.4}px`, display: \"flex\", alignItems: \"center\", gap: f * 0.4, overflow: \"hidden\" }}>\n {cfg.sponsorImageUrl && <img src={cfg.sponsorImageUrl} alt=\"sponsor\" style={{ height: `${f * 1.4}px`, objectFit: \"contain\", flexShrink: 0 }} />}\n {cfg.sponsorText && <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.sponsorText}</span>}\n </div>\n )}\n </div>\n );\n}\n\nfunction QrCodeOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<QrCodeCfg>(overlay.content);\n if (!cfg) return null;\n const qrSide = Math.max(32, Math.min(size.w, size.h) * 0.55);\n const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${Math.round(qrSide * 2)}x${Math.round(qrSide * 2)}&data=${encodeURIComponent(cfg.url || \"https://example.com\")}`;\n const f = Math.max(6, size.w * 0.06);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", gap: f * 0.4, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", padding: f * 0.6, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", overflow: \"hidden\" }}>\n <div style={{ flexShrink: 0, background: \"#fff\", borderRadius: Math.max(2, qrSide * 0.06), padding: Math.max(2, qrSide * 0.06), lineHeight: 0 }}>\n <img src={qrUrl} alt=\"QR Code\" style={{ width: `${qrSide}px`, height: `${qrSide}px`, display: \"block\" }} />\n </div>\n <div style={{ fontSize: `${f * 1.1}px`, fontWeight: 700, textAlign: \"center\", color: cfg.accentColor, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }}>{cfg.ctaText}</div>\n {cfg.description && <div style={{ fontSize: `${f * 0.75}px`, opacity: 0.6, textAlign: \"center\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\" }}>{cfg.description}</div>}\n </div>\n );\n}\n\nfunction ComingUpNextOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ComingUpNextCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ width: Math.max(2, size.w * 0.015), flexShrink: 0, backgroundColor: cfg.accentColor }} />\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", padding: `${f * 0.6}px ${f * 1.0}px`, minWidth: 0 }}>\n <div style={{ fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor }}>Coming Up Next</div>\n <div style={{ fontSize: \"1.5em\", fontWeight: 700, lineHeight: 1.2, marginTop: f * 0.2, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.title}</div>\n <div style={{ fontSize: \"0.9em\", opacity: 0.6, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.subtitle}</div>\n {cfg.scheduledTime && <div style={{ fontSize: \"1em\", fontWeight: 600, marginTop: f * 0.4, color: cfg.accentColor }}>{cfg.scheduledTime}</div>}\n </div>\n {cfg.thumbnailUrl && (\n <div style={{ flexShrink: 0, width: Math.max(40, size.h * 0.75), overflow: \"hidden\" }}>\n <img src={cfg.thumbnailUrl} alt=\"thumbnail\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", display: \"block\" }} />\n </div>\n )}\n </div>\n );\n}\n\nfunction ContextualTriggerOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<ContextualTriggerCfg>(overlay.content);\n if (!cfg) return null;\n const icons: Record<string, string> = { alert: \"\\u26A0\\uFE0F\", celebration: \"\\uD83C\\uDF89\", info: \"\\u2139\\uFE0F\", warning: \"\\uD83D\\uDD14\" };\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", alignItems: \"center\", gap: f * 0.8, padding: `0 ${f * 1.2}px`, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", borderLeft: `${Math.max(2, size.w * 0.02)}px solid ${cfg.accentColor}`, boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <span style={{ fontSize: \"2em\", flexShrink: 0 }}>{icons[cfg.iconType] || \"\\u26A1\"}</span>\n <div style={{ flex: 1, minWidth: 0 }}>\n <div style={{ fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.headline}</div>\n <div style={{ fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.message}</div>\n </div>\n </div>\n );\n}\n\nfunction OddsBettingOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<OddsBettingCfg>(overlay.content);\n if (!cfg) return null;\n const f = Math.max(6, size.w * 0.052);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ fontSize: \"0.9em\", fontWeight: 700, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }}>{cfg.eventTitle}</div>\n <div style={{ flex: 1, display: \"flex\", flexDirection: \"column\", gap: f * 0.2, justifyContent: \"center\" }}>\n {(cfg.options || []).slice(0, 5).map((opt, i) => (\n <div key={i} style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", padding: `${f * 0.2}px ${f * 0.6}px`, borderRadius: Math.max(2, f * 0.3), background: `${cfg.accentColor}15`, fontSize: \"1em\" }}>\n <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", flex: 1 }}>{opt.label}</span>\n <span style={{ fontWeight: 700, marginLeft: f * 0.8, flexShrink: 0, color: cfg.accentColor }}>{opt.odds}</span>\n </div>\n ))}\n </div>\n {cfg.sponsorText && <div style={{ fontSize: \"0.7em\", opacity: 0.4, textAlign: \"center\", marginTop: f * 0.4 }}>{cfg.sponsorText}</div>}\n </div>\n );\n}\n\nfunction BreakingNewsOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<BreakingNewsCfg>(overlay.content);\n if (!cfg) return null;\n const urgencyColors: Record<string, string> = { breaking: \"#dc2626\", urgent: \"#ea580c\", normal: \"#2563eb\" };\n const labelBg = urgencyColors[cfg.urgency] || urgencyColors.normal;\n const label = cfg.urgency === \"breaking\" ? \"BREAKING\" : cfg.urgency === \"urgent\" ? \"URGENT\" : \"NEWS\";\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.02), display: \"flex\", alignItems: \"center\", background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", overflow: \"hidden\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ padding: `0 ${f * 0.8}px`, height: \"100%\", display: \"flex\", alignItems: \"center\", background: labelBg, color: \"#fff\", fontSize: \"1em\", fontWeight: 900, textTransform: \"uppercase\", letterSpacing: \"0.05em\", flexShrink: 0 }}>{label}</div>\n <div style={{ flex: 1, padding: `0 ${f * 1.0}px`, minWidth: 0 }}>\n <div style={{ fontSize: \"1.3em\", fontWeight: 700, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.headline}</div>\n {cfg.body && <div style={{ fontSize: \"0.9em\", opacity: 0.7, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{cfg.body}</div>}\n </div>\n </div>\n );\n}\n\nfunction calcCountdownRemaining(targetTime: string) {\n const diff = Math.max(0, new Date(targetTime).getTime() - Date.now());\n return {\n d: Math.floor(diff / 86400000),\n h: Math.floor((diff % 86400000) / 3600000),\n m: Math.floor((diff % 3600000) / 60000),\n s: Math.floor((diff % 60000) / 1000),\n expired: diff === 0,\n };\n}\n\nfunction CountdownOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const cfg = parseConfig<CountdownCfg>(overlay.content);\n const targetTime = cfg?.targetTime ?? \"\";\n const [remaining, setRemaining] = useState(() =>\n targetTime ? calcCountdownRemaining(targetTime) : { d: 0, h: 0, m: 0, s: 0, expired: false }\n );\n\n useEffect(() => {\n if (!targetTime) return;\n setRemaining(calcCountdownRemaining(targetTime));\n const id = setInterval(() => setRemaining(calcCountdownRemaining(targetTime)), 1000);\n return () => clearInterval(id);\n }, [targetTime]);\n\n if (!cfg) return null;\n\n const f = Math.max(6, size.w * 0.055);\n const pad = (n: number) => String(n).padStart(2, \"0\");\n const units: Array<{ show: boolean; value: string; label: string }> = [\n { show: cfg.showDays, value: pad(remaining.d), label: \"DAYS\" },\n { show: cfg.showHours, value: pad(remaining.h), label: \"HRS\" },\n { show: cfg.showMinutes, value: pad(remaining.m), label: \"MIN\" },\n { show: cfg.showSeconds, value: pad(remaining.s), label: \"SEC\" },\n ];\n\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.035), display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\", padding: f * 0.8, background: cfg.backgroundColor, color: cfg.textColor, fontFamily: \"Roboto, 'Segoe UI', Arial, sans-serif\", boxSizing: \"border-box\", pointerEvents: \"none\", userSelect: \"none\", fontSize: `${f}px` }}>\n <div style={{ fontSize: \"0.8em\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.05em\", color: cfg.accentColor, marginBottom: f * 0.4 }}>{cfg.eventName}</div>\n {remaining.expired ? (\n <div style={{ fontSize: \"1em\", fontWeight: 700, opacity: 0.6 }}>{cfg.message || \"Event ended\"}</div>\n ) : (\n <div style={{ display: \"flex\", gap: f * 0.6, alignItems: \"center\" }}>\n {units.filter(u => u.show).map((u, i, arr) => (\n <React.Fragment key={u.label}>\n <div style={{ textAlign: \"center\" }}>\n <div style={{ fontSize: \"2em\", fontWeight: 900, lineHeight: 1, borderRadius: Math.max(2, f * 0.4), padding: `${f * 0.2}px ${f * 0.4}px`, background: `${cfg.accentColor}20` }}>{u.value}</div>\n <div style={{ fontSize: \"0.5em\", opacity: 0.5, marginTop: f * 0.2 }}>{u.label}</div>\n </div>\n {i < arr.length - 1 && <div style={{ fontSize: \"1.8em\", fontWeight: 700, opacity: 0.3 }}>:</div>}\n </React.Fragment>\n ))}\n </div>\n )}\n {!remaining.expired && cfg.message && <div style={{ fontSize: \"0.8em\", opacity: 0.6, marginTop: f * 0.4, textAlign: \"center\" }}>{cfg.message}</div>}\n </div>\n );\n}\n\nfunction ShapeOverlay({ overlay, size }: { overlay: SwirlOverlay; size: OverlaySize }) {\n const f = Math.max(6, size.w * 0.05);\n return (\n <div style={{ width: \"100%\", height: \"100%\", borderRadius: Math.max(2, size.w * 0.03), background: \"rgba(99, 102, 241, 0.2)\", border: \"2px solid rgba(99, 102, 241, 0.4)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", pointerEvents: \"none\", userSelect: \"none\" }}>\n <div style={{ fontSize: `${f}px`, fontWeight: 500, color: \"rgba(163, 163, 163, 0.8)\", textTransform: \"uppercase\" }}>{overlay.name}</div>\n </div>\n );\n}\n\nfunction hexToRgb(hex: string): string {\n if (!hex || !hex.startsWith(\"#\")) return \"0,0,0\";\n const clean = hex.slice(1);\n const num = parseInt(clean.length === 3 ? clean.replace(/./g, \"$&$&\") : clean, 16);\n return `${(num >> 16) & 255},${(num >> 8) & 255},${num & 255}`;\n}\n\ninterface OverlayFadeState {\n overlay: SwirlOverlay;\n visible: boolean;\n}\n\nconst FADE_DURATION_MS = 1000;\n\nexport const OverlayRenderer: React.FC<OverlayRendererProps> = ({\n overlays,\n currentTime,\n videoRef,\n coordinateSpace,\n}) => {\n const [dims, setDims] = useState<VideoDimensions | null>(null);\n const rafRef = useRef<number | null>(null);\n const [fadeMap, setFadeMap] = useState<Map<number, OverlayFadeState>>(new Map());\n const removeTimers = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map());\n\n const updateDims = useCallback(() => {\n const video = videoRef.current;\n if (video) {\n const computed = computeVideoDimensions(video);\n setDims((prev) => {\n if (\n !computed ||\n (prev &&\n prev.nativeWidth === computed.nativeWidth &&\n prev.nativeHeight === computed.nativeHeight &&\n prev.displayWidth === computed.displayWidth &&\n prev.displayHeight === computed.displayHeight &&\n prev.offsetX === computed.offsetX &&\n prev.offsetY === computed.offsetY)\n ) {\n return prev;\n }\n return computed;\n });\n }\n }, [videoRef]);\n\n useEffect(() => {\n updateDims();\n const interval = setInterval(updateDims, 500);\n\n const handleResize = () => {\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n rafRef.current = requestAnimationFrame(updateDims);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => {\n clearInterval(interval);\n window.removeEventListener(\"resize\", handleResize);\n if (rafRef.current) cancelAnimationFrame(rafRef.current);\n };\n }, [updateDims]);\n\n const activeOverlays = useMemo(\n () => overlays.filter((o) => isOverlayActive(o, currentTime)),\n [overlays, currentTime]\n );\n\n useEffect(() => {\n const activeIds = new Set(activeOverlays.map((o) => o.id));\n\n setFadeMap((prev) => {\n const next = new Map(prev);\n\n for (const overlay of activeOverlays) {\n if (!next.has(overlay.id)) {\n next.set(overlay.id, { overlay, visible: false });\n } else {\n const existing = next.get(overlay.id)!;\n next.set(overlay.id, { ...existing, overlay });\n }\n }\n\n for (const [id, state] of next) {\n if (!activeIds.has(id) && state.visible) {\n next.set(id, { ...state, visible: false });\n if (!removeTimers.current.has(id)) {\n const timer = setTimeout(() => {\n setFadeMap((m) => {\n const updated = new Map(m);\n updated.delete(id);\n return updated;\n });\n removeTimers.current.delete(id);\n }, FADE_DURATION_MS);\n removeTimers.current.set(id, timer);\n }\n } else if (!activeIds.has(id) && !state.visible) {\n }\n }\n\n return next;\n });\n }, [activeOverlays]);\n\n useEffect(() => {\n const toFadeIn: number[] = [];\n for (const [id, state] of fadeMap) {\n if (!state.visible) {\n const isActive = activeOverlays.some((o) => o.id === id);\n if (isActive) toFadeIn.push(id);\n }\n }\n if (toFadeIn.length === 0) return;\n\n const raf = requestAnimationFrame(() => {\n setFadeMap((prev) => {\n const next = new Map(prev);\n for (const id of toFadeIn) {\n const state = next.get(id);\n if (state) next.set(id, { ...state, visible: true });\n }\n return next;\n });\n });\n return () => cancelAnimationFrame(raf);\n }, [fadeMap, activeOverlays]);\n\n useEffect(() => {\n return () => {\n for (const timer of removeTimers.current.values()) clearTimeout(timer);\n };\n }, []);\n\n if (!dims || fadeMap.size === 0) return null;\n\n return (\n <div\n aria-hidden=\"true\"\n style={{\n position: \"absolute\",\n left: `${dims.offsetX}px`,\n top: `${dims.offsetY}px`,\n width: `${dims.displayWidth}px`,\n height: `${dims.displayHeight}px`,\n pointerEvents: \"none\",\n overflow: \"hidden\",\n zIndex: 8,\n }}\n >\n {[...fadeMap.values()].map(({ overlay, visible }) => {\n const scaleX =\n coordinateSpace?.width\n ? dims.displayWidth / coordinateSpace.width\n : dims.scaleX;\n const scaleY =\n coordinateSpace?.height\n ? dims.displayHeight / coordinateSpace.height\n : dims.scaleY;\n const left = overlay.x * scaleX;\n const top = overlay.y * scaleY;\n const width = overlay.width * scaleX;\n const height = overlay.height * scaleY;\n const baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;\n const opacity = visible ? baseOpacity : 0;\n const sz: OverlaySize = { w: width, h: height };\n\n return (\n <div\n key={overlay.id}\n style={{\n position: \"absolute\",\n left: `${left}px`,\n top: `${top}px`,\n width: `${width}px`,\n height: `${height}px`,\n opacity,\n transition: `opacity ${FADE_DURATION_MS}ms ease`,\n zIndex: overlay.z_index,\n overflow: \"hidden\",\n }}\n >\n {overlay.type === \"image\" && <ImageOverlay overlay={overlay} />}\n {overlay.type === \"text\" && <TextOverlay overlay={overlay} />}\n {overlay.type === \"scroller\" && <ScrollerOverlay overlay={overlay} />}\n {overlay.type === \"shape\" && <ShapeOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"score_bug\" && <ScoreBugOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"lower_third\" && <LowerThirdOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"qr_code\" && <QrCodeOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"coming_up_next\" && <ComingUpNextOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"contextual_trigger\" && <ContextualTriggerOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"odds_betting\" && <OddsBettingOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"breaking_news\" && <BreakingNewsOverlay overlay={overlay} size={sz} />}\n {overlay.type === \"countdown\" && <CountdownOverlay overlay={overlay} size={sz} />}\n </div>\n );\n })}\n </div>\n );\n};\n","const OVERLAY_API_BASE = \"https://adstorm.co/api-adstorm-dev\";\n\nexport interface OverlayCoordinateSpace {\n width: number;\n height: number;\n}\n\nexport interface SwirlScrollerConfig {\n rss_url?: string;\n update_interval?: number;\n scroll_speed?: number;\n direction?: string;\n font_size?: number;\n font_family?: string;\n font_weight?: string;\n text_color?: string;\n background_color?: string;\n background_opacity?: number;\n border_color?: string;\n border_width?: number;\n border_radius?: number;\n padding?: number;\n margin?: number;\n show_title?: boolean;\n show_description?: boolean;\n show_timestamp?: boolean;\n show_author?: boolean;\n show_category?: boolean;\n max_items?: number;\n item_spacing?: number;\n fade_in_out?: boolean;\n fade_distance?: number;\n auto_refresh?: boolean;\n use_custom_text?: boolean;\n custom_text?: string;\n // Broadcast ticker branding\n label?: string;\n label_line2?: string;\n label_color?: string;\n label_text_color?: string;\n accent_color?: string;\n show_accent_line?: boolean;\n separator_char?: string;\n preset?: string;\n}\n\nexport type SwirlOverlayType =\n | \"image\"\n | \"text\"\n | \"scroller\"\n | \"shape\"\n | \"score_bug\"\n | \"lower_third\"\n | \"qr_code\"\n | \"coming_up_next\"\n | \"contextual_trigger\"\n | \"odds_betting\"\n | \"breaking_news\"\n | \"countdown\";\n\nexport interface SwirlOverlay {\n id: number;\n project_id: number;\n name: string;\n type: SwirlOverlayType | string;\n visible: boolean;\n x: number;\n y: number;\n width: number;\n height: number;\n opacity: number;\n start_time: string;\n duration: string;\n content?: string;\n image_url?: string;\n scroller_config?: SwirlScrollerConfig;\n z_index: number;\n created_at?: string;\n updated_at?: string;\n}\n\nexport function timeStringToSeconds(timeStr: string): number {\n if (!timeStr) return 0;\n\n const parts = timeStr.split(\":\");\n\n if (parts.length >= 3) {\n const hours = parseInt(parts[0] ?? \"0\", 10) || 0;\n const minutes = parseInt(parts[1] ?? \"0\", 10) || 0;\n const secStr = parts[2] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds =\n parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return hours * 3600 + minutes * 60 + seconds + ms / 1000;\n }\n\n if (parts.length === 2) {\n const minutes = parseInt(parts[0] ?? \"0\", 10) || 0;\n const secStr = parts[1] ?? \"0\";\n const dotIdx = secStr.indexOf(\".\");\n const seconds =\n parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;\n const msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : \"\";\n const ms = msFrag ? parseInt(msFrag.padEnd(3, \"0\").substring(0, 3), 10) || 0 : 0;\n return minutes * 60 + seconds + ms / 1000;\n }\n\n const num = parseFloat(timeStr);\n return isFinite(num) ? Math.max(0, num) : 0;\n}\n\nexport function isOverlayActive(\n overlay: SwirlOverlay,\n currentTime: number\n): boolean {\n if (!overlay.visible) return false;\n const startSec = timeStringToSeconds(overlay.start_time);\n const durationSec = timeStringToSeconds(overlay.duration);\n if (durationSec <= 0) return false;\n return currentTime >= startSec && currentTime < startSec + durationSec;\n}\n\nexport async function fetchProjectOverlays(\n projectId: number,\n apiBaseUrl: string = OVERLAY_API_BASE\n): Promise<SwirlOverlay[]> {\n const response = await fetch(\n `${apiBaseUrl}/adstorm/swirl/projects/${projectId}/overlays`\n );\n if (!response.ok) {\n throw new Error(\n `Failed to fetch overlays: ${response.status} ${response.statusText}`\n );\n }\n const data = await response.json();\n return Array.isArray(data) ? data : [];\n}\n\nexport function resolveImageUrl(\n imageUrl: string,\n apiBaseUrl: string = OVERLAY_API_BASE\n): string {\n if (!imageUrl) return \"\";\n if (imageUrl.startsWith(\"http://\") || imageUrl.startsWith(\"https://\")) {\n return imageUrl;\n }\n if (imageUrl.startsWith(\"/\")) {\n try {\n const url = new URL(apiBaseUrl);\n return `${url.origin}${imageUrl}`;\n } catch {\n return imageUrl;\n }\n }\n return `${apiBaseUrl}/${imageUrl}`;\n}\n"]}