@techninja/clearstack 0.3.45 → 0.3.47

package/lib/og-image-template.js

@@ -79,12 +79,16 @@ export function buildContext(config, itemData, site) {
   const emoji = /** @type {string} */ (item.emoji || itemData.emoji || '');
   const tags = /** @type {string[]} */ (item.tags || itemData.tags || []);
   const tagsHtml = tags.map((t) => `<div class="tag">#${t}</div>`).join('');
-  const postTitle = item.title || item.caption || item.name || '';
-  const logoSrc = item.logo?.wordmark || item.logo?.mark || '';
+  const postTitle = /** @type {string} */ (item.title || item.caption || item.name || '');
+  const logo = /** @type {{wordmark?: string, mark?: string}} */ (item.logo || {});
+  const logoSrc = logo.wordmark || logo.mark || '';
   const itemLogoHtml = logoSrc ? `<img src="${logoSrc}" alt="${postTitle}">` : '';
-  const dateFormatted = item.date ? new Date(item.date).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }) : '';
-  const mediaUrl = resolvedImage || (item.files?.[0] ? `https://data.tn42.com/assets-media/${item.files[0]}` : '');
-  const isVideo = item.type === 'video' || (item.files?.[0] || '').endsWith('.mp4');
+  const rawDate = /** @type {string|number} */ (item.date || '');
+  const dateFormatted = rawDate ? new Date(rawDate).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }) : '';
+  const files = /** @type {string[]} */ (item.files || []);
+  const mediaUrl = resolvedImage || (files[0] ? `https://data.tn42.com/assets-media/${files[0]}` : '');
+  const isVideo = item.type === 'video' || (files[0] || '').endsWith('.mp4');
+  const price = /** @type {number} */ (item.price || 0);
 
   return {
     ...itemData, ...item,
@@ -105,7 +109,7 @@ export function buildContext(config, itemData, site) {
       : mediaUrl ? `<img src="${mediaUrl}" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover">` : '',
     variantsFormatted: formatNum(item.expected_variants),
     uniqueFormatted: formatNum(item.estimated_unique_variants),
-    priceFormatted: item.price ? `$${(item.price / 100).toFixed(2)}` : '',
+    priceFormatted: price ? `$${(price / 100).toFixed(2)}` : '',
     imageHtml: resolvedImage ? `<img class="hero" src="${resolvedImage}">` : '',
     cardClass: resolvedImage ? 'card-with-image' : '',
     siteLogo: site.logo ? `<img class="logo" src="${site.logo}">` : '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/clearstack",
-  "version": "0.3.45",
+  "version": "0.3.47",
   "type": "module",
   "description": "A no-build web component framework specification — scaffold, validate, and evolve spec-compliant projects",
   "bin": {

package/templates/fullstack/src/server.js

@@ -4,6 +4,7 @@
  */
 
 import express from 'express';
+import { watch } from 'node:fs';
 import { entityRouter } from './api/entities.js';
 import { eventsRouter } from './api/events.js';
 
@@ -14,6 +15,20 @@ app.use(express.json());
 app.use('/api', eventsRouter);
 app.use('/api', entityRouter);
 
+/** @type {Set<import('node:http').ServerResponse>} */
+const reloadClients = new Set();
+
+app.get('/_reload', (req, res) => {
+  res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', Connection: 'keep-alive' });
+  res.write(': connected\n\n');
+  reloadClients.add(res);
+  req.on('close', () => reloadClients.delete(res));
+});
+
+watch('src', { recursive: true }, () => {
+  for (const res of reloadClients) res.write('event: reload\ndata: {}\n\n');
+});
+
 app.use(express.static('src'));
 
 // SPA fallback

package/templates/shared/src/index.html

@@ -38,6 +38,12 @@
     <app-router></app-router>
     <script type="module" src="/router/index.js"></script>
     <script>
+      // Hot reload
+      (function () {
+        const es = new EventSource('/_reload');
+        es.addEventListener('reload', () => location.reload());
+        es.onerror = () => { es.close(); setTimeout(() => location.reload(), 500); };
+      })();
       // Global error boundary — catches unhandled promise rejections and JS errors
       window.addEventListener('unhandledrejection', (e) => {
         console.error('[app] Unhandled rejection:', e.reason);

package/templates/static/src/server.js

@@ -4,10 +4,25 @@
  */
 
 import express from 'express';
+import { watch } from 'node:fs';
 
 /** @type {any} */
 const app = express();
 
+/** @type {Set<import('node:http').ServerResponse>} */
+const reloadClients = new Set();
+
+app.get('/_reload', (req, res) => {
+  res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', Connection: 'keep-alive' });
+  res.write(': connected\n\n');
+  reloadClients.add(res);
+  req.on('close', () => reloadClients.delete(res));
+});
+
+watch('src', { recursive: true }, () => {
+  for (const res of reloadClients) res.write('event: reload\ndata: {}\n\n');
+});
+
 app.use(express.static('src'));
 
 app.use((req, res, next) => {