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/plugins/index.ts | 112 ++++++++++++++-----------------------------------------
1 files changed, 29 insertions(+), 83 deletions(-)
diff --git a/quartz/plugins/index.ts b/quartz/plugins/index.ts
index a6231db..c41157c 100644
--- a/quartz/plugins/index.ts
+++ b/quartz/plugins/index.ts
@@ -1,96 +1,42 @@
-import { GlobalConfiguration } from "../cfg"
-import { QuartzComponent } from "../components/types"
-import { StaticResources } from "../resources"
-import { joinStyles } from "../theme"
-import { EmitCallback, PluginTypes } from "./types"
-import styles from "../styles/base.scss"
-import { FilePath, ServerSlug } from "../path"
+import { StaticResources } from "../util/resources"
+import { FilePath, FullSlug } from "../util/path"
+import { BuildCtx } from "../util/ctx"
-export type ComponentResources = {
- css: string[]
- beforeDOMLoaded: string[]
- afterDOMLoaded: string[]
-}
-
-export function getComponentResources(plugins: PluginTypes): ComponentResources {
- const allComponents: Set<QuartzComponent> = new Set()
- for (const emitter of plugins.emitters) {
- const components = emitter.getQuartzComponents()
- for (const component of components) {
- allComponents.add(component)
- }
- }
-
- const componentResources = {
- css: new Set<string>(),
- beforeDOMLoaded: new Set<string>(),
- afterDOMLoaded: new Set<string>(),
- }
-
- for (const component of allComponents) {
- const { css, beforeDOMLoaded, afterDOMLoaded } = component
- if (css) {
- componentResources.css.add(css)
- }
- if (beforeDOMLoaded) {
- componentResources.beforeDOMLoaded.add(beforeDOMLoaded)
- }
- if (afterDOMLoaded) {
- componentResources.afterDOMLoaded.add(afterDOMLoaded)
- }
- }
-
- return {
- css: [...componentResources.css],
- beforeDOMLoaded: [...componentResources.beforeDOMLoaded],
- afterDOMLoaded: [...componentResources.afterDOMLoaded],
- }
-}
-
-function joinScripts(scripts: string[]): string {
- // wrap with iife to prevent scope collision
- return scripts.map((script) => `(function () {${script}})();`).join("\n")
-}
-
-export async function emitComponentResources(
- cfg: GlobalConfiguration,
- res: ComponentResources,
- emit: EmitCallback,
-): Promise<FilePath[]> {
- const fps = await Promise.all([
- emit({
- slug: "index" as ServerSlug,
- ext: ".css",
- content: joinStyles(cfg.theme, styles, ...res.css),
- }),
- emit({
- slug: "prescript" as ServerSlug,
- ext: ".js",
- content: joinScripts(res.beforeDOMLoaded),
- }),
- emit({
- slug: "postscript" as ServerSlug,
- ext: ".js",
- content: joinScripts(res.afterDOMLoaded),
- }),
- ])
- return fps
-}
-
-export function getStaticResourcesFromPlugins(plugins: PluginTypes) {
+export function getStaticResourcesFromPlugins(ctx: BuildCtx) {
const staticResources: StaticResources = {
css: [],
js: [],
+ additionalHead: [],
}
- for (const transformer of plugins.transformers) {
- const res = transformer.externalResources ? transformer.externalResources() : {}
+ for (const transformer of [...ctx.cfg.plugins.transformers, ...ctx.cfg.plugins.emitters]) {
+ const res = transformer.externalResources ? transformer.externalResources(ctx) : {}
if (res?.js) {
staticResources.js.push(...res.js)
}
if (res?.css) {
staticResources.css.push(...res.css)
}
+ if (res?.additionalHead) {
+ staticResources.additionalHead.push(...res.additionalHead)
+ }
+ }
+
+ // if serving locally, listen for rebuilds and reload the page
+ if (ctx.argv.serve) {
+ const wsUrl = ctx.argv.remoteDevHost
+ ? `wss://${ctx.argv.remoteDevHost}:${ctx.argv.wsPort}`
+ : `ws://localhost:${ctx.argv.wsPort}`
+
+ staticResources.js.push({
+ loadTime: "afterDOMReady",
+ contentType: "inline",
+ script: `
+ const socket = new WebSocket('${wsUrl}')
+ // reload(true) ensures resources like images and scripts are fetched again in firefox
+ socket.addEventListener('message', () => document.location.reload(true))
+ `,
+ })
}
return staticResources
@@ -103,8 +49,8 @@
declare module "vfile" {
// inserted in processors.ts
interface DataMap {
- slug: ServerSlug
- allSlugs: ServerSlug[]
+ slug: FullSlug
filePath: FilePath
+ relativePath: FilePath
}
}
--
Gitblit v1.10.0