Query all local repos by getting the local repo count — radicle-explorer

Instead of falling back to the default of 10 repos, set by radicle-httpd. We query the local httpd instance for the amount of repos hosted.

 import type { BaseUrl } from "./lib/fetcher.js";
 import type {
   Blob,
   DiffResponse,
   Project,
   ProjectListQuery,
   Remote,
   Tree,
   DiffResponse,
 } from "./lib/project.js";
 import type {
   SuccessResponse,

   PatchUpdateAction,
   Policy,
   Project,
   ProjectListQuery,
   Range,
   Reaction,
   Remote,

   files: record(string(), diffBlobSchema),
 });
 export type ProjectListQuery = {
   page?: number;
   perPage?: number;
   show?: "pinned" | "all";
 };
 export class Client {
   #fetcher: Fetcher;

   }
   public async getAll(
     query?: { page?: number; perPage?: number; show?: "pinned" | "all" },
     query?: ProjectListQuery,
     options?: RequestOptions,
   ): Promise<Project[]> {
     return this.#fetcher.fetchOk(

 import type { ProjectListQuery } from "@httpd-client";
 import { loadProjectActivity, type WeeklyActivity } from "@app/lib/commit";
 import {
   HttpdClient,

 export async function fetchProjectInfos(
   baseUrl: BaseUrl,
   show: "all" | "pinned",
   query?: ProjectListQuery,
 ): Promise<ProjectInfo[]> {
   const api = new HttpdClient(baseUrl);
   const projects = await api.project.getAll({ show });
   const projects = await api.project.getAll(query);
   const info = await Promise.all(
     projects.map(async project => {
       const [activity, lastCommit] = await Promise.all([

 <script lang="ts">
   import type { ComponentProps } from "svelte";
   import type { ProjectListQuery } from "@httpd-client";
   import storedWritable from "@efstajas/svelte-stored-writable";
   import { derived } from "svelte/store";

     | undefined;
   async function loadLocalProjects() {
     const query: ProjectListQuery = { show: "all" };
     await api
       .getStats()
       .then(({ repos: { total } }) => (query.perPage = total))
       .catch(e => {
         console.error(
           "Not able to query to total repo count for your local node.",
           e,
         );
       });
     localProjects = undefined;
     localProjects = await fetchProjectInfos(api.baseUrl, "all").catch(
     localProjects = await fetchProjectInfos(api.baseUrl, query).catch(
       error => error,
     );
   }

     preferredSeedProjects = undefined;
     if (!$selectedSeed) return;
     preferredSeedProjects = await fetchProjectInfos(
       $selectedSeed,
       "pinned",
     ).catch(error => error);
     preferredSeedProjects = await fetchProjectInfos($selectedSeed, {
       show: "pinned",
     }).catch(error => error);
   }
   function isSeeding(projectId: string) {

       </div>
       <div style:margin-top="1rem">
         {#await fetchProjectInfos(baseUrl, isLocal(baseUrl.hostname) ? "all" : "pinned")}
         {#await fetchProjectInfos( baseUrl, { show: isLocal(baseUrl.hostname) ? "all" : "pinned" }, )}
           <Loading small center />
         {:then projectInfos}
           <div class="project-grid">