feat(git): Add comprehensive worktree management capabilities
This update introduces full support for Git worktrees, allowing users to manage multiple isolated working copies within a single repository. This includes new functionality to list, add, remove, move, lock, and repair worktrees, significantly enhancing the repository's capability to handle parallel development streams. - Added `GitWorktree` structure definition across API contracts and Rust backend - Implemented full CRUD operations for worktrees in Tauri commands - Updated UI components (App.svelte, BranchPanel.svelte) to expose worktree management dialog
This commit is contained in:
Christoph Brandau
+184
-1
@@ -37,10 +37,12 @@
|
||||
import StatusPanel from "./lib/components/StatusPanel.svelte";
|
||||
import SyncSettingsDialog from "./lib/components/SyncSettingsDialog.svelte";
|
||||
import UpdateToast from "./lib/components/UpdateToast.svelte";
|
||||
import WorktreeDialog from "./lib/components/WorktreeDialog.svelte";
|
||||
|
||||
import {
|
||||
amendCommit,
|
||||
addRemote,
|
||||
addWorktree,
|
||||
checkoutBranch,
|
||||
cherryPickAbort,
|
||||
cherryPickCommit,
|
||||
@@ -72,6 +74,7 @@
|
||||
listRemotes,
|
||||
listStashes,
|
||||
listTags,
|
||||
listWorktrees,
|
||||
listCommits,
|
||||
listFileHistory,
|
||||
listInteractiveRebaseCommits,
|
||||
@@ -83,10 +86,15 @@
|
||||
openRepoInExplorer,
|
||||
openRepositoryFile,
|
||||
openRepositoryBundle,
|
||||
lockWorktree,
|
||||
moveWorktree,
|
||||
pruneWorktrees,
|
||||
pull,
|
||||
push,
|
||||
pushTag,
|
||||
removeRemote,
|
||||
removeWorktree,
|
||||
repairWorktree,
|
||||
revertCommit,
|
||||
setBranchUpstream,
|
||||
updateRemote,
|
||||
@@ -115,6 +123,7 @@
|
||||
stashPop,
|
||||
stashPush,
|
||||
undoLastCommit,
|
||||
unlockWorktree,
|
||||
unstageFiles,
|
||||
} from "./lib/git";
|
||||
|
||||
@@ -142,6 +151,7 @@
|
||||
GitStash,
|
||||
GitStatus,
|
||||
GitTag,
|
||||
GitWorktree,
|
||||
LocalModelOption,
|
||||
PatchApplyAction,
|
||||
PreparedResolution,
|
||||
@@ -304,6 +314,11 @@
|
||||
let renameBranchTarget: GitBranchInfo | null = null;
|
||||
let deleteBranchTarget: GitBranchInfo | null = null;
|
||||
let deleteBranchForce = false;
|
||||
let worktreeDialogOpen = false;
|
||||
let worktreeInitialBranch = "";
|
||||
let worktrees: GitWorktree[] = [];
|
||||
let worktreesLoading = false;
|
||||
let worktreeError = "";
|
||||
let compareSelectOpen = false;
|
||||
let compareDialogOpen = false;
|
||||
let interactiveRebaseOpen = false;
|
||||
@@ -719,7 +734,7 @@
|
||||
}
|
||||
|
||||
async function autoRefreshTick() {
|
||||
if (!autoRefreshEnabled || activeView !== "repository" || !activeRepoPath || isBusy || autoRefreshInFlight || resolveDialogOpen || compareDialogOpen || compareSelectOpen || interactiveRebaseOpen || reflogOpen || newBranchCommit || globalSearchOpen || helpOpen) return;
|
||||
if (!autoRefreshEnabled || activeView !== "repository" || !activeRepoPath || isBusy || autoRefreshInFlight || resolveDialogOpen || compareDialogOpen || compareSelectOpen || interactiveRebaseOpen || reflogOpen || worktreeDialogOpen || newBranchCommit || globalSearchOpen || helpOpen) return;
|
||||
const path = activeRepoPath;
|
||||
autoRefreshInFlight = true;
|
||||
try {
|
||||
@@ -1760,6 +1775,10 @@
|
||||
globalSearchResults = [];
|
||||
deleteBranchTarget = null;
|
||||
deleteBranchForce = false;
|
||||
worktreeDialogOpen = false;
|
||||
worktreeInitialBranch = "";
|
||||
worktrees = [];
|
||||
worktreeError = "";
|
||||
globalSearchOpen = false;
|
||||
globalSearchError = "";
|
||||
resolveDialogOpen = false;
|
||||
@@ -2369,6 +2388,146 @@
|
||||
deleteBranchForce = false;
|
||||
}
|
||||
|
||||
async function openWorktreeDialog(branch = "") {
|
||||
if (!activeRepoPath || isBusy) return;
|
||||
worktreeInitialBranch = branch;
|
||||
worktreeDialogOpen = true;
|
||||
worktreeError = "";
|
||||
worktreesLoading = true;
|
||||
try {
|
||||
worktrees = await listWorktrees(activeRepoPath);
|
||||
trackEvent("worktree_dialog_opened", { linked_worktrees: Math.max(0, worktrees.length - 1) });
|
||||
} catch (error) {
|
||||
worktreeError = errorToMessage(error);
|
||||
} finally {
|
||||
worktreesLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openBranchInWorktree(branch: GitBranchInfo) {
|
||||
if (branch.remote) return;
|
||||
void openWorktreeDialog(branch.name);
|
||||
}
|
||||
|
||||
async function refreshWorktrees() {
|
||||
if (!activeRepoPath || worktreesLoading) return;
|
||||
worktreesLoading = true;
|
||||
worktreeError = "";
|
||||
try {
|
||||
worktrees = await listWorktrees(activeRepoPath);
|
||||
} catch (error) {
|
||||
worktreeError = errorToMessage(error);
|
||||
} finally {
|
||||
worktreesLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function runWorktreeOperation(
|
||||
label: string,
|
||||
task: () => Promise<GitWorktree[]>,
|
||||
eventName: string,
|
||||
): Promise<boolean> {
|
||||
if (!activeRepoPath || isBusy) return false;
|
||||
operation = label;
|
||||
worktreeError = "";
|
||||
try {
|
||||
worktrees = await task();
|
||||
await refreshBranchList(activeRepoPath);
|
||||
trackEvent(eventName, { linked_worktrees: Math.max(0, worktrees.length - 1) });
|
||||
return true;
|
||||
} catch (error) {
|
||||
worktreeError = errorToMessage(error);
|
||||
return false;
|
||||
} finally {
|
||||
operation = "";
|
||||
}
|
||||
}
|
||||
|
||||
async function createWorktree(request: {
|
||||
worktreePath: string;
|
||||
branch?: string;
|
||||
newBranch?: string;
|
||||
startPoint?: string;
|
||||
detached?: boolean;
|
||||
lock?: boolean;
|
||||
}): Promise<boolean> {
|
||||
return runWorktreeOperation(
|
||||
"Creating worktree",
|
||||
() => addWorktree(activeRepoPath, request.worktreePath, request),
|
||||
"worktree_created",
|
||||
);
|
||||
}
|
||||
|
||||
async function openWorktreeTab(worktree: GitWorktree) {
|
||||
if (worktree.missing || worktree.bare || isBusy) return;
|
||||
worktreeDialogOpen = false;
|
||||
worktreeInitialBranch = "";
|
||||
await openRepo(worktree.path);
|
||||
}
|
||||
|
||||
async function removeSelectedWorktree(worktree: GitWorktree, force: boolean): Promise<boolean> {
|
||||
if (repoTabs.some((tab) => sameRepoPath(tab.path, worktree.path))) {
|
||||
worktreeError = "Close this worktree's repository tab before removing it.";
|
||||
return false;
|
||||
}
|
||||
return runWorktreeOperation(
|
||||
`Removing ${worktree.branch || "worktree"}`,
|
||||
() => removeWorktree(activeRepoPath, worktree.path, force),
|
||||
"worktree_removed",
|
||||
);
|
||||
}
|
||||
|
||||
async function moveSelectedWorktree(worktree: GitWorktree, destination: string) {
|
||||
if (repoTabs.some((tab) => sameRepoPath(tab.path, worktree.path))) {
|
||||
worktreeError = "Close this worktree's repository tab before moving it.";
|
||||
return;
|
||||
}
|
||||
await runWorktreeOperation(
|
||||
`Moving ${worktree.branch || "worktree"}`,
|
||||
() => moveWorktree(activeRepoPath, worktree.path, destination),
|
||||
"worktree_moved",
|
||||
);
|
||||
}
|
||||
|
||||
function lockSelectedWorktree(worktree: GitWorktree, reason: string): Promise<boolean> {
|
||||
return runWorktreeOperation(
|
||||
`Locking ${worktree.branch || "worktree"}`,
|
||||
() => lockWorktree(activeRepoPath, worktree.path, reason),
|
||||
"worktree_locked",
|
||||
);
|
||||
}
|
||||
|
||||
async function unlockSelectedWorktree(worktree: GitWorktree) {
|
||||
await runWorktreeOperation(
|
||||
`Unlocking ${worktree.branch || "worktree"}`,
|
||||
() => unlockWorktree(activeRepoPath, worktree.path),
|
||||
"worktree_unlocked",
|
||||
);
|
||||
}
|
||||
|
||||
async function pruneStaleWorktrees() {
|
||||
await runWorktreeOperation(
|
||||
"Pruning stale worktrees",
|
||||
() => pruneWorktrees(activeRepoPath),
|
||||
"worktrees_pruned",
|
||||
);
|
||||
}
|
||||
|
||||
async function repairSelectedWorktree(worktree: GitWorktree, location: string) {
|
||||
await runWorktreeOperation(
|
||||
`Repairing ${worktree.branch || "worktree"}`,
|
||||
() => repairWorktree(activeRepoPath, location),
|
||||
"worktree_repaired",
|
||||
);
|
||||
}
|
||||
|
||||
function closeWorktreeDialog() {
|
||||
if (isBusy) return;
|
||||
worktreeDialogOpen = false;
|
||||
worktreeInitialBranch = "";
|
||||
worktreeError = "";
|
||||
}
|
||||
|
||||
function openNewBranchDialog(commit: GitCommit) {
|
||||
if (!activeRepoPath || isBusy) return;
|
||||
newBranchCommit = commit;
|
||||
@@ -3730,6 +3889,7 @@
|
||||
else if (event.key === "Escape" && newBranchCommit) newBranchCommit = null;
|
||||
else if (event.key === "Escape" && renameBranchTarget) renameBranchTarget = null;
|
||||
else if (event.key === "Escape" && deleteBranchTarget) closeDeleteBranchDialog();
|
||||
else if (event.key === "Escape" && worktreeDialogOpen) closeWorktreeDialog();
|
||||
else if (event.key === "Escape" && interactiveRebaseOpen && !isBusy) interactiveRebaseOpen = false;
|
||||
else if (event.key === "Escape" && reflogOpen && !isBusy) reflogOpen = false;
|
||||
else if (event.key === "Escape" && compareSelectOpen) compareSelectOpen = false;
|
||||
@@ -4115,6 +4275,8 @@
|
||||
onCreateTag={createNewTag}
|
||||
onDeleteTag={deleteLocalTag}
|
||||
onPushTag={pushLocalTag}
|
||||
onManageWorktrees={() => { void openWorktreeDialog(); }}
|
||||
onCreateWorktree={openBranchInWorktree}
|
||||
collapsed={branchPanelCollapsed}
|
||||
onToggleCollapsed={toggleBranchPanelCollapsed}
|
||||
/>
|
||||
@@ -4480,6 +4642,27 @@
|
||||
/>
|
||||
{/if}
|
||||
|
||||
{#if worktreeDialogOpen}
|
||||
<WorktreeDialog
|
||||
{worktrees}
|
||||
{branches}
|
||||
initialBranch={worktreeInitialBranch}
|
||||
isLoading={worktreesLoading}
|
||||
{isBusy}
|
||||
error={worktreeError}
|
||||
onRefresh={refreshWorktrees}
|
||||
onOpen={openWorktreeTab}
|
||||
onAdd={createWorktree}
|
||||
onRemove={removeSelectedWorktree}
|
||||
onMove={moveSelectedWorktree}
|
||||
onLock={lockSelectedWorktree}
|
||||
onUnlock={unlockSelectedWorktree}
|
||||
onPrune={pruneStaleWorktrees}
|
||||
onRepair={repairSelectedWorktree}
|
||||
onClose={closeWorktreeDialog}
|
||||
/>
|
||||
{/if}
|
||||
|
||||
<!-- Create a branch from a specific commit in the history -->
|
||||
{#if newBranchCommit}
|
||||
<NewBranchDialog
|
||||
|
||||
+251
@@ -3261,6 +3261,19 @@
|
||||
box-shadow: var(--app-dialog-shadow), 0 0 0 1px rgba(255, 90, 103, 0.04);
|
||||
overflow: auto;
|
||||
}
|
||||
.worktree-dialog {
|
||||
grid-template-rows: auto auto auto minmax(0, 1fr) auto;
|
||||
width: min(920px, calc(100vw - 32px));
|
||||
height: min(820px, calc(100vh - 32px));
|
||||
border-color: rgba(77, 182, 214, 0.24);
|
||||
}
|
||||
.worktree-confirm-dialog {
|
||||
grid-template-rows: auto auto auto;
|
||||
width: min(520px, calc(100vw - 32px));
|
||||
height: auto;
|
||||
max-height: calc(100vh - 32px);
|
||||
}
|
||||
.worktree-nested-backdrop { z-index: 70; }
|
||||
.ai-settings-dialog {
|
||||
display: block;
|
||||
width: min(560px, calc(100vw - 32px));
|
||||
@@ -3884,6 +3897,244 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
.branch-delete-confirm { min-width: 116px; }
|
||||
.worktree-dialog-header {
|
||||
background:
|
||||
linear-gradient(90deg, rgba(77, 182, 214, 0.09), transparent 40%),
|
||||
var(--app-dialog-chrome);
|
||||
}
|
||||
.worktree-dialog-heading { display: flex; align-items: center; gap: 11px; }
|
||||
.worktree-dialog-mark {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: 1px solid rgba(77, 182, 214, 0.3);
|
||||
border-radius: 9px;
|
||||
color: #8ed8ee;
|
||||
background: rgba(77, 182, 214, 0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
|
||||
}
|
||||
.worktree-summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
|
||||
align-items: stretch;
|
||||
gap: 1px;
|
||||
padding: 1px 0;
|
||||
border-bottom: 1px solid var(--color-border-subtle);
|
||||
background: var(--color-border-subtle);
|
||||
}
|
||||
.worktree-summary > div {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 7px;
|
||||
min-width: 0;
|
||||
padding: 11px 14px;
|
||||
background: var(--app-dialog-bg);
|
||||
}
|
||||
.worktree-summary > div strong { color: var(--color-ink); font-family: var(--font-mono); font-size: 14px; }
|
||||
.worktree-summary > div span { overflow: hidden; color: var(--color-ink-faint); font-size: 10.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.worktree-summary > div.attention strong { color: #ffc07a; }
|
||||
.worktree-summary > .btn-primary { align-self: center; margin: 0 14px; white-space: nowrap; }
|
||||
.worktree-error {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 9px 16px;
|
||||
border-bottom: 1px solid rgba(255, 90, 103, 0.2);
|
||||
color: #ffb8bf;
|
||||
background: rgba(255, 90, 103, 0.08);
|
||||
font-size: 11.5px;
|
||||
font-weight: 650;
|
||||
}
|
||||
.worktree-content {
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
padding: 14px;
|
||||
background:
|
||||
radial-gradient(circle at 92% 0%, rgba(77, 182, 214, 0.055), transparent 28%),
|
||||
var(--app-dialog-bg);
|
||||
}
|
||||
.worktree-create-card {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
margin-bottom: 14px;
|
||||
padding: 14px;
|
||||
border: 1px solid rgba(77, 182, 214, 0.26);
|
||||
border-radius: 10px;
|
||||
background: var(--color-surface-raised);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
|
||||
}
|
||||
.worktree-create-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
|
||||
.worktree-create-card h3 { margin: 3px 0 0; color: var(--color-ink); font-size: 13px; font-weight: 700; }
|
||||
.worktree-mode-tabs {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 3px;
|
||||
padding: 3px;
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 8px;
|
||||
background: rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
.worktree-mode-tabs button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
min-height: 32px;
|
||||
border-color: transparent;
|
||||
color: var(--color-ink-faint);
|
||||
background: transparent;
|
||||
font-size: 10.5px;
|
||||
font-weight: 750;
|
||||
}
|
||||
.worktree-mode-tabs button.active {
|
||||
border-color: rgba(77, 182, 214, 0.27);
|
||||
color: #b8e7f6;
|
||||
background: rgba(77, 182, 214, 0.11);
|
||||
box-shadow: 0 3px 12px rgba(0,0,0,0.14);
|
||||
}
|
||||
.worktree-create-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
|
||||
.worktree-create-fields label,
|
||||
.worktree-lock-body label { display: grid; gap: 5px; color: var(--color-ink-dim); font-size: 10.5px; font-weight: 750; }
|
||||
.worktree-create-fields input,
|
||||
.worktree-create-fields select,
|
||||
.worktree-lock-body input { width: 100%; min-width: 0; }
|
||||
.worktree-create-fields .worktree-path-field { grid-column: 1 / -1; }
|
||||
.worktree-path-field > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
|
||||
.worktree-create-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
|
||||
.worktree-check { display: flex; align-items: flex-start; gap: 8px; color: var(--color-ink-muted); font-size: 11px; cursor: pointer; }
|
||||
.worktree-check input { width: auto; margin-top: 2px; }
|
||||
.worktree-check span { display: grid; gap: 1px; }
|
||||
.worktree-check strong { color: var(--color-ink); font-size: 11px; }
|
||||
.worktree-check small { color: var(--color-ink-faint); font-size: 10px; font-weight: 500; }
|
||||
.worktree-check.danger strong,
|
||||
.worktree-check.danger small { color: #ffb8bf; }
|
||||
.worktree-list { display: grid; gap: 8px; }
|
||||
.worktree-card {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 28px minmax(0, 1fr);
|
||||
min-width: 0;
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 9px;
|
||||
background: var(--color-surface-raised);
|
||||
overflow: hidden;
|
||||
}
|
||||
.worktree-card.current { border-color: rgba(77, 182, 214, 0.34); box-shadow: inset 0 0 0 1px rgba(77, 182, 214, 0.06); }
|
||||
.worktree-card.stale { border-color: rgba(255, 151, 61, 0.28); }
|
||||
.worktree-rail {
|
||||
position: relative;
|
||||
display: grid;
|
||||
place-items: start center;
|
||||
padding-top: 18px;
|
||||
background: rgba(0,0,0,0.1);
|
||||
}
|
||||
.worktree-rail::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 1px;
|
||||
background: rgba(77, 182, 214, 0.22);
|
||||
}
|
||||
.worktree-rail span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border: 2px solid #76cde7;
|
||||
border-radius: 50%;
|
||||
background: var(--color-surface-solid);
|
||||
box-shadow: 0 0 0 3px rgba(77, 182, 214, 0.08);
|
||||
}
|
||||
.worktree-rail i {
|
||||
position: absolute;
|
||||
top: 31px;
|
||||
left: 50%;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
border-bottom: 1px solid rgba(77, 182, 214, 0.26);
|
||||
border-left: 1px solid rgba(77, 182, 214, 0.26);
|
||||
}
|
||||
.worktree-card-main { display: grid; gap: 9px; min-width: 0; padding: 12px; }
|
||||
.worktree-card-main > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
|
||||
.worktree-name { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--color-accent); }
|
||||
.worktree-name > div { display: grid; gap: 1px; min-width: 0; }
|
||||
.worktree-name strong { overflow: hidden; color: var(--color-ink); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.worktree-name span { color: var(--color-ink-faint); font-size: 10px; }
|
||||
.worktree-badges { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 4px; }
|
||||
.worktree-badges span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
padding: 2px 6px;
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 999px;
|
||||
color: var(--color-ink-faint);
|
||||
background: rgba(255,255,255,0.025);
|
||||
font-size: 8.5px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.worktree-badges span.active { border-color: rgba(78, 202, 118, 0.25); color: #77d99a; background: rgba(78, 202, 118, 0.08); }
|
||||
.worktree-badges span.locked { border-color: rgba(111, 140, 255, 0.26); color: #aebcff; background: rgba(111, 140, 255, 0.08); }
|
||||
.worktree-badges span.danger { border-color: rgba(255, 151, 61, 0.3); color: #ffc07a; background: rgba(255, 151, 61, 0.08); }
|
||||
.worktree-path { display: flex; align-items: center; gap: 5px; min-width: 0; color: var(--color-ink-faint); }
|
||||
.worktree-path code { overflow: hidden; font-family: var(--font-mono); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.worktree-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; color: var(--color-ink-faint); font-size: 9.5px; }
|
||||
.worktree-meta span { display: inline-flex; align-items: center; gap: 4px; }
|
||||
.worktree-meta span.dirty,
|
||||
.worktree-meta span.danger { color: #ffc07a; }
|
||||
.worktree-card-main > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 2px; }
|
||||
.worktree-card-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
|
||||
.worktree-card-actions .danger { border-color: rgba(255, 90, 103, 0.2); color: #ff9aa4; background: rgba(255, 90, 103, 0.06); }
|
||||
.worktree-dialog-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
padding: 10px 14px;
|
||||
border-top: 1px solid var(--color-border-subtle);
|
||||
background: var(--app-dialog-chrome);
|
||||
}
|
||||
.worktree-dialog-footer > div { display: flex; align-items: center; gap: 6px; color: var(--color-ink-faint); font-size: 10px; }
|
||||
.worktree-loading,
|
||||
.worktree-empty {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
align-content: center;
|
||||
gap: 7px;
|
||||
min-height: 240px;
|
||||
color: var(--color-ink-faint);
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
}
|
||||
.worktree-empty strong { color: var(--color-ink); font-size: 13px; }
|
||||
.worktree-confirm-body {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
gap: 13px;
|
||||
padding: 17px 16px;
|
||||
}
|
||||
.worktree-confirm-body > div { display: grid; gap: 10px; min-width: 0; }
|
||||
.worktree-confirm-body p { margin: 0; color: var(--color-ink-muted); font-size: 12px; line-height: 1.45; }
|
||||
.worktree-confirm-body code { overflow: auto; padding: 8px; border: 1px solid var(--color-border-subtle); border-radius: 6px; color: var(--color-ink); background: rgba(0,0,0,0.16); font-size: 10.5px; }
|
||||
.worktree-lock-body { padding: 18px 16px; }
|
||||
.worktree-lock-body label > span { display: flex; align-items: baseline; justify-content: space-between; }
|
||||
.worktree-lock-body small { color: var(--color-ink-faint); font-size: 9.5px; font-weight: 500; }
|
||||
@media (max-width: 700px) {
|
||||
.worktree-summary { grid-template-columns: repeat(3, 1fr); }
|
||||
.worktree-summary > div { display: grid; gap: 2px; }
|
||||
.worktree-summary > .btn-primary { grid-column: 1 / -1; margin: 9px 14px; }
|
||||
.worktree-create-fields { grid-template-columns: 1fr; }
|
||||
.worktree-create-fields .worktree-path-field { grid-column: auto; }
|
||||
.worktree-create-card > footer,
|
||||
.worktree-card-main > footer { align-items: stretch; flex-direction: column; }
|
||||
.worktree-card-actions { justify-content: flex-start; }
|
||||
.worktree-dialog-footer > div { display: none; }
|
||||
}
|
||||
.discard-target-list {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script lang="ts">
|
||||
import { Check, ChevronDown, ChevronRight, Folder, FolderOpen, GitBranch, GitMerge, Pencil, Plus, Tag as TagIcon, Trash2, Upload, X } from "@lucide/svelte";
|
||||
import { Check, ChevronDown, ChevronRight, Folder, FolderOpen, GitBranch, GitMerge, HardDrive, Pencil, Plus, Tag as TagIcon, Trash2, Upload, X } from "@lucide/svelte";
|
||||
import type { GitBranch as GitBranchInfo, GitTag } from "../types";
|
||||
|
||||
type BranchTreeNode = BranchFolderNode | BranchLeafNode;
|
||||
@@ -58,6 +58,8 @@
|
||||
onCreateTag: (name: string, message: string) => void | Promise<void>;
|
||||
onDeleteTag: (tag: GitTag) => void | Promise<void>;
|
||||
onPushTag: (tag: GitTag) => void | Promise<void>;
|
||||
onManageWorktrees: () => void;
|
||||
onCreateWorktree: (branch: GitBranchInfo) => void | Promise<void>;
|
||||
collapsed?: boolean;
|
||||
onToggleCollapsed?: () => void;
|
||||
}
|
||||
@@ -79,6 +81,8 @@
|
||||
onCreateTag = () => {},
|
||||
onDeleteTag = () => {},
|
||||
onPushTag = () => {},
|
||||
onManageWorktrees = () => {},
|
||||
onCreateWorktree = () => {},
|
||||
collapsed = false,
|
||||
onToggleCollapsed = () => {},
|
||||
}: Props = $props();
|
||||
@@ -271,6 +275,13 @@
|
||||
if (branch.remote) await onDeleteRemoteBranch(branch); else await onDeleteBranch(branch);
|
||||
}
|
||||
|
||||
async function createContextWorktree() {
|
||||
const branch = contextBranch;
|
||||
closeBranchContextMenu();
|
||||
if (!branch) return;
|
||||
await onCreateWorktree(branch);
|
||||
}
|
||||
|
||||
async function checkoutContextBranch() {
|
||||
const branch = contextBranch;
|
||||
if (!branch || branch.current || isBusy) return;
|
||||
@@ -368,6 +379,16 @@
|
||||
<h2 class="mt-0.5 text-ink text-base font-bold leading-tight">Refs</h2>
|
||||
</div>
|
||||
<div class="branch-head-actions">
|
||||
<button
|
||||
class="branch-create-toggle"
|
||||
type="button"
|
||||
onclick={onManageWorktrees}
|
||||
disabled={!hasRepository || isBusy}
|
||||
title="Manage worktrees"
|
||||
aria-label="Manage worktrees"
|
||||
>
|
||||
<HardDrive size={14} aria-hidden="true" />
|
||||
</button>
|
||||
<button
|
||||
class="branch-create-toggle"
|
||||
type="button"
|
||||
@@ -661,6 +682,10 @@
|
||||
<GitBranch size={14} aria-hidden="true" />
|
||||
Rebase current onto this
|
||||
</button>
|
||||
<button type="button" role="menuitem" onclick={createContextWorktree} disabled={isBusy || contextBranch.remote || contextBranch.current}>
|
||||
<HardDrive size={14} aria-hidden="true" />
|
||||
Open in new worktree
|
||||
</button>
|
||||
<div class="menu-separator" role="separator"></div>
|
||||
<button type="button" role="menuitem" onclick={renameContextBranch} disabled={isBusy || contextBranch.remote}>
|
||||
<Pencil size={14} aria-hidden="true" />
|
||||
|
||||
@@ -0,0 +1,455 @@
|
||||
<script lang="ts">
|
||||
import { open as openDialog } from "@tauri-apps/plugin-dialog";
|
||||
import {
|
||||
AlertTriangle,
|
||||
Check,
|
||||
CircleDot,
|
||||
ExternalLink,
|
||||
FolderInput,
|
||||
FolderOpen,
|
||||
GitBranch,
|
||||
HardDrive,
|
||||
LoaderCircle,
|
||||
Lock,
|
||||
MapPin,
|
||||
Plus,
|
||||
RefreshCw,
|
||||
ShieldCheck,
|
||||
Trash2,
|
||||
Unlock,
|
||||
Wrench,
|
||||
X,
|
||||
} from "@lucide/svelte";
|
||||
import type { GitBranch as GitBranchInfo, GitWorktree } from "../types";
|
||||
|
||||
type CreateMode = "existing" | "new" | "detached";
|
||||
|
||||
interface AddRequest {
|
||||
worktreePath: string;
|
||||
branch?: string;
|
||||
newBranch?: string;
|
||||
startPoint?: string;
|
||||
detached?: boolean;
|
||||
lock?: boolean;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
worktrees: GitWorktree[];
|
||||
branches: GitBranchInfo[];
|
||||
initialBranch?: string;
|
||||
isLoading: boolean;
|
||||
isBusy: boolean;
|
||||
error?: string;
|
||||
onRefresh: () => void | Promise<void>;
|
||||
onOpen: (worktree: GitWorktree) => void | Promise<void>;
|
||||
onAdd: (request: AddRequest) => boolean | Promise<boolean>;
|
||||
onRemove: (worktree: GitWorktree, force: boolean) => boolean | Promise<boolean>;
|
||||
onMove: (worktree: GitWorktree, destination: string) => void | Promise<void>;
|
||||
onLock: (worktree: GitWorktree, reason: string) => boolean | Promise<boolean>;
|
||||
onUnlock: (worktree: GitWorktree) => void | Promise<void>;
|
||||
onPrune: () => void | Promise<void>;
|
||||
onRepair: (worktree: GitWorktree, location: string) => void | Promise<void>;
|
||||
onClose: () => void;
|
||||
}
|
||||
|
||||
let {
|
||||
worktrees = [],
|
||||
branches = [],
|
||||
initialBranch = "",
|
||||
isLoading = false,
|
||||
isBusy = false,
|
||||
error = "",
|
||||
onRefresh = () => {},
|
||||
onOpen = () => {},
|
||||
onAdd = () => false,
|
||||
onRemove = () => false,
|
||||
onMove = () => {},
|
||||
onLock = () => false,
|
||||
onUnlock = () => {},
|
||||
onPrune = () => {},
|
||||
onRepair = () => {},
|
||||
onClose = () => {},
|
||||
}: Props = $props();
|
||||
|
||||
let createOpen = $state(false);
|
||||
let createMode = $state<CreateMode>("new");
|
||||
let selectedBranch = $state("");
|
||||
let newBranch = $state("");
|
||||
let startPoint = $state("HEAD");
|
||||
let destination = $state("");
|
||||
let lockAfterCreate = $state(false);
|
||||
let pendingRemoval = $state<GitWorktree | null>(null);
|
||||
let forceRemoval = $state(false);
|
||||
let pendingLock = $state<GitWorktree | null>(null);
|
||||
let lockReason = $state("");
|
||||
let initialized = false;
|
||||
|
||||
$effect(() => {
|
||||
if (initialized) return;
|
||||
createOpen = initialBranch.length > 0;
|
||||
createMode = initialBranch ? "existing" : "new";
|
||||
selectedBranch = initialBranch;
|
||||
initialized = true;
|
||||
});
|
||||
|
||||
let localBranches = $derived(branches.filter((branch) => !branch.remote));
|
||||
let prunableCount = $derived(worktrees.filter((worktree) => worktree.prunable).length);
|
||||
let linkedCount = $derived(Math.max(0, worktrees.length - 1));
|
||||
let checkedOutBranches = $derived(new Set(worktrees.map((worktree) => worktree.branch).filter((branch): branch is string => Boolean(branch))));
|
||||
|
||||
function displayName(worktree: GitWorktree): string {
|
||||
return worktree.branch || (worktree.detached ? `Detached at ${worktree.short_head || "HEAD"}` : "Bare worktree");
|
||||
}
|
||||
|
||||
function pathName(path: string): string {
|
||||
return path.split(/[\\/]/).filter(Boolean).pop() || path;
|
||||
}
|
||||
|
||||
function branchAvailable(branch: string): boolean {
|
||||
return !checkedOutBranches.has(branch);
|
||||
}
|
||||
|
||||
function joinPath(parent: string, name: string): string {
|
||||
const separator = parent.includes("\\") ? "\\" : "/";
|
||||
return `${parent.replace(/[\\/]+$/, "")}${separator}${name}`;
|
||||
}
|
||||
|
||||
async function chooseDestination(current = "") {
|
||||
const selected = await openDialog({
|
||||
title: current ? "Choose new worktree location" : "Choose worktree folder",
|
||||
directory: true,
|
||||
multiple: false,
|
||||
defaultPath: current || undefined,
|
||||
});
|
||||
if (typeof selected === "string") destination = selected;
|
||||
}
|
||||
|
||||
async function submitCreate(event: SubmitEvent) {
|
||||
event.preventDefault();
|
||||
if (!destination.trim()) return;
|
||||
const request: AddRequest = {
|
||||
worktreePath: destination.trim(),
|
||||
lock: lockAfterCreate,
|
||||
};
|
||||
if (createMode === "existing") request.branch = selectedBranch;
|
||||
if (createMode === "new") {
|
||||
request.newBranch = newBranch.trim();
|
||||
request.startPoint = startPoint.trim() || "HEAD";
|
||||
}
|
||||
if (createMode === "detached") {
|
||||
request.detached = true;
|
||||
request.startPoint = startPoint.trim() || "HEAD";
|
||||
}
|
||||
if (await onAdd(request)) {
|
||||
createOpen = false;
|
||||
destination = "";
|
||||
newBranch = "";
|
||||
}
|
||||
}
|
||||
|
||||
async function chooseMoveDestination(worktree: GitWorktree) {
|
||||
const selected = await openDialog({
|
||||
title: `Choose parent folder for ${displayName(worktree)}`,
|
||||
directory: true,
|
||||
multiple: false,
|
||||
defaultPath: worktree.path,
|
||||
});
|
||||
if (typeof selected === "string") {
|
||||
const target = joinPath(selected, pathName(worktree.path));
|
||||
if (target !== worktree.path) await onMove(worktree, target);
|
||||
}
|
||||
}
|
||||
|
||||
async function chooseRepairLocation(worktree: GitWorktree) {
|
||||
const selected = await openDialog({
|
||||
title: `Locate ${displayName(worktree)}`,
|
||||
directory: true,
|
||||
multiple: false,
|
||||
});
|
||||
if (typeof selected === "string") await onRepair(worktree, selected);
|
||||
}
|
||||
|
||||
function requestRemoval(worktree: GitWorktree) {
|
||||
pendingRemoval = worktree;
|
||||
forceRemoval = false;
|
||||
}
|
||||
|
||||
async function confirmRemoval() {
|
||||
if (!pendingRemoval) return;
|
||||
if (await onRemove(pendingRemoval, forceRemoval)) {
|
||||
pendingRemoval = null;
|
||||
forceRemoval = false;
|
||||
}
|
||||
}
|
||||
|
||||
function requestLock(worktree: GitWorktree) {
|
||||
pendingLock = worktree;
|
||||
lockReason = "";
|
||||
}
|
||||
|
||||
async function confirmLock() {
|
||||
if (!pendingLock) return;
|
||||
if (await onLock(pendingLock, lockReason)) {
|
||||
pendingLock = null;
|
||||
lockReason = "";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="dialog-backdrop" role="presentation">
|
||||
<div class="dialog worktree-dialog" role="dialog" aria-modal="true" aria-labelledby="worktree-dialog-title">
|
||||
<header class="dialog-header worktree-dialog-header">
|
||||
<div class="worktree-dialog-heading">
|
||||
<span class="worktree-dialog-mark" aria-hidden="true"><HardDrive size={18} /></span>
|
||||
<div>
|
||||
<span class="eyebrow">Parallel workspaces</span>
|
||||
<p class="dialog-title" id="worktree-dialog-title">Worktrees</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dialog-header-actions">
|
||||
<button class="btn-sm" type="button" onclick={onRefresh} disabled={isBusy || isLoading} title="Refresh worktrees">
|
||||
<RefreshCw class={isLoading ? "spin" : undefined} size={15} aria-hidden="true" />
|
||||
Refresh
|
||||
</button>
|
||||
<button class="btn-sm dialog-close" type="button" onclick={onClose} disabled={isBusy} aria-label="Close">
|
||||
<X size={16} aria-hidden="true" />
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="worktree-summary">
|
||||
<div><strong>{linkedCount}</strong><span>linked worktrees</span></div>
|
||||
<div><strong>{worktrees.filter((worktree) => !worktree.clean).length}</strong><span>with changes</span></div>
|
||||
<div class:attention={prunableCount > 0}><strong>{prunableCount}</strong><span>stale entries</span></div>
|
||||
<button class="btn-primary" type="button" onclick={() => { createOpen = !createOpen; }} disabled={isBusy}>
|
||||
<Plus size={15} aria-hidden="true" />
|
||||
New worktree
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{#if error}
|
||||
<div class="worktree-error" role="alert"><AlertTriangle size={15} aria-hidden="true" />{error}</div>
|
||||
{/if}
|
||||
|
||||
<div class="worktree-content">
|
||||
{#if createOpen}
|
||||
<form class="worktree-create-card" onsubmit={submitCreate}>
|
||||
<header>
|
||||
<div>
|
||||
<span class="eyebrow">Create</span>
|
||||
<h3>Choose what this workspace should track</h3>
|
||||
</div>
|
||||
<button class="btn-sm dialog-close" type="button" onclick={() => { createOpen = false; }} disabled={isBusy} aria-label="Close create form">
|
||||
<X size={15} aria-hidden="true" />
|
||||
</button>
|
||||
</header>
|
||||
|
||||
<div class="worktree-mode-tabs" role="tablist" aria-label="Worktree type">
|
||||
<button class:active={createMode === "existing"} type="button" role="tab" aria-selected={createMode === "existing"} onclick={() => { createMode = "existing"; }}>
|
||||
<GitBranch size={14} aria-hidden="true" />Existing branch
|
||||
</button>
|
||||
<button class:active={createMode === "new"} type="button" role="tab" aria-selected={createMode === "new"} onclick={() => { createMode = "new"; }}>
|
||||
<Plus size={14} aria-hidden="true" />New branch
|
||||
</button>
|
||||
<button class:active={createMode === "detached"} type="button" role="tab" aria-selected={createMode === "detached"} onclick={() => { createMode = "detached"; }}>
|
||||
<CircleDot size={14} aria-hidden="true" />Detached
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="worktree-create-fields">
|
||||
{#if createMode === "existing"}
|
||||
<label>
|
||||
<span>Branch</span>
|
||||
<select bind:value={selectedBranch} disabled={isBusy}>
|
||||
<option value="" disabled>Select a local branch</option>
|
||||
{#each localBranches as branch (branch.name)}
|
||||
<option value={branch.name} disabled={!branchAvailable(branch.name)}>{branch.name}{!branchAvailable(branch.name) ? " (already checked out)" : ""}</option>
|
||||
{/each}
|
||||
</select>
|
||||
</label>
|
||||
{:else if createMode === "new"}
|
||||
<label>
|
||||
<span>New branch name</span>
|
||||
<input bind:value={newBranch} disabled={isBusy} autocomplete="off" spellcheck="false" placeholder="feature/my-change" />
|
||||
</label>
|
||||
<label>
|
||||
<span>Start point</span>
|
||||
<input bind:value={startPoint} disabled={isBusy} autocomplete="off" spellcheck="false" placeholder="HEAD, branch or commit" />
|
||||
</label>
|
||||
{:else}
|
||||
<label>
|
||||
<span>Commit or ref</span>
|
||||
<input bind:value={startPoint} disabled={isBusy} autocomplete="off" spellcheck="false" placeholder="HEAD" />
|
||||
</label>
|
||||
{/if}
|
||||
|
||||
<label class="worktree-path-field">
|
||||
<span>Folder</span>
|
||||
<div>
|
||||
<input bind:value={destination} disabled={isBusy} autocomplete="off" spellcheck="false" placeholder="Choose an empty folder" />
|
||||
<button class="btn-secondary" type="button" onclick={() => chooseDestination()} disabled={isBusy}>
|
||||
<FolderOpen size={15} aria-hidden="true" />Browse
|
||||
</button>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<label class="worktree-check">
|
||||
<input type="checkbox" bind:checked={lockAfterCreate} disabled={isBusy} />
|
||||
<span><strong>Lock after creation</strong><small>Protects removable or temporary locations from pruning.</small></span>
|
||||
</label>
|
||||
<button
|
||||
class="btn-primary"
|
||||
type="submit"
|
||||
disabled={isBusy || !destination.trim() || (createMode === "existing" && (!selectedBranch || !branchAvailable(selectedBranch))) || (createMode === "new" && !newBranch.trim())}
|
||||
>
|
||||
{#if isBusy}<LoaderCircle class="spin" size={15} aria-hidden="true" />{:else}<Plus size={15} aria-hidden="true" />{/if}
|
||||
Create worktree
|
||||
</button>
|
||||
</footer>
|
||||
</form>
|
||||
{/if}
|
||||
|
||||
{#if isLoading && worktrees.length === 0}
|
||||
<div class="worktree-loading"><LoaderCircle class="spin" size={22} aria-hidden="true" /><span>Reading worktrees…</span></div>
|
||||
{:else if worktrees.length === 0}
|
||||
<div class="worktree-empty"><HardDrive size={24} aria-hidden="true" /><strong>No worktrees found</strong><span>Create one to work on another branch without switching this workspace.</span></div>
|
||||
{:else}
|
||||
<div class="worktree-list">
|
||||
{#each worktrees as worktree (worktree.path)}
|
||||
<article class:current={worktree.is_current} class:stale={worktree.prunable || worktree.missing} class="worktree-card">
|
||||
<div class="worktree-rail" aria-hidden="true">
|
||||
<span></span>
|
||||
{#if !worktree.is_main}<i></i>{/if}
|
||||
</div>
|
||||
<div class="worktree-card-main">
|
||||
<header>
|
||||
<div class="worktree-name">
|
||||
<GitBranch size={16} aria-hidden="true" />
|
||||
<div>
|
||||
<strong>{displayName(worktree)}</strong>
|
||||
<span>{pathName(worktree.path)}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="worktree-badges">
|
||||
{#if worktree.is_main}<span>Main</span>{/if}
|
||||
{#if worktree.is_current}<span class="active">Open</span>{/if}
|
||||
{#if worktree.detached}<span>Detached</span>{/if}
|
||||
{#if worktree.locked}<span class="locked"><Lock size={10} aria-hidden="true" />Locked</span>{/if}
|
||||
{#if worktree.prunable || worktree.missing}<span class="danger">Stale</span>{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="worktree-path" title={worktree.path}><MapPin size={13} aria-hidden="true" /><code>{worktree.path}</code></div>
|
||||
|
||||
<div class="worktree-meta">
|
||||
<span class:dirty={!worktree.clean}>
|
||||
{#if worktree.clean}<Check size={12} aria-hidden="true" />Clean{:else}<CircleDot size={12} aria-hidden="true" />{worktree.changed_files} changed{/if}
|
||||
</span>
|
||||
{#if worktree.short_head}<span><code>{worktree.short_head}</code></span>{/if}
|
||||
{#if worktree.lock_reason}<span><Lock size={12} aria-hidden="true" />{worktree.lock_reason}</span>{/if}
|
||||
{#if worktree.prune_reason}<span class="danger"><AlertTriangle size={12} aria-hidden="true" />{worktree.prune_reason}</span>{/if}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<button class="btn-secondary" type="button" onclick={() => onOpen(worktree)} disabled={isBusy || worktree.missing || worktree.bare}>
|
||||
<ExternalLink size={14} aria-hidden="true" />{worktree.is_current ? "Refresh tab" : "Open tab"}
|
||||
</button>
|
||||
<div class="worktree-card-actions">
|
||||
{#if worktree.prunable}
|
||||
<button class="btn-sm" type="button" onclick={() => chooseRepairLocation(worktree)} disabled={isBusy} title="Locate and repair worktree">
|
||||
<Wrench size={14} aria-hidden="true" />Repair
|
||||
</button>
|
||||
{/if}
|
||||
{#if !worktree.is_main && !worktree.missing}
|
||||
<button class="btn-sm" type="button" onclick={() => chooseMoveDestination(worktree)} disabled={isBusy || worktree.locked || worktree.is_current} title="Move worktree">
|
||||
<FolderInput size={14} aria-hidden="true" />Move
|
||||
</button>
|
||||
{/if}
|
||||
{#if worktree.locked}
|
||||
<button class="btn-sm" type="button" onclick={() => onUnlock(worktree)} disabled={isBusy} title="Unlock worktree">
|
||||
<Unlock size={14} aria-hidden="true" />Unlock
|
||||
</button>
|
||||
{:else if !worktree.is_main}
|
||||
<button class="btn-sm" type="button" onclick={() => requestLock(worktree)} disabled={isBusy} title="Lock worktree">
|
||||
<Lock size={14} aria-hidden="true" />Lock
|
||||
</button>
|
||||
{/if}
|
||||
{#if !worktree.is_main}
|
||||
<button class="btn-sm danger" type="button" onclick={() => requestRemoval(worktree)} disabled={isBusy || worktree.is_current || worktree.locked || worktree.missing} title={worktree.missing ? "Use Prune to remove stale metadata" : "Remove worktree"}>
|
||||
<Trash2 size={14} aria-hidden="true" />Remove
|
||||
</button>
|
||||
{/if}
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</article>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<footer class="worktree-dialog-footer">
|
||||
<div><ShieldCheck size={14} aria-hidden="true" /><span>Dirty, active and locked worktrees are protected.</span></div>
|
||||
<button class="btn-secondary" type="button" onclick={onPrune} disabled={isBusy || prunableCount === 0}>
|
||||
<Wrench size={14} aria-hidden="true" />Prune {prunableCount || ""}
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{#if pendingRemoval}
|
||||
<div class="dialog-backdrop worktree-nested-backdrop" role="presentation">
|
||||
<div class="dialog worktree-confirm-dialog" role="alertdialog" aria-modal="true" aria-labelledby="worktree-remove-title">
|
||||
<header class="dialog-header">
|
||||
<div>
|
||||
<span class="eyebrow">Remove worktree</span>
|
||||
<p class="dialog-title" id="worktree-remove-title">Remove {displayName(pendingRemoval)}?</p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="worktree-confirm-body">
|
||||
<span class="discard-warning-icon" aria-hidden="true"><AlertTriangle size={21} /></span>
|
||||
<div>
|
||||
<p>This removes the worktree folder and its Git registration. The branch itself is kept.</p>
|
||||
<code>{pendingRemoval.path}</code>
|
||||
{#if !pendingRemoval.clean}
|
||||
<label class="worktree-check danger">
|
||||
<input type="checkbox" bind:checked={forceRemoval} disabled={isBusy} />
|
||||
<span><strong>Remove despite local changes</strong><small>{pendingRemoval.changed_files} changed files may be permanently deleted.</small></span>
|
||||
</label>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<footer class="discard-confirm-actions">
|
||||
<button class="btn-secondary" type="button" onclick={() => { pendingRemoval = null; }} disabled={isBusy}>Cancel</button>
|
||||
<button class="btn-danger" type="button" onclick={confirmRemoval} disabled={isBusy || (!pendingRemoval.clean && !forceRemoval)}>
|
||||
<Trash2 size={15} aria-hidden="true" />Remove worktree
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if pendingLock}
|
||||
<div class="dialog-backdrop worktree-nested-backdrop" role="presentation">
|
||||
<div class="dialog worktree-confirm-dialog" role="dialog" aria-modal="true" aria-labelledby="worktree-lock-title">
|
||||
<header class="dialog-header">
|
||||
<div>
|
||||
<span class="eyebrow">Protect worktree</span>
|
||||
<p class="dialog-title" id="worktree-lock-title">Lock {displayName(pendingLock)}</p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="worktree-lock-body">
|
||||
<label>
|
||||
<span>Reason <small>optional</small></span>
|
||||
<input bind:value={lockReason} disabled={isBusy} autocomplete="off" placeholder="External drive, long-running work…" />
|
||||
</label>
|
||||
</div>
|
||||
<footer class="discard-confirm-actions">
|
||||
<button class="btn-secondary" type="button" onclick={() => { pendingLock = null; }} disabled={isBusy}>Cancel</button>
|
||||
<button class="btn-primary" type="button" onclick={confirmLock} disabled={isBusy}><Lock size={15} aria-hidden="true" />Lock</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -21,6 +21,7 @@ import type {
|
||||
GitStash,
|
||||
GitStatus,
|
||||
GitTag,
|
||||
GitWorktree,
|
||||
LocalModelOption,
|
||||
PatchApplyAction,
|
||||
RepositoryBundle,
|
||||
@@ -116,6 +117,56 @@ export function deleteBranch(path: string, branch: string, force = false): Promi
|
||||
return invoke<GitStatus>("delete_branch", { path, branch, force });
|
||||
}
|
||||
|
||||
export function listWorktrees(path: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("list_worktrees", { path });
|
||||
}
|
||||
|
||||
export function addWorktree(
|
||||
path: string,
|
||||
worktreePath: string,
|
||||
options: {
|
||||
branch?: string;
|
||||
newBranch?: string;
|
||||
startPoint?: string;
|
||||
detached?: boolean;
|
||||
lock?: boolean;
|
||||
} = {},
|
||||
): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("add_worktree", {
|
||||
path,
|
||||
worktreePath,
|
||||
branch: options.branch ?? null,
|
||||
newBranch: options.newBranch ?? null,
|
||||
startPoint: options.startPoint ?? null,
|
||||
detached: options.detached ?? false,
|
||||
lock: options.lock ?? false,
|
||||
});
|
||||
}
|
||||
|
||||
export function removeWorktree(path: string, worktreePath: string, force = false): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("remove_worktree", { path, worktreePath, force });
|
||||
}
|
||||
|
||||
export function moveWorktree(path: string, worktreePath: string, destination: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("move_worktree", { path, worktreePath, destination });
|
||||
}
|
||||
|
||||
export function lockWorktree(path: string, worktreePath: string, reason?: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("lock_worktree", { path, worktreePath, reason: reason?.trim() || null });
|
||||
}
|
||||
|
||||
export function unlockWorktree(path: string, worktreePath: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("unlock_worktree", { path, worktreePath });
|
||||
}
|
||||
|
||||
export function pruneWorktrees(path: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("prune_worktrees", { path });
|
||||
}
|
||||
|
||||
export function repairWorktree(path: string, worktreePath: string): Promise<GitWorktree[]> {
|
||||
return invoke<GitWorktree[]>("repair_worktree", { path, worktreePath });
|
||||
}
|
||||
|
||||
export function listTags(path: string): Promise<GitTag[]> {
|
||||
return invoke<GitTag[]>("list_tags", { path });
|
||||
}
|
||||
|
||||
@@ -90,6 +90,24 @@ export interface GitBranch {
|
||||
remote: boolean;
|
||||
}
|
||||
|
||||
export interface GitWorktree {
|
||||
path: string;
|
||||
head: string | null;
|
||||
short_head: string | null;
|
||||
branch: string | null;
|
||||
bare: boolean;
|
||||
detached: boolean;
|
||||
locked: boolean;
|
||||
lock_reason: string | null;
|
||||
prunable: boolean;
|
||||
prune_reason: string | null;
|
||||
missing: boolean;
|
||||
is_main: boolean;
|
||||
is_current: boolean;
|
||||
clean: boolean;
|
||||
changed_files: number;
|
||||
}
|
||||
|
||||
export interface GitTag {
|
||||
name: string;
|
||||
hash: string;
|
||||
|
||||
Reference in New Issue
Block a user