@quicktvui/web-cli 1.0.0-beta.39 → 1.0.0-beta.40

package/bin/qt-web-cli-watch.js

@@ -0,0 +1,202 @@
+#!/usr/bin/env node
+
+/**
+ * QuickTVUI Web CLI Watcher
+ * 文件监听器 - 监听文件变化并重启开发服务器
+ */
+
+const path = require('path')
+const fs = require('fs')
+const { spawn } = require('child_process')
+const signale = require('signale')
+
+// 查找项目根目录
+function findProjectRoot(startDir = process.cwd()) {
+  let currentDir = startDir
+  while (currentDir !== path.dirname(currentDir)) {
+    if (fs.existsSync(path.join(currentDir, 'package.json'))) {
+      return currentDir
+    }
+    currentDir = path.dirname(currentDir)
+  }
+  return null
+}
+
+const projectRoot = findProjectRoot()
+if (!projectRoot) {
+  signale.error('无法找到项目根目录')
+  process.exit(1)
+}
+
+let childProcess = null
+let isRestarting = false
+let isFirstStart = true
+
+function startDevServer() {
+  const cliPath = path.join(__dirname, 'qt-web-cli.js')
+  const args = [
+    cliPath,
+    ...process.argv.slice(2).filter((arg) => arg !== '--watch' && arg !== '-w'),
+  ]
+
+  signale.info(`启动开发服务器: node ${args.join(' ')}`)
+
+  // 只在第一次启动时打开浏览器
+  const env = { ...process.env }
+  if (!isFirstStart) {
+    env.QUICKTVUI_NO_OPEN = 'true'
+  }
+  isFirstStart = false
+
+  childProcess = spawn('node', args, {
+    cwd: projectRoot,
+    stdio: 'inherit',
+    env,
+  })
+
+  childProcess.on('error', (err) => {
+    signale.error(`启动失败: ${err.message}`)
+    process.exit(1)
+  })
+
+  childProcess.on('exit', (code, signal) => {
+    if (!isRestarting && code !== 0) {
+      signale.error(`开发服务器异常退出 (code: ${code}, signal: ${signal})`)
+      process.exit(code || 1)
+    }
+  })
+}
+
+function stopDevServer() {
+  return new Promise((resolve) => {
+    if (childProcess) {
+      signale.info('正在停止开发服务器...')
+
+      let resolved = false
+
+      childProcess.on('exit', () => {
+        if (!resolved) {
+          resolved = true
+          signale.success('开发服务器已停止')
+          resolve()
+        }
+      })
+
+      // 先发送 SIGTERM 信号优雅退出
+      childProcess.kill('SIGTERM')
+
+      // 如果 10 秒后还没退出，强制杀死
+      setTimeout(() => {
+        if (childProcess && !resolved) {
+          signale.warn('服务器未能在 10 秒内退出，强制终止...')
+          childProcess.kill('SIGKILL')
+        }
+      }, 10000)
+    } else {
+      resolve()
+    }
+  })
+}
+
+async function restartDevServer() {
+  if (isRestarting) return
+  isRestarting = true
+
+  signale.pending('检测到文件变化，正在重启开发服务器...')
+
+  // 清理 dist 目录
+  const distPath = path.join(projectRoot, 'dist/web')
+  if (fs.existsSync(distPath)) {
+    try {
+      const rimraf = require('rimraf')
+      rimraf.sync(distPath)
+      signale.info('已清理 dist/web 目录')
+    } catch (e) {
+      signale.warn('清理 dist 目录失败:', e.message)
+    }
+  }
+
+  await stopDevServer()
+
+  // 等待 3 秒确保端口完全释放
+  signale.info('等待端口释放...')
+  await new Promise((resolve) => setTimeout(resolve, 3000))
+
+  // 重新启动
+  startDevServer()
+
+  // 等待 5 秒后再允许下一次重启
+  setTimeout(() => {
+    isRestarting = false
+  }, 5000)
+}
+
+function setupWatcher() {
+  const chokidar = require('chokidar')
+
+  // 监听的目录
+  const watchPaths = [
+    path.join(projectRoot, 'src'),
+    path.join(projectRoot, 'packages/quicktvui'),
+    path.join(projectRoot, 'packages/component'),
+  ]
+
+  signale.info(`监听目录: ${watchPaths.map((p) => path.relative(projectRoot, p)).join(', ')}`)
+
+  const watcher = chokidar.watch(watchPaths, {
+    ignored: [/node_modules/, /\.git/, /dist/, /\.DS_Store/, /\.log$/, /\?.*$/, /\.map$/],
+    persistent: true,
+    ignoreInitial: true,
+    usePolling: true,
+    interval: 100,
+  })
+
+  watcher
+    .on('ready', () => {
+      signale.success('文件监听器已就绪')
+    })
+    .on('change', (filePath) => {
+      const relativePath = path.relative(projectRoot, filePath)
+      signale.info(`文件已修改: ${relativePath}`)
+      restartDevServer()
+    })
+    .on('add', (filePath) => {
+      const relativePath = path.relative(projectRoot, filePath)
+      signale.info(`文件已添加: ${relativePath}`)
+      restartDevServer()
+    })
+    .on('unlink', (filePath) => {
+      const relativePath = path.relative(projectRoot, filePath)
+      signale.info(`文件已删除: ${relativePath}`)
+      restartDevServer()
+    })
+    .on('error', (error) => {
+      signale.error(`文件监听错误: ${error}`)
+    })
+
+  signale.success('文件监听已启动 (--watch 模式)')
+
+  // 处理退出信号
+  process.on('SIGINT', async () => {
+    signale.info('正在关闭...')
+    await stopDevServer()
+    watcher.close()
+    process.exit(0)
+  })
+
+  process.on('SIGTERM', async () => {
+    await stopDevServer()
+    watcher.close()
+    process.exit(0)
+  })
+}
+
+// 主流程
+signale.pending('正在启动 QuickTVUI Web 开发服务器 (watch 模式)...')
+signale.info(`项目根目录: ${projectRoot}`)
+
+// 启动开发服务器
+startDevServer()
+
+// 设置文件监听
+setupWatcher()

