@lumiastream/ui 0.4.3 → 0.4.4

package/dist/index.js

@@ -4554,20 +4554,39 @@ function currentForListener(listener) {
   return "0";
 }
 function charityGoalVariables(widgetType) {
-  if (widgetType === "se-widget-tiltify-goal") return { current: "{{tiltify_total_raised=0}}", targetGoal: "{{tiltify_goal_amount=100}}", source: "tiltify" };
-  if (widgetType === "se-widget-extralife-goal") return { current: "{{extralife_total_raised=0}}", targetGoal: "{{extralife_goal_amount=100}}", source: "extralife" };
-  if (widgetType === "se-widget-donor-drive-goal") return { current: "{{donordrive_total_raised=0}}", targetGoal: "{{donordrive_goal_amount=100}}", source: "donordrive" };
+  if (widgetType === "se-widget-tiltify-goal")
+    return {
+      current: "{{tiltify_total_raised=0}}",
+      targetGoal: "{{tiltify_goal_amount=100}}",
+      source: "tiltify"
+    };
+  if (widgetType === "se-widget-extralife-goal")
+    return {
+      current: "{{extralife_total_raised=0}}",
+      targetGoal: "{{extralife_goal_amount=100}}",
+      source: "extralife"
+    };
+  if (widgetType === "se-widget-donor-drive-goal")
+    return {
+      current: "{{donordrive_total_raised=0}}",
+      targetGoal: "{{donordrive_goal_amount=100}}",
+      source: "donordrive"
+    };
   return null;
 }
 function sourceFromListener(listener) {
   if (!listener) return "custom";
-  if (listener === "follower-session" || listener === "follower-week" || listener === "follower-month") return "twitch_followers_session";
+  if (listener === "follower-session" || listener === "follower-week" || listener === "follower-month")
+    return "twitch_followers_session";
   if (listener.startsWith("follower-")) return "twitch_followers_total";
-  if (listener === "subscriber-session" || listener === "subscriber-week" || listener === "subscriber-month") return "twitch_subscribers_session";
+  if (listener === "subscriber-session" || listener === "subscriber-week" || listener === "subscriber-month")
+    return "twitch_subscribers_session";
   if (listener.startsWith("subscriber-")) return "twitch_subscribers_total";
-  if (listener === "cheer-session" || listener === "cheer-week" || listener === "cheer-month") return "twitch_bits_session";
+  if (listener === "cheer-session" || listener === "cheer-week" || listener === "cheer-month")
+    return "twitch_bits_session";
   if (listener.startsWith("cheer-")) return "twitch_bits_total";
-  if (listener === "tip-session" || listener === "tip-week" || listener === "tip-month") return "donations_session";
+  if (listener === "tip-session" || listener === "tip-week" || listener === "tip-month")
+    return "donations_session";
   if (listener.startsWith("tip-")) return "donations_total";
   if (listener === "merch-goal-orders") return "merch_orders";
   if (listener === "merch-goal-items") return "merch_items";
@@ -4579,64 +4598,71 @@ function mapGoal(widget, ctx) {
   const v = widget.variables ?? {};
   const listener = v.goalListener ?? (typeof widget.listener === "string" ? widget.listener : null);
   const charity = charityGoalVariables(widget.type);
-  return buildUnit(widget, "goal", {
-    content: {
-      version: 1,
-      // `slim` reproduces SE's default goal look — label above a thin
-      // track, with `0` / `goalAmount` anchoring the bar's edges and the
-      // live `current` floating at the percentage position. See
-      // components/Modules/Views/Goal/types.ts:GoalTypes.SLIM.
-      type: "slim",
-      // Static label rendered above the goal bar — not an alert context.
-      label: translateSeText(v.title ?? "Goal", null, void 0, void 0, { context: "static" }),
-      subLabel: "",
-      // The Goal module renders this template literal with {{current}} + {{goal}} substituted.
-      // Charity goals track donation amounts — prefix `$` so the rendered bar reads
-      // "$0 / $100" the way SE's charity goals do, instead of bare integers.
-      display: charity ? "${{current}} / ${{goal}}" : "{{current}} / {{goal}}",
-      // `current` is a template variable reference (resolved at render time from session variables).
-      // `targetGoal` is the numeric ceiling. Both required by Goal/index.tsx:28-29.
-      current: charity ? charity.current : currentForListener(listener),
-      targetGoal: charity ? charity.targetGoal : String(v.goalAmount ?? 100),
-      // Pre-select the Goal Manager source so opening the modal lands on
-      // the right entry instead of falling through to 'custom'.
-      source: charity ? charity.source : sourceFromListener(listener),
-      image: "",
-      audio: { decrement: "", increment: "", goal: "", goalFailed: "", volume: 1 },
-      // `null` (rather than `''`) is the cleaner contract — `formatEndsIn`
-      // in Goal/index.tsx treats both as "no deadline" so both work at
-      // render time, but `null` survives JSON round-trips without
-      // ambiguity ('' vs unset). The Goal module no longer hides itself
-      // when the date passes; the "Ends in…" sublabel just disappears.
-      endDate: v.endDate ?? null,
-      goalAnimation: "",
-      goalAnimationLoop: true,
-      unfilledColor: v.backgroundColor ?? "#400022",
-      filledColor: v.fillColor ?? "#ff0055",
-      condensed: !!v.dense,
-      showPercentComplete: !!v.percent,
-      alignItemsToEdges: false,
-      border: "solid 1px transparent",
-      borderRadius: "40px",
-      highlightColor: "inherit",
-      // Source-side knobs without a native Lumia equivalent live under the
-      // generic `importMeta` envelope (see mappers/importMeta.ts).
-      importMeta: buildImportMeta(widget, {
-        sourceListener: listener,
-        simpleDesign: !!v.simpleDesign
-      })
+  return buildUnit(
+    widget,
+    "goal",
+    {
+      content: {
+        version: 1,
+        // `slim` reproduces SE's default goal look. SE `simpleDesign`
+        // is the text-only variant, so import it as Lumia's text layout
+        // instead of carrying the flag as inert metadata.
+        type: v.simpleDesign ? "text" : "slim",
+        // Static label rendered above the goal bar — not an alert context.
+        label: translateSeText(v.title ?? "Goal", null, void 0, void 0, {
+          context: "static"
+        }),
+        subLabel: "",
+        // The Goal module renders this template literal with {{current}} + {{goal}} substituted.
+        // Charity goals track donation amounts — prefix `$` so the rendered bar reads
+        // "$0 / $100" the way SE's charity goals do, instead of bare integers.
+        display: v.dense ? "{{current}}" : charity ? "${{current}} / ${{goal}}" : "{{current}} / {{goal}}",
+        // `current` is a template variable reference (resolved at render time from session variables).
+        // `targetGoal` is the numeric ceiling. Both required by Goal/index.tsx:28-29.
+        current: charity ? charity.current : currentForListener(listener),
+        targetGoal: charity ? charity.targetGoal : String(v.goalAmount ?? 100),
+        // Pre-select the Goal Manager source so opening the modal lands on
+        // the right entry instead of falling through to 'custom'.
+        source: charity ? charity.source : sourceFromListener(listener),
+        image: "",
+        audio: { decrement: "", increment: "", goal: "", goalFailed: "", volume: 1 },
+        // `null` (rather than `''`) is the cleaner contract — `formatEndsIn`
+        // in Goal/index.tsx treats both as "no deadline" so both work at
+        // render time, but `null` survives JSON round-trips without
+        // ambiguity ('' vs unset). The Goal module no longer hides itself
+        // when the date passes; the "Ends in…" sublabel just disappears.
+        endDate: v.endDate ?? null,
+        goalAnimation: "",
+        goalAnimationLoop: true,
+        unfilledColor: v.backgroundColor ?? "#400022",
+        filledColor: v.fillColor ?? "#ff0055",
+        goalTheme: v.simpleDesign ? "text" : v.dense ? "compact" : "slim",
+        condensed: !!v.dense,
+        showPercentComplete: !!v.percent,
+        alignItemsToEdges: false,
+        border: "solid 1px transparent",
+        borderRadius: "0px",
+        highlightColor: "inherit",
+        // Source-side knobs without a native Lumia equivalent live under the
+        // generic `importMeta` envelope (see mappers/importMeta.ts).
+        importMeta: buildImportMeta(widget, {
+          sourceListener: listener,
+          simpleDesign: !!v.simpleDesign
+        })
+      },
+      // `borderRadius` / `borderStyle` / `borderWidth` / `borderColor`
+      // used to be set on `css` too, but the Goal renderer applies its
+      // own border + borderRadius via inline `style={…}` on the .goal-bar
+      // div (see Goal/index.tsx:123,127,155) sourced from
+      // `content.border` and `content.borderRadius`. Writing them to
+      // module.css just plopped useless transparent-0px rules on the
+      // outer .overlay-module wrapper. SE charity goals commonly use
+      // 24-30px Nunito/Roboto — fontSize default of 30 mirrors the
+      // previous hardcoded fallback.
+      css: mapSeTextCssToModuleCss(widget, { fontSize: 30 })
     },
-    // `borderRadius` / `borderStyle` / `borderWidth` / `borderColor`
-    // used to be set on `css` too, but the Goal renderer applies its
-    // own border + borderRadius via inline `style={…}` on the .goal-bar
-    // div (see Goal/index.tsx:123,127,155) sourced from
-    // `content.border` and `content.borderRadius`. Writing them to
-    // module.css just plopped useless transparent-0px rules on the
-    // outer .overlay-module wrapper. SE charity goals commonly use
-    // 24-30px Nunito/Roboto — fontSize default of 30 mirrors the
-    // previous hardcoded fallback.
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 30 })
-  }, ctx);
+    ctx
+  );
 }
 
 // src/se-import/mappers/custom.ts

