feat: add download caddy progress tip

Author: chenweiyi

package.json

@@ -122,6 +122,7 @@
     "http-proxy-agent": "^7.0.0",
     "https-proxy-agent": "^7.0.2",
     "kill-port": "^2.0.1",
+    "ora": "5",
     "picocolors": "^1.0.0",
     "unplugin": "^1.4.0"
   },

pnpm-lock.yaml

@@ -9,7 +9,7 @@ import * as hostile from 'hostile'
 import kill from 'kill-port'
 import { consola } from '../utils'
 import { caddyPath, supportList } from './constants'
-import { tryPort } from './utils'
+import { logProgress, logProgressOver, tryPort } from './utils'
 
 export async function download() {
   if (await testCaddy())
@@ -47,7 +47,10 @@ export async function download() {
         http: httpAgent,
         https: httpsAgent,
       },
+    }).on('downloadProgress', (progress) => {
+      logProgress(progress.percent)
     }).pipe(file).on('finish', () => {
+      logProgressOver()
       if (process.platform === 'win32')
         return resolve(caddyPath)
       // chmod +x

src/caddy/index.ts

@@ -1,4 +1,7 @@
 import { createServer } from 'node:net'
+import ora from 'ora'
+
+let spinner: ora.Ora
 
 /**
  * @returns whether the port is in use
@@ -23,3 +26,34 @@ export function tryPort(port: number) {
     }
   })
 }
+
+function getNumber(number: number) {
+  if (number <= 0)
+    return '0%'
+  else if (number < 100)
+    return `${number.toFixed(2)}%`
+  else
+    return '100%'
+}
+
+export function logProgress(percent: number | string) {
+  if (!spinner) {
+    spinner = ora({
+      text: 'Start Download Caddy: 0%',
+      indent: 2,
+    })
+    spinner.start()
+  }
+  else { spinner.text = `Download Caddy: ${getNumber(Number(percent) * 100)}` }
+}
+
+export function logProgressOver() {
+  if (!spinner) {
+    spinner = ora({
+      text: 'Start Download Caddy: 100%',
+      indent: 2,
+    })
+    spinner.start()
+  }
+  else { spinner.succeed() }
+}