Jacky Zhao
2023-07-16 3ac6b42e16dca5a44ed3fec2c0314f1dbbc2322b
quartz/components/scripts/spa.inline.ts
@@ -1,4 +1,5 @@
import micromorph from "micromorph"
import { CanonicalSlug, RelativeURL, getCanonicalSlug } from "../../path"
// adapted from `micromorph`
// https://github.com/natemoo-re/micromorph
@@ -29,8 +30,8 @@
  return { url: new URL(href), scroll: 'routerNoscroll' in a.dataset ? false : undefined }
}
function notifyNav(slug: string) {
  const event = new CustomEvent("nav", { detail: { slug } })
function notifyNav(url: CanonicalSlug) {
  const event: CustomEventMap["nav"] = new CustomEvent("nav", { detail: { url } })
  document.dispatchEvent(event)
}
@@ -42,6 +43,7 @@
    .catch(() => {
      window.location.assign(url)
    })
  if (!contents) return;
  if (!isBack) {
    history.pushState({}, "", url)
@@ -69,10 +71,12 @@
  const elementsToAdd = html.head.querySelectorAll(':not([spa-preserve])')
  elementsToAdd.forEach(el => document.head.appendChild(el))
  notifyNav(document.body.dataset.slug!)
  notifyNav(getCanonicalSlug(window))
  delete announcer.dataset.persist
}
window.spaNavigate = navigate
function createRouter() {
  if (typeof window !== "undefined") {
    window.addEventListener("click", async (event) => {
@@ -98,7 +102,7 @@
  }
  return new class Router {
    go(pathname: string) {
    go(pathname: RelativeURL) {
      const url = new URL(pathname, window.location.toString())
      return navigate(url, false)
    }
@@ -114,7 +118,7 @@
}
createRouter()
notifyNav(document.body.dataset.slug!)
notifyNav(getCanonicalSlug(window))
if (!customElements.get('route-announcer')) {
  const attrs = {