@tomorrowos/sdk 0.8.4 → 0.8.5

package/REPLIT_SETUP.md

@@ -232,7 +232,7 @@ Allowed extras (optional): `"build-player": "tomorrowos build --platform tizen"`
     "node": ">=20"
   },
   "dependencies": {
-    "@tomorrowos/sdk": "^0.8.4",
+    "@tomorrowos/sdk": "^0.8.5",
     "dotenv": "^17.2.3",
     "tsx": "^4.19.0"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomorrowos/sdk",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "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.8.4",
+  "version": "0.8.5",
   "description": "CMS server on @tomorrowos/sdk. Add your UI (React, static files, etc.) alongside this server.",
   "private": true,
   "type": "module",
@@ -13,7 +13,7 @@
     "build-player": "tomorrowos build --platform tizen"
   },
   "dependencies": {
-    "@tomorrowos/sdk": "^0.8.4",
+    "@tomorrowos/sdk": "^0.8.5",
     "dotenv": "^17.2.3",
     "tsx": "^4.19.0"
   },

package/templates/cms-starter/public/index.html

@@ -155,6 +155,23 @@
       </div>
     </div>
 
+    <div id="downloadFailedModal" class="modal hidden" role="dialog" aria-modal="true">
+      <div class="modal-backdrop" data-close-download-failed-modal="1"></div>
+      <div class="modal-card">
+        <h2>Download failed</h2>
+        <p class="hint" id="downloadFailedModalMessage">Could not download this asset.</p>
+        <p class="hint">
+          For permanent, reliable storage of media assets, configure
+          <strong>Cloudinary</strong> on your CMS server (<code>CLOUDINARY_CLOUD_NAME</code>,
+          <code>CLOUDINARY_API_KEY</code>, <code>CLOUDINARY_API_SECRET</code>). Uploads stored on
+          Cloudinary use stable public URLs that are easier to download and share.
+        </p>
+        <div class="modal-actions">
+          <button type="button" data-close-download-failed-modal="1">Close</button>
+        </div>
+      </div>
+    </div>
+
     <script src="./methods.js" defer></script>
   </body>
 </html>

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

@@ -808,6 +808,12 @@ function renderEditorAssets() {
       meta.textContent = `${item.type} · ${Math.round(item.durationMs / 1000)}s`;
     });
 
+    const downloadBtn = document.createElement("button");
+    downloadBtn.type = "button";
+    downloadBtn.textContent = "Download";
+    downloadBtn.title = "Download asset";
+    downloadBtn.addEventListener("click", () => void downloadMediaAsset(item));
+
     const removeBtn = document.createElement("button");
     removeBtn.type = "button";
     removeBtn.className = "danger";
@@ -818,6 +824,7 @@ function renderEditorAssets() {
     });
 
     actions.appendChild(durInput);
+    actions.appendChild(downloadBtn);
     actions.appendChild(removeBtn);
     li.appendChild(name);
     li.appendChild(meta);
@@ -1679,6 +1686,56 @@ function closeScreenshotModal() {
   modal?.classList.add("hidden");
 }
 
+function openDownloadFailedModal(detail) {
+  const modal = document.getElementById("downloadFailedModal");
+  const message = document.getElementById("downloadFailedModalMessage");
+  if (!modal) return;
+  if (message) {
+    message.textContent = detail
+      ? `Could not download this asset: ${detail}`
+      : "Could not download this asset.";
+  }
+  modal.classList.remove("hidden");
+}
+
+function closeDownloadFailedModal() {
+  document.getElementById("downloadFailedModal")?.classList.add("hidden");
+}
+
+function sanitizeDownloadFilename(name) {
+  const base = String(name || "asset").trim() || "asset";
+  return base.replace(/[<>:"/\\|?*\x00-\x1f]/g, "_");
+}
+
+async function downloadMediaAsset(item) {
+  let url;
+  try {
+    url = absoluteMediaUrl(item.url);
+  } catch (err) {
+    openDownloadFailedModal(err?.message || "Media URL is not available.");
+    return;
+  }
+
+  const filename = sanitizeDownloadFilename(item.name || item.url.split("/").pop() || "asset");
+
+  try {
+    const res = await fetch(url);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const blob = await res.blob();
+    const objectUrl = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = objectUrl;
+    anchor.download = filename;
+    anchor.style.display = "none";
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    URL.revokeObjectURL(objectUrl);
+  } catch (err) {
+    openDownloadFailedModal(err?.message || "Network or browser error.");
+  }
+}
+
 function startDevicePolling() {
   if (devicePollTimer) clearInterval(devicePollTimer);
   void fetchDevices();
@@ -1710,6 +1767,9 @@ document.addEventListener("DOMContentLoaded", () => {
   document.querySelectorAll("[data-close-screenshot-modal]").forEach((el) => {
     el.addEventListener("click", closeScreenshotModal);
   });
+  document.querySelectorAll("[data-close-download-failed-modal]").forEach((el) => {
+    el.addEventListener("click", closeDownloadFailedModal);
+  });
 
   document.getElementById("addAssetBtn")?.addEventListener("click", () => {
     if (uploadInProgress) return;