package/bin/qt-web-cli.js

@@ -14,16 +14,18 @@ const { exec } = require('shelljs')
 // 解析命令行参数
 const args = minimist(process.argv.slice(2), {
   string: ['port', 'config'],
-  boolean: ['help', 'open', 'v', 'info', 'version'],
+  boolean: ['help', 'open', 'v', 'info', 'version', 'watch'],
   alias: {
     p: 'port',
     c: 'config',
     h: 'help',
     o: 'open',
+    w: 'watch',
   },
   default: {
     port: 39001,
-    open: true,
+    open: process.env.QUICKTVUI_NO_OPEN !== 'true',
+    watch: false,
   },
 })
 
@@ -77,6 +79,7 @@ Options:
   -p, --port <port>     开发服务器端口 (默认: 39001)
   -c, --config <path>   自定义 webpack 配置文件路径
   -o, --open            自动打开浏览器
+  -w, --watch           监听文件变化自动重启服务器
   -h, --help            显示帮助信息
   -v, --version         显示 CLI 版本
   --info                显示 CLI 和 web-renderer 版本
@@ -85,17 +88,38 @@ Examples:
   qt-web-cli
   qt-web-cli --port 8080
   qt-web-cli --config ./my.webpack.js
+  qt-web-cli --watch
   qt-web-cli -v
   qt-web-cli --info
 
 特点:
   - 自动检测项目入口 (main-native.ts/js, main.ts/js)
   - 零配置启动 web 开发服务器
