From feedc8b2de97a435cc3f2824184524480fabdd1c Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Wed, 22 May 2024 15:35:07 +0100
Subject: [PATCH] feat: move repos list to its own page

at /repos as it was getting to large for the homepage
---
 src/lib/wrappers/ReposRecent.svelte | 17 ------------
 src/routes/+page.svelte             | 41 +++++++++++++++++++++++++++--
 src/routes/repos/+page.svelte       | 24 +++++++++++++++++
 3 files changed, 63 insertions(+), 19 deletions(-)
 delete mode 100644 src/lib/wrappers/ReposRecent.svelte
 create mode 100644 src/routes/repos/+page.svelte

diff --git a/src/lib/wrappers/ReposRecent.svelte b/src/lib/wrappers/ReposRecent.svelte
deleted file mode 100644
index 16218d2..0000000
--- a/src/lib/wrappers/ReposRecent.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
-  import { summary_defaults } from '$lib/components/repo/type'
-  import { ensureRecentRepos, recent_repos } from '$lib/stores/ReposRecent'
-  import { repoEventToSummary } from '$lib/stores/repos'
-
-  ensureRecentRepos()
-</script>
-
-<ReposSummaryList
-  title="Latest Repositories"
-  repos={$recent_repos.events.map(
-    (c) => repoEventToSummary(c) || { ...summary_defaults }
-  )}
-  group_by="name"
-  loading={$recent_repos.loading}
-/>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 67c46ca..89c4ec3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,13 +1,42 @@
 <script lang="ts">
   import Container from '$lib/components/Container.svelte'
+  import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
   import ProposalsList from '$lib/components/proposals/ProposalsList.svelte'
+  import { summary_defaults, type RepoEvent, type RepoSummary } from '$lib/components/repo/type'
+  import { repo_kind } from '$lib/kinds'
   import {
     ensureProposalSummaries,
     proposal_summaries,
   } from '$lib/stores/Proposals'
-  import ReposRecent from '$lib/wrappers/ReposRecent.svelte'
+  import {
+  ensureRepo,
+    ensureRepoCollection,
+    repoCollectionToSummary,
+    repoEventToSummary,
+    returnRepo,
+  } from '$lib/stores/repos'
+import { writable, type Writable } from 'svelte/store'
 
   ensureProposalSummaries(undefined)
+  
+  let example_repos: Writable<RepoSummary[]> = writable([])
+  const updateRepos = (r: RepoEvent) => {
+    example_repos.update(repos => {
+      return [
+        ...repos.filter((s) => s.identifier.length > 0 && s.identifier !== r.identifier),
+        repoEventToSummary(r) || {
+        ...summary_defaults,
+      },
+      ].sort()
+    })
+  }
+
+  ensureRepo(
+    `${repo_kind}:a008def15796fba9a0d6fab04e8fd57089285d9fd505da5a83fe8aad57a3564d:ngit`
+  ).subscribe(updateRepos)
+  ensureRepo(
+    `${repo_kind}:a008def15796fba9a0d6fab04e8fd57089285d9fd505da5a83fe8aad57a3564d:gitworkshop`
+  ).subscribe(updateRepos)
 </script>
 
 <div role="alert" class="alert">
@@ -155,5 +184,13 @@
 </Container>
 
 <Container>
-  <ReposRecent />
+  <div class="prose mb-6">
+    <h2>Example Repositories</h2>
+    <p>These repositories have plenty of issues and proposals to explore</p>
+  </div>
+  <ReposSummaryList
+    repos={$example_repos}
+    loading={false}
+  />
+  <a href="/repos" class="btn btn-primary mt-9">List More Repositories</a>
 </Container>
diff --git a/src/routes/repos/+page.svelte b/src/routes/repos/+page.svelte
new file mode 100644
index 0000000..0d4c201
--- /dev/null
+++ b/src/routes/repos/+page.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  import Container from '$lib/components/Container.svelte'
+  import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
+  import { summary_defaults } from '$lib/components/repo/type'
+  import { ensureRecentRepos, recent_repos } from '$lib/stores/ReposRecent'
+  import { repoEventToSummary } from '$lib/stores/repos'
+
+  ensureRecentRepos()
+</script>
+
+<Container>
+  <div class="mt-3">
+    <ReposSummaryList
+      title="Explore Repositories"
+      repos={$recent_repos.events.map(
+        (c) => repoEventToSummary(c) || { ...summary_defaults }
+      )}
+      group_by="name"
+      loading={$recent_repos.loading}
+    />
+  </div>
+</Container>
+
+