From 4cb6534241ecca586dccfc027a5c4add75d95394 Mon Sep 17 00:00:00 2001
From: bfahrenfort <bfahrenfort1@gmail.com>
Date: Sun, 10 Sep 2023 14:46:50 -0500
Subject: [PATCH] Quartz sync: Sep 10, 2023, 2:46 PM

---
 quartz.config.ts                        |  2 +-
 quartz/components/Footer.tsx            |  2 +-
 quartz/plugins/transformers/remark42.ts | 27 ++++++++++++-------------
 3 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/quartz.config.ts b/quartz.config.ts
index 218a811ae..0ec2026ef 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -5,7 +5,7 @@ const config: QuartzConfig = {
   configuration: {
     defaultDateType: "published",
     pageTitle: "🌱 be-far",
-    enableSPA: false,
+    enableSPA: true,
     enablePopovers: true,
     analytics: null,
     baseUrl: "be-far.com",
diff --git a/quartz/components/Footer.tsx b/quartz/components/Footer.tsx
index 00656d331..05ab8c159 100644
--- a/quartz/components/Footer.tsx
+++ b/quartz/components/Footer.tsx
@@ -17,7 +17,7 @@ export default ((opts?: Optionss) => {
       <footer>
         <hr />
         <p style="margin-bottom:4px;font-weight:bold;font-size:2em;">
-          Share your thoughts with <a class="internal" href="./Projects/Obsidian/quartz-comments">Remark42</a>
+          Share your thoughts with <a class="internal" href="/Projects/Obsidian/quartz-comments">Remark42</a>
         </p>
         <div id="remark42"></div>
         <hr />
diff --git a/quartz/plugins/transformers/remark42.ts b/quartz/plugins/transformers/remark42.ts
index 1a5a38ade..d26f966e4 100644
--- a/quartz/plugins/transformers/remark42.ts
+++ b/quartz/plugins/transformers/remark42.ts
@@ -45,22 +45,21 @@ export const Remark42: QuartzTransformerPlugin<Options> = (opts?: Options) => {
   
   // Allow SPA mode
   const spaRouting : string = `
-document.addEventListener("nav", () => {
-    ;(function () {
-  var host = // Your remark42 host
-  var components = ['embed'] // Your choice of remark42 components
+  function initRemark42() {
+    if (window.REMARK42) {
+      if (this.remark42Instance) {
+        this.remark42Instance.destroy()
+      }
 
-  ;(function(c) {
-    for (let i = 0; i < c.length; i++) {
-      const d = document
-      const s = d.createElement('script')
-      s.src = remark_config.host + '/web/' + c[i] + '.js'
-      s.defer = true
-      ;(d.head || d.body).appendChild(s)
+      this.remark42Instance = window.REMARK42.createInstance(remark_config)
     }
-  })(components)
-})
-  })`
+  }
+
+  document.addEventListener('nav', () => {
+    this.initRemark42()
+  })
+`
+  scripts.push({script:spaRouting, loadTime:"afterDOMReady", contentType:"inline"})
 
   return {
     name: "Remark42",