@tomorrowos/sdk 0.3.0 → 0.3.2

package/dist/cli.js

@@ -11,6 +11,27 @@ function getSdkVersion() {
     const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
     return pkg.version ?? "0.0.0";
 }
+const STARTER_SKIP_DIRS = new Set(["node_modules"]);
+/** Never ship local install artifacts into a new CMS project. */
+function shouldCopyStarterEntry(starterRoot, source) {
+    const rel = path.relative(starterRoot, source);
+    if (!rel)
+        return true;
+    const parts = rel.split(path.sep).filter(Boolean);
+    if (parts.some((p) => STARTER_SKIP_DIRS.has(p)))
+        return false;
+    if (path.basename(source) === "package-lock.json")
+        return false;
+    return true;
+}
+function removeStarterArtifacts(destDir) {
+    const lockPath = path.join(destDir, "package-lock.json");
+    const modulesPath = path.join(destDir, "node_modules");
+    if (fs.existsSync(lockPath))
+        fs.rmSync(lockPath, { force: true });
+    if (fs.existsSync(modulesPath))
+        fs.rmSync(modulesPath, { recursive: true, force: true });
+}
 /** Align generated cms-starter package.json with the installed SDK version. */
 function patchStarterPackageJson(destDir) {
     const pkgPath = path.join(path.resolve(destDir), "package.json");
@@ -41,12 +62,16 @@ function copyStarter(destDir, force) {
     else {
         fs.mkdirSync(resolved, { recursive: true });
     }
-    fs.cpSync(src, resolved, { recursive: true });
+    fs.cpSync(src, resolved, {
+        recursive: true,
+        filter: (source) => shouldCopyStarterEntry(src, source),
+    });
     patchStarterPackageJson(resolved);
+    removeStarterArtifacts(resolved);
     const sdkVer = getSdkVersion();
     console.log(`[tomorrowos] Created CMS project at ${resolved}`);
     console.log(`[tomorrowos] @tomorrowos/sdk dependency: ^${sdkVer}`);
-    console.log("Next: cd there, run npm install, then npm run dev");
+    console.log("Next: cd there, run npm install, then npm start");
 }
 function cmdBuild(argv) {
     const platformIdx = argv.indexOf("--platform");

package/dist/tomorrowos.js

@@ -794,6 +794,7 @@ export class TomorrowOS extends EventEmitter {
                             createdAt: Date.now()
                         });
                         ws.deviceId = deviceId;
+                        this.sendBrandSnapshot(ws);
                         ws.send(JSON.stringify({
                             type: "pairing.code",
                             method: "tomorrowos.pairing.createCode",
@@ -801,7 +802,6 @@ export class TomorrowOS extends EventEmitter {
                             deviceId,
                             serialNumber
                         }));
-                        this.sendBrandSnapshot(ws);
                         this.emit("device.online", { deviceId });
                     }
                     catch (err) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomorrowos/sdk",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "TomorrowOS CMS server SDK — WebSocket transport, pairing, device commands, optional static CMS UI. Includes CLI (tomorrowos init / build) and starter templates.",
   "type": "module",
   "main": "./dist/index.js",

package/templates/cms-starter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-cms",
-  "version": "0.2.4",
+  "version": "0.3.2",
   "description": "CMS server on @tomorrowos/sdk. Add your UI (React, static files, etc.) alongside this server.",
   "private": true,
   "type": "module",
@@ -10,7 +10,7 @@
     "build-player": "tomorrowos build --platform tizen"
   },
   "dependencies": {
-    "@tomorrowos/sdk": "^0.2.4"
+    "@tomorrowos/sdk": "^0.3.2"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",

package/templates/cms-starter/public/methods.js

@@ -9,6 +9,9 @@ let devicesCache = [];
 /** @type {string|null} */
 let selectedPlaylistId = null;
 
+/** True while creating a new playlist locally (assets allowed before Save). */
+let playlistDraftActive = false;
+
 /** @type {{ id: string, url: string, name: string, type: string, durationMs: number }[]} */
 let editorItems = [];
 
@@ -171,15 +174,36 @@ function getSelectedPlaylist() {
 }
 
 async function fetchPlaylists() {
-  const res = await fetch("/playlists");
-  const data = await res.json();
-  if (Array.isArray(data.playlists)) {
-    playlistsCatalog = data.playlists;
-    renderPlaylistCatalog();
-    if (selectedPlaylistId && !getSelectedPlaylist()) {
-      selectedPlaylistId = playlistsCatalog[0]?.id || null;
-      loadEditorFromSelection();
+  try {
+    const res = await fetch("/playlists");
+    let data = {};
+    try {
+      data = await res.json();
+    } catch {
+      data = {};
+    }
+    if (!res.ok) {
+      console.warn("[CMS] GET /playlists failed", res.status, data);
+      if (res.status === 404) {
+        showResult({
+          status: "failed",
+          error:
+            "CMS server is missing /playlists. Restart CMS with @tomorrowos/sdk 0.3.2 or newer."
+        });
+      }
+      return;
     }
+    if (Array.isArray(data.playlists)) {
+      playlistsCatalog = data.playlists;
+      renderPlaylistCatalog();
+      if (selectedPlaylistId && !getSelectedPlaylist()) {
+        selectedPlaylistId = playlistsCatalog[0]?.id || null;
+        loadEditorFromSelection();
+      }
+    }
+  } catch (err) {
+    console.error("[CMS] fetchPlaylists:", err);
+    showResult({ status: "failed", error: err.message });
   }
 }
 
@@ -202,6 +226,7 @@ function renderPlaylistCatalog() {
     if (pl.id === selectedPlaylistId) li.classList.add("playlist-catalog-item--active");
     li.innerHTML = `<strong>${escapeHtml(pl.name)}</strong><small>v${pl.version} · ${(pl.items || []).length} items</small>`;
     li.addEventListener("click", () => {
+      playlistDraftActive = false;
       selectedPlaylistId = pl.id;
       loadEditorFromSelection();
       renderPlaylistCatalog();
@@ -210,12 +235,22 @@ function renderPlaylistCatalog() {
   }
 }
 
+function isPlaylistEditorOpen() {
+  return playlistDraftActive || !!selectedPlaylistId;
+}
+
 function loadEditorFromSelection() {
   const pl = getSelectedPlaylist();
   const nameInput = document.getElementById("playlistName");
   const editorTitle = document.getElementById("editorTitle");
 
   if (!pl) {
+    if (playlistDraftActive) {
+      if (editorTitle) editorTitle.textContent = "New playlist";
+      renderEditorAssets();
+      return;
+    }
+    playlistDraftActive = false;
     if (editorTitle) editorTitle.textContent = "Playlist editor";
     if (nameInput) nameInput.value = "";
     editorItems = [];
@@ -224,6 +259,7 @@ function loadEditorFromSelection() {
     return;
   }
 
+  playlistDraftActive = false;
   if (editorTitle) editorTitle.textContent = `Edit: ${pl.name}`;
   if (nameInput) nameInput.value = pl.name || "";
   loadScheduleIntoForm(pl.schedule);
@@ -242,11 +278,15 @@ function renderEditorAssets() {
   const empty = document.getElementById("playlistEmpty");
   list.querySelectorAll(".playlist-item").forEach((el) => el.remove());
 
-  if (!selectedPlaylistId || editorItems.length === 0) {
+  if (!isPlaylistEditorOpen()) {
+    empty.classList.remove("hidden");
+    empty.textContent = "Select or create a playlist (Playlists +).";
+    return;
+  }
+
+  if (editorItems.length === 0) {
     empty.classList.remove("hidden");
-    empty.textContent = selectedPlaylistId
-      ? "No assets yet. Tap +."
-      : "Select or create a playlist.";
+    empty.textContent = "No assets yet. Tap + to upload.";
     return;
   }
 
@@ -352,6 +392,7 @@ async function saveCurrentPlaylist() {
     return;
   }
 
+  playlistDraftActive = false;
   selectedPlaylistId = data.playlist?.id || selectedPlaylistId;
   await fetchPlaylists();
   loadEditorFromSelection();
@@ -382,6 +423,7 @@ async function deleteCurrentPlaylist() {
   }
 
   selectedPlaylistId = null;
+  playlistDraftActive = false;
   editorItems = [];
   await fetchPlaylists();
   loadEditorFromSelection();
@@ -389,12 +431,23 @@ async function deleteCurrentPlaylist() {
 
 function newPlaylistDraft() {
   selectedPlaylistId = null;
-  document.getElementById("playlistName").value = "";
+  playlistDraftActive = true;
+  const nameInput = document.getElementById("playlistName");
+  if (nameInput) {
+    nameInput.value = "";
+    nameInput.focus();
+  }
   loadScheduleIntoForm(null);
   editorItems = [];
   renderPlaylistCatalog();
   renderEditorAssets();
-  document.getElementById("editorTitle").textContent = "New playlist";
+  const editorTitle = document.getElementById("editorTitle");
+  if (editorTitle) editorTitle.textContent = "New playlist";
+  document.getElementById("playlistEditorSection")?.scrollIntoView({ behavior: "smooth", block: "start" });
+  showResult({
+    status: "draft",
+    message: "New playlist — enter a name, add assets with + (right), then Save playlist."
+  });
 }
 
 async function fetchDevices() {
@@ -621,9 +674,8 @@ async function uploadFile(file) {
 }
 
 async function addAssetFromFile(file) {
-  if (!selectedPlaylistId) {
-    alert("Select or create a playlist first, then Save.");
-    return;
+  if (!isPlaylistEditorOpen()) {
+    newPlaylistDraft();
   }
   const data = await uploadFile(file);
   const type = inferMediaType(file.name, file.type);
@@ -711,7 +763,10 @@ document.addEventListener("DOMContentLoaded", () => {
   });
 
   document.getElementById("addAssetBtn")?.addEventListener("click", () => {
-    document.getElementById("fileInput").click();
+    if (!isPlaylistEditorOpen()) {
+      newPlaylistDraft();
+    }
+    document.getElementById("fileInput")?.click();
   });
 
   document.getElementById("fileInput")?.addEventListener("change", async (ev) => {