mnfst-run 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mnfst-run",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Zero-dependency dev server for Manifest projects",
   "type": "module",
   "bin": {

package/serve.mjs

@@ -13,12 +13,15 @@
  * SPA vs MPA is auto-detected: if the root index.html contains
  * <meta name="manifest:prerendered"> the server disables SPA fallback.
  *
- * Live reload: CSS changes hot-swap the stylesheet without a page reload.
- * All other file changes trigger a full browser refresh.
+ * Live reload:
+ *   .css            → hot-swaps the matching stylesheet href (no reload, no flash)
+ *   .csv/.json/etc. → dispatches manifest:dev-reload; data plugin re-fetches local
+ *                     sources and updates Alpine store reactively (no reload)
+ *   other           → full page reload
  */
 import { createServer }                  from 'http';
 import { readFileSync, statSync, watch } from 'fs';
-import { join, extname, resolve, basename, relative } from 'path';
+import { join, extname, resolve, basename } from 'path';
 import { exec }                          from 'child_process';
 
 const MIME = {
@@ -44,8 +47,10 @@ const MIME = {
   '.map':  'application/json',
 };
 
-// Injected into every HTML response — connects to the SSE stream and handles
-// CSS hot-swap or full reload depending on what changed.
+// Built once at startup. Injected only into full HTML documents (not fragments).
+// - CSS changes       → hot-swaps the matching <link> href (no reload, no flash)
+// - data file changes → dispatches manifest:dev-reload (data plugin re-fetches)
+// - other changes     → full page reload
 const LIVE_RELOAD_SCRIPT = `<script>
 (function () {
   var es = new EventSource('/__mnfst_sse__');
@@ -56,13 +61,15 @@ const LIVE_RELOAD_SCRIPT = `<script>
         var base = l.href.split('?')[0];
         if (base.endsWith(d.file)) l.href = base + '?t=' + Date.now();
       });
+    } else if (d.type === 'data') {
+      window.dispatchEvent(new CustomEvent('manifest:dev-reload'));
     } else {
       location.reload();
     }
   };
   es.onerror = function () { es.close(); };
 })();
-</script>`;
+\x3c/script>`;
 
 // --- CLI args ---
 const args = process.argv.slice(2);
@@ -82,8 +89,7 @@ function detectMPA(rootDir) {
     return /name=["']manifest:prerendered["']/i.test(readFileSync(join(rootDir, 'index.html'), 'utf8'));
   } catch { return false; }
 }
-const spa  = !detectMPA(root);
-const mode = spa ? 'SPA' : 'MPA';
+const spa = !detectMPA(root);
 
 // --- SSE clients ---
 let clients = [];
@@ -104,6 +110,8 @@ try {
       const ext = extname(filename).toLowerCase();
       if (ext === '.css') {
         broadcast({ type: 'css', file: '/' + filename.replace(/\\/g, '/') });
+      } else if (['.csv', '.json', '.yaml', '.yml', '.md'].includes(ext)) {
+        broadcast({ type: 'data' });
       } else {
         broadcast({ type: 'reload' });
       }
@@ -123,12 +131,15 @@ function serveFile(res, filePath) {
   const mime = MIME[ext] || 'application/octet-stream';
   let body   = readFileSync(filePath);
   if (ext === '.html') {
-    let html = body.toString('utf8');
-    // Inject before </body>; fall back to appending if tag absent
-    html = html.includes('</body>')
-      ? html.replace('</body>', LIVE_RELOAD_SCRIPT + '</body>')
-      : html + LIVE_RELOAD_SCRIPT;
-    body = Buffer.from(html, 'utf8');
+    const html = body.toString('utf8');
+    // Only inject into full HTML documents — not component fragments
+    const isFullDoc = /<!doctype\s/i.test(html) || /<html[\s>]/i.test(html);
+    if (isFullDoc) {
+      const injected = html.includes('</body>')
+        ? html.replace('</body>', LIVE_RELOAD_SCRIPT + '</body>')
+        : html + LIVE_RELOAD_SCRIPT;
+      body = Buffer.from(injected, 'utf8');
+    }
   }
   res.writeHead(200, { 'Content-Type': mime });
   res.end(body);