more robust error handling, config hotreload

Jacky Zhao

2023-08-05 c402f0c3857a75cc101c3459866c94e646fd2957

 quartz/bootstrap-cli.mjs

@@ -9,9 +9,13 @@
import fs from "fs"
import { intro, isCancel, outro, select, text } from "@clack/prompts"
import { rimraf } from "rimraf"
import chokidar from "chokidar"
import prettyBytes from "pretty-bytes"
import { execSync, spawnSync } from "child_process"
import { transform as cssTransform } from "lightningcss"
import http from "http"
import serveHandler from "serve-handler"
import { WebSocketServer } from "ws"

const ORIGIN_NAME = "origin"
const UPSTREAM_NAME = "upstream"
@@ -287,8 +291,8 @@
    console.log(chalk.green("Done!"))
  })
  .command("build", "Build Quartz into a bundle of static HTML files", BuildArgv, async (argv) => {
    const result = await esbuild
      .build({
    console.log(chalk.bgGreen.black(`\n Quartz v${version} \n`))
    const ctx = await esbuild.context({
        entryPoints: [fp],
        outfile: path.join("quartz", cacheFile),
        bundle: true,
@@ -348,7 +352,11 @@
          },
        ],
      })
      .catch((err) => {

    let clientRefresh = () => {}
    let closeHandler = null
    const build = async () => {
      const result = await ctx.rebuild().catch((err) => {
        console.error(`${chalk.red("Couldn't parse Quartz configuration:")} ${fp}`)
        console.log(`Reason: ${chalk.grey(err)}`)
        process.exit(1)
@@ -365,8 +373,50 @@
      console.log(await esbuild.analyzeMetafile(result.metafile, { color: true }))
    }

    const { default: buildQuartz } = await import(cacheFile)
    buildQuartz(argv, version)
      // bypass module cache
      const { default: buildQuartz } = await import(cacheFile + `?update=${new Date()}`)
      if (closeHandler) {
        await closeHandler()
      }

      closeHandler = await buildQuartz(argv, clientRefresh)
      clientRefresh()
    }

    await build()
    if (argv.serve) {
      const wss = new WebSocketServer({ port: 3001 })
      const connections = []
      wss.on("connection", (ws) => connections.push(ws))
      clientRefresh = () => connections.forEach((conn) => conn.send("rebuild"))
      const server = http.createServer(async (req, res) => {
        await serveHandler(req, res, {
          public: argv.output,
          directoryListing: false,
        })
        const status = res.statusCode
        const statusString =
          status >= 200 && status < 300
            ? chalk.green(`[${status}]`)
            : status >= 300 && status < 400
            ? chalk.yellow(`[${status}]`)
            : chalk.red(`[${status}]`)
        console.log(statusString + chalk.grey(` ${req.url}`))
      })
      server.listen(argv.port)
      console.log(chalk.cyan(`Started a Quartz server listening at http://localhost:${argv.port}`))
      console.log("hint: exit with ctrl+c")
      chokidar
        .watch(["**/*.ts", "**/*.tsx", "**/*.scss", "package.json"], {
          ignoreInitial: true,
        })
        .on("all", async () => {
          console.log(chalk.yellow("Detected a source code change, doing a hard rebuild..."))
          await build()
        })
    } else {
      ctx.dispose()
    }
  })
  .showHelpOnFail(false)
  .help()