local and global graph

Jacky Zhao

2023-06-18 c4cf0dcb022ff826433b63b8ff68830bb8503895

 quartz/components/scripts/spa.inline.ts

@@ -29,6 +29,11 @@
  return { url: new URL(href), scroll: 'routerNoscroll' in a.dataset ? false : undefined }
}

function notifyNav(url: string) {
  const event: CustomEventMap["nav"] = new CustomEvent("nav", { detail: { url } })
  document.dispatchEvent(event)
}

let p: DOMParser
async function navigate(url: URL, isBack: boolean = false) {
  p = p || new DOMParser()
@@ -64,12 +69,12 @@
  const elementsToAdd = html.head.querySelectorAll(':not([spa-preserve])')
  elementsToAdd.forEach(el => document.head.appendChild(el))

  if (!document.activeElement?.closest('[data-persist]')) {
    document.body.focus()
  }
  notifyNav(document.body.dataset.slug!)
  delete announcer.dataset.persist
}

window.spaNavigate = navigate

function createRouter() {
  if (typeof window !== "undefined") {
    window.addEventListener("click", async (event) => {
@@ -93,6 +98,7 @@
      return
    })
  }

  return new class Router {
    go(pathname: string) {
      const url = new URL(pathname, window.location.toString())
@@ -110,6 +116,7 @@
}

createRouter()
notifyNav(document.body.dataset.slug!)

if (!customElements.get('route-announcer')) {
  const attrs = {