From 78213373c12b6ec4f16828c3088222dcc69d4f90 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 24 Oct 2024 13:11:53 -0700
Subject: [PATCH] Delete network, restore people

---
 src/routes/network/+page.svelte | 104 --------------------------------
 src/routes/people/+page.svelte  |  45 ++++++++++++++
 2 files changed, 45 insertions(+), 104 deletions(-)
 delete mode 100644 src/routes/network/+page.svelte

diff --git a/src/routes/network/+page.svelte b/src/routes/network/+page.svelte
deleted file mode 100644
index 22bd4360f..000000000
--- a/src/routes/network/+page.svelte
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts">
-  import {onMount} from "svelte"
-  import {derived} from "svelte/store"
-  import {createScroller} from "@lib/html"
-  import {sortBy, sleep, ago, DAY, HOUR, pushToMapKey} from "@welshman/lib"
-  import {
-    getListTags,
-    getPubkeyTagValues,
-    getAncestorTagValues,
-    NOTE,
-    REACTION,
-  } from "@welshman/util"
-  import type {TrustedEvent} from "@welshman/util"
-  import {deriveEvents} from "@welshman/store"
-  import {repository, userFollows, load} from "@welshman/app"
-  import Link from "@lib/components/Link.svelte"
-  import Page from "@lib/components/Page.svelte"
-  import Icon from "@lib/components/Icon.svelte"
-  import Spinner from "@lib/components/Spinner.svelte"
-  import NoteCard from "@app/components/NoteCard.svelte"
-  import Content from "@app/components/Content.svelte"
-
-  let element: Element
-  let events: TrustedEvent[] = []
-
-  const since = ago(DAY)
-  const loading = sleep(3000)
-  const authors = getPubkeyTagValues(getListTags($userFollows))
-  const notesFilter = {kinds: [NOTE], authors, since}
-  const notes = deriveEvents(repository, {filters: [notesFilter]})
-  const reactionsFilter = {kinds: [REACTION], "#p": authors, since}
-  const reactions = deriveEvents(repository, {filters: [reactionsFilter]})
-  const reactionsByParent = derived(reactions, $reactions => {
-    const $reactionsByParent = new Map<string, TrustedEvent[]>()
-
-    for (const event of $reactions) {
-      const [parentId] = getAncestorTagValues(event.tags).replies
-
-      if (parentId) {
-        pushToMapKey($reactionsByParent, parentId, event)
-      }
-    }
-
-    return $reactionsByParent
-  })
-
-  const isLike = (e: TrustedEvent) => e.kind === REACTION && ["+", ""].includes(e.content)
-
-  const scoreEvent = (e: TrustedEvent) => {
-    const thisReactions = $reactionsByParent.get(e.id) || []
-    const thisLikes = thisReactions.filter(r => isLike(r))
-    const recency = Math.max(1, e.created_at - since) / HOUR
-    const score = Math.max(1, thisReactions.length) * Math.max(1, thisLikes.length) * recency
-
-    return -score
-  }
-
-  onMount(() => {
-    load({filters: [notesFilter, reactionsFilter], timeout: 30_000})
-
-    const scroller = createScroller({
-      element,
-      onScroll: async () => {
-        const seen = new Set(events.map(e => e.id))
-        const eligible = sortBy(
-          scoreEvent,
-          $notes.filter(e => !seen.has(e.id) && getAncestorTagValues(e.tags).replies.length === 0),
-        )
-
-        events = [...events, ...eligible.slice(0, 10)]
-      },
-    })
-
-    return () => scroller.stop()
-  })
-</script>
-
-<Page>
-  <div class="content column gap-4" bind:this={element}>
-    {#await loading}
-      <div class="center my-20">
-        <Spinner loading>Loading posts from people you follow...</Spinner>
-      </div>
-    {:then}
-      <div class="flex flex-col gap-2">
-        {#each events as event (event.id)}
-          <NoteCard {event} class="card2 bg-alt w-full">
-            <div class="ml-12">
-              <Content {event} />
-            </div>
-          </NoteCard>
-        {:else}
-          <div class="py-20 max-w-sm col-4 items-center m-auto text-center">
-            <p>No activity found! Try following a few more people.</p>
-            <Link class="btn btn-primary" href="/people">
-              <Icon icon="user-heart" />
-              Browse Profiles
-            </Link>
-          </div>
-        {/each}
-      </div>
-    {/await}
-  </div>
-</Page>
diff --git a/src/routes/people/+page.svelte b/src/routes/people/+page.svelte
index e69de29bb..42bc0da9b 100644
--- a/src/routes/people/+page.svelte
+++ b/src/routes/people/+page.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+  import {onMount} from "svelte"
+  import {createScroller} from "@lib/html"
+  import {profileSearch} from "@welshman/app"
+  import Icon from "@lib/components/Icon.svelte"
+  import Page from "@lib/components/Page.svelte"
+  import ContentSearch from "@lib/components/ContentSearch.svelte"
+  import PeopleItem from "@app/components/PeopleItem.svelte"
+  import {getDefaultPubkeys} from "@app/state"
+
+  const defaultPubkeys = getDefaultPubkeys()
+
+  let term = ""
+  let limit = 10
+  let element: Element
+
+  $: pubkeys = term ? $profileSearch.searchValues(term) : defaultPubkeys
+
+  onMount(() => {
+    console.log(element)
+    const scroller = createScroller({
+      element,
+      onScroll: () => {
+        limit += 10
+      },
+    })
+
+    return () => scroller.stop()
+  })
+</script>
+
+<Page>
+  <ContentSearch>
+    <label slot="input" class="input input-bordered row-2">
+      <Icon icon="magnifer" />
+      <!-- svelte-ignore a11y-autofocus -->
+      <input autofocus bind:value={term} class="grow" type="text" placeholder="Search for people..." />
+    </label>
+    <div slot="content" class="col-2" bind:this={element}>
+      {#each pubkeys.slice(0, limit) as pubkey (pubkey)}
+        <PeopleItem {pubkey} />
+      {/each}
+    </div>
+  </ContentSearch>
+</Page>