From 1dffab12df498ba1166e07db037fd0c2fbd89aa5 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 21 Feb 2026 19:37:36 +0100
Subject: [PATCH] fix: no : in class names

---
 src/components/StackedPublicNote.vue        |  5 +++--
 src/hooks/useRouteQueryStackedNotes.hook.ts |  3 ++-
 src/modules/atproto/getAuthor.ts            |  2 +-
 src/modules/atproto/getUrl.ts               | 16 ----------------
 4 files changed, 6 insertions(+), 20 deletions(-)

diff --git a/src/components/StackedPublicNote.vue b/src/components/StackedPublicNote.vue
index c73d641..cef2619 100644
--- a/src/components/StackedPublicNote.vue
+++ b/src/components/StackedPublicNote.vue
@@ -18,6 +18,7 @@ const props = defineProps<{
 const didrkey = computed(() => props.didrkey)
 const did = computed(() => props.didrkey.split("-")[0])
 const rkey = computed(() => props.didrkey.split("-")[1])
+const classNameId = computed(() => didrkey.value.replaceAll(":", "-"))
 
 const index = computed(() => props.index)
 
@@ -67,12 +68,12 @@ watch(
     :class="{
       [className]: true,
       overlay: displayNoteOverlay,
-      [`note-${didrkey}`]: true,
+      [`note-${classNameId}`]: true,
     }"
   >
     <a
       class="title-stacked-note-link"
-      @click.prevent="scrollToFocusedNote(didrkey)"
+      @click.prevent="scrollToFocusedNote(classNameId)"
     >
       <div
         class="title-stacked-note breadcrumbs text-sm"
diff --git a/src/hooks/useRouteQueryStackedNotes.hook.ts b/src/hooks/useRouteQueryStackedNotes.hook.ts
index d4333bf..6b0e5b7 100644
--- a/src/hooks/useRouteQueryStackedNotes.hook.ts
+++ b/src/hooks/useRouteQueryStackedNotes.hook.ts
@@ -29,8 +29,9 @@ export const useRouteQueryStackedNotes = () => {
 
       if (isMobile.value) {
         if (noteId) {
+          const cleanNoteId = noteId.replaceAll(":", "-")
           const element = document.querySelector(
-            `.note-${noteId}`,
+            `.note-${cleanNoteId}`,
           ) as HTMLElement
 
           const top = (index + 1) * (element?.clientHeight ?? height.value)
diff --git a/src/modules/atproto/getAuthor.ts b/src/modules/atproto/getAuthor.ts
index 60e8e0b..0a0acc7 100644
--- a/src/modules/atproto/getAuthor.ts
+++ b/src/modules/atproto/getAuthor.ts
@@ -34,7 +34,7 @@ export const getAuthor = async (did: string): Promise<Author | null> => {
   }
 
   try {
-    const { data: author, error } = await microcosmSlingshot(
+    const { data: author } = await microcosmSlingshot(
       "/xrpc/blue.microcosm.identity.resolveMiniDoc",
       { query: { identifier: did } },
     )
diff --git a/src/modules/atproto/getUrl.ts b/src/modules/atproto/getUrl.ts
index bc744f9..0e0ed87 100644
--- a/src/modules/atproto/getUrl.ts
+++ b/src/modules/atproto/getUrl.ts
@@ -1,21 +1,5 @@
 import { getAuthor } from "@/modules/atproto/getAuthor"
 
-const endpointCache = new Map<string, string>()
-
-const getEndpoint = async (did: string) => {
-  if (endpointCache.has(did)) {
-    return endpointCache.get(did)
-  }
-  const response = await fetch(`https://plc.directory/${did}`)
-  const {
-    service: [{ serviceEndpoint }],
-  } = await response.json()
-
-  endpointCache.set(did, serviceEndpoint)
-
-  return serviceEndpoint as string
-}
-
 export const getUrl = async ({ did, rkey }: { did: string; rkey: string }) => {
   const author = await getAuthor(did)