roadmap/quartz/plugins/index.ts

111 lines
2.8 KiB
TypeScript
Raw Normal View History

2023-07-23 00:27:41 +00:00
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"
2023-07-01 07:03:01 +00:00
2023-06-03 19:07:19 +00:00
export type ComponentResources = {
2023-07-23 00:27:41 +00:00
css: string[]
beforeDOMLoaded: string[]
2023-06-03 19:07:19 +00:00
afterDOMLoaded: string[]
}
2023-07-02 20:08:29 +00:00
export function getComponentResources(plugins: PluginTypes): ComponentResources {
2023-06-08 05:27:32 +00:00
const allComponents: Set<QuartzComponent> = new Set()
2023-06-03 19:07:19 +00:00
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>(),
2023-07-23 00:27:41 +00:00
afterDOMLoaded: new Set<string>(),
2023-06-03 19:07:19 +00:00
}
for (const component of allComponents) {
const { css, beforeDOMLoaded, afterDOMLoaded } = component
if (css) {
componentResources.css.add(css)
2023-06-03 19:07:19 +00:00
}
if (beforeDOMLoaded) {
componentResources.beforeDOMLoaded.add(beforeDOMLoaded)
2023-06-03 19:07:19 +00:00
}
if (afterDOMLoaded) {
componentResources.afterDOMLoaded.add(afterDOMLoaded)
2023-06-03 19:07:19 +00:00
}
}
2023-07-23 00:27:41 +00:00
return {
css: [...componentResources.css],
beforeDOMLoaded: [...componentResources.beforeDOMLoaded],
2023-07-23 00:27:41 +00:00
afterDOMLoaded: [...componentResources.afterDOMLoaded],
}
2023-07-02 20:08:29 +00:00
}
2023-06-17 19:07:40 +00:00
2023-07-02 20:08:29 +00:00
function joinScripts(scripts: string[]): string {
// wrap with iife to prevent scope collision
2023-07-23 00:27:41 +00:00
return scripts.map((script) => `(function () {${script}})();`).join("\n")
2023-07-02 20:08:29 +00:00
}
2023-06-03 19:07:19 +00:00
2023-07-23 00:27:41 +00:00
export async function emitComponentResources(
cfg: GlobalConfiguration,
res: ComponentResources,
emit: EmitCallback,
): Promise<FilePath[]> {
2023-07-02 20:08:29 +00:00
const fps = await Promise.all([
emit({
slug: "index" as ServerSlug,
2023-07-02 20:08:29 +00:00
ext: ".css",
2023-07-23 00:27:41 +00:00
content: joinStyles(cfg.theme, styles, ...res.css),
2023-07-02 20:08:29 +00:00
}),
emit({
slug: "prescript" as ServerSlug,
2023-07-02 20:08:29 +00:00
ext: ".js",
2023-07-23 00:27:41 +00:00
content: joinScripts(res.beforeDOMLoaded),
2023-07-02 20:08:29 +00:00
}),
emit({
slug: "postscript" as ServerSlug,
2023-07-02 20:08:29 +00:00
ext: ".js",
2023-07-23 00:27:41 +00:00
content: joinScripts(res.afterDOMLoaded),
}),
2023-07-02 20:08:29 +00:00
])
2023-06-03 19:07:19 +00:00
return fps
}
2023-05-30 15:02:20 +00:00
export function getStaticResourcesFromPlugins(plugins: PluginTypes) {
const staticResources: StaticResources = {
css: [],
js: [],
}
2023-06-03 19:07:19 +00:00
for (const transformer of plugins.transformers) {
2023-06-17 20:08:06 +00:00
const res = transformer.externalResources ? transformer.externalResources() : {}
2023-05-30 15:02:20 +00:00
if (res?.js) {
staticResources.js.push(...res.js)
2023-05-30 15:02:20 +00:00
}
if (res?.css) {
staticResources.css.push(...res.css)
2023-05-30 15:02:20 +00:00
}
}
return staticResources
}
2023-07-23 00:27:41 +00:00
export * from "./transformers"
export * from "./filters"
export * from "./emitters"
2023-05-30 15:02:20 +00:00
2023-07-23 00:27:41 +00:00
declare module "vfile" {
2023-05-30 15:02:20 +00:00
// inserted in processors.ts
interface DataMap {
2023-07-13 07:19:35 +00:00
slug: ServerSlug
allSlugs: ServerSlug[]
filePath: FilePath
2023-05-30 15:02:20 +00:00
}
}