src/app/components/WotScore.svelte

@@ -15,7 +15,15 @@
 
 <script lang="ts">
   import {clamp} from "@welshman/lib"
-  import {pubkey, getFollows, deriveUserWotScore} from "@welshman/app"
+  import {
+    pubkey,
+    followLists,
+    muteLists,
+    getFollows,
+    getMutes,
+    deriveUserWotScore,
+  } from "@welshman/app"
+  import {bootstrapPubkeys} from "@app/core/state"
 
   interface Props {
     pubkey: string
@@ -27,9 +35,45 @@
   const radius = 6
   const center = radius + 1
 
-  const score = deriveUserWotScore(target)
-  const active = $derived(getFollows($pubkey!).includes(target))
-  const normalizedScore = $derived(clamp([0, max], $score) / max)
+  const userScore = deriveUserWotScore(target)
+  const follows = $derived.by(() => {
+    const lists = $followLists
+
+    if (!lists.length || !$pubkey) {
+      return []
+    }
+
+    return getFollows($pubkey)
+  })
+  const userScoreAvailable = $derived(follows.length > 0)
+  const score = $derived.by(() => {
+    if (userScoreAvailable) {
+      return $userScore
+    }
+
+    const lists = $followLists
+    const mutes = $muteLists
+
+    if (!lists.length && !mutes.length) {
+      return 0
+    }
+
+    let score = 0
+
+    for (const seed of $bootstrapPubkeys) {
+      if (getFollows(seed).includes(target)) {
+        score += 1
+      }
+
+      if (getMutes(seed).includes(target)) {
+        score -= 1
+      }
+    }
+
+    return score
+  })
+  const active = $derived(follows.includes(target))
+  const normalizedScore = $derived(clamp([0, max], score) / max)
   const dashOffset = $derived(100 - 44 * normalizedScore)
   const style = $derived(`transform: rotate(${135 - normalizedScore * 180}deg)`)
   const stroke = $derived(active ? "var(--primary)" : "var(--base-content)")