radicle-explorer/src/views/projects/View.svelte

<script lang="ts">
  import type { BaseUrl, Project } from "@httpd-client";
  import type { ProjectLoadedView } from "@app/views/projects/router";

  import { unreachable } from "@app/lib/utils";

  import Browser from "./Browser.svelte";
  import Commit from "./Commit.svelte";
  import Header from "./Header.svelte";
  import History from "./History.svelte";
  import Issue from "./Issue.svelte";
  import Issues from "./Issues.svelte";
  import NewIssue from "./Issue/New.svelte";
  import Patch from "./Patch.svelte";
  import Patches from "./Patches.svelte";
  import ProjectMeta from "./ProjectMeta.svelte";

  export let baseUrl: BaseUrl;
  export let id: string;
  export let project: Project;
  export let view: ProjectLoadedView;

  export let hash: string | undefined = undefined;
  export let peer: string | undefined = undefined;
  export let revision: string | undefined = undefined;
</script>

<style>
  .header {
    width: 100%;
    max-width: var(--content-max-width);
    min-width: var(--content-min-width);
    padding-top: 4rem;
  }
  main {
    width: 100%;
    max-width: var(--content-max-width);
    min-width: var(--content-min-width);
    padding-bottom: 4rem;
  }
</style>

<div class="header">
  <ProjectMeta
    projectId={id}
    projectName={project.name}
    projectDescription={project.description}
    {baseUrl}
    nodeId={peer} />
  <Header
    projectId={id}
    projectName={project.name}
    openPatchCount={project.patches.open}
    openIssueCount={project.issues.open}
    trackings={project.trackings}
    {view}
    {baseUrl} />
</div>

<main>
  {#if view.resource === "tree"}
    <Browser
      blobResult={view.blobResult}
      branches={view.params.loadedBranches}
      commit={view.params.selectedCommit}
      commitCount={view.params.loadedTree.stats.commits}
      contributorCount={view.params.loadedTree.stats.contributors}
      path={view.path}
      peers={view.params.loadedPeers}
      resource={view.resource}
      tree={view.params.loadedTree}
      {baseUrl}
      {hash}
      {peer}
      {project}
      {revision} />
  {:else if view.resource === "history"}
    <History
      branches={view.params.loadedBranches}
      commitCount={view.params.loadedTree.stats.commits}
      commitHeaders={view.commitHeaders}
      contributorCount={view.params.loadedTree.stats.contributors}
      peers={view.params.loadedPeers}
      resource={view.resource}
      totalCommitCount={view.totalCommitCount}
      {baseUrl}
      {peer}
      {project}
      {revision} />
  {:else if view.resource === "commits"}
    <Commit
      branches={view.params.loadedBranches}
      commit={view.commit}
      commitCount={view.params.loadedTree.stats.commits}
      contributorCount={view.params.loadedTree.stats.contributors}
      peers={view.params.loadedPeers}
      resource={view.resource}
      {baseUrl}
      {peer}
      {project}
      {revision} />
  {:else if view.resource === "issues"}
    {#if view.params.view.resource === "new"}
      <NewIssue projectId={id} projectHead={project.head} {baseUrl} />
    {:else if view.params.view.resource === "list"}
      <Issues
        {baseUrl}
        projectId={id}
        issueCounters={project.issues}
        search={view.params.search} />
    {:else}
      {unreachable(view.params.view.resource)}
    {/if}
  {:else if view.resource === "issue"}
    <Issue
      projectId={id}
      projectHead={project.head}
      {baseUrl}
      issue={view.params.loadedIssue} />
  {:else if view.resource === "patches"}
    <Patches
      {baseUrl}
      projectId={id}
      patchCounters={project.patches}
      search={view.params.search} />
  {:else if view.resource === "patch"}
    <Patch
      patch={view.params.loadedPatch}
      {baseUrl}
      projectId={id}
      projectDefaultBranch={project.defaultBranch}
      projectHead={project.head}
      revision={view.params.revision}
      search={view.params.search} />
  {:else}
    {unreachable(view)}
  {/if}
</main>