From 4c904d88aba14d0d153bfac364630ad61832a73d Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 01 Jul 2023 20:35:27 +0000
Subject: [PATCH] rss + sitemap

---
 quartz/plugins/index.ts |   30 ++++++++++++++++++++++++++----
 1 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/quartz/plugins/index.ts b/quartz/plugins/index.ts
index 30f77e8..8815811 100644
--- a/quartz/plugins/index.ts
+++ b/quartz/plugins/index.ts
@@ -5,6 +5,12 @@
 import { EmitCallback, PluginTypes } from './types'
 import styles from '../styles/base.scss'
 
+// @ts-ignore
+import spaRouterScript from '../components/scripts/spa.inline'
+// @ts-ignore
+import popoverScript from '../components/scripts/popover.inline'
+import popoverStyle from '../components/styles/popover.scss'
+
 export type ComponentResources = {
   css: string[],
   beforeDOMLoaded: string[],
@@ -12,12 +18,13 @@
 }
 
 function joinScripts(scripts: string[]): string {
-  return scripts.join("\n")
+  // wrap with iife to prevent scope collision
+  return scripts.map(script => `(function () {${script}})();`).join("\n")
 }
 
 export function emitComponentResources(cfg: GlobalConfiguration, resources: StaticResources, plugins: PluginTypes, emit: EmitCallback) {
   const fps: string[] = []
-  const allComponents: Set<QuartzComponent<any>> = new Set()
+  const allComponents: Set<QuartzComponent> = new Set()
   for (const emitter of plugins.emitters) {
     const components = emitter.getQuartzComponents()
     for (const component of components) {
@@ -40,9 +47,24 @@
       componentResources.beforeDOMLoaded.push(beforeDOMLoaded)
     }
     if (afterDOMLoaded) {
-      componentResources.beforeDOMLoaded.push(afterDOMLoaded)
+      componentResources.afterDOMLoaded.push(afterDOMLoaded)
     }
   }
+  
+  if (cfg.enablePopovers) {
+    componentResources.afterDOMLoaded.push(popoverScript)
+    componentResources.css.push(popoverStyle)
+  }
+
+  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)`
+    )
+  }
 
   emit({
     slug: "index",
@@ -72,7 +94,7 @@
   }
 
   for (const transformer of plugins.transformers) {
-    const res = transformer.externalResources
+    const res = transformer.externalResources ? transformer.externalResources() : {}
     if (res?.js) {
       staticResources.js = staticResources.js.concat(res.js)
     }

--
Gitblit v1.10.0