Use titles in prev & next links on statuses

[x_status_git] / status.html
diff --git a/status.html b/status.html

index 11425551df859f5f1703c328a1596218cb1e15c4..dbc899c51bde536bc40039398fe4196f78d120b5 100644 (file)
--- a/status.html
+++ b/status.html
@@ -15,8 +15,13 @@ footer small{ Font-Size: Inherit; Font-Style: Italic }
  <BODY>
  <SCRIPT Type=module>
  const parser = new DOMParser
-fetch(`${new URL(".", location).toString().slice(0, -1)}.jsonld`)
+const index = `${new URL(".", location).toString().slice(0, -1)}.jsonld`
+fetch(index)
  .then($ => $.json())
+.then(meta => {
+  const { items } = meta
+  if (items.find($ => new URL($["@id"]).pathname === location.pathname)) return meta
+  else return fetch(index, { cache: "reload" }).then($ => $.json()) })
  .then(meta => {
    const { items, subject } = meta
    const n = items.findIndex($ => new URL($["@id"]).pathname === location.pathname)
@@ -60,50 +65,60 @@ fetch(`${new URL(".", location).toString().slice(0, -1)}.jsonld`)
      nav.appendChild(document.createTextNode("; Previous: "))
      const prevLink = nav.appendChild(document.createElement("a"))
      prevLink.href = items[n - 1]["@id"]
-    const prevText = (() => {
-      try {
-        const prevD = parser.parseFromString(items[n - 1].content, "application/xhtml+xml")
-        const div = document.createElement("div")
-        div.appendChild(document.importNode(prevD.documentElement, true))
-        Object.assign(div.style,
-          { position: "absolute"
-          , top: "-2px"
-          , height: "1px"
-          , width: "1px"
-          , overflow: "hidden" })
-        document.body.appendChild(div)
-        const text = div.innerText
-        document.body.removeChild(div)
-        return text }
-      catch { } })() ?? items[n + 1].created;
-    const prevChars = Array.from(prevText.trim().replaceAll(/\s+/gu, " "))
-    prevLink.textContent = prevChars.length > 28
-    ? "".concat(...prevChars.slice(0, 27), "…")
-    : prevText }
+    const { title: prevTitle } = items[n - 1]
+    if (prevTitle) prevLink.textContent = prevTitle.length > 28
+    ? "".concat(...prevTitle.slice(0, 27), "…")
+    : prevTitle
+    else {
+      const prevText = (() => {
+        try {
+          const prevD = parser.parseFromString(items[n - 1].content, "application/xhtml+xml")
+          const div = document.createElement("div")
+          div.appendChild(document.importNode(prevD.documentElement, true))
+          Object.assign(div.style,
+            { position: "absolute"
+            , top: "-2px"
+            , height: "1px"
+            , width: "1px"
+            , overflow: "hidden" })
+          document.body.appendChild(div)
+          const text = div.innerText
+          document.body.removeChild(div)
+          return text }
+        catch { } })() ?? items[n + 1].created;
+      const prevChars = Array.from(prevText.trim().replaceAll(/\s+/gu, " "))
+      prevLink.textContent = prevChars.length > 28
+      ? "".concat(...prevChars.slice(0, 27), "…")
+      : prevText } }
    if (n < items.length - 1) {
      nav.appendChild(document.createTextNode("; Next: "))
      const nextLink = nav.appendChild(document.createElement("a"))
      nextLink.href = items[n + 1]["@id"]
-    const nextText = (() => {
-      try {
-        const nextD = parser.parseFromString(items[n + 1].content, "application/xhtml+xml")
-        const div = document.createElement("div")
-        div.appendChild(document.importNode(nextD.documentElement, true))
-        Object.assign(div.style,
-          { position: "absolute"
-          , top: "-2px"
-          , height: "1px"
-          , width: "1px"
-          , overflow: "hidden" })
-        document.body.appendChild(div)
-        const text = div.innerText
-        document.body.removeChild(div)
-        return text }
-      catch { } })() ?? items[n + 1].created;
-    const nextChars = Array.from(nextText.trim().replaceAll(/\s+/gu, " "))
-    nextLink.textContent = nextChars.length > 28
-    ? "".concat(...nextChars.slice(0, 27), "…")
-    : nextText }
+    const { title: nextTitle } = items[n + 1]
+    if (nextTitle) nextLink.textContent = nextTitle.length > 28
+    ? "".concat(...nextTitle.slice(0, 27), "…")
+    : nextTitle
+    else {
+      const nextText = (() => {
+        try {
+          const nextD = parser.parseFromString(items[n + 1].content, "application/xhtml+xml")
+          const div = document.createElement("div")
+          div.appendChild(document.importNode(nextD.documentElement, true))
+          Object.assign(div.style,
+            { position: "absolute"
+            , top: "-2px"
+            , height: "1px"
+            , width: "1px"
+            , overflow: "hidden" })
+          document.body.appendChild(div)
+          const text = div.innerText
+          document.body.removeChild(div)
+          return text }
+        catch { } })() ?? items[n + 1].created;
+      const nextChars = Array.from(nextText.trim().replaceAll(/\s+/gu, " "))
+      nextLink.textContent = nextChars.length > 28
+      ? "".concat(...nextChars.slice(0, 27), "…")
+      : nextText } }
    nav.appendChild(document.createTextNode("."))
    if (title) {
      const wrapper = document.createElement("article")