+  - 支持文件变化自动重启 (--watch)
   `)
   process.exit(0)
 }
 
 async function main() {
+  // 如果启用了 watch 模式，使用 watcher 脚本
+  if (args.watch) {
+    const { spawn } = require('child_process')
+    const watcherPath = path.join(__dirname, 'qt-web-cli-watch.js')
+    const watcherArgs = process.argv.slice(2).filter((arg) => arg !== '--watch' && arg !== '-w')
+
+    const watcher = spawn('node', [watcherPath, ...watcherArgs], {
+      cwd: process.cwd(),
+      stdio: 'inherit',
+      env: process.env,
+    })
+
+    watcher.on('exit', (code) => {
+      process.exit(code || 0)
+    })
+
+    return
+  }
+
   signale.pending('正在启动 QuickTVUI Web 开发服务器...')
 
   // 查找项目根目录
@@ -119,9 +143,6 @@ async function main() {
 
   // 入口候选列表
   const entryCandidates = [
-    { name: 'webMain (package.json)', path: pkg.webMain, type: 'web' },
-    { name: 'src/main-web.ts', path: './src/main-web.ts', type: 'web' },
-    { name: 'src/main-web.js', path: './src/main-web.js', type: 'web' },
     { name: 'src/main-native.ts', path: './src/main-native.ts', type: 'package' },
     { name: 'src/main-native.js', path: './src/main-native.js', type: 'package' },
     { name: 'src/main.ts', path: './src/main.ts', type: 'package' },
@@ -142,8 +163,6 @@ async function main() {
 
   if (!mainEntry) {
     signale.error('无法找到有效的入口文件，请检查以下路径:')
-    signale.error('  - package.json 中的 webMain 字段')
-    signale.error('  - src/main-web.ts 或 src/main-web.js')
     signale.error('  - src/main-native.ts 或 src/main-native.js')
     signale.error('  - src/main.ts 或 src/main.js')
     signale.error('  - package.json 中的 main 字段')
@@ -257,10 +276,6 @@ function waitForServer(url, timeout = 30000) {
  */
 function openBrowser(url) {
   const platform = process.platform
-  if (platform === 'darwin' && focusExistingBrowserPage(url)) {
-    signale.success('已切换到已打开的浏览器页面')
-    return
-  }
   const command =
     platform === 'darwin'
       ? `open "${url}"`
@@ -277,57 +292,6 @@ function openBrowser(url) {
   signale.warn(`自动打开浏览器失败，请手动访问: ${url}`)
 }
 
-function focusExistingBrowserPage(url) {
-  const match = /^https?:\/\/[^/]+/.exec(url)
-  const targetPrefix = match ? match[0] : url
-  const browserApps = ['Google Chrome', 'Safari', 'Arc', 'Microsoft Edge', 'Brave Browser']
-  const script = `
-set targetPrefix to "${escapeAppleScriptString(targetPrefix)}"
-set browserApps to {${browserApps.map((app) => `"${escapeAppleScriptString(app)}"`).join(', ')}}
-repeat with appName in browserApps
-  tell application "System Events"
-    set isRunning to (name of processes) contains (appName as text)
-  end tell
-  if isRunning then
-    if (appName as text) is "Safari" then
-      tell application "Safari"
-        repeat with w in windows
-          repeat with t in tabs of w
-            if URL of t starts with targetPrefix then
-              set current tab of w to t
-              set index of w to 1
-              activate
-              return "FOUND"
-            end if
-          end repeat
-        end repeat
-      end tell
-    else
-      tell application (appName as text)
-        repeat with w in windows
-          repeat with t in tabs of w
-            if URL of t starts with targetPrefix then
-              set active tab index of w to (index of t)
-              set index of w to 1
-              activate
-              return "FOUND"
-            end if
-          end repeat
-        end repeat
-      end tell
-    end if
-  end if
-end repeat
-return "NOT_FOUND"
-  `.trim()
-  const result = exec(`osascript <<'APPLESCRIPT'\n${script}\nAPPLESCRIPT`, { silent: true })
-  return result.code === 0 && String(result.stdout || '').includes('FOUND')
-}
-
-function escapeAppleScriptString(value) {
-  return String(value).replace(/\\/g, '\\\\').replace(/"/g, '\\"')
-}
-
 function findProjectRoot(startDir = process.cwd()) {
   let currentDir = startDir
   while (currentDir !== path.dirname(currentDir)) {

package/lib/webpack.config.js

@@ -24,9 +24,6 @@ try {
 function detectAlias() {
   const alias = {
     '@': path.resolve(projectRoot, 'src'),
-    // 使用本地打包的 es3-router
-    '@extscreen/es3-router':
-      '/Volumes/WD/Users/chendd/Documents/huan/es/es-vue3/packages/ESRouter/dist/index.js',
   }
 
   const jsconfigPath = path.join(projectRoot, 'jsconfig.json')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "1.0.0-beta.39",
+  "version": "1.0.0-beta.40",
   "description": "CLI tool for QuickTVUI web development - zero configuration",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
@@ -34,7 +34,9 @@
     "@babel/core": "^7.23.0",
     "babel-loader": "^9.1.0",
     "ts-loader": "^9.4.0",
-    "regenerator-runtime": "^0.14.0"
+    "regenerator-runtime": "^0.14.0",
+    "chokidar": "^3.5.3",
+    "rimraf": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "less-loader": {
@@ -53,4 +55,4 @@
   "engines": {
     "node": ">=16.0.0"
   }
-}
+}