@lumiastream/ui 0.3.0 → 0.3.2

package/dist/index.js

@@ -3745,35 +3745,38 @@ function mapReadout(widget, fallbackVar, ctx) {
   );
 }
 
+// src/se-import/mappers/alert.ts
+import { LumiaAlertConfigs } from "@lumiastream/lumia-types";
+
 // src/se-import/mappers/provider-alerts.ts
 var ALERT_BOX_KEYS = {
   twitch: {
-    follower: "twitch-follower",
-    subscriber: "twitch-subscriber",
-    tip: "streamelements-donation",
-    cheer: "twitch-bits",
-    raid: "twitch-raid",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder",
-    charityCampaignDonation: "twitch-charityDonation"
+    follower: ["twitch-follower"],
+    subscriber: ["twitch-subscriber"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["twitch-bits"],
+    raid: ["twitch-raid"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"],
+    charityCampaignDonation: ["twitch-charityDonation"]
   },
   kick: {
-    follower: "kick-follower",
-    subscriber: "kick-subscriber",
-    tip: "streamelements-donation",
-    cheer: "kick-kicks",
-    raid: "kick-host",
-    host: "kick-host",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder"
+    follower: ["kick-follower"],
+    subscriber: ["kick-subscriber"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["kick-kicks"],
+    raid: ["kick-host"],
+    host: ["kick-host"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"]
   },
   youtube: {
-    follower: "youtube-subscriber",
-    subscriber: "youtube-member",
-    tip: "streamelements-donation",
-    cheer: "youtube-superchat",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder"
+    follower: ["youtube-subscriber"],
+    subscriber: ["youtube-member"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["youtube-superchat"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"]
   }
 };
 var KAPPAGEN_KEYS = {
@@ -3782,52 +3785,93 @@ var KAPPAGEN_KEYS = {
     subscriber: "twitch-subscriber",
     cheer: "twitch-bits",
     raid: "twitch-raid",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   },
   kick: {
     follower: "kick-follower",
     subscriber: "kick-subscriber",
     cheer: "kick-kicks",
     raid: "kick-host",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   },
   youtube: {
     follower: "youtube-subscriber",
     subscriber: "youtube-member",
     cheer: "youtube-superchat",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   }
 };
 var STREAMBOSS_LISTENER_KEYS = {
   twitch: {
-    "follower-latest": "twitch-follower",
-    "subscriber-latest": "twitch-subscriber",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "twitch-bits",
-    "raid-latest": "twitch-raid"
+    "follower-latest": ["twitch-follower"],
+    "subscriber-latest": ["twitch-subscriber"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["twitch-bits"],
+    "raid-latest": ["twitch-raid"]
   },
   kick: {
-    "follower-latest": "kick-follower",
-    "subscriber-latest": "kick-subscriber",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "kick-kicks",
-    "raid-latest": "kick-host"
+    "follower-latest": ["kick-follower"],
+    "subscriber-latest": ["kick-subscriber"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["kick-kicks"],
+    "raid-latest": ["kick-host"]
   },
   youtube: {
-    "follower-latest": "youtube-subscriber",
-    "subscriber-latest": "youtube-member",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "youtube-superchat"
+    "follower-latest": ["youtube-subscriber"],
+    "subscriber-latest": ["youtube-member"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["youtube-superchat"]
   }
 };
-function alertBoxKeyFor(seEvent, provider = "twitch") {
-  return ALERT_BOX_KEYS[provider]?.[seEvent];
+var CURATED_ALERTS = {
+  twitch: [
+    "twitch-follower",
+    "twitch-subscriber",
+    "twitch-giftSubscription",
+    "twitch-bits",
+    "twitch-bitsCombo",
+    "twitch-raid",
+    "twitch-points",
+    "twitch-redemption",
+    "twitch-charityDonation",
+    "twitch-hypetrainStarted",
+    "twitch-clip",
+    "twitch-shoutoutReceive",
+    "twitch-watchStreak",
+    "twitch-firstChatter",
+    "twitch-extension"
+  ],
+  kick: [
+    "kick-follower",
+    "kick-subscriber",
+    "kick-subscriptionGift",
+    "kick-kicks",
+    "kick-host",
+    "kick-points",
+    "kick-firstChatter"
+  ],
+  youtube: [
+    "youtube-subscriber",
+    "youtube-member",
+    "youtube-giftMembers",
+    "youtube-superchat",
+    "youtube-supersticker",
+    "youtube-gifts",
+    "youtube-like",
+    "youtube-firstChatter"
+  ]
+};
+function curatedAlertsFor(provider = "twitch") {
+  return CURATED_ALERTS[provider] ?? [];
+}
+function alertBoxKeysFor(seEvent, provider = "twitch") {
+  return ALERT_BOX_KEYS[provider]?.[seEvent] ?? [];
 }
 function kappagenKeyFor(seEvent, provider = "twitch") {
   return KAPPAGEN_KEYS[provider]?.[seEvent];
 }
-function streamBossListenerKeyFor(seListener, provider = "twitch") {
-  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener];
+function streamBossListenerKeysFor(seListener, provider = "twitch") {
+  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener] ?? [];
 }
 function readBootstrapProvider(bootstrap) {
   const ch = bootstrap.channel;
@@ -4017,6 +4061,16 @@ function pickBaseAlertFields(event) {
   const { on: _on, variations: _variations, matchEmptyCondition: _mec, ...base } = event;
   return base;
 }
+function cloneEventForKey(template, lumiaKey) {
+  const defaultMessage = LumiaAlertConfigs[lumiaKey]?.message ?? "{{username}}";
+  const cloned = structuredClone(template);
+  const c = cloned;
+  if (c.themeSettings) c.themeSettings.firstMessageTemplate = defaultMessage;
+  if (c.text?.content) c.text.content.value = defaultMessage;
+  c.variations = [];
+  c.on = true;
+  return cloned;
+}
 function mapAlertBox(widget, opts = {}, ctx) {
   const v = widget.variables ?? {};
   const events = {};
@@ -4025,12 +4079,20 @@ function mapAlertBox(widget, opts = {}, ctx) {
   for (const seKey of eventKeys) {
     const ev = v[seKey];
     if (!ev || typeof ev !== "object") continue;
-    const lumiaAlert = alertBoxKeyFor(seKey, ctx?.provider);
-    if (!lumiaAlert) continue;
+    const lumiaKeys = alertBoxKeysFor(seKey, ctx?.provider);
+    if (lumiaKeys.length === 0) continue;
     const built = buildAlertEvent(ev, seKey);
-    events[lumiaAlert] = built;
+    for (const lumiaKey of lumiaKeys) {
+      events[lumiaKey] = built;
+    }
     if (firstEvent == null) firstEvent = built;
   }
+  if (!opts.onlyEvents && firstEvent && ctx?.provider) {
+    for (const lumiaKey of curatedAlertsFor(ctx.provider)) {
+      if (events[lumiaKey]) continue;
+      events[lumiaKey] = cloneEventForKey(firstEvent, lumiaKey);
+    }
+  }
   const baseAlert = firstEvent ? pickBaseAlertFields(firstEvent) : {};
   return buildUnit(widget, "alert", { alert: { ...baseAlert, events } }, ctx);
 }
@@ -4484,48 +4546,31 @@ function mapChatbox(widget, ctx) {
 }
 var SE_LISTENER_TO_LUMIA_CATEGORY = {
   "follower-latest": "follower",
+  "follower-recent": "follower",
   "subscriber-latest": "subscribers",
   "subscriber-new-latest": "subscribers",
   "subscriber-resub-latest": "subscribers",
+  "subscriber-recent": "subscribers",
   "subscriber-gifted-latest": "gifts",
   "community-gift-latest": "gifts",
   "cheer-latest": "bits",
+  "cheer-recent": "bits",
   "cheerPurchase-latest": "bits",
   "tip-latest": "donation",
+  "tip-recent": "donation",
   "raid-latest": "raids",
+  "raid-recent": "raids",
   "host-latest": "hosts",
+  "host-recent": "hosts",
   "redemption-latest": "redemption",
   "merch-latest": "purchases",
+  "merch-recent": "purchases",
   "purchase-latest": "purchases",
   "superchat-latest": "superchats",
+  "superchat-recent": "superchats",
   "hypetrain-latest": "hypetrain"
 };
-var ALL_LUMIA_EVENTLIST_CATEGORIES = [
-  "redemption",
-  "follower",
-  "bits",
-  "kicks",
-  "extension",
-  "points",
-  "donation",
-  "subscribers",
-  "gifts",
-  "hosts",
-  "raids",
-  "hypetrain",
-  "spells",
-  "retweets",
-  "likes",
-  "purchases",
-  "superstickers",
-  "superchats",
-  "stars",
-  "fans",
-  "shares",
-  "raffles",
-  "others"
-];
-function computeListenerFilters(seListeners, explicitListener) {
+function computeAllowedEventsFromSEListeners(seListeners, explicitListener) {
   const enabled = [];
   if (seListeners && typeof seListeners === "object" && !Array.isArray(seListeners)) {
     for (const [k, v] of Object.entries(
@@ -4539,19 +4584,46 @@ function computeListenerFilters(seListeners, explicitListener) {
   if (typeof explicitListener === "string" && explicitListener && !enabled.includes(explicitListener)) {
     enabled.push(explicitListener);
   }
-  if (enabled.length === 0) return [];
-  const allowed = /* @__PURE__ */ new Set();
+  if (enabled.length === 0) return void 0;
+  const allowedCategories = /* @__PURE__ */ new Set();
   for (const listener of enabled) {
     const category = SE_LISTENER_TO_LUMIA_CATEGORY[listener];
-    if (category) allowed.add(category);
-  }
-  if (allowed.size === 0) return [];
-  return ALL_LUMIA_EVENTLIST_CATEGORIES.filter((c) => !allowed.has(c));
+    if (category) allowedCategories.add(category);
+  }
+  if (allowedCategories.size === 0) return [];
+  const allowedAlerts = [];
+  Object.keys(LumiaMapAlertTypeToEventListType).forEach((alertKey) => {
+    const mappedCategory = LumiaMapAlertTypeToEventListType[alertKey];
+    if (mappedCategory && allowedCategories.has(mappedCategory)) {
+      allowedAlerts.push(alertKey);
+    }
+  });
+  return allowedAlerts;
+}
+function seScrollSpeedToMarqueeDurationSec(seSpeed) {
+  const n = typeof seSpeed === "number" && Number.isFinite(seSpeed) ? seSpeed : 6;
+  const clamped = Math.min(20, Math.max(1, n));
+  const duration = 60 / clamped;
+  return Math.min(120, Math.max(5, Math.round(duration * 10) / 10));
+}
+function seTemplateToMarqueeTemplate(seTemplate) {
+  if (typeof seTemplate !== "string" || !seTemplate.trim()) return void 0;
+  return seTemplate.split("{name}").join("{username}").split("{username}").join("{username}");
 }
 function mapEventList(widget, ctx) {
   const v = widget.variables ?? {};
-  const filters = computeListenerFilters(widget.listeners, widget.listener);
+  const allowedEvents = computeAllowedEventsFromSEListeners(
+    widget.listeners,
+    widget.listener
+  );
   const maxItems = v.visibleEvents ?? v.visibleItems ?? 5;
+  const seText = widget.text;
+  const scrolling = seText?.scrolling;
+  const isMarquee = !!(scrolling && scrolling.enabled === true);
+  const itemTemplate = isMarquee ? seTemplateToMarqueeTemplate(seText?.value) : void 0;
+  const marqueeSpeed = isMarquee ? seScrollSpeedToMarqueeDurationSec(scrolling?.speed) : void 0;
+  const marqueeDirection = isMarquee ? scrolling?.direction === "right" ? "right" : "left" : void 0;
+  const theme = isMarquee ? "marquee" : v.theme ?? "simple";
   return buildUnit(
     widget,
     "eventlist",
@@ -4560,26 +4632,39 @@ function mapEventList(widget, ctx) {
       // Lumia eventlist reads font/size/color from module.css.
       css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
       content: {
-        theme: v.theme ?? "simple",
+        theme,
         direction: v.direction ?? "top",
         maxItemsToShow: maxItems,
         visibleEvents: maxItems,
         // legacy field name kept for back-compat
         themeBgOpacity: v.themeBgOpacity ?? 0,
         highlight: v.highlight,
-        // `filters` is a blacklist: every category here is HIDDEN. Empty = show all.
-        filters,
-        // `sites` is a platform blacklist (same shape). Default to "no platforms hidden".
-        sites: [],
+        // `allowedEvents` — alertbox-style whitelist of LumiaAlertValues
+        // strings. Computed from SE's enabled listeners; `undefined` means
+        // the importer didn't see any listener config and we defer to the
+        // eventlist's default (show every mapped alert).
+        ...allowedEvents !== void 0 ? { allowedEvents } : {},
         // Eventlist Manager assumes these objects exist; provide an empty stub so
-        // imported overlays render without throwing.
-        themeConfig: {},
+        // imported overlays render without throwing. The marquee theme reads
+        // `itemTemplate` off either currentThemeConfig or themeConfig — stash
+        // SE's per-item template here so the imported widget reproduces the
+        // original (e.g. "{name} " → "{username} ").
+        themeConfig: isMarquee && itemTemplate ? { itemTemplate } : {},
         eventListType: {},
         condensedText: false,
-        horizontal: false,
-        showAlertIcon: true,
-        showSiteIcon: true,
-        showUserAvatar: true,
+        // `horizontal` keeps non-marquee widgets that had scrolling enabled in
+        // SE laid out on a single row (eventlist already supports this); for
+        // marquee, the CSS animation drives the scroll so this is informational.
+        horizontal: isMarquee,
+        ...isMarquee && marqueeSpeed !== void 0 ? { marqueeSpeed } : {},
+        ...isMarquee && marqueeDirection ? { marqueeDirection } : {},
+        // Inter-item spacing for the ticker. SE has no equivalent (their items
+        // butt against each other) but a 24px gap matches the visual rhythm of
+        // their default font sizes and keeps usernames from colliding.
+        ...isMarquee ? { marqueeItemGap: 24 } : {},
+        showAlertIcon: !isMarquee,
+        showSiteIcon: !isMarquee,
+        showUserAvatar: !isMarquee,
         showDetailedText: false,
         hideAlertMessage: false
       }
@@ -5629,13 +5714,15 @@ function mapStreamBoss(widget, ctx) {
   const selectedEvents = [];
   for (const seListener of SE_LISTENERS) {
     if (!listenerIsOn(widget.listeners, seListener)) continue;
-    const alertKey = streamBossListenerKeyFor(seListener, ctx?.provider);
-    if (!alertKey) continue;
+    const alertKeys = streamBossListenerKeysFor(seListener, ctx?.provider);
+    if (alertKeys.length === 0) continue;
     const raw = seDamage[seListener];
     const value = typeof raw === "number" && Number.isFinite(raw) && raw > 0 ? raw : null;
     if (value === null) continue;
-    damageMap[alertKey] = { value, mode: SE_LISTENER_MODE[seListener] };
-    selectedEvents.push(alertKey);
+    for (const alertKey of alertKeys) {
+      damageMap[alertKey] = { value, mode: SE_LISTENER_MODE[seListener] };
+      selectedEvents.push(alertKey);
+    }
   }
   const barColor = typeof v.colors?.frame === "string" && v.colors.frame ? v.colors.frame : "#2bff00";
   const theme = v.showImage === false ? "bar-only" : "card";
@@ -5772,23 +5859,6 @@ var GOAL_TYPES = /* @__PURE__ */ new Set([
   "se-widget-merch-goal"
 ]);
 var EVENTLIST_TYPES = /* @__PURE__ */ new Set(["se-widget-event-list", "se-widget-follower-recent", "se-widget-subscriber-recent", "se-widget-cheer-recent", "se-widget-tip-recent"]);
-var SCROLLING_RECENT_TYPES = /* @__PURE__ */ new Set([
-  "se-widget-follower-recent",
-  "se-widget-subscriber-recent",
-  "se-widget-cheer-recent",
-  "se-widget-tip-recent"
-]);
-var RECENT_TO_LATEST_FALLBACK_VAR = {
-  "se-widget-follower-recent": "twitch_last_follower",
-  "se-widget-subscriber-recent": "twitch_last_subscriber",
-  "se-widget-cheer-recent": "twitch_last_bit",
-  "se-widget-tip-recent": "latest_donator"
-};
-function isScrollingRecentWidget(widget) {
-  if (!SCROLLING_RECENT_TYPES.has(widget.type)) return false;
-  const scrolling = widget.text?.scrolling;
-  return !!(scrolling && typeof scrolling === "object" && scrolling.enabled === true);
-}
 function dispatch(widget, ctx) {
   const t = widget.type;
   console.log("[SE-IMPORT] dispatch widget", {
@@ -5817,10 +5887,6 @@ function dispatch(widget, ctx) {
   if (t === "se-widget-donor-drive-alert") return { unit: mapSingleAlert(widget, "donordrive-donation", ctx), status: "direct", lumiaType: "alert" };
   if (t === "se-widget-extralife-alert") return { unit: mapSingleAlert(widget, "extralife-donation", ctx), status: "direct", lumiaType: "alert" };
   if (t === "se-widget-tiltify-alert") return { unit: mapSingleAlert(widget, "tiltify-campaignDonation", ctx), status: "direct", lumiaType: "alert" };
-  if (isScrollingRecentWidget(widget)) {
-    const fallbackVar = RECENT_TO_LATEST_FALLBACK_VAR[t] ?? "username";
-    return { unit: mapReadout(widget, fallbackVar, ctx), status: "direct", lumiaType: "text" };
-  }
   if (EVENTLIST_TYPES.has(t)) return { unit: mapEventList(widget, ctx), status: "direct", lumiaType: "eventlist" };
   if (t === "se-widget-top-tippers-list") return { unit: mapViewerProfilesLeaderboard(widget, "tips", ctx), status: "direct", lumiaType: "viewerprofiles" };
   if (t === "se-widget-top-cheerers-list") return { unit: mapViewerProfilesLeaderboard(widget, "cheers", ctx), status: "direct", lumiaType: "viewerprofiles" };

package/dist/se-import.js

@@ -630,35 +630,38 @@ function mapReadout(widget, fallbackVar, ctx) {
   );
 }
 
+// src/se-import/mappers/alert.ts
+import { LumiaAlertConfigs } from "@lumiastream/lumia-types";
+
 // src/se-import/mappers/provider-alerts.ts
 var ALERT_BOX_KEYS = {
   twitch: {
-    follower: "twitch-follower",
-    subscriber: "twitch-subscriber",
-    tip: "streamelements-donation",
-    cheer: "twitch-bits",
-    raid: "twitch-raid",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder",
-    charityCampaignDonation: "twitch-charityDonation"
+    follower: ["twitch-follower"],
+    subscriber: ["twitch-subscriber"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["twitch-bits"],
+    raid: ["twitch-raid"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"],
+    charityCampaignDonation: ["twitch-charityDonation"]
   },
   kick: {
-    follower: "kick-follower",
-    subscriber: "kick-subscriber",
-    tip: "streamelements-donation",
-    cheer: "kick-kicks",
-    raid: "kick-host",
-    host: "kick-host",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder"
+    follower: ["kick-follower"],
+    subscriber: ["kick-subscriber"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["kick-kicks"],
+    raid: ["kick-host"],
+    host: ["kick-host"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"]
   },
   youtube: {
-    follower: "youtube-subscriber",
-    subscriber: "youtube-member",
-    tip: "streamelements-donation",
-    cheer: "youtube-superchat",
-    merch: "fourthwall-shopOrder",
-    purchase: "fourthwall-shopOrder"
+    follower: ["youtube-subscriber"],
+    subscriber: ["youtube-member"],
+    tip: ["lumiastream-donation", "streamelements-donation"],
+    cheer: ["youtube-superchat"],
+    merch: ["fourthwall-shopOrder"],
+    purchase: ["fourthwall-shopOrder"]
   }
 };
 var KAPPAGEN_KEYS = {
@@ -667,52 +670,93 @@ var KAPPAGEN_KEYS = {
     subscriber: "twitch-subscriber",
     cheer: "twitch-bits",
     raid: "twitch-raid",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   },
   kick: {
     follower: "kick-follower",
     subscriber: "kick-subscriber",
     cheer: "kick-kicks",
     raid: "kick-host",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   },
   youtube: {
     follower: "youtube-subscriber",
     subscriber: "youtube-member",
     cheer: "youtube-superchat",
-    tip: "streamelements-donation"
+    tip: "lumiastream-donation"
   }
 };
 var STREAMBOSS_LISTENER_KEYS = {
   twitch: {
-    "follower-latest": "twitch-follower",
-    "subscriber-latest": "twitch-subscriber",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "twitch-bits",
-    "raid-latest": "twitch-raid"
+    "follower-latest": ["twitch-follower"],
+    "subscriber-latest": ["twitch-subscriber"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["twitch-bits"],
+    "raid-latest": ["twitch-raid"]
   },
   kick: {
-    "follower-latest": "kick-follower",
-    "subscriber-latest": "kick-subscriber",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "kick-kicks",
-    "raid-latest": "kick-host"
+    "follower-latest": ["kick-follower"],
+    "subscriber-latest": ["kick-subscriber"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["kick-kicks"],
+    "raid-latest": ["kick-host"]
   },
   youtube: {
-    "follower-latest": "youtube-subscriber",
-    "subscriber-latest": "youtube-member",
-    "tip-latest": "lumiastream-donation",
-    "cheer-latest": "youtube-superchat"
+    "follower-latest": ["youtube-subscriber"],
+    "subscriber-latest": ["youtube-member"],
+    "tip-latest": ["lumiastream-donation", "streamelements-donation"],
+    "cheer-latest": ["youtube-superchat"]
   }
 };
-function alertBoxKeyFor(seEvent, provider = "twitch") {
-  return ALERT_BOX_KEYS[provider]?.[seEvent];
+var CURATED_ALERTS = {
+  twitch: [
+    "twitch-follower",
+    "twitch-subscriber",
+    "twitch-giftSubscription",
+    "twitch-bits",
+    "twitch-bitsCombo",
+    "twitch-raid",
+    "twitch-points",
+    "twitch-redemption",
+    "twitch-charityDonation",
+    "twitch-hypetrainStarted",
+    "twitch-clip",
+    "twitch-shoutoutReceive",
+    "twitch-watchStreak",
+    "twitch-firstChatter",
+    "twitch-extension"
+  ],
+  kick: [
+    "kick-follower",
+    "kick-subscriber",
+    "kick-subscriptionGift",
+    "kick-kicks",
+    "kick-host",
+    "kick-points",
+    "kick-firstChatter"
+  ],
+  youtube: [
+    "youtube-subscriber",
+    "youtube-member",
+    "youtube-giftMembers",
+    "youtube-superchat",
+    "youtube-supersticker",
+    "youtube-gifts",
+    "youtube-like",
+    "youtube-firstChatter"
+  ]
+};
+function curatedAlertsFor(provider = "twitch") {
+  return CURATED_ALERTS[provider] ?? [];
+}
+function alertBoxKeysFor(seEvent, provider = "twitch") {
+  return ALERT_BOX_KEYS[provider]?.[seEvent] ?? [];
 }
 function kappagenKeyFor(seEvent, provider = "twitch") {
   return KAPPAGEN_KEYS[provider]?.[seEvent];
 }
-function streamBossListenerKeyFor(seListener, provider = "twitch") {
-  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener];
+function streamBossListenerKeysFor(seListener, provider = "twitch") {
+  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener] ?? [];
 }
 function readBootstrapProvider(bootstrap) {
   const ch = bootstrap.channel;
@@ -902,6 +946,16 @@ function pickBaseAlertFields(event) {
   const { on: _on, variations: _variations, matchEmptyCondition: _mec, ...base } = event;
   return base;
 }
+function cloneEventForKey(template, lumiaKey) {
+  const defaultMessage = LumiaAlertConfigs[lumiaKey]?.message ?? "{{username}}";
+  const cloned = structuredClone(template);
+  const c = cloned;
+  if (c.themeSettings) c.themeSettings.firstMessageTemplate = defaultMessage;
+  if (c.text?.content) c.text.content.value = defaultMessage;
+  c.variations = [];
+  c.on = true;
+  return cloned;
+}
 function mapAlertBox(widget, opts = {}, ctx) {
   const v = widget.variables ?? {};
   const events = {};
@@ -910,12 +964,20 @@ function mapAlertBox(widget, opts = {}, ctx) {
   for (const seKey of eventKeys) {
     const ev = v[seKey];
     if (!ev || typeof ev !== "object") continue;
-    const lumiaAlert = alertBoxKeyFor(seKey, ctx?.provider);
-    if (!lumiaAlert) continue;
+    const lumiaKeys = alertBoxKeysFor(seKey, ctx?.provider);
+    if (lumiaKeys.length === 0) continue;
     const built = buildAlertEvent(ev, seKey);
-    events[lumiaAlert] = built;
+    for (const lumiaKey of lumiaKeys) {
+      events[lumiaKey] = built;
+    }
     if (firstEvent == null) firstEvent = built;
   }
+  if (!opts.onlyEvents && firstEvent && ctx?.provider) {
+    for (const lumiaKey of curatedAlertsFor(ctx.provider)) {
+      if (events[lumiaKey]) continue;
+      events[lumiaKey] = cloneEventForKey(firstEvent, lumiaKey);
+    }
+  }
   const baseAlert = firstEvent ? pickBaseAlertFields(firstEvent) : {};
   return buildUnit(widget, "alert", { alert: { ...baseAlert, events } }, ctx);
 }
@@ -1369,48 +1431,31 @@ function mapChatbox(widget, ctx) {
 }
 var SE_LISTENER_TO_LUMIA_CATEGORY = {
   "follower-latest": "follower",
+  "follower-recent": "follower",
   "subscriber-latest": "subscribers",
   "subscriber-new-latest": "subscribers",
   "subscriber-resub-latest": "subscribers",
+  "subscriber-recent": "subscribers",
   "subscriber-gifted-latest": "gifts",
   "community-gift-latest": "gifts",
   "cheer-latest": "bits",
+  "cheer-recent": "bits",
   "cheerPurchase-latest": "bits",
   "tip-latest": "donation",
+  "tip-recent": "donation",
   "raid-latest": "raids",
+  "raid-recent": "raids",
   "host-latest": "hosts",
+  "host-recent": "hosts",
   "redemption-latest": "redemption",
   "merch-latest": "purchases",
+  "merch-recent": "purchases",
   "purchase-latest": "purchases",
   "superchat-latest": "superchats",
+  "superchat-recent": "superchats",
   "hypetrain-latest": "hypetrain"
 };
-var ALL_LUMIA_EVENTLIST_CATEGORIES = [
-  "redemption",
-  "follower",
-  "bits",
-  "kicks",
-  "extension",
-  "points",
-  "donation",
-  "subscribers",
-  "gifts",
-  "hosts",
-  "raids",
-  "hypetrain",
-  "spells",
-  "retweets",
-  "likes",
-  "purchases",
-  "superstickers",
-  "superchats",
-  "stars",
-  "fans",
-  "shares",
-  "raffles",
-  "others"
-];
-function computeListenerFilters(seListeners, explicitListener) {
+function computeAllowedEventsFromSEListeners(seListeners, explicitListener) {
   const enabled = [];
   if (seListeners && typeof seListeners === "object" && !Array.isArray(seListeners)) {
     for (const [k, v] of Object.entries(
@@ -1424,19 +1469,46 @@ function computeListenerFilters(seListeners, explicitListener) {
   if (typeof explicitListener === "string" && explicitListener && !enabled.includes(explicitListener)) {
     enabled.push(explicitListener);
   }
-  if (enabled.length === 0) return [];
-  const allowed = /* @__PURE__ */ new Set();
+  if (enabled.length === 0) return void 0;
+  const allowedCategories = /* @__PURE__ */ new Set();
   for (const listener of enabled) {
     const category = SE_LISTENER_TO_LUMIA_CATEGORY[listener];
-    if (category) allowed.add(category);
+    if (category) allowedCategories.add(category);
   }
-  if (allowed.size === 0) return [];
-  return ALL_LUMIA_EVENTLIST_CATEGORIES.filter((c) => !allowed.has(c));
+  if (allowedCategories.size === 0) return [];
+  const allowedAlerts = [];
+  Object.keys(LumiaMapAlertTypeToEventListType).forEach((alertKey) => {
+    const mappedCategory = LumiaMapAlertTypeToEventListType[alertKey];
+    if (mappedCategory && allowedCategories.has(mappedCategory)) {
+      allowedAlerts.push(alertKey);
+    }
+  });
+  return allowedAlerts;
+}
+function seScrollSpeedToMarqueeDurationSec(seSpeed) {
+  const n = typeof seSpeed === "number" && Number.isFinite(seSpeed) ? seSpeed : 6;
+  const clamped = Math.min(20, Math.max(1, n));
+  const duration = 60 / clamped;
+  return Math.min(120, Math.max(5, Math.round(duration * 10) / 10));
+}
+function seTemplateToMarqueeTemplate(seTemplate) {
+  if (typeof seTemplate !== "string" || !seTemplate.trim()) return void 0;
+  return seTemplate.split("{name}").join("{username}").split("{username}").join("{username}");
 }
 function mapEventList(widget, ctx) {
   const v = widget.variables ?? {};
-  const filters = computeListenerFilters(widget.listeners, widget.listener);
+  const allowedEvents = computeAllowedEventsFromSEListeners(
+    widget.listeners,
+    widget.listener
+  );
   const maxItems = v.visibleEvents ?? v.visibleItems ?? 5;
+  const seText = widget.text;
+  const scrolling = seText?.scrolling;
+  const isMarquee = !!(scrolling && scrolling.enabled === true);
+  const itemTemplate = isMarquee ? seTemplateToMarqueeTemplate(seText?.value) : void 0;
+  const marqueeSpeed = isMarquee ? seScrollSpeedToMarqueeDurationSec(scrolling?.speed) : void 0;
+  const marqueeDirection = isMarquee ? scrolling?.direction === "right" ? "right" : "left" : void 0;
+  const theme = isMarquee ? "marquee" : v.theme ?? "simple";
   return buildUnit(
     widget,
     "eventlist",
@@ -1445,26 +1517,39 @@ function mapEventList(widget, ctx) {
       // Lumia eventlist reads font/size/color from module.css.
       css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
       content: {
-        theme: v.theme ?? "simple",
+        theme,
         direction: v.direction ?? "top",
         maxItemsToShow: maxItems,
         visibleEvents: maxItems,
         // legacy field name kept for back-compat
         themeBgOpacity: v.themeBgOpacity ?? 0,
         highlight: v.highlight,
-        // `filters` is a blacklist: every category here is HIDDEN. Empty = show all.
-        filters,
-        // `sites` is a platform blacklist (same shape). Default to "no platforms hidden".
-        sites: [],
+        // `allowedEvents` — alertbox-style whitelist of LumiaAlertValues
+        // strings. Computed from SE's enabled listeners; `undefined` means
+        // the importer didn't see any listener config and we defer to the
+        // eventlist's default (show every mapped alert).
+        ...allowedEvents !== void 0 ? { allowedEvents } : {},
         // Eventlist Manager assumes these objects exist; provide an empty stub so
-        // imported overlays render without throwing.
-        themeConfig: {},
+        // imported overlays render without throwing. The marquee theme reads
+        // `itemTemplate` off either currentThemeConfig or themeConfig — stash
+        // SE's per-item template here so the imported widget reproduces the
+        // original (e.g. "{name} " → "{username} ").
+        themeConfig: isMarquee && itemTemplate ? { itemTemplate } : {},
         eventListType: {},
         condensedText: false,
-        horizontal: false,
-        showAlertIcon: true,
-        showSiteIcon: true,
-        showUserAvatar: true,
+        // `horizontal` keeps non-marquee widgets that had scrolling enabled in
+        // SE laid out on a single row (eventlist already supports this); for
+        // marquee, the CSS animation drives the scroll so this is informational.
+        horizontal: isMarquee,
+        ...isMarquee && marqueeSpeed !== void 0 ? { marqueeSpeed } : {},
+        ...isMarquee && marqueeDirection ? { marqueeDirection } : {},
+        // Inter-item spacing for the ticker. SE has no equivalent (their items
+        // butt against each other) but a 24px gap matches the visual rhythm of
+        // their default font sizes and keeps usernames from colliding.
+        ...isMarquee ? { marqueeItemGap: 24 } : {},
+        showAlertIcon: !isMarquee,
+        showSiteIcon: !isMarquee,
+        showUserAvatar: !isMarquee,
         showDetailedText: false,
         hideAlertMessage: false
       }
@@ -2514,13 +2599,15 @@ function mapStreamBoss(widget, ctx) {
   const selectedEvents = [];
   for (const seListener of SE_LISTENERS) {
     if (!listenerIsOn(widget.listeners, seListener)) continue;
-    const alertKey = streamBossListenerKeyFor(seListener, ctx?.provider);
-    if (!alertKey) continue;
+    const alertKeys = streamBossListenerKeysFor(seListener, ctx?.provider);
+    if (alertKeys.length === 0) continue;
     const raw = seDamage[seListener];
     const value = typeof raw === "number" && Number.isFinite(raw) && raw > 0 ? raw : null;
     if (value === null) continue;
-    damageMap[alertKey] = { value, mode: SE_LISTENER_MODE[seListener] };
-    selectedEvents.push(alertKey);
+    for (const alertKey of alertKeys) {
+      damageMap[alertKey] = { value, mode: SE_LISTENER_MODE[seListener] };
+      selectedEvents.push(alertKey);
+    }
   }
   const barColor = typeof v.colors?.frame === "string" && v.colors.frame ? v.colors.frame : "#2bff00";
   const theme = v.showImage === false ? "bar-only" : "card";
@@ -2657,23 +2744,6 @@ var GOAL_TYPES = /* @__PURE__ */ new Set([
   "se-widget-merch-goal"
 ]);
 var EVENTLIST_TYPES = /* @__PURE__ */ new Set(["se-widget-event-list", "se-widget-follower-recent", "se-widget-subscriber-recent", "se-widget-cheer-recent", "se-widget-tip-recent"]);
-var SCROLLING_RECENT_TYPES = /* @__PURE__ */ new Set([
-  "se-widget-follower-recent",
-  "se-widget-subscriber-recent",
-  "se-widget-cheer-recent",
-  "se-widget-tip-recent"
-]);
-var RECENT_TO_LATEST_FALLBACK_VAR = {
-  "se-widget-follower-recent": "twitch_last_follower",
-  "se-widget-subscriber-recent": "twitch_last_subscriber",
-  "se-widget-cheer-recent": "twitch_last_bit",
-  "se-widget-tip-recent": "latest_donator"
-};
-function isScrollingRecentWidget(widget) {
-  if (!SCROLLING_RECENT_TYPES.has(widget.type)) return false;
-  const scrolling = widget.text?.scrolling;
-  return !!(scrolling && typeof scrolling === "object" && scrolling.enabled === true);
-}
 function dispatch(widget, ctx) {
   const t = widget.type;
   console.log("[SE-IMPORT] dispatch widget", {
@@ -2702,10 +2772,6 @@ function dispatch(widget, ctx) {
   if (t === "se-widget-donor-drive-alert") return { unit: mapSingleAlert(widget, "donordrive-donation", ctx), status: "direct", lumiaType: "alert" };
   if (t === "se-widget-extralife-alert") return { unit: mapSingleAlert(widget, "extralife-donation", ctx), status: "direct", lumiaType: "alert" };
   if (t === "se-widget-tiltify-alert") return { unit: mapSingleAlert(widget, "tiltify-campaignDonation", ctx), status: "direct", lumiaType: "alert" };
-  if (isScrollingRecentWidget(widget)) {
-    const fallbackVar = RECENT_TO_LATEST_FALLBACK_VAR[t] ?? "username";
-    return { unit: mapReadout(widget, fallbackVar, ctx), status: "direct", lumiaType: "text" };
-  }
   if (EVENTLIST_TYPES.has(t)) return { unit: mapEventList(widget, ctx), status: "direct", lumiaType: "eventlist" };
   if (t === "se-widget-top-tippers-list") return { unit: mapViewerProfilesLeaderboard(widget, "tips", ctx), status: "direct", lumiaType: "viewerprofiles" };
   if (t === "se-widget-top-cheerers-list") return { unit: mapViewerProfilesLeaderboard(widget, "cheers", ctx), status: "direct", lumiaType: "viewerprofiles" };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lumiastream/ui",
-	"version": "0.3.0",
+	"version": "0.3.2",
 	"author": "Lumia Stream",
 	"license": "ISC",
 	"description": "Lumia UI Kit",