@tomorrowos/sdk 0.9.0 → 0.9.1

package/REPLIT_SETUP.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomorrowos/sdk",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "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.9.0",
+  "version": "0.9.1",
   "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.9.0",
+    "@tomorrowos/sdk": "^0.9.1",
     "dotenv": "^17.2.3",
     "tsx": "^4.19.0"
   },

package/templates/cms-starter/public/assets/player-download/android.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Android">
+  <path fill="#3DDC84" d="M12 20c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4h24c2.2 0 4-1.8 4-4v-8c0-2.2-1.8-4-4-4H12z"/>
+  <path fill="#3DDC84" d="M16 14l-3-5M32 14l3-5M18 10h12"/>
+  <circle cx="18" cy="24" r="2" fill="#fff"/>
+  <circle cx="30" cy="24" r="2" fill="#fff"/>
+  <path fill="#3DDC84" d="M8 22H6v6h2v-6zm34 0h-2v6h2v-6z"/>
+</svg>

package/templates/cms-starter/public/assets/player-download/brightsign.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 40" role="img" aria-label="BrightSign">
+  <rect x="0" y="8" width="24" height="24" rx="4" fill="#E85D04"/>
+  <path d="M10 16 L18 20 L10 24 Z" fill="#fff"/>
+  <text x="32" y="27" font-family="Segoe UI, Arial, sans-serif" font-size="22" font-weight="700" fill="#1a1a1a">BrightSign</text>
+</svg>

package/templates/cms-starter/public/assets/player-download/lg-webos.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 48" role="img" aria-label="LG webOS">
+  <circle cx="24" cy="24" r="20" fill="#A50034"/>
+  <text x="24" y="30" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="18" font-weight="700" fill="#fff">LG</text>
+  <text x="56" y="32" font-family="Segoe UI, Arial, sans-serif" font-size="24" font-weight="600" fill="#555">webOS</text>
+</svg>

package/templates/cms-starter/public/assets/player-download/samsung.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 40" role="img" aria-label="Samsung">
+  <text x="0" y="30" font-family="Segoe UI, Arial, sans-serif" font-size="26" font-weight="700" letter-spacing="0.12em" fill="#1428A0">SAMSUNG</text>
+</svg>

package/templates/cms-starter/public/assets/player-download/toolbox.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 96" role="img" aria-hidden="true">
+  <rect x="8" y="36" width="104" height="48" rx="6" fill="#f4f3f0" stroke="#8a8782" stroke-width="2"/>
+  <rect x="8" y="28" width="104" height="12" rx="4" fill="#e4e1dc" stroke="#8a8782" stroke-width="2"/>
+  <rect x="48" y="18" width="24" height="14" rx="3" fill="none" stroke="#8a8782" stroke-width="2"/>
+  <rect x="20" y="52" width="18" height="14" rx="2" fill="#fff" stroke="#c9c5bf" stroke-width="1.5"/>
+  <rect x="51" y="52" width="18" height="14" rx="2" fill="#fff" stroke="#c9c5bf" stroke-width="1.5"/>
+  <rect x="82" y="52" width="18" height="14" rx="2" fill="#fff" stroke="#c9c5bf" stroke-width="1.5"/>
+  <path d="M62 8 L78 28 L46 28 Z" fill="#ff8a3d" stroke="#e67320" stroke-width="1.5" stroke-linejoin="round"/>
+  <rect x="58" y="28" width="8" height="18" fill="#6e6b67"/>
+  <path d="M88 12 L96 20 L92 24 L84 16 Z" fill="#6e6b67"/>
+  <rect x="84" y="20" width="14" height="4" rx="1" transform="rotate(-45 91 22)" fill="#8a8782"/>
+</svg>

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

@@ -172,6 +172,58 @@
       </div>
     </div>
 
+    <button type="button" id="downloadPlayersBtn" class="download-players-trigger">
+      Download Players
+    </button>
+
+    <div id="downloadPlayersModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="downloadPlayersModalTitle">
+      <div class="modal-backdrop" data-close-download-players-modal="1"></div>
+      <div class="modal-card download-players-modal-card">
+        <h2 id="downloadPlayersModalTitle" class="visually-hidden">Download Players</h2>
+        <div class="player-platform-grid">
+          <div class="player-platform-cell">
+            <a
+              href="#download-brightsign"
+              class="player-platform-link"
+              data-player-download="brightsign"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img src="./assets/player-download/brightsign.svg" alt="BrightSign" class="player-platform-logo player-platform-logo--wide" />
+            </a>
+            <p class="player-platform-caption">Supported Series 5 / 6</p>
+          </div>
+          <div class="player-platform-cell player-platform-cell--align-end">
+            <a
+              href="#download-samsung"
+              class="player-platform-link"
+              data-player-download="samsung"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img src="./assets/player-download/samsung.svg" alt="Samsung" class="player-platform-logo player-platform-logo--wide" />
+            </a>
+            <p class="player-platform-caption">Supported Tizen 6.5+</p>
+          </div>
+          <div class="player-platform-cell">
+            <img src="./assets/player-download/android.svg" alt="Android" class="player-platform-logo player-platform-logo--icon" />
+            <p class="player-platform-caption player-platform-caption--muted">Launching Q4 2026</p>
+          </div>
+          <div class="player-platform-cell player-platform-cell--align-end">
+            <img src="./assets/player-download/lg-webos.svg" alt="LG webOS" class="player-platform-logo player-platform-logo--wide" />
+            <p class="player-platform-caption player-platform-caption--muted">Launching Q4 2026</p>
+          </div>
+        </div>
+        <div class="player-platform-diy">
+          <img src="./assets/player-download/toolbox.svg" alt="" class="player-platform-toolbox" />
+          <p class="player-platform-caption">Build your own player support</p>
+        </div>
+        <div class="modal-actions download-players-modal-actions">
+          <button type="button" data-close-download-players-modal="1">Close</button>
+        </div>
+      </div>
+    </div>
+
     <script src="./methods.js" defer></script>
   </body>
 </html>

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

@@ -1767,6 +1767,20 @@ function closeDownloadFailedModal() {
   document.getElementById("downloadFailedModal")?.classList.add("hidden");
 }
 
+function openDownloadPlayersModal() {
+  document.getElementById("downloadPlayersModal")?.classList.remove("hidden");
+}
+
+function closeDownloadPlayersModal() {
+  document.getElementById("downloadPlayersModal")?.classList.add("hidden");
+}
+
+function handlePlayerDownloadLinkClick(ev) {
+  ev.preventDefault();
+  const platform = ev.currentTarget?.dataset?.playerDownload || "unknown";
+  console.info(`[CMS] Player download link placeholder (${platform}) — URL not configured yet.`);
+}
+
 function sanitizeDownloadFilename(name) {
   const base = String(name || "asset").trim() || "asset";
   return base.replace(/[<>:"/\\|?*\x00-\x1f]/g, "_");
@@ -1850,6 +1864,14 @@ document.addEventListener("DOMContentLoaded", () => {
     el.addEventListener("click", closeDownloadFailedModal);
   });
 
+  document.getElementById("downloadPlayersBtn")?.addEventListener("click", openDownloadPlayersModal);
+  document.querySelectorAll("[data-close-download-players-modal]").forEach((el) => {
+    el.addEventListener("click", closeDownloadPlayersModal);
+  });
+  document.querySelectorAll("[data-player-download]").forEach((el) => {
+    el.addEventListener("click", handlePlayerDownloadLinkClick);
+  });
+
   document.getElementById("addAssetBtn")?.addEventListener("click", () => {
     if (uploadInProgress) return;
     if (!isPlaylistEditorOpen()) {

package/templates/cms-starter/public/panel.css

@@ -716,3 +716,127 @@ button.danger {
   gap: 0.5rem;
   margin-top: 1rem;
 }
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.download-players-trigger {
+  position: fixed;
+  left: 1rem;
+  bottom: 1rem;
+  z-index: 900;
+  font: inherit;
+  font-size: 0.85rem;
+  font-weight: 600;
+  padding: 0.55rem 0.95rem;
+  border-radius: 8px;
+  border: 1px solid #d6d2cb;
+  background: #fff;
+  color: #0a0908;
+  cursor: pointer;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+
+.download-players-trigger:hover {
+  background: #f5f3ef;
+}
+
+.download-players-modal-card {
+  width: min(92vw, 560px);
+  padding: 1.5rem 1.75rem 1.25rem;
+}
+
+.player-platform-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.75rem 2rem;
+  align-items: start;
+}
+
+.player-platform-cell {
+  display: flex;
+  flex-direction: column;
+  gap: 0.45rem;
+  min-height: 5.5rem;
+}
+
+.player-platform-cell--align-end {
+  align-items: flex-end;
+  text-align: right;
+}
+
+.player-platform-link {
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  border-radius: 6px;
+  transition: opacity 120ms ease, transform 120ms ease;
+}
+
+.player-platform-link:hover {
+  opacity: 0.82;
+  transform: translateY(-1px);
+}
+
+.player-platform-link:focus-visible {
+  outline: 2px solid #ff8a3d;
+  outline-offset: 3px;
+}
+
+.player-platform-logo {
+  display: block;
+  object-fit: contain;
+}
+
+.player-platform-logo--wide {
+  height: 2.25rem;
+  width: auto;
+  max-width: 100%;
+}
+
+.player-platform-logo--icon {
+  height: 2.75rem;
+  width: 2.75rem;
+}
+
+.player-platform-caption {
+  margin: 0;
+  font-size: 0.78rem;
+  line-height: 1.35;
+  color: #444;
+}
+
+.player-platform-caption--muted {
+  color: #888;
+}
+
+.player-platform-diy {
+  margin-top: 1.35rem;
+  padding-top: 1.35rem;
+  border-top: 1px solid #e4e1dc;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.55rem;
+  text-align: center;
+}
+
+.player-platform-toolbox {
+  width: 5.5rem;
+  height: auto;
+  display: block;
+}
+
+.download-players-modal-actions {
+  justify-content: center;
+  margin-top: 1.15rem;
+}