package/dist/se-import.js

@@ -1420,20 +1420,39 @@ function currentForListener(listener) {
   return "0";
 }
 function charityGoalVariables(widgetType) {
-  if (widgetType === "se-widget-tiltify-goal") return { current: "{{tiltify_total_raised=0}}", targetGoal: "{{tiltify_goal_amount=100}}", source: "tiltify" };
-  if (widgetType === "se-widget-extralife-goal") return { current: "{{extralife_total_raised=0}}", targetGoal: "{{extralife_goal_amount=100}}", source: "extralife" };
-  if (widgetType === "se-widget-donor-drive-goal") return { current: "{{donordrive_total_raised=0}}", targetGoal: "{{donordrive_goal_amount=100}}", source: "donordrive" };
+  if (widgetType === "se-widget-tiltify-goal")
+    return {
+      current: "{{tiltify_total_raised=0}}",
+      targetGoal: "{{tiltify_goal_amount=100}}",
+      source: "tiltify"
+    };
+  if (widgetType === "se-widget-extralife-goal")
+    return {
+      current: "{{extralife_total_raised=0}}",
+      targetGoal: "{{extralife_goal_amount=100}}",
+      source: "extralife"
+    };
+  if (widgetType === "se-widget-donor-drive-goal")
+    return {
+      current: "{{donordrive_total_raised=0}}",
+      targetGoal: "{{donordrive_goal_amount=100}}",
+      source: "donordrive"
+    };
   return null;
 }
 function sourceFromListener(listener) {
   if (!listener) return "custom";
-  if (listener === "follower-session" || listener === "follower-week" || listener === "follower-month") return "twitch_followers_session";
+  if (listener === "follower-session" || listener === "follower-week" || listener === "follower-month")
+    return "twitch_followers_session";
   if (listener.startsWith("follower-")) return "twitch_followers_total";
-  if (listener === "subscriber-session" || listener === "subscriber-week" || listener === "subscriber-month") return "twitch_subscribers_session";
+  if (listener === "subscriber-session" || listener === "subscriber-week" || listener === "subscriber-month")
+    return "twitch_subscribers_session";
   if (listener.startsWith("subscriber-")) return "twitch_subscribers_total";
-  if (listener === "cheer-session" || listener === "cheer-week" || listener === "cheer-month") return "twitch_bits_session";
+  if (listener === "cheer-session" || listener === "cheer-week" || listener === "cheer-month")
+    return "twitch_bits_session";
   if (listener.startsWith("cheer-")) return "twitch_bits_total";
-  if (listener === "tip-session" || listener === "tip-week" || listener === "tip-month") return "donations_session";
+  if (listener === "tip-session" || listener === "tip-week" || listener === "tip-month")
+    return "donations_session";
   if (listener.startsWith("tip-")) return "donations_total";
   if (listener === "merch-goal-orders") return "merch_orders";
   if (listener === "merch-goal-items") return "merch_items";
@@ -1445,64 +1464,71 @@ function mapGoal(widget, ctx) {
   const v = widget.variables ?? {};
   const listener = v.goalListener ?? (typeof widget.listener === "string" ? widget.listener : null);
   const charity = charityGoalVariables(widget.type);
-  return buildUnit(widget, "goal", {
-    content: {
-      version: 1,
-      // `slim` reproduces SE's default goal look — label above a thin
-      // track, with `0` / `goalAmount` anchoring the bar's edges and the
-      // live `current` floating at the percentage position. See
-      // components/Modules/Views/Goal/types.ts:GoalTypes.SLIM.
-      type: "slim",
-      // Static label rendered above the goal bar — not an alert context.
-      label: translateSeText(v.title ?? "Goal", null, void 0, void 0, { context: "static" }),
-      subLabel: "",
-      // The Goal module renders this template literal with {{current}} + {{goal}} substituted.
-      // Charity goals track donation amounts — prefix `$` so the rendered bar reads
-      // "$0 / $100" the way SE's charity goals do, instead of bare integers.
-      display: charity ? "${{current}} / ${{goal}}" : "{{current}} / {{goal}}",
-      // `current` is a template variable reference (resolved at render time from session variables).
-      // `targetGoal` is the numeric ceiling. Both required by Goal/index.tsx:28-29.
-      current: charity ? charity.current : currentForListener(listener),
-      targetGoal: charity ? charity.targetGoal : String(v.goalAmount ?? 100),
-      // Pre-select the Goal Manager source so opening the modal lands on
-      // the right entry instead of falling through to 'custom'.
-      source: charity ? charity.source : sourceFromListener(listener),
-      image: "",
-      audio: { decrement: "", increment: "", goal: "", goalFailed: "", volume: 1 },
-      // `null` (rather than `''`) is the cleaner contract — `formatEndsIn`
-      // in Goal/index.tsx treats both as "no deadline" so both work at
-      // render time, but `null` survives JSON round-trips without
-      // ambiguity ('' vs unset). The Goal module no longer hides itself
-      // when the date passes; the "Ends in…" sublabel just disappears.
-      endDate: v.endDate ?? null,
-      goalAnimation: "",
-      goalAnimationLoop: true,
-      unfilledColor: v.backgroundColor ?? "#400022",
-      filledColor: v.fillColor ?? "#ff0055",
-      condensed: !!v.dense,
-      showPercentComplete: !!v.percent,
-      alignItemsToEdges: false,
-      border: "solid 1px transparent",
-      borderRadius: "40px",
-      highlightColor: "inherit",
-      // Source-side knobs without a native Lumia equivalent live under the
-      // generic `importMeta` envelope (see mappers/importMeta.ts).
-      importMeta: buildImportMeta(widget, {
-        sourceListener: listener,
-        simpleDesign: !!v.simpleDesign
-      })
+  return buildUnit(
+    widget,
+    "goal",
+    {
+      content: {
+        version: 1,
+        // `slim` reproduces SE's default goal look. SE `simpleDesign`
+        // is the text-only variant, so import it as Lumia's text layout
+        // instead of carrying the flag as inert metadata.
+        type: v.simpleDesign ? "text" : "slim",
+        // Static label rendered above the goal bar — not an alert context.
+        label: translateSeText(v.title ?? "Goal", null, void 0, void 0, {
+          context: "static"
+        }),
+        subLabel: "",
+        // The Goal module renders this template literal with {{current}} + {{goal}} substituted.
+        // Charity goals track donation amounts — prefix `$` so the rendered bar reads
+        // "$0 / $100" the way SE's charity goals do, instead of bare integers.
+        display: v.dense ? "{{current}}" : charity ? "${{current}} / ${{goal}}" : "{{current}} / {{goal}}",
+        // `current` is a template variable reference (resolved at render time from session variables).
+        // `targetGoal` is the numeric ceiling. Both required by Goal/index.tsx:28-29.
+        current: charity ? charity.current : currentForListener(listener),
+        targetGoal: charity ? charity.targetGoal : String(v.goalAmount ?? 100),
+        // Pre-select the Goal Manager source so opening the modal lands on
+        // the right entry instead of falling through to 'custom'.
+        source: charity ? charity.source : sourceFromListener(listener),
+        image: "",
+        audio: { decrement: "", increment: "", goal: "", goalFailed: "", volume: 1 },
+        // `null` (rather than `''`) is the cleaner contract — `formatEndsIn`
+        // in Goal/index.tsx treats both as "no deadline" so both work at
+        // render time, but `null` survives JSON round-trips without
+        // ambiguity ('' vs unset). The Goal module no longer hides itself
+        // when the date passes; the "Ends in…" sublabel just disappears.
+        endDate: v.endDate ?? null,
+        goalAnimation: "",
+        goalAnimationLoop: true,
+        unfilledColor: v.backgroundColor ?? "#400022",
+        filledColor: v.fillColor ?? "#ff0055",
+        goalTheme: v.simpleDesign ? "text" : v.dense ? "compact" : "slim",
+        condensed: !!v.dense,
+        showPercentComplete: !!v.percent,
+        alignItemsToEdges: false,
+        border: "solid 1px transparent",
+        borderRadius: "0px",
+        highlightColor: "inherit",
+        // Source-side knobs without a native Lumia equivalent live under the
+        // generic `importMeta` envelope (see mappers/importMeta.ts).
+        importMeta: buildImportMeta(widget, {
+          sourceListener: listener,
+          simpleDesign: !!v.simpleDesign
+        })
+      },
+      // `borderRadius` / `borderStyle` / `borderWidth` / `borderColor`
+      // used to be set on `css` too, but the Goal renderer applies its
+      // own border + borderRadius via inline `style={…}` on the .goal-bar
+      // div (see Goal/index.tsx:123,127,155) sourced from
+      // `content.border` and `content.borderRadius`. Writing them to
+      // module.css just plopped useless transparent-0px rules on the
+      // outer .overlay-module wrapper. SE charity goals commonly use
+      // 24-30px Nunito/Roboto — fontSize default of 30 mirrors the
+      // previous hardcoded fallback.
+      css: mapSeTextCssToModuleCss(widget, { fontSize: 30 })
     },
-    // `borderRadius` / `borderStyle` / `borderWidth` / `borderColor`
-    // used to be set on `css` too, but the Goal renderer applies its
-    // own border + borderRadius via inline `style={…}` on the .goal-bar
-    // div (see Goal/index.tsx:123,127,155) sourced from
-    // `content.border` and `content.borderRadius`. Writing them to
-    // module.css just plopped useless transparent-0px rules on the
-    // outer .overlay-module wrapper. SE charity goals commonly use
-    // 24-30px Nunito/Roboto — fontSize default of 30 mirrors the
-    // previous hardcoded fallback.
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 30 })
-  }, ctx);
+    ctx
+  );
 }
 
 // src/se-import/mappers/custom.ts

package/package.json

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