diff --git a/src/views/projects/Layout.svelte b/src/views/projects/Layout.svelte
index e329911fb..1edd20296 100644
--- a/src/views/projects/Layout.svelte
+++ b/src/views/projects/Layout.svelte
@@ -7,16 +7,18 @@
import markdown from "@app/lib/markdown";
import { twemoji, isLocal } from "@app/lib/utils";
+ import Button from "@app/components/Button.svelte";
import Clipboard from "@app/components/Clipboard.svelte";
import CloneButton from "@app/views/projects/Header/CloneButton.svelte";
import Link from "@app/components/Link.svelte";
- import Button from "@app/components/Button.svelte";
import Header from "./Header.svelte";
+ import TrackButton from "./Header/TrackButton.svelte";
export let activeTab: ActiveTab = undefined;
export let baseUrl: BaseUrl;
export let project: Project;
+ export let tracking: boolean;
const render = (content: string): string =>
dompurify.sanitize(markdown.parse(content) as string);
@@ -117,7 +119,10 @@
{isLocal(baseUrl.hostname) ? "radicle.local" : baseUrl.hostname}
-
+
diff --git a/src/views/projects/Source.svelte b/src/views/projects/Source.svelte
index 4b9361c02..edd43b976 100644
--- a/src/views/projects/Source.svelte
+++ b/src/views/projects/Source.svelte
@@ -25,6 +25,7 @@
export let project: Project;
export let revision: string | undefined;
export let tree: Tree;
+ export let tracking: boolean;
// Whether the mobile file tree is visible.
let mobileFileTree = false;
@@ -125,7 +126,7 @@
}
-
+
{
+ if (isLocal(route.node.hostname)) {
+ return true;
+ } else {
+ try {
+ await httpd.api.project.getById(route.project);
+ return true;
+ } catch (error: any) {
+ if (error.status === 404) {
+ return false;
+ } else {
+ // Either `radicle-httpd` isn't running or there was some other
+ // error.
+ return false;
+ }
+ }
+ }
+}
+
export async function loadProjectRoute(
route: ProjectRoute,
): Promise {
const api = new HttpdClient(route.node);
+
try {
if (route.resource === "project.source") {
return await loadTreeView(route);
} else if (route.resource === "project.history") {
return await loadHistoryView(route);
} else if (route.resource === "project.commit") {
- const [project, commit] = await Promise.all([
+ const [project, commit, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getCommitBySha(route.project, route.commit),
+ isLocalNodeTracking(route),
]);
return {
@@ -253,12 +282,14 @@ export async function loadProjectRoute(
baseUrl: route.node,
project,
commit,
+ tracking,
},
};
} else if (route.resource === "project.issue") {
- const [project, issue] = await Promise.all([
+ const [project, issue, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getIssueById(route.project, route.issue),
+ isLocalNodeTracking(route),
]);
return {
resource: "project.issue",
@@ -266,6 +297,7 @@ export async function loadProjectRoute(
baseUrl: route.node,
project,
issue,
+ tracking,
},
};
} else if (route.resource === "project.patch") {
@@ -273,12 +305,16 @@ export async function loadProjectRoute(
} else if (route.resource === "project.issues") {
return await loadIssuesView(route);
} else if (route.resource === "project.newIssue") {
- const project = await api.project.getById(route.project);
+ const [project, tracking] = await Promise.all([
+ api.project.getById(route.project),
+ isLocalNodeTracking(route),
+ ]);
return {
resource: "project.newIssue",
params: {
baseUrl: route.node,
project,
+ tracking,
},
};
} else if (route.resource === "project.patches") {
@@ -326,13 +362,14 @@ async function loadPatchesView(
const searchParams = new URLSearchParams(route.search || "");
const state = (searchParams.get("state") as PatchState["status"]) || "open";
- const [project, patches] = await Promise.all([
+ const [project, patches, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getAllPatches(route.project, {
state,
page: 0,
perPage: PATCHES_PER_PAGE,
}),
+ isLocalNodeTracking(route),
]);
return {
@@ -342,6 +379,7 @@ async function loadPatchesView(
patches,
state,
project,
+ tracking,
},
};
}
@@ -352,13 +390,14 @@ async function loadIssuesView(
const api = new HttpdClient(route.node);
const state = route.state || "open";
- const [project, issues] = await Promise.all([
+ const [project, issues, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getAllIssues(route.project, {
state,
page: 0,
perPage: ISSUES_PER_PAGE,
}),
+ isLocalNodeTracking(route),
]);
return {
@@ -368,6 +407,7 @@ async function loadIssuesView(
issues,
state,
project,
+ tracking,
},
};
}
@@ -377,10 +417,11 @@ async function loadTreeView(
): Promise {
const api = new HttpdClient(route.node);
- const [project, peers, branchMap] = await Promise.all([
+ const [project, peers, branchMap, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getAllRemotes(route.project),
getPeerBranches(api, route.project, route.peer),
+ isLocalNodeTracking(route),
]);
if (route.route) {
@@ -416,6 +457,7 @@ async function loadTreeView(
tree,
path,
blobResult,
+ tracking,
},
};
}
@@ -486,13 +528,14 @@ async function loadHistoryView(
);
}
- const [tree, commitsResponse] = await Promise.all([
+ const [tree, commitsResponse, tracking] = await Promise.all([
api.project.getTree(route.project, commitId),
await api.project.getAllCommits(project.id, {
parent: commitId,
page: 0,
perPage: COMMITS_PER_PAGE,
}),
+ isLocalNodeTracking(route),
]);
return {
@@ -507,6 +550,7 @@ async function loadHistoryView(
tree,
commitHeaders: commitsResponse.commits.map(c => c.commit),
totalCommitCount: commitsResponse.stats.commits,
+ tracking,
},
};
}
@@ -515,9 +559,10 @@ async function loadPatchView(
route: ProjectPatchRoute,
): Promise {
const api = new HttpdClient(route.node);
- const [project, patch] = await Promise.all([
+ const [project, patch, tracking] = await Promise.all([
api.project.getById(route.project),
api.project.getPatchById(route.project, route.patch),
+ isLocalNodeTracking(route),
]);
const latestRevision = patch.revisions[patch.revisions.length - 1];
@@ -572,6 +617,7 @@ async function loadPatchView(
project,
patch,
view,
+ tracking,
},
};
}