feat: better build command output

package.json

@@ -75,6 +75,7 @@
     "markdown-it-emoji": "^1.4.0",
     "markdown-it-table-of-contents": "^0.4.4",
     "minimist": "^1.2.5",
+    "ora": "^5.1.0",
     "prismjs": "^1.20.0",
     "slash": "^3.0.0",
     "vite": "^1.0.0-rc.9",

src/node/build/build.ts

@@ -1,9 +1,10 @@
 import fs from 'fs-extra'
-import { bundle } from './bundle'
+import { bundle, okMark, failMark } from './bundle'
 import { BuildConfig as ViteBuildOptions } from 'vite'
 import { resolveConfig } from '../config'
 import { renderPage } from './render'
 import { OutputChunk, OutputAsset } from 'rollup'
+import ora from 'ora'
 
 export type BuildOptions = Pick<
   Partial<ViteBuildOptions>,
@@ -16,13 +17,17 @@ export type BuildOptions = Pick<
 export async function build(buildOptions: BuildOptions = {}) {
   process.env.NODE_ENV = 'production'
   const siteConfig = await resolveConfig(buildOptions.root)
+
   try {
     const [clientResult, , pageToHashMap] = await bundle(
       siteConfig,
       buildOptions
     )
-    console.log('rendering pages...')
 
+    const spinner = ora()
+    spinner.start('rendering pages...')
+
+    try {
       const appChunk = clientResult.assets.find(
         (chunk) =>
           chunk.type === 'chunk' && chunk.fileName.match(/^app\.\w+\.js$/)
@@ -49,8 +54,17 @@ export async function build(buildOptions: BuildOptions = {}) {
           hashMapStirng
         )
       }
+    } catch (e) {
+      spinner.stopAndPersist({
+        symbol: failMark
+      })
+      throw e
+    }
+    spinner.stopAndPersist({
+      symbol: okMark
+    })
   } finally {
     await fs.remove(siteConfig.tempDir)
   }
-  console.log('done.')
+  console.log('✨ done.')
 }

src/node/build/bundle.ts

@@ -12,6 +12,10 @@ import {
   BuildConfig as ViteBuildOptions,
   BuildResult
 } from 'vite'
+import ora from 'ora'
+
+export const okMark = '\x1b[32m✓\x1b[0m'
+export const failMark = '\x1b[31m✖\x1b[0m'
 
 const hashRE = /\.(\w+)\.js$/
 const staticInjectMarkerRE = /\b(const _hoisted_\d+ = \/\*#__PURE__\*\/createStaticVNode)\("(.*)", (\d+)\)/g
@@ -143,15 +147,38 @@ export async function bundle(
     minify: !process.env.DEBUG
   }
 
-  console.log('building client bundle...')
-  const clientResult = await build(viteOptions)
+  let clientResult, serverResult
+
+  const spinner = ora()
+  spinner.start('building client bundle...')
+  try {
+    clientResult = await build(viteOptions)
+  } catch (e) {
+    spinner.stopAndPersist({
+      symbol: failMark
+    })
+    throw e
+  }
+  spinner.stopAndPersist({
+    symbol: okMark
+  })
 
-  console.log('building server bundle...')
+  spinner.start('building server bundle...')
   isClientBuild = false
-  const serverResult = await ssrBuild({
+  try {
+    serverResult = await ssrBuild({
       ...viteOptions,
       outDir: config.tempDir
     })
+  } catch (e) {
+    spinner.stopAndPersist({
+      symbol: failMark
+    })
+    throw e
+  }
+  spinner.stopAndPersist({
+    symbol: okMark
+  })
 
   return [clientResult[0], serverResult[0], pageToHashMap]
 }