From 8dd73704e6e95254d2addf51fede6329f90796b8 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 22 Jul 2023 23:06:36 +0000
Subject: [PATCH] hot content reload
---
quartz/build.ts | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 51 insertions(+), 5 deletions(-)
diff --git a/quartz/build.ts b/quartz/build.ts
index de3f547..2ab7654 100644
--- a/quartz/build.ts
+++ b/quartz/build.ts
@@ -2,7 +2,7 @@
import path from "path"
import { PerfTimer } from "./perf"
import { rimraf } from "rimraf"
-import { globby } from "globby"
+import { globby, isGitIgnored } from "globby"
import chalk from "chalk"
import http from "http"
import serveHandler from "serve-handler"
@@ -11,6 +11,9 @@
import { emitContent } from "./processors/emit"
import cfg from "../quartz.config"
import { FilePath } from "./path"
+import chokidar from "chokidar"
+import { ProcessedContent } from './plugins/vfile'
+import WebSocket, { WebSocketServer } from 'ws'
interface Argv {
directory: string
@@ -51,10 +54,53 @@
const filePaths = fps.map(fp => `${argv.directory}${path.sep}${fp}` as FilePath)
const parsedFiles = await parseMarkdown(cfg.plugins.transformers, argv.directory, filePaths, argv.verbose)
const filteredContent = filterContent(cfg.plugins.filters, parsedFiles, argv.verbose)
- await emitContent(argv.directory, output, cfg, filteredContent, argv.verbose)
+ await emitContent(argv.directory, output, cfg, filteredContent, argv.serve, argv.verbose)
console.log(chalk.green(`Done processing ${fps.length} files in ${perf.timeSince()}`))
if (argv.serve) {
+ const wss = new WebSocketServer({ port: 3001 })
+ const connections: WebSocket[] = []
+ wss.on('connection', ws => connections.push(ws))
+
+ const ignored = await isGitIgnored()
+ const contentMap = new Map<FilePath, ProcessedContent>()
+ for (const content of parsedFiles) {
+ const [_tree, vfile] = content
+ contentMap.set(vfile.data.filePath!, content)
+ }
+
+ async function rebuild(fp: string, action: 'add' | 'change' | 'unlink') {
+ perf.addEvent('rebuild')
+ if (!ignored(fp)) {
+ console.log(chalk.yellow(`Detected change in ${fp}, rebuilding...`))
+ const fullPath = `${argv.directory}${path.sep}${fp}` as FilePath
+ if (action === 'add' || action === 'change') {
+ const [parsedContent] = await parseMarkdown(cfg.plugins.transformers, argv.directory, [fullPath], argv.verbose)
+ contentMap.set(fullPath, parsedContent)
+ } else if (action === 'unlink') {
+ contentMap.delete(fullPath)
+ }
+
+ await rimraf(output)
+ const parsedFiles = [...contentMap.values()]
+ const filteredContent = filterContent(cfg.plugins.filters, parsedFiles, argv.verbose)
+ await emitContent(argv.directory, output, cfg, filteredContent, argv.serve, argv.verbose)
+ console.log(chalk.green(`Done rebuilding in ${perf.timeSince('rebuild')}`))
+ connections.forEach(conn => conn.send('rebuild'))
+ }
+ }
+
+ const watcher = chokidar.watch('.', {
+ persistent: true,
+ cwd: argv.directory,
+ ignoreInitial: true,
+ })
+
+ watcher
+ .on('add', fp => rebuild(fp, 'add'))
+ .on('change', fp => rebuild(fp, 'change'))
+ .on('unlink', fp => rebuild(fp, 'unlink'))
+
const server = http.createServer(async (req, res) => {
await serveHandler(req, res, {
public: output,
@@ -62,10 +108,10 @@
})
const status = res.statusCode
const statusString = (status >= 200 && status < 300) ?
- chalk.green(`[${status}]`) :
+ chalk.green(`[${status}]`) :
(status >= 300 && status < 400) ?
- chalk.yellow(`[${status}]`) :
- chalk.red(`[${status}]`)
+ chalk.yellow(`[${status}]`) :
+ chalk.red(`[${status}]`)
console.log(statusString + chalk.grey(` ${req.url}`))
})
server.listen(argv.port)
--
Gitblit v1.10.0