@techninja/clearstack 0.3.46 → 0.3.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/clearstack",
-  "version": "0.3.46",
+  "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) => {