@lumiastream/ui 0.2.8-alpha.7 → 0.2.8-alpha.8

package/dist/index.js

@@ -3992,13 +3992,38 @@ function mapCredits(widget) {
     }
   });
 }
+function inferSlideshowMediaType(mime, url) {
+  if (typeof mime === "string") {
+    if (mime.startsWith("video/")) return "video";
+    if (mime.startsWith("image/")) return "image";
+  }
+  const ext = url.split("?")[0].split("#")[0].split(".").pop()?.toLowerCase() ?? "";
+  if (["mp4", "webm", "mov", "m4v", "ogv"].includes(ext)) return "video";
+  return "image";
+}
+function nameFromUrl(url) {
+  try {
+    const path = url.split("?")[0].split("#")[0];
+    return decodeURIComponent(path.split("/").pop() ?? url);
+  } catch {
+    return url;
+  }
+}
 function mapSlideshow(widget) {
   const v = widget.variables ?? {};
-  const sources = (v.images ?? []).map((i) => typeof i === "string" ? i : i.src ?? "").filter(Boolean);
+  const items = (v.images ?? []).map((raw) => {
+    const url = typeof raw === "string" ? raw : raw.url ?? raw.src ?? "";
+    if (!url) return null;
+    return {
+      type: inferSlideshowMediaType(typeof raw === "object" ? raw?.type : void 0, url),
+      src: url,
+      name: nameFromUrl(url)
+    };
+  }).filter((item) => item !== null);
   const seAnim = typeof v.animation === "object" && v.animation !== null ? v.animation : {};
   return buildUnit(widget, "slideshow", {
     content: {
-      items: sources.map((src) => ({ src })),
+      src: items,
       // `interval` of 0 = "rapid cycle" in SE (no delay between images); Lumia's
       // `imageDuration` is the total ms per image. Distinguish three cases:
       //   - undefined → use 5000ms default
@@ -4009,7 +4034,10 @@ function mapSlideshow(widget) {
       loopDelay: 0,
       delay: 0,
       playAudio: !!v.playAudio,
-      random: !!v.random,
+      // Lumia's renderer reads `content.shuffle` (Slideshow/index.tsx:21);
+      // mirroring SE's `random` to that name keeps "play in random order"
+      // working out of the box.
+      shuffle: !!v.random,
       animation: {
         enterAnimation: typeof v.animation === "string" ? v.animation : seAnim.in ?? "fadeIn",
         exitAnimation: typeof v.animation === "string" ? v.animation : seAnim.out ?? "fadeOut",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lumiastream/ui",
-	"version": "0.2.8-alpha.7",
+	"version": "0.2.8-alpha.8",
 	"author": "Lumia Stream",
 	"license": "ISC",
 	"description": "Lumia UI Kit",