stormcloud-video-player 0.7.29 → 0.7.31

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -5778,10 +5778,10 @@ function TextOverlay(param) {
     });
 }
 function parseRSSXml(xmlText, maxItems) {
+    var stripped = xmlText.replace(/^<\?xml[^?]*\?>\s*/, "");
     var parser = new DOMParser();
-    var doc = parser.parseFromString(xmlText, "text/xml");
-    if (doc.querySelector("parsererror")) throw new Error("Invalid RSS XML");
-    return Array.from(doc.querySelectorAll("item")).map(function(item) {
+    var doc = parser.parseFromString(stripped, "text/xml");
+    var items = Array.from(doc.querySelectorAll("item")).map(function(item) {
         var _item_querySelector, _item_querySelector1, _item_querySelector2, _item_querySelector3, _item_querySelector4;
         return {
             title: (((_item_querySelector = item.querySelector("title")) === null || _item_querySelector === void 0 ? void 0 : _item_querySelector.textContent) || "").replace(/<[^>]*>/g, "").trim(),
@@ -5793,6 +5793,26 @@ function parseRSSXml(xmlText, maxItems) {
     }).filter(function(i) {
         return i.title;
     }).slice(0, maxItems);
+    if (items.length === 0 && doc.querySelector("parsererror")) {
+        throw new Error("Invalid RSS XML");
+    }
+    return items;
+}
+var RSS_CACHE_TTL_MS = 6e4;
+var rssCache = /* @__PURE__ */ new Map();
+function cachedFetchRSSItems(rssUrl, maxItems) {
+    var now = Date.now();
+    var cached = rssCache.get(rssUrl);
+    if (cached && cached.expiresAt > now) return cached.promise;
+    var promise = fetchRSSItems(rssUrl, maxItems).catch(function(err) {
+        rssCache.delete(rssUrl);
+        throw err;
+    });
+    rssCache.set(rssUrl, {
+        promise: promise,
+        expiresAt: now + RSS_CACHE_TTL_MS
+    });
+    return promise;
 }
 function fetchRSSItems(rssUrl, maxItems) {
     return _async_to_generator(function() {
@@ -5946,7 +5966,7 @@ function ScrollerOverlay(param) {
         var cancelled = false;
         setRssLoading(true);
         setRssError(false);
-        fetchRSSItems(rssUrl, maxItems).then(function(items) {
+        cachedFetchRSSItems(rssUrl, maxItems).then(function(items) {
             if (!cancelled) {
                 setRssItems(items);
                 setRssError(false);
@@ -5968,7 +5988,8 @@ function ScrollerOverlay(param) {
     (0, import_react.useEffect)(function() {
         if (!rssUrl || !autoRefresh || (cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text) && (cfg === null || cfg === void 0 ? void 0 : cfg.custom_text)) return;
         var interval = setInterval(function() {
-            fetchRSSItems(rssUrl, maxItems).then(function(items) {
+            rssCache.delete(rssUrl);
+            cachedFetchRSSItems(rssUrl, maxItems).then(function(items) {
                 setRssItems(items);
                 setRssError(false);
             }).catch(function() {});
@@ -6510,25 +6531,29 @@ function ComingUpNextOverlay(param) {
     var overlay = param.overlay, size = param.size;
     var cfg = parseConfig(overlay.content);
     if (!cfg) return null;
-    var f = Math.max(6, size.w * 0.05);
+    var f = Math.max(9, Math.min(size.h * 0.19, size.w * 0.075));
+    var showSubtitle = size.h >= 68;
+    var showThumbnail = !!(cfg.thumbnailUrl && size.h >= 58);
+    var thumbW = showThumbnail ? Math.max(40, size.h * 0.7) : 0;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         style: {
             width: "100%",
             height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
+            borderRadius: Math.max(2, size.w * 0.025),
             display: "flex",
             background: cfg.backgroundColor,
             color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
+            fontFamily: "'Arial', 'Helvetica Neue', Helvetica, sans-serif",
             overflow: "hidden",
             pointerEvents: "none",
             userSelect: "none",
-            fontSize: "".concat(f, "px")
+            fontSize: "".concat(f, "px"),
+            WebkitFontSmoothing: "antialiased"
         },
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                 style: {
-                    width: Math.max(2, size.w * 0.015),
+                    width: Math.max(3, size.w * 0.018),
                     flexShrink: 0,
                     backgroundColor: cfg.accentColor
                 }
@@ -6539,36 +6564,38 @@ function ComingUpNextOverlay(param) {
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "center",
-                    padding: "".concat(f * 0.6, "px ").concat(f * 1, "px"),
-                    minWidth: 0
+                    padding: "".concat(f * 0.35, "px ").concat(f * 0.75, "px"),
+                    minWidth: 0,
+                    gap: "".concat(f * 0.08, "px")
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "0.8em",
-                            fontWeight: 600,
+                            fontSize: "0.7em",
+                            fontWeight: 700,
                             textTransform: "uppercase",
-                            letterSpacing: "0.05em",
-                            color: cfg.accentColor
+                            letterSpacing: "0.09em",
+                            color: cfg.accentColor,
+                            lineHeight: 1
                         },
                         children: "Coming Up Next"
                     }),
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "1.5em",
+                            fontSize: "1.35em",
                             fontWeight: 700,
-                            lineHeight: 1.2,
-                            marginTop: f * 0.2,
+                            lineHeight: 1.15,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
                         },
                         children: cfg.title
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                    showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "0.9em",
-                            opacity: 0.6,
+                            fontSize: "0.82em",
+                            opacity: 0.65,
+                            lineHeight: 1.1,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
@@ -6577,24 +6604,24 @@ function ComingUpNextOverlay(param) {
                     }),
                     cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "1em",
-                            fontWeight: 600,
-                            marginTop: f * 0.4,
-                            color: cfg.accentColor
+                            fontSize: "0.9em",
+                            fontWeight: 700,
+                            color: cfg.accentColor,
+                            lineHeight: 1
                         },
                         children: cfg.scheduledTime
                     })
                 ]
             }),
-            cfg.thumbnailUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            showThumbnail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                 style: {
                     flexShrink: 0,
-                    width: Math.max(40, size.h * 0.75),
+                    width: "".concat(thumbW, "px"),
                     overflow: "hidden"
                 },
                 children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
                     src: cfg.thumbnailUrl,
-                    alt: "thumbnail",
+                    alt: "",
                     style: {
                         width: "100%",
                         height: "100%",