@quicktvui/web-cli 1.0.0-beta.13 → 1.0.0-beta.15

package/bin/{qt-web-dev.js → qt-web-cli.js}

@@ -23,17 +23,17 @@ const args = minimist(process.argv.slice(2), {
   },
   default: {
     port: 39001,
-    open: false,
+    open: true,
   },
 })
 
 // 显示帮助信息
 if (args.help) {
   console.log(`
-QuickTVUI Web Dev CLI
+QuickTVUI Web CLI
 
 Usage:
-  qt-web-dev [options]
+  qt-web-cli [options]
 
 Options:
   -p, --port <port>     开发服务器端口 (默认: 39001)
@@ -42,9 +42,9 @@ Options:
   -h, --help            显示帮助信息
 
 Examples:
-  qt-web-dev
-  qt-web-dev --port 8080
-  qt-web-dev --config ./my.webpack.js
+  qt-web-cli
+  qt-web-cli --port 8080
+  qt-web-cli --config ./my.webpack.js
 
 特点:
   - 自动检测项目入口，优先使用 webMain
@@ -122,13 +122,22 @@ async function main() {
 
   // 构建 webpack 命令
   const webpackArgs = ['serve', `--config "${webpackConfigPath}"`, `--port ${args.port}`, '--color']
-  if (args.open) webpackArgs.push('--open')
 
   const envPrefix = nodeOptions ? `NODE_OPTIONS="${nodeOptions}" ` : ''
   const webpackCmd = `${envPrefix}npx webpack ${webpackArgs.join(' ')}`
 
   signale.pending(`执行: ${webpackCmd}`)
 
+  // 如果需要打开浏览器，等待服务器就绪后打开
+  if (args.open) {
+    const url = `http://localhost:${args.port}`
+    waitForServer(url, 30000).then(() => {
+      openOrRefreshBrowser(url)
+    }).catch((err) => {
+      signale.warn(`自动打开浏览器失败: ${err.message}`)
+    })
+  }
+
   const result = exec(webpackCmd, { stdio: 'inherit' })
   if (result.code !== 0) {
     signale.error('启动开发服务器失败')
@@ -136,6 +145,80 @@ async function main() {
   }
 }
 
+/**
+ * 等待服务器就绪
+ */
+function waitForServer(url, timeout = 30000) {
+  const http = require('http')
+  const startTime = Date.now()
+
+  return new Promise((resolve, reject) => {
+    function check() {
+      if (Date.now() - startTime > timeout) {
+        reject(new Error('等待服务器超时'))
+        return
+      }
+
+      const req = http.get(url, (res) => {
+        if (res.statusCode === 200 || res.statusCode === 304) {
+          resolve()
+        } else {
+          setTimeout(check, 500)
+        }
+      })
+
+      req.on('error', () => {
+        setTimeout(check, 500)
+      })
+
+      req.setTimeout(1000, () => {
+        req.destroy()
+        setTimeout(check, 500)
+      })
+    }
+
+    check()
+  })
+}
+
+/**
+ * 打开或刷新浏览器（支持 macOS）
+ */
+function openOrRefreshBrowser(url) {
+  const platform = process.platform
+
+  if (platform === 'darwin') {
+    // macOS: 使用 AppleScript 检查并刷新已存在的标签页
+    const appleScript = `
+      tell application "Safari"
+        activate
+        set found to false
+        repeat with w in windows
+          repeat with t in tabs of w
+            if URL of t starts with "http://localhost:" then
+              set URL of t to "${url}"
+              set found to true
+              exit repeat
+            end if
+          end repeat
+          if found then exit repeat
+        end repeat
+        if not found then
+          open location "${url}"
+        end if
+      end tell
+    `
+
+    exec(`osascript -e '${appleScript.replace(/\n/g, ' ')}'`, { silent: true })
+    signale.success('已打开/刷新浏览器')
+  } else {
+    // 其他平台：直接打开 URL
+    const openCmd = platform === 'win32' ? 'start' : 'xdg-open'
+    exec(`${openCmd} "${url}"`, { silent: true })
+    signale.success('已打开浏览器')
+  }
+}
+
 function findProjectRoot(startDir = process.cwd()) {
   let currentDir = startDir
   while (currentDir !== path.dirname(currentDir)) {

package/lib/entry-package.js

@@ -51,13 +51,15 @@ console.log('[Web Renderer] Global CSS reset injected')
 
 // 动态加载主入口，等待加载完成后再启动引擎
 console.log('[Web Renderer] Importing main module...')
-import(__QUICKTVUI_MAIN_ENTRY__).then(() => {
-  console.log('[Web Renderer] Main module loaded')
-  console.log('[Web Renderer] Starting engine...')
-  startWebEngine(engine, APP_NAME)
-  setTimeout(() => {
-    console.log('[Web Renderer] === Initialization complete ===')
-  }, 1000)
-}).catch(err => {
-  console.error('[Web Renderer] Failed to load main module:', err)
-})
+import(__QUICKTVUI_MAIN_ENTRY__)
+  .then(() => {
+    console.log('[Web Renderer] Main module loaded')
+    console.log('[Web Renderer] Starting engine...')
+    startWebEngine(engine, APP_NAME)
+    setTimeout(() => {
+      console.log('[Web Renderer] === Initialization complete ===')
+    }, 1000)
+  })
+  .catch((err) => {
+    console.error('[Web Renderer] Failed to load main module:', err)
+  })

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.15",
   "description": "CLI tool for QuickTVUI web development - zero configuration",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
   "bin": {
-    "qt-web-dev": "./bin/qt-web-dev.js"
+    "qt-web-cli": "./bin/qt-web-cli.js"
   },
   "main": "lib/index.js",
   "files": [
@@ -24,7 +24,7 @@
     "minimist": "^1.2.8",
     "shelljs": "^0.10.0",
     "signale": "^1.4.0",
-    "@quicktvui/web-renderer": "^1.0.5",
+    "@quicktvui/web-renderer": "^1.0.6",
     "scope-loader": "^1.0.3"
   },
   "peerDependencies": {
@@ -41,12 +41,20 @@
     "@extscreen/es3-vue": ">=3.0.0"
   },
   "peerDependenciesMeta": {
-    "less-loader": { "optional": true },
-    "sass-loader": { "optional": true },
-    "sass": { "optional": true },
-    "less": { "optional": true }
+    "less-loader": {
+      "optional": true
+    },
+    "sass-loader": {
+      "optional": true
+    },
+    "sass": {
+      "optional": true
+    },
+    "less": {
+      "optional": true
+    }
   },
   "engines": {
     "node": ">=16.0.0"
   }
-}
+}