@quicktvui/web-cli 3.1.0 → 3.1.1

package/lib/HotReloader.js

@@ -12,8 +12,7 @@ const signale = require('signale')
 class HotReloader {
   constructor() {
     this.clients = new Set()
-    this.lastEventType = null
-    this.lastEventData = null
+    this.lastEvent = null
   }
 
   /**
@@ -31,8 +30,8 @@ class HotReloader {
     res.write(`data: ${JSON.stringify({ type: 'connected', timestamp: Date.now() })}\n\n`)
 
     // 如果有最近的事件，立即发送
-    if (this.lastEventType) {
-      res.write(`data: ${JSON.stringify({ type: this.lastEventType, ...this.lastEventData })}\n\n`)
+    if (this.lastEvent) {
+      res.write(`data: ${JSON.stringify(this.lastEvent)}\n\n`)
     }
 
     this.clients.add(res)
@@ -58,8 +57,7 @@ class HotReloader {
       ...data,
     }
 
-    this.lastEventType = 'bundle-update'
-    this.lastEventData = data
+    this.lastEvent = event
 
     this._broadcast(event)
     signale.info(`[HotReloader] 通知 ${this.clients.size} 个客户端: bundle-update`)
@@ -75,8 +73,7 @@ class HotReloader {
       reason,
     }
 
-    this.lastEventType = 'full-reload'
-    this.lastEventData = { reason }
+    this.lastEvent = event
 
     this._broadcast(event)
     signale.info(`[HotReloader] 通知 ${this.clients.size} 个客户端: full-reload`)
@@ -93,8 +90,7 @@ class HotReloader {
       timestamp: Date.now(),
     }
 
-    this.lastEventType = 'build-status'
-    this.lastEventData = { status, message }
+    this.lastEvent = event
 
     this._broadcast(event)
   }
@@ -104,8 +100,7 @@ class HotReloader {
    * 防止 SSE 重连后再次发送旧的 bundle-update 导致无限刷新
    */
   clearLastEvent() {
-    this.lastEventType = null
-    this.lastEventData = null
+    this.lastEvent = null
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "CLI tool for QuickTVUI web development v3 - delegate build & bundle loading",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
@@ -8,10 +8,6 @@
     "qt-web-cli": "./bin/qt-web-cli.js"
   },
   "main": "lib/index.js",
-  "scripts": {
-    "sync-runtime": "rm -rf runtime/*.js && cp ../web-runtime/dist/web-runtime.*.js runtime/",
-    "prepublishOnly": "npm run sync-runtime"
-  },
   "files": [
     "bin",
     "lib",
@@ -86,5 +82,8 @@
   },
   "engines": {
     "node": ">=16.0.0"
+  },
+  "scripts": {
+    "sync-runtime": "rm -rf runtime/*.js && cp ../web-runtime/dist/web-runtime.*.js runtime/"
   }
-}
+}

package/templates/dev-renderer.html

@@ -295,10 +295,17 @@
     var sseTabId = 'qt-dev-tab-' + Date.now() + '-' + Math.random().toString(36).slice(2);
     var sseLeaderKey = 'quicktvui-dev-sse-leader';
     var sseLeaderTtl = 10000;
+    // 仅处理当前页面加载后发生的刷新事件，避免前后台切换时重放旧事件误刷新。
+    var pageLoadedAt = Date.now();
     // 页面加载后的冷却期：这段时间内忽略 bundle-update 事件
     // 防止 SSE 重连后收到缓存的旧 bundle-update 导致无限刷新
     var sseCooldownUntil = Date.now() + 3000; // 3 秒冷却期
 
+    function isStaleReloadEvent(data) {
+      if (!data || typeof data.timestamp !== 'number') return false;
+      return data.timestamp <= pageLoadedAt;
+    }
+
     function readSseLeader() {
       try {
         var raw = localStorage.getItem(sseLeaderKey);
@@ -392,6 +399,11 @@
             if (data.type === 'connected') {
               updateStatus('ready', '开发服务器已连接');
             } else if (data.type === 'bundle-update') {
+              if (isStaleReloadEvent(data)) {
+                console.log('[Dev] Ignoring stale bundle-update', data.timestamp, '<=', pageLoadedAt);
+                updateStatus('ready', '构建完成');
+                return;
+              }
               if (Date.now() < sseCooldownUntil) {
                 console.log('[Dev] Ignoring bundle-update during cooldown');
                 updateStatus('ready', '构建完成');
@@ -400,6 +412,10 @@
               updateStatus('building', 'Bundle 更新中...');
               setTimeout(function() { location.reload(); }, 300);
             } else if (data.type === 'full-reload') {
+              if (isStaleReloadEvent(data)) {
+                console.log('[Dev] Ignoring stale full-reload', data.timestamp, '<=', pageLoadedAt);
+                return;
+              }
               if (Date.now() < sseCooldownUntil) {
                 console.log('[Dev] Ignoring full-reload during cooldown');
                 return;