@thestatic-tv/dcl-sdk 2.2.2 → 2.2.4

package/dist/index.js

@@ -616,10 +616,10 @@ var UI_DIMENSIONS = {
       padding: 15
     }
   },
-  // Chat UI
+  // Chat UI - match m1d-hq-lifted dimensions
   chat: {
-    width: 340,
-    height: 480,
+    width: 380,
+    height: 580,
     bottom: 55,
     right: 20,
     messagesPerPage: 5,
@@ -900,12 +900,15 @@ var GuideUIModule = class {
       if (data.videoMap) {
         for (const [slug, video] of Object.entries(data.videoMap)) {
           const v = video;
+          const src = v.src || v.liveStreamUrl || "";
           const mapped = {
             id: v.id || slug,
             name: v.name || v.title || "Unknown",
-            src: v.src || v.liveStreamUrl || "",
-            isLive: v.isLive === true || v.type === "live",
-            isCreator: v.isCreator || v.type === "live",
+            src,
+            // isLive = actually streaming live (not just a creator channel)
+            isLive: v.isLive === true || src.includes("media.thestatic.tv"),
+            // isCreator = creator channel (type === 'live' means creator, not actually live)
+            isCreator: v.isCreator === true || v.type === "live",
             channelId: v.channelId || slug,
             duration: v.duration,
             requiresAuth: v.requiresAuth
@@ -919,6 +922,7 @@ var GuideUIModule = class {
       const playlists = [];
       if (data.featuredPlaylists) {
         for (const pl of data.featuredPlaylists) {
+          if (pl.name === "NODES") continue;
           playlists.push({
             name: pl.name,
             videos: (pl.videos || []).map((v) => ({
@@ -934,6 +938,10 @@ var GuideUIModule = class {
           });
         }
       }
+      const nodeVideos = videos.filter((v) => v.isCreator);
+      if (nodeVideos.length > 0) {
+        playlists.push({ name: "NODES", videos: nodeVideos });
+      }
       this.videos = videos;
       this.liveVideos = liveVideos;
       this.featuredPlaylists = playlists;
@@ -1736,16 +1744,14 @@ var ChatUIModule = class {
     }
   }
   getPositionStyle() {
-    const base = { bottom: UI_DIMENSIONS.chat.bottom };
     switch (this.position) {
       case "left":
-        return { ...base, left: 20 };
+        return { bottom: 55, left: 20 };
       case "center":
-        return { ...base, left: 400 };
-      // Approximate center
+        return { bottom: 55, left: 400 };
       case "right":
       default:
-        return { ...base, right: 380 };
+        return { bottom: 55, right: 20 };
     }
   }
   renderHeader() {
@@ -2315,6 +2321,9 @@ var StaticTVClient = class {
     this.guideUI = new GuideUIModule(this, this.config.guideUI);
     this.chatUI = new ChatUIModule(this, this.config.chatUI);
     this._fullFeaturesEnabled = true;
+    this.chatUI.init().catch((err) => {
+      this.log(`Chat init failed: ${err}`);
+    });
     this.log("Full features enabled (guide, chat, heartbeat, interactions)");
   }
   /**

package/dist/index.mjs

@@ -576,10 +576,10 @@ var UI_DIMENSIONS = {
       padding: 15
     }
   },
-  // Chat UI
+  // Chat UI - match m1d-hq-lifted dimensions
   chat: {
-    width: 340,
-    height: 480,
+    width: 380,
+    height: 580,
     bottom: 55,
     right: 20,
     messagesPerPage: 5,
@@ -860,12 +860,15 @@ var GuideUIModule = class {
       if (data.videoMap) {
         for (const [slug, video] of Object.entries(data.videoMap)) {
           const v = video;
+          const src = v.src || v.liveStreamUrl || "";
           const mapped = {
             id: v.id || slug,
             name: v.name || v.title || "Unknown",
-            src: v.src || v.liveStreamUrl || "",
-            isLive: v.isLive === true || v.type === "live",
-            isCreator: v.isCreator || v.type === "live",
+            src,
+            // isLive = actually streaming live (not just a creator channel)
+            isLive: v.isLive === true || src.includes("media.thestatic.tv"),
+            // isCreator = creator channel (type === 'live' means creator, not actually live)
+            isCreator: v.isCreator === true || v.type === "live",
             channelId: v.channelId || slug,
             duration: v.duration,
             requiresAuth: v.requiresAuth
@@ -879,6 +882,7 @@ var GuideUIModule = class {
       const playlists = [];
       if (data.featuredPlaylists) {
         for (const pl of data.featuredPlaylists) {
+          if (pl.name === "NODES") continue;
           playlists.push({
             name: pl.name,
             videos: (pl.videos || []).map((v) => ({
@@ -894,6 +898,10 @@ var GuideUIModule = class {
           });
         }
       }
+      const nodeVideos = videos.filter((v) => v.isCreator);
+      if (nodeVideos.length > 0) {
+        playlists.push({ name: "NODES", videos: nodeVideos });
+      }
       this.videos = videos;
       this.liveVideos = liveVideos;
       this.featuredPlaylists = playlists;
@@ -1696,16 +1704,14 @@ var ChatUIModule = class {
     }
   }
   getPositionStyle() {
-    const base = { bottom: UI_DIMENSIONS.chat.bottom };
     switch (this.position) {
       case "left":
-        return { ...base, left: 20 };
+        return { bottom: 55, left: 20 };
       case "center":
-        return { ...base, left: 400 };
-      // Approximate center
+        return { bottom: 55, left: 400 };
       case "right":
       default:
-        return { ...base, right: 380 };
+        return { bottom: 55, right: 20 };
     }
   }
   renderHeader() {
@@ -2275,6 +2281,9 @@ var StaticTVClient = class {
     this.guideUI = new GuideUIModule(this, this.config.guideUI);
     this.chatUI = new ChatUIModule(this, this.config.chatUI);
     this._fullFeaturesEnabled = true;
+    this.chatUI.init().catch((err) => {
+      this.log(`Chat init failed: ${err}`);
+    });
     this.log("Full features enabled (guide, chat, heartbeat, interactions)");
   }
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thestatic-tv/dcl-sdk",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "description": "Connect your Decentraland scene to thestatic.tv - full channel lineup, metrics tracking, and interactions",
   "main": "dist/index.js",
   "module": "dist/index.mjs",