@lumiastream/ui 0.3.4 → 0.3.6

package/dist/index.js

@@ -3927,7 +3927,7 @@ function mapSeTextCssToModuleCss(widget, defaults = {}) {
     if (typeof v === "string" && v.length > 0) return v;
     return fallback;
   };
-  return {
+  const out = {
     lineHeight: asNumOrStr(
       seTextCss["line-height"],
       defaults.lineHeight ?? "normal"
@@ -3951,6 +3951,15 @@ function mapSeTextCssToModuleCss(widget, defaults = {}) {
     ),
     background: defaults.background ?? "transparent"
   };
+  const ls = seTextCss["letter-spacing"];
+  if (typeof ls === "number" || typeof ls === "string" && ls.length > 0) out.letterSpacing = ls;
+  const ws = seTextCss["word-spacing"];
+  if (typeof ws === "number" || typeof ws === "string" && ws.length > 0) out.wordSpacing = ws;
+  const sw = seTextCss["-webkit-text-stroke-width"];
+  if (typeof sw === "number" || typeof sw === "string" && sw.length > 0) out.WebkitTextStrokeWidth = sw;
+  const sc = seTextCss["-webkit-text-stroke-color"];
+  if (typeof sc === "string" && sc.length > 0) out.WebkitTextStrokeColor = sc;
+  return out;
 }
 var READOUT_AUTO_FALLBACK_SIZE = { width: 400, height: 50 };
 function buildUnit(widget, lumiaType, moduleExtras, ctx, sizeOverride) {
@@ -4004,9 +4013,11 @@ function seExtraTextCss(seCss, scrolling) {
   if (typeof seCss["font-style"] === "string")
     extra.fontStyle = seCss["font-style"];
   if (seCss["-webkit-text-stroke-color"])
-    extra["-webkit-text-stroke-color"] = seCss["-webkit-text-stroke-color"];
+    extra.WebkitTextStrokeColor = seCss["-webkit-text-stroke-color"];
   if (seCss["-webkit-text-stroke-width"] != null)
-    extra["-webkit-text-stroke-width"] = seCss["-webkit-text-stroke-width"];
+    extra.WebkitTextStrokeWidth = seCss["-webkit-text-stroke-width"];
+  if (seCss["letter-spacing"] != null) extra.letterSpacing = seCss["letter-spacing"];
+  if (seCss["word-spacing"] != null) extra.wordSpacing = seCss["word-spacing"];
   if (scrolling?.enabled) {
     extra.scroll = true;
     const speed = Number(scrolling.speed);
@@ -4643,7 +4654,11 @@ var SOURCE_TO_LUMIA_FIELD_TYPE = {
   // SE-side trigger buttons → native action button.
   button: "actionbutton"
 };
-var RESERVED_FIELD_KEYS = /* @__PURE__ */ new Set(["widgetName", "widgetAuthor", "widgetDuration"]);
+var RESERVED_FIELD_KEYS = /* @__PURE__ */ new Set([
+  "widgetName",
+  "widgetAuthor",
+  "widgetDuration"
+]);
 function translateConfigs(sourceFields) {
   if (!sourceFields) return [];
   return Object.entries(sourceFields).filter(([key]) => !RESERVED_FIELD_KEYS.has(key)).map(([key, f]) => {
@@ -4660,6 +4675,20 @@ function translateConfigs(sourceFields) {
       options: f.options
     };
     if (sourceType === "hidden") base.hidden = true;
+    if (sourceType === "slider") {
+      const sliderOptions = { ...f.options ?? {} };
+      if (f.min != null && sliderOptions.min == null)
+        sliderOptions.min = f.min;
+      if (f.max != null && sliderOptions.max == null)
+        sliderOptions.max = f.max;
+      if (f.step != null && sliderOptions.step == null)
+        sliderOptions.step = f.step;
+      if (f.prefix != null && sliderOptions.prefix == null)
+        sliderOptions.prefix = f.prefix;
+      if (f.suffix != null && sliderOptions.suffix == null)
+        sliderOptions.suffix = f.suffix;
+      base.options = sliderOptions;
+    }
     return base;
   });
 }
@@ -4678,28 +4707,33 @@ function mapCustom(widget, ctx) {
   const fieldData = parse(v.fieldData) ?? v.fieldData;
   const widgetProvider = widget.provider;
   const provider = widgetProvider === "kick" || widgetProvider === "youtube" || widgetProvider === "twitch" ? widgetProvider : ctx?.provider ?? "twitch";
-  return buildUnit(widget, "custom", {
-    content: {
-      // SE widget ids are integers unique only within a single SE overlay
-      // (1, 2, 3…). Using them as Lumia codeIds would collide across
-      // imports — codeId is the scoping key for variables, storage, and
-      // event listeners. Mint a fresh nanoid so every imported widget
-      // has its own scope.
-      codeId: nanoid2(),
-      html: v.html ?? "",
-      css: v.css ?? "",
-      js: v.js ?? "",
-      configs: translateConfigs(fields),
-      data: fieldData ?? {},
-      flavor: "streamelements",
-      // Native field on the Custom module content. The compatibility
-      // shim in Embed.tsx reads this to pick the right listener-name
-      // mapping table when forwarding Lumia events into the iframe as
-      // `onEventReceived` payloads. Default 'twitch' matches the shim's
-      // historical default so legacy imports keep working.
-      sourceProvider: provider
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "custom",
+    {
+      content: {
+        // SE widget ids are integers unique only within a single SE overlay
+        // (1, 2, 3…). Using them as Lumia codeIds would collide across
+        // imports — codeId is the scoping key for variables, storage, and
+        // event listeners. Mint a fresh nanoid so every imported widget
+        // has its own scope.
+        codeId: nanoid2(),
+        html: v.html ?? "",
+        css: v.css ?? "",
+        js: v.js ?? "",
+        configs: translateConfigs(fields),
+        data: fieldData ?? {},
+        flavor: "streamelements",
+        // Native field on the Custom module content. The compatibility
+        // shim in Embed.tsx reads this to pick the right listener-name
+        // mapping table when forwarding Lumia events into the iframe as
+        // `onEventReceived` payloads. Default 'twitch' matches the shim's
+        // historical default so legacy imports keep working.
+        sourceProvider: provider
+      }
+    },
+    ctx
+  );
 }
 
 // src/se-import/mappers/misc.ts

package/dist/se-import.js

@@ -800,7 +800,7 @@ function mapSeTextCssToModuleCss(widget, defaults = {}) {
     if (typeof v === "string" && v.length > 0) return v;
     return fallback;
   };
-  return {
+  const out = {
     lineHeight: asNumOrStr(
       seTextCss["line-height"],
       defaults.lineHeight ?? "normal"
@@ -824,6 +824,15 @@ function mapSeTextCssToModuleCss(widget, defaults = {}) {
     ),
     background: defaults.background ?? "transparent"
   };
+  const ls = seTextCss["letter-spacing"];
+  if (typeof ls === "number" || typeof ls === "string" && ls.length > 0) out.letterSpacing = ls;
+  const ws = seTextCss["word-spacing"];
+  if (typeof ws === "number" || typeof ws === "string" && ws.length > 0) out.wordSpacing = ws;
+  const sw = seTextCss["-webkit-text-stroke-width"];
+  if (typeof sw === "number" || typeof sw === "string" && sw.length > 0) out.WebkitTextStrokeWidth = sw;
+  const sc = seTextCss["-webkit-text-stroke-color"];
+  if (typeof sc === "string" && sc.length > 0) out.WebkitTextStrokeColor = sc;
+  return out;
 }
 var READOUT_AUTO_FALLBACK_SIZE = { width: 400, height: 50 };
 function buildUnit(widget, lumiaType, moduleExtras, ctx, sizeOverride) {
@@ -877,9 +886,11 @@ function seExtraTextCss(seCss, scrolling) {
   if (typeof seCss["font-style"] === "string")
     extra.fontStyle = seCss["font-style"];
   if (seCss["-webkit-text-stroke-color"])
-    extra["-webkit-text-stroke-color"] = seCss["-webkit-text-stroke-color"];
+    extra.WebkitTextStrokeColor = seCss["-webkit-text-stroke-color"];
   if (seCss["-webkit-text-stroke-width"] != null)
-    extra["-webkit-text-stroke-width"] = seCss["-webkit-text-stroke-width"];
+    extra.WebkitTextStrokeWidth = seCss["-webkit-text-stroke-width"];
+  if (seCss["letter-spacing"] != null) extra.letterSpacing = seCss["letter-spacing"];
+  if (seCss["word-spacing"] != null) extra.wordSpacing = seCss["word-spacing"];
   if (scrolling?.enabled) {
     extra.scroll = true;
     const speed = Number(scrolling.speed);
@@ -1516,7 +1527,11 @@ var SOURCE_TO_LUMIA_FIELD_TYPE = {
   // SE-side trigger buttons → native action button.
   button: "actionbutton"
 };
-var RESERVED_FIELD_KEYS = /* @__PURE__ */ new Set(["widgetName", "widgetAuthor", "widgetDuration"]);
+var RESERVED_FIELD_KEYS = /* @__PURE__ */ new Set([
+  "widgetName",
+  "widgetAuthor",
+  "widgetDuration"
+]);
 function translateConfigs(sourceFields) {
   if (!sourceFields) return [];
   return Object.entries(sourceFields).filter(([key]) => !RESERVED_FIELD_KEYS.has(key)).map(([key, f]) => {
@@ -1533,6 +1548,20 @@ function translateConfigs(sourceFields) {
       options: f.options
     };
     if (sourceType === "hidden") base.hidden = true;
+    if (sourceType === "slider") {
+      const sliderOptions = { ...f.options ?? {} };
+      if (f.min != null && sliderOptions.min == null)
+        sliderOptions.min = f.min;
+      if (f.max != null && sliderOptions.max == null)
+        sliderOptions.max = f.max;
+      if (f.step != null && sliderOptions.step == null)
+        sliderOptions.step = f.step;
+      if (f.prefix != null && sliderOptions.prefix == null)
+        sliderOptions.prefix = f.prefix;
+      if (f.suffix != null && sliderOptions.suffix == null)
+        sliderOptions.suffix = f.suffix;
+      base.options = sliderOptions;
+    }
     return base;
   });
 }
@@ -1551,28 +1580,33 @@ function mapCustom(widget, ctx) {
   const fieldData = parse(v.fieldData) ?? v.fieldData;
   const widgetProvider = widget.provider;
   const provider = widgetProvider === "kick" || widgetProvider === "youtube" || widgetProvider === "twitch" ? widgetProvider : ctx?.provider ?? "twitch";
-  return buildUnit(widget, "custom", {
-    content: {
-      // SE widget ids are integers unique only within a single SE overlay
-      // (1, 2, 3…). Using them as Lumia codeIds would collide across
-      // imports — codeId is the scoping key for variables, storage, and
-      // event listeners. Mint a fresh nanoid so every imported widget
-      // has its own scope.
-      codeId: nanoid2(),
-      html: v.html ?? "",
-      css: v.css ?? "",
-      js: v.js ?? "",
-      configs: translateConfigs(fields),
-      data: fieldData ?? {},
-      flavor: "streamelements",
-      // Native field on the Custom module content. The compatibility
-      // shim in Embed.tsx reads this to pick the right listener-name
-      // mapping table when forwarding Lumia events into the iframe as
-      // `onEventReceived` payloads. Default 'twitch' matches the shim's
-      // historical default so legacy imports keep working.
-      sourceProvider: provider
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "custom",
+    {
+      content: {
+        // SE widget ids are integers unique only within a single SE overlay
+        // (1, 2, 3…). Using them as Lumia codeIds would collide across
+        // imports — codeId is the scoping key for variables, storage, and
+        // event listeners. Mint a fresh nanoid so every imported widget
+        // has its own scope.
+        codeId: nanoid2(),
+        html: v.html ?? "",
+        css: v.css ?? "",
+        js: v.js ?? "",
+        configs: translateConfigs(fields),
+        data: fieldData ?? {},
+        flavor: "streamelements",
+        // Native field on the Custom module content. The compatibility
+        // shim in Embed.tsx reads this to pick the right listener-name
+        // mapping table when forwarding Lumia events into the iframe as
+        // `onEventReceived` payloads. Default 'twitch' matches the shim's
+        // historical default so legacy imports keep working.
+        sourceProvider: provider
+      }
+    },
+    ctx
+  );
 }
 
 // src/se-import/mappers/misc.ts

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lumiastream/ui",
-	"version": "0.3.4",
+	"version": "0.3.6",
 	"author": "Lumia Stream",
 	"license": "ISC",
 	"description": "Lumia UI Kit",
@@ -128,7 +128,7 @@
 		"vitest": "^4.1.6"
 	},
 	"dependencies": {
-		"@lumiastream/lumia-translations": "1.15.9",
+		"@lumiastream/lumia-translations": "1.16.0",
 		"@lumiastream/lumia-types": "^3.3.7-alpha.2",
 		"classnames": "^2.5.1",
 		"globals": "^17.4.0",