From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/processors/emit.ts | 176 +++++++++++++---------------------------------------------
1 files changed, 40 insertions(+), 136 deletions(-)
diff --git a/quartz/processors/emit.ts b/quartz/processors/emit.ts
index 0276ad4..7870295 100644
--- a/quartz/processors/emit.ts
+++ b/quartz/processors/emit.ts
@@ -1,146 +1,50 @@
-import path from "path"
-import fs from "fs"
-import { GlobalConfiguration, QuartzConfig } from "../cfg"
-import { PerfTimer } from "../perf"
-import { ComponentResources, emitComponentResources, getComponentResources, getStaticResourcesFromPlugins } from "../plugins"
-import { EmitCallback } from "../plugins/types"
+import { PerfTimer } from "../util/perf"
+import { getStaticResourcesFromPlugins } from "../plugins"
import { ProcessedContent } from "../plugins/vfile"
-import { FilePath, QUARTZ, slugifyFilePath } from "../path"
-import { globbyStream } from "globby"
-import chalk from "chalk"
+import { QuartzLogger } from "../util/log"
+import { trace } from "../util/trace"
+import { BuildCtx } from "../util/ctx"
+import { styleText } from "util"
-// @ts-ignore
-import spaRouterScript from '../components/scripts/spa.inline'
-// @ts-ignore
-import plausibleScript from '../components/scripts/plausible.inline'
-// @ts-ignore
-import popoverScript from '../components/scripts/popover.inline'
-import popoverStyle from '../components/styles/popover.scss'
-import { StaticResources } from "../resources"
-import { QuartzLogger } from "../log"
-import { googleFontHref } from "../theme"
-import { trace } from "../trace"
-
-function addGlobalPageResources(cfg: GlobalConfiguration, staticResources: StaticResources, componentResources: ComponentResources) {
- staticResources.css.push(googleFontHref(cfg.theme))
-
- // popovers
- if (cfg.enablePopovers) {
- componentResources.afterDOMLoaded.push(popoverScript)
- componentResources.css.push(popoverStyle)
- }
-
- if (cfg.analytics?.provider === "google") {
- const tagId = cfg.analytics.tagId
- staticResources.js.push({
- src: `https://www.googletagmanager.com/gtag/js?id=${tagId}`,
- contentType: 'external',
- loadTime: 'afterDOMReady',
- })
- componentResources.afterDOMLoaded.push(`
- window.dataLayer = window.dataLayer || [];
- function gtag() { dataLayer.push(arguments); }
- gtag(\`js\`, new Date());
- gtag(\`config\`, \`${tagId}\`, { send_page_view: false });
-
- document.addEventListener(\`nav\`, () => {
- gtag(\`event\`, \`page_view\`, {
- page_title: document.title,
- page_location: location.href,
- });
- });`
- )
- } else if (cfg.analytics?.provider === "plausible") {
- componentResources.afterDOMLoaded.push(plausibleScript)
- }
-
- // spa
- if (cfg.enableSPA) {
- componentResources.afterDOMLoaded.push(spaRouterScript)
- } else {
- componentResources.afterDOMLoaded.push(`
- window.spaNavigate = (url, _) => window.location.assign(url)
- const event = new CustomEvent("nav", { detail: { slug: document.body.dataset.slug } })
- document.dispatchEvent(event)`
- )
- }
-}
-
-export async function emitContent(contentFolder: string, output: string, cfg: QuartzConfig, content: ProcessedContent[], verbose: boolean) {
+export async function emitContent(ctx: BuildCtx, content: ProcessedContent[]) {
+ const { argv, cfg } = ctx
const perf = new PerfTimer()
- const log = new QuartzLogger(verbose)
+ const log = new QuartzLogger(ctx.argv.verbose)
- log.start(`Emitting output files`)
- const emit: EmitCallback = async ({ slug, ext, content }) => {
- const pathToPage = path.join(output, slug + ext) as FilePath
- const dir = path.dirname(pathToPage)
- await fs.promises.mkdir(dir, { recursive: true })
- await fs.promises.writeFile(pathToPage, content)
- return pathToPage
- }
+ log.start(`Emitting files`)
- // initialize from plugins
- const staticResources = getStaticResourcesFromPlugins(cfg.plugins)
-
- // component specific scripts and styles
- const componentResources = getComponentResources(cfg.plugins)
-
- // important that this goes *after* component scripts
- // as the "nav" event gets triggered here and we should make sure
- // that everyone else had the chance to register a listener for it
- addGlobalPageResources(cfg.configuration, staticResources, componentResources)
-
- // emit in one go
- const emittedResources = await emitComponentResources(cfg.configuration, componentResources, emit)
- if (verbose) {
- for (const file of emittedResources) {
- console.log(`[emit:Resources] ${file}`)
- }
- }
-
- // emitter plugins
let emittedFiles = 0
- for (const emitter of cfg.plugins.emitters) {
- try {
- const emitted = await emitter.emit(contentFolder, cfg.configuration, content, staticResources, emit)
- emittedFiles += emitted.length
-
- if (verbose) {
- for (const file of emitted) {
- console.log(`[emit:${emitter.name}] ${file}`)
+ const staticResources = getStaticResourcesFromPlugins(ctx)
+ await Promise.all(
+ cfg.plugins.emitters.map(async (emitter) => {
+ try {
+ const emitted = await emitter.emit(ctx, content, staticResources)
+ if (Symbol.asyncIterator in emitted) {
+ // Async generator case
+ for await (const file of emitted) {
+ emittedFiles++
+ if (ctx.argv.verbose) {
+ console.log(`[emit:${emitter.name}] ${file}`)
+ } else {
+ log.updateText(`${emitter.name} -> ${styleText("gray", file)}`)
+ }
+ }
+ } else {
+ // Array case
+ emittedFiles += emitted.length
+ for (const file of emitted) {
+ if (ctx.argv.verbose) {
+ console.log(`[emit:${emitter.name}] ${file}`)
+ } else {
+ log.updateText(`${emitter.name} -> ${styleText("gray", file)}`)
+ }
+ }
}
+ } catch (err) {
+ trace(`Failed to emit from plugin \`${emitter.name}\``, err as Error)
}
- } catch (err) {
- trace(`Failed to emit from plugin \`${emitter.name}\``, err as Error)
- process.exit(1)
- }
- }
+ }),
+ )
- const staticPath = path.join(QUARTZ, "static")
- await fs.promises.cp(staticPath, path.join(output, "static"), { recursive: true })
- if (verbose) {
- console.log(`[emit:Static] ${path.join("static", "**")}`)
- }
-
- // glob all non MD/MDX/HTML files in content folder and copy it over
- const assetsPath = path.join(output, "assets")
- for await (const rawFp of globbyStream("**", {
- ignore: ["**/*.md"],
- cwd: contentFolder,
- })) {
- const fp = rawFp as FilePath
- const ext = path.extname(fp)
- const src = path.join(contentFolder, fp) as FilePath
- const name = slugifyFilePath(fp as FilePath) + ext as FilePath
- const dest = path.join(assetsPath, name) as FilePath
- const dir = path.dirname(dest) as FilePath
- await fs.promises.mkdir(dir, { recursive: true }) // ensure dir exists
- await fs.promises.copyFile(src, dest)
- emittedFiles += 1
- if (verbose) {
- console.log(`[emit:Assets] ${path.join("assets", name)}`)
- }
- }
-
- log.success(`Emitted ${emittedFiles} files to \`${output}\` in ${perf.timeSince()}`)
+ log.end(`Emitted ${emittedFiles} files to \`${argv.output}\` in ${perf.timeSince()}`)
}
--
Gitblit v1.10.0