@crab-dev/wake 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.1.3
+
+- Improved the npm development-server terminal panel with Rust CLI-aligned styling, startup timing, rebuild progress, diagnostics, and color controls.
+
 ## 0.1.2
 
 - Updated the npm release pipeline for private GitHub repositories while preserving immutable tarball audits.

package/bin/terminal.mjs

@@ -0,0 +1,77 @@
+const RESET = '\x1b[0m'
+const BOLD = '\x1b[1m'
+const DIM = '\x1b[2m'
+const RED = '\x1b[31m'
+const GREEN = '\x1b[32m'
+const YELLOW = '\x1b[33m'
+const CYAN = '\x1b[36m'
+const MAGENTA_BOLD = '\x1b[1;35m'
+
+export function supportsColor(stream = process.stderr, env = process.env) {
+  return stream.isTTY === true && !Object.hasOwn(env, 'NO_COLOR')
+}
+
+export function createUi(color = supportsColor()) {
+  const wrap = (code, text) => color ? `${code}${text}${RESET}` : String(text)
+  return {
+    accent: (text) => wrap(CYAN, text),
+    bold: (text) => wrap(BOLD, text),
+    brand: (text) => wrap(MAGENTA_BOLD, text),
+    dim: (text) => wrap(DIM, text),
+    error: (text) => wrap(RED, text),
+    ok: (text) => wrap(GREEN, text),
+    warn: (text) => wrap(YELLOW, text),
+  }
+}
+
+export function humanDuration(durationMs) {
+  const milliseconds = Math.max(1, Number(durationMs) || 0)
+  if (milliseconds < 1_000) return `${milliseconds.toFixed(0)}ms`
+  if (milliseconds < 60_000) return `${(milliseconds / 1_000).toFixed(2)}s`
+  const seconds = milliseconds / 1_000
+  return `${Math.floor(seconds / 60)}m${(seconds % 60).toFixed(1)}s`
+}
+
+export function formatBanner(ui, command, currentVersion) {
+  return [
+    '',
+    `  ${ui.warn('⚡')} ${ui.brand('wake')} ${ui.dim(`v${currentVersion}`)}  ${ui.dim(command)}`,
+    '',
+  ]
+}
+
+export function formatServerReady(ui, url, durationMs) {
+  return [
+    `  ${ui.ok('✓')}  ${ui.bold('开发服务器已就绪')}  ${ui.dim('·')}  ${ui.accent(humanDuration(durationMs))}`,
+    '',
+    `    ${ui.dim('Local')} ${ui.accent(url)}`,
+    `    ${ui.dim('提示')} ${ui.dim('按')} ${ui.bold('Ctrl-C')} ${ui.dim('退出')}`,
+    '',
+  ]
+}
+
+export function observeServer(server, ui, output = console) {
+  const onRebuildStart = (event) => {
+    const count = event.changedPaths?.length || 0
+    const detail = count > 0 ? `检测到 ${count} 个文件变更，正在重建…` : '正在重建…'
+    output.log(`  ${ui.warn('↻')}  ${ui.dim(detail)}`)
+  }
+  const onRebuilt = (event) => {
+    output.log(
+      `  ${ui.ok('✓')}  ${ui.bold('热重建')}  ${ui.dim('·')}  ${ui.accent(`${event.modules} 模块`)}  ${ui.dim('·')}  ${ui.accent(humanDuration(event.durationMs))}`,
+    )
+  }
+  const onDiagnostic = (diagnostic) => {
+    const code = diagnostic.code ? `[${diagnostic.code}] ` : ''
+    output.error(`  ${ui.error('✗')}  ${ui.bold('构建失败')}  ${code}${diagnostic.message}`)
+  }
+
+  server.on('rebuildStart', onRebuildStart)
+  server.on('rebuilt', onRebuilt)
+  server.on('diagnostic', onDiagnostic)
+  return () => {
+    server.off('rebuildStart', onRebuildStart)
+    server.off('rebuilt', onRebuilt)
+    server.off('diagnostic', onDiagnostic)
+  }
+}

package/bin/wake.mjs

@@ -9,6 +9,13 @@ import {
   version,
 } from '../index.mjs'
 import { parse, tokenize } from '../experimental.mjs'
+import {
+  createUi,
+  formatBanner,
+  formatServerReady,
+  observeServer,
+  supportsColor,
+} from './terminal.mjs'
 
 const HELP = `Wake ${version()}
 
@@ -20,6 +27,9 @@ Usage:
   wake parse <file>
   wake tokenize <file>
   wake --version
+
+Options:
+  --no-color  Disable terminal colors
 `
 
 function takeOption(args, name) {
@@ -52,10 +62,17 @@ function printResult(result) {
   if (result.outputDir) console.log(`wake: output ${result.outputDir}`)
 }
 
-async function runServer(factory, options) {
+function printLines(lines) {
+  for (const line of lines) console.log(line)
+}
+
+async function runServer(factory, options, command, ui) {
   const controller = new AbortController()
+  printLines(formatBanner(ui, command, version()))
+  const startedAt = performance.now()
   const server = await factory({ ...options, signal: controller.signal })
-  console.log(`wake: listening on ${server.url}`)
+  printLines(formatServerReady(ui, server.url, performance.now() - startedAt))
+  const stopObserving = observeServer(server, ui)
 
   let stopping = false
   const stop = async (signal) => {
@@ -68,13 +85,23 @@ async function runServer(factory, options) {
       process.exitCode = signal === 'SIGINT' ? 130 : 143
     }
   }
-  process.once('SIGINT', () => void stop('SIGINT'))
-  process.once('SIGTERM', () => void stop('SIGTERM'))
-  await server.waitUntilClosed()
+  const onSigint = () => void stop('SIGINT')
+  const onSigterm = () => void stop('SIGTERM')
+  process.once('SIGINT', onSigint)
+  process.once('SIGTERM', onSigterm)
+  try {
+    await server.waitUntilClosed()
+  } finally {
+    stopObserving()
+    process.off('SIGINT', onSigint)
+    process.off('SIGTERM', onSigterm)
+  }
 }
 
 export async function runCli(argv = process.argv.slice(2)) {
   const args = [...argv]
+  const noColor = takeFlag(args, '--no-color')
+  const ui = createUi(!noColor && supportsColor())
   if (takeFlag(args, '--version') || takeFlag(args, '-V')) {
     console.log(version())
     return 0
@@ -105,7 +132,7 @@ export async function runCli(argv = process.argv.slice(2)) {
     options.open = takeFlag(args, '--open')
     if (args[0]) options.cwd = args.shift()
     if (args.length) throw new Error(`unknown dev arguments: ${args.join(' ')}`)
-    await runServer(startDevServer, options)
+    await runServer(startDevServer, options, 'dev', ui)
     return process.exitCode || 0
   }
 
@@ -125,7 +152,7 @@ export async function runCli(argv = process.argv.slice(2)) {
       return 0
     }
     if (action === 'dev') {
-      await runServer(startDocsDevServer, options)
+      await runServer(startDocsDevServer, options, 'docs dev', ui)
       return process.exitCode || 0
     }
     throw new Error('docs requires build or dev')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crab-dev/wake",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Wake native web build tools for Node.js",
   "license": "MIT OR Apache-2.0",
   "repository": {
@@ -45,11 +45,11 @@
     "node": ">=22.14 <27"
   },
   "optionalDependencies": {
-    "@crab-dev/wake-win32-x64-msvc": "0.1.2",
-    "@crab-dev/wake-linux-x64-gnu": "0.1.2",
-    "@crab-dev/wake-linux-arm64-gnu": "0.1.2",
-    "@crab-dev/wake-darwin-x64": "0.1.2",
-    "@crab-dev/wake-darwin-arm64": "0.1.2"
+    "@crab-dev/wake-win32-x64-msvc": "0.1.3",
+    "@crab-dev/wake-linux-x64-gnu": "0.1.3",
+    "@crab-dev/wake-linux-arm64-gnu": "0.1.3",
+    "@crab-dev/wake-darwin-x64": "0.1.3",
+    "@crab-dev/wake-darwin-arm64": "0.1.3"
   },
   "publishConfig": {
     "access": "public",