@lumiastream/ui 0.2.8-alpha.14 → 0.2.8-alpha.16

package/dist/index.js

@@ -3362,12 +3362,13 @@ var LUMIA_DEFAULT_SIZES = {
   // fine at this aspect — rocket internally uses a vertical gauge but
   // still works at this footprint. Users can resize per their overlay.
   hypetrain: { width: 740, height: 140 },
-  // Stream Boss: sized to fit the Card theme (avatar + name + bar) out of
-  // the box. SE's native bit-boss layer is shorter (~86px) but ours has the
-  // avatar + crown stack — using SE's compact bounds would clip them. The
-  // importer overrides any narrower SE css.height when Card is selected;
-  // users who want SE's strip look can switch to Bar-Only and shrink.
-  streamboss: { width: 720, height: 180 },
+  // Stream Boss: matches the native DefaultHeightWidthModules.streamboss
+  // (720x110) so SE imports and fresh-add modules look identical. SE's
+  // native bit-boss layer is ~86px tall, so the SE mapper's Card-min-height
+  // override grows it up to 110px to ensure the avatar+name+bar all fit.
+  // Users who want a taller layout can drag the corner; users who want the
+  // SE strip look should switch to Bar-Only.
+  streamboss: { width: 720, height: 110 },
   // Song Request: SE's media-share default is 480×292. Lumia's now-playing
   // card + 5-item queue list needs a bit more vertical room, so we add ~80px
   // for the queue list. Users can hide the queue list and shrink back to
@@ -5058,7 +5059,7 @@ function mapStreamBoss(widget) {
   });
   if (theme === "card") {
     const MIN_CARD_WIDTH = 480;
-    const MIN_CARD_HEIGHT = 180;
+    const MIN_CARD_HEIGHT = 110;
     if (unit.layer.bounds.width < MIN_CARD_WIDTH) unit.layer.bounds.width = MIN_CARD_WIDTH;
     if (unit.layer.bounds.height < MIN_CARD_HEIGHT) unit.layer.bounds.height = MIN_CARD_HEIGHT;
   }
@@ -7227,6 +7228,13 @@ function SEImportWizard({
       });
       return;
     }
+    if (!parts.apikey) {
+      setLoadError({
+        message: "That looks like an editor URL, which doesn't include an access token.",
+        hint: `Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link). Overlay id: ${parts.overlayId}`
+      });
+      return;
+    }
     setLoading(true);
     try {
       const bootstrap = await fetchSEBootstrap(parts);
@@ -7896,14 +7904,20 @@ function extractSEOverlayId(input) {
 }
 function extractSEPreviewParts(input) {
   const trimmed = input.trim();
-  const m = trimmed.match(/streamelements\.com\/overlay\/([0-9a-f]{24})\/([A-Za-z0-9_-]+)/i);
+  const m = trimmed.match(/streamelements\.com\/overlay\/([0-9a-f]{24})(?:\/([A-Za-z0-9_-]+))?/i);
   if (!m) return null;
-  return { overlayId: m[1], apikey: m[2] };
+  const overlayId = m[1];
+  const second = m[2];
+  const apikey = second && second.toLowerCase() !== "editor" ? second : null;
+  return { overlayId, apikey };
 }
 function buildBootstrapUrl(overlayId) {
   return `https://api.streamelements.com/kappa/v2/overlays/${overlayId}/bootstrap?isEditor=false&isMobile=false&isObs=false&isObsLive=false&isXsplit=false`;
 }
 async function fetchSEBootstrap({ overlayId, apikey }) {
+  if (!apikey) {
+    throw new Error("Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link) \u2014 editor URLs do not include a token.");
+  }
   const res = await fetch(buildBootstrapUrl(overlayId), {
     method: "GET",
     headers: { Accept: "application/json", Authorization: `apikey ${apikey}` }

package/dist/se-import.d.ts

@@ -369,12 +369,12 @@ interface ImportResult {
 declare function extractSEOverlayId(input: string): string | null;
 declare function extractSEPreviewParts(input: string): {
     overlayId: string;
-    apikey: string;
+    apikey: string | null;
 } | null;
 declare function buildBootstrapUrl(overlayId: string): string;
 declare function fetchSEBootstrap({ overlayId, apikey }: {
     overlayId: string;
-    apikey: string;
+    apikey: string | null;
 }): Promise<SEBootstrapResponse>;
 declare function isSEBootstrap(value: unknown): value is SEBootstrapResponse;
 declare function importSEBootstrap(bootstrap: SEBootstrapResponse): ImportResult;

package/dist/se-import.js

@@ -247,12 +247,13 @@ var LUMIA_DEFAULT_SIZES = {
   // fine at this aspect — rocket internally uses a vertical gauge but
   // still works at this footprint. Users can resize per their overlay.
   hypetrain: { width: 740, height: 140 },
-  // Stream Boss: sized to fit the Card theme (avatar + name + bar) out of
-  // the box. SE's native bit-boss layer is shorter (~86px) but ours has the
-  // avatar + crown stack — using SE's compact bounds would clip them. The
-  // importer overrides any narrower SE css.height when Card is selected;
-  // users who want SE's strip look can switch to Bar-Only and shrink.
-  streamboss: { width: 720, height: 180 },
+  // Stream Boss: matches the native DefaultHeightWidthModules.streamboss
+  // (720x110) so SE imports and fresh-add modules look identical. SE's
+  // native bit-boss layer is ~86px tall, so the SE mapper's Card-min-height
+  // override grows it up to 110px to ensure the avatar+name+bar all fit.
+  // Users who want a taller layout can drag the corner; users who want the
+  // SE strip look should switch to Bar-Only.
+  streamboss: { width: 720, height: 110 },
   // Song Request: SE's media-share default is 480×292. Lumia's now-playing
   // card + 5-item queue list needs a bit more vertical room, so we add ~80px
   // for the queue list. Users can hide the queue list and shrink back to
@@ -1943,7 +1944,7 @@ function mapStreamBoss(widget) {
   });
   if (theme === "card") {
     const MIN_CARD_WIDTH = 480;
-    const MIN_CARD_HEIGHT = 180;
+    const MIN_CARD_HEIGHT = 110;
     if (unit.layer.bounds.width < MIN_CARD_WIDTH) unit.layer.bounds.width = MIN_CARD_WIDTH;
     if (unit.layer.bounds.height < MIN_CARD_HEIGHT) unit.layer.bounds.height = MIN_CARD_HEIGHT;
   }
@@ -6097,6 +6098,13 @@ function SEImportWizard({
       });
       return;
     }
+    if (!parts.apikey) {
+      setLoadError({
+        message: "That looks like an editor URL, which doesn't include an access token.",
+        hint: `Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link). Overlay id: ${parts.overlayId}`
+      });
+      return;
+    }
     setLoading(true);
     try {
       const bootstrap = await fetchSEBootstrap(parts);
@@ -6766,14 +6774,20 @@ function extractSEOverlayId(input) {
 }
 function extractSEPreviewParts(input) {
   const trimmed = input.trim();
-  const m = trimmed.match(/streamelements\.com\/overlay\/([0-9a-f]{24})\/([A-Za-z0-9_-]+)/i);
+  const m = trimmed.match(/streamelements\.com\/overlay\/([0-9a-f]{24})(?:\/([A-Za-z0-9_-]+))?/i);
   if (!m) return null;
-  return { overlayId: m[1], apikey: m[2] };
+  const overlayId = m[1];
+  const second = m[2];
+  const apikey = second && second.toLowerCase() !== "editor" ? second : null;
+  return { overlayId, apikey };
 }
 function buildBootstrapUrl(overlayId) {
   return `https://api.streamelements.com/kappa/v2/overlays/${overlayId}/bootstrap?isEditor=false&isMobile=false&isObs=false&isObsLive=false&isXsplit=false`;
 }
 async function fetchSEBootstrap({ overlayId, apikey }) {
+  if (!apikey) {
+    throw new Error("Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link) \u2014 editor URLs do not include a token.");
+  }
   const res = await fetch(buildBootstrapUrl(overlayId), {
     method: "GET",
     headers: { Accept: "application/json", Authorization: `apikey ${apikey}` }

package/package.json

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