| | |
|---|
| | | import { QuartzComponent } from "../../components/types" |
|---|
| | | import { googleFontHref, joinStyles } from "../../util/theme" |
|---|
| | | import { Features, transform } from "lightningcss" |
|---|
| | | import { transform as transpile } from "esbuild" |
|---|
| | | |
|---|
| | | type ComponentResources = { |
|---|
| | | css: string[] |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | function joinScripts(scripts: string[]): string { |
|---|
| | | async function joinScripts(scripts: string[]): Promise<string> { |
|---|
| | | // wrap with iife to prevent scope collision |
|---|
| | | return scripts.map((script) => `(function () {${script}})();`).join("\n") |
|---|
| | | const script = scripts.map((script) => `(function () {${script}})();`).join("\n") |
|---|
| | | |
|---|
| | | // minify with esbuild |
|---|
| | | const res = await transpile(script, { |
|---|
| | | minify: true, |
|---|
| | | }) |
|---|
| | | |
|---|
| | | return res.code |
|---|
| | | } |
|---|
| | | |
|---|
| | | function addGlobalPageResources( |
|---|
| | |
|---|
| | | addGlobalPageResources(ctx, resources, componentResources) |
|---|
| | | |
|---|
| | | const stylesheet = joinStyles(ctx.cfg.configuration.theme, ...componentResources.css, styles) |
|---|
| | | const prescript = joinScripts(componentResources.beforeDOMLoaded) |
|---|
| | | const postscript = joinScripts(componentResources.afterDOMLoaded) |
|---|
| | | const [prescript, postscript] = await Promise.all([ |
|---|
| | | joinScripts(componentResources.beforeDOMLoaded), |
|---|
| | | joinScripts(componentResources.afterDOMLoaded), |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | const fps = await Promise.all([ |
|---|
| | | emit({ |
|---|
| | | slug: "index" as FullSlug, |
|---|
