refactor(cli): refactor commands and types

Author: meteorlxy

packages/cli/src/cli.ts

@@ -3,7 +3,11 @@ import process from 'node:process'
 import type { AppConfig } from '@vuepress/core'
 import { colors, logger } from '@vuepress/utils'
 import { cac } from 'cac'
-import { createBuild, createDev, info } from './commands/index.js'
+import { build, dev, info } from './commands/index.js'
+import type {
+  BuildCommandCliOptions,
+  DevCommandCliOptions,
+} from './types/index.js'
 
 const require = createRequire(import.meta.url)
 
@@ -37,7 +41,13 @@ export const cli = (defaultAppConfig: Partial<AppConfig> = {}): void => {
     .option('--open', 'Open browser when ready')
     .option('--debug', 'Enable debug mode')
     .option('--no-watch', 'Disable watching page and config files')
-    .action(createDev(defaultAppConfig))
+    .action(async (sourceDir?: string, cliOptions?: DevCommandCliOptions) =>
+      dev({
+        defaultAppConfig,
+        sourceDir,
+        cliOptions,
+      }),
+    )
 
   // register `build` command
   program
@@ -52,7 +62,13 @@ export const cli = (defaultAppConfig: Partial<AppConfig> = {}): void => {
     .option('--clean-temp', 'Clean the temporary files before build')
     .option('--clean-cache', 'Clean the cache files before build')
     .option('--debug', 'Enable debug mode')
-    .action(createBuild(defaultAppConfig))
+    .action(async (sourceDir?: string, cliOptions?: BuildCommandCliOptions) =>
+      build({
+        defaultAppConfig,
+        sourceDir,
+        cliOptions,
+      }),
+    )
 
   // register `info` command
   program.command('info', 'Display environment information').action(info)

packages/cli/src/commands/build.ts

@@ -0,0 +1,64 @@
+import process from 'node:process'
+import { createBuildApp } from '@vuepress/core'
+import { debug, formatMs, fs, logger, withSpinner } from '@vuepress/utils'
+import { resolveConfig } from '../config/index.js'
+import type { BuildCommand } from '../types/index.js'
+
+const log = debug('vuepress:cli/build')
+
+export const build: BuildCommand = async ({
+  defaultAppConfig,
+  sourceDir = '.',
+  cliOptions = {},
+}) => {
+  const start = Date.now()
+
+  log(`cliOptions:`, cliOptions)
+
+  process.env.NODE_ENV ??= 'production'
+
+  const { appConfig, userConfigPlugin } = await resolveConfig({
+    defaultAppConfig,
+    sourceDir,
+    cliOptions,
+  })
+
+  if (appConfig === null) {
+    throw logger.createError('Failed to resolve config')
+  }
+
+  // create vuepress app
+  const app = createBuildApp(appConfig)
+
+  // use user-config plugin
+  app.use(userConfigPlugin)
+
+  // clean temp and cache
+  if (cliOptions.cleanTemp === true) {
+    await withSpinner('Cleaning temp')(async () => {
+      await fs.remove(app.dir.temp())
+    })
+  }
+  if (cliOptions.cleanCache === true) {
+    await withSpinner('Cleaning cache')(async () => {
+      await fs.remove(app.dir.cache())
+    })
+  }
+
+  // empty dest directory
+  await fs.emptyDir(app.dir.dest())
+
+  // initialize and prepare
+  await withSpinner('Initializing and preparing data')(async () => {
+    await app.init()
+    await app.prepare()
+  })
+
+  // build
+  await app.build()
+
+  // plugin hook: onGenerated
+  await app.pluginApi.hooks.onGenerated.process(app)
+
+  logger.success(`VuePress build completed in ${formatMs(Date.now() - start)}!`)
+}