| | |
|---|
| | | import { FilePath, FullSlug } from "../../util/path" |
|---|
| | | import { FilePath, FullSlug, joinSegments } from "../../util/path" |
|---|
| | | import { QuartzEmitterPlugin } from "../types" |
|---|
| | | |
|---|
| | | // @ts-ignore |
|---|
| | |
|---|
| | | return [] |
|---|
| | | }, |
|---|
| | | async emit(ctx, _content, resources): Promise<FilePath[]> { |
|---|
| | | const promises: Promise<FilePath>[] = [] |
|---|
| | | const cfg = ctx.cfg.configuration |
|---|
| | | // component specific scripts and styles |
|---|
| | | const componentResources = getComponentResources(ctx) |
|---|
| | | // 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 |
|---|
| | | |
|---|
| | | if (fontOrigin === "googleFonts") { |
|---|
| | | resources.css.push(googleFontHref(ctx.cfg.configuration.theme)) |
|---|
| | | } else if (fontOrigin === "local") { |
|---|
| | | let googleFontsStyleSheet = "" |
|---|
| | | if (fontOrigin === "local") { |
|---|
| | | // let the user do it themselves in css |
|---|
| | | } else if (fontOrigin === "googleFonts") { |
|---|
| | | if (cfg.theme.cdnCaching) { |
|---|
| | | resources.css.push(googleFontHref(cfg.theme)) |
|---|
| | | } else { |
|---|
| | | let match |
|---|
| | | |
|---|
| | | const fontSourceRegex = /url\((https:\/\/fonts.gstatic.com\/s\/[^)]+\.(woff2|ttf))\)/g |
|---|
| | | |
|---|
| | | googleFontsStyleSheet = await ( |
|---|
| | | await fetch(googleFontHref(ctx.cfg.configuration.theme)) |
|---|
| | | ).text() |
|---|
| | | |
|---|
| | | while ((match = fontSourceRegex.exec(googleFontsStyleSheet)) !== null) { |
|---|
| | | // match[0] is the `url(path)`, match[1] is the `path` |
|---|
| | | const url = match[1] |
|---|
| | | // the static name of this file. |
|---|
| | | const [filename, ext] = url.split("/").pop()!.split(".") |
|---|
| | | |
|---|
| | | googleFontsStyleSheet = googleFontsStyleSheet.replace(url, `/fonts/${filename}.ttf`) |
|---|
| | | |
|---|
| | | promises.push( |
|---|
| | | fetch(url) |
|---|
| | | .then((res) => { |
|---|
| | | if (!res.ok) { |
|---|
| | | throw new Error(`Failed to fetch font`) |
|---|
| | | } |
|---|
| | | return res.arrayBuffer() |
|---|
| | | }) |
|---|
| | | .then((buf) => |
|---|
| | | write({ |
|---|
| | | ctx, |
|---|
| | | slug: joinSegments("fonts", filename) as FullSlug, |
|---|
| | | ext: `.${ext}`, |
|---|
| | | content: Buffer.from(buf), |
|---|
| | | }), |
|---|
| | | ), |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | addGlobalPageResources(ctx, resources, componentResources) |
|---|
| | | |
|---|
| | | const stylesheet = joinStyles(ctx.cfg.configuration.theme, ...componentResources.css, styles) |
|---|
| | | const stylesheet = joinStyles( |
|---|
| | | ctx.cfg.configuration.theme, |
|---|
| | | ...componentResources.css, |
|---|
| | | googleFontsStyleSheet, |
|---|
| | | styles, |
|---|
| | | ) |
|---|
| | | const [prescript, postscript] = await Promise.all([ |
|---|
| | | joinScripts(componentResources.beforeDOMLoaded), |
|---|
| | | joinScripts(componentResources.afterDOMLoaded), |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | const fps = await Promise.all([ |
|---|
| | | promises.push( |
|---|
| | | write({ |
|---|
| | | ctx, |
|---|
| | | slug: "index" as FullSlug, |
|---|
| | |
|---|
| | | ext: ".js", |
|---|
| | | content: postscript, |
|---|
| | | }), |
|---|
| | | ]) |
|---|
| | | return fps |
|---|
| | | ) |
|---|
| | | |
|---|
| | | return await Promise.all(promises) |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | } |
|---|
