@tomorrowos/sdk 0.2.5 → 0.3.1

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

@@ -39,8 +39,58 @@ body {
   overflow: auto;
 }
 
+.panel-playlist-nav {
+  width: 220px;
+  flex-shrink: 0;
+  background: #fff;
+  border-right: 1px solid #e4e1dc;
+  display: flex;
+  flex-direction: column;
+  padding: 0.75rem;
+}
+
+.playlist-nav-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.5rem;
+}
+
+.playlist-nav-header h2 {
+  margin: 0;
+  font-size: 0.95rem;
+}
+
+.playlist-catalog {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+  flex: 1;
+}
+
+.playlist-catalog-item {
+  border: 1px solid #e4e1dc;
+  border-radius: 6px;
+  padding: 0.5rem 0.6rem;
+  margin-bottom: 0.4rem;
+  cursor: pointer;
+  font-size: 0.85rem;
+}
+
+.playlist-catalog-item--active {
+  border-color: #ff8a3d;
+  background: #fff5ee;
+}
+
+.playlist-catalog-item small {
+  display: block;
+  color: #666;
+  margin-top: 0.2rem;
+}
+
 .panel-playlist {
-  width: 320px;
+  width: 300px;
   flex-shrink: 0;
   background: #fff;
   border-left: 1px solid #e4e1dc;
@@ -327,3 +377,82 @@ button.danger {
 .hidden {
   display: none !important;
 }
+
+.field-label {
+  display: block;
+  margin-bottom: 0.75rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+}
+
+.field-label input {
+  display: block;
+  width: 100%;
+  margin-top: 0.35rem;
+  font-weight: 400;
+}
+
+.subheading {
+  margin: 0.5rem 0 0.35rem;
+  font-size: 0.9rem;
+}
+
+.editor-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.75rem;
+}
+
+.device-published-list {
+  margin: 0 0 0.65rem;
+  padding: 0;
+  list-style: none;
+  font-size: 0.78rem;
+}
+
+.device-published-list li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.35rem;
+  margin-bottom: 0.25rem;
+}
+
+.modal {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+}
+
+.modal-card {
+  position: relative;
+  background: #fff;
+  border-radius: 10px;
+  padding: 1.25rem;
+  width: min(92vw, 420px);
+  max-height: 80vh;
+  overflow: auto;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
+}
+
+.publish-checklist label {
+  display: block;
+  margin-bottom: 0.45rem;
+  font-size: 0.9rem;
+}
+
+.modal-actions {
+  display: flex;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}

package/templates/cms-starter/server.ts

@@ -25,6 +25,13 @@ tomorrowos.on("device.paired", (event) => {
 
 tomorrowos.on("device.online", (event) => {
   console.log(`[TomorrowOS] device online: ${event.deviceId}`);
+  void tomorrowos.pushLatestPolicyToDevice(event.deviceId).then((r) => {
+    if (r.pushed) {
+      console.log(`[TomorrowOS] pushed latest policy to ${event.deviceId}`);
+    }
+  }).catch((err) => {
+    console.error(`[TomorrowOS] latest policy push failed for ${event.deviceId}:`, err);
+  });
 });
 
 tomorrowos.on("device.offline", (event) => {