@neuxnet/neux-cli 0.2.7 → 0.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuxnet/neux-cli",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Standalone CLI and Node API for Neux mini program build, pack, preview, and CI automation.",
   "type": "module",
   "bin": {

package/src/core/web.js

@@ -192,6 +192,10 @@ export function liveReloadScript() {
   return `<script>
 (() => {
   const source = new EventSource('/__dimina_live_reload');
+  let hotUpdateQueue = Promise.resolve();
+  let hotUpdateRecoveryTimer = null;
+  let hotUpdateRecoveryActive = false;
+  let reloadRequested = false;
   const refreshStylesheets = (doc, timestamp) => {
     if (!doc) return;
     for (const link of doc.querySelectorAll('link[rel="stylesheet"][href]')) {
@@ -209,36 +213,66 @@ export function liveReloadScript() {
       } catch {}
     }
   };
+  const requestReload = () => {
+    if (reloadRequested) return;
+    reloadRequested = true;
+    window.location.reload();
+  };
+  const armHotUpdateRecovery = () => {
+    hotUpdateRecoveryActive = true;
+    clearTimeout(hotUpdateRecoveryTimer);
+    hotUpdateRecoveryTimer = setTimeout(() => {
+      hotUpdateRecoveryActive = false;
+    }, 2000);
+  };
+  const isDomPatchError = (value) => {
+    const message = value?.message || value?.reason?.message || value?.reason || value;
+    return /(?:insertBefore|appendChild|removeChild|parentNode)/.test(String(message || ''));
+  };
+  const recoverFromAsyncHotUpdateError = (event) => {
+    if (hotUpdateRecoveryActive && isDomPatchError(event?.error || event)) {
+      requestReload();
+    }
+  };
+  window.addEventListener('error', recoverFromAsyncHotUpdateError);
+  window.addEventListener('unhandledrejection', recoverFromAsyncHotUpdateError);
   const applyHotUpdate = (handler, payload) => {
+    armHotUpdateRecovery();
     try {
       if (typeof handler !== 'function') {
-        window.location.reload();
+        requestReload();
         return;
       }
       const result = handler(payload);
       if (result && typeof result.then === 'function') {
-        result.then((handled) => {
-          if (handled === false || handled == null) window.location.reload();
-        }).catch(() => window.location.reload());
-        return;
+        return result.then((handled) => {
+          if (handled === false || handled == null) requestReload();
+        }).catch(() => requestReload());
       }
       if (result === false || result == null) {
-        window.location.reload();
+        requestReload();
       }
+      return result;
     } catch {
-      window.location.reload();
+      requestReload();
     }
   };
+  const enqueueHotUpdate = (handler, payload) => {
+    hotUpdateQueue = hotUpdateQueue
+      .then(() => applyHotUpdate(handler, payload))
+      .catch(() => requestReload());
+    return hotUpdateQueue;
+  };
   source.addEventListener('style-update', refreshAllStylesheets);
   source.addEventListener('view-update', (event) => {
     const payload = JSON.parse(event.data || '{}');
-    applyHotUpdate(window.__diminaHotUpdateView, payload);
+    enqueueHotUpdate(window.__diminaHotUpdateView, payload);
   });
   source.addEventListener('logic-update', (event) => {
     const payload = JSON.parse(event.data || '{}');
-    applyHotUpdate(window.__diminaHotUpdateLogic, payload);
+    enqueueHotUpdate(window.__diminaHotUpdateLogic, payload);
   });
-  source.addEventListener('reload', () => location.reload());
+  source.addEventListener('reload', requestReload);
 })();
 </script>`
 }