Files
kandev/apps/web/components/task/changes-panel-hooks.ts
T

286 lines
8.9 KiB
TypeScript

"use client";
import { useState, useCallback } from "react";
import type { GitOperationResult, PRCreateResult } from "@/hooks/use-git-operations";
import type { useToast } from "@/components/toast-provider";
// Accepts both useGitOperations and SessionGit
interface GitOps {
pull: (rebase?: boolean) => Promise<GitOperationResult>;
push: (options?: { force?: boolean; setUpstream?: boolean }) => Promise<GitOperationResult>;
rebase: (baseBranch: string) => Promise<GitOperationResult>;
commit: (message: string, stageAll?: boolean, amend?: boolean) => Promise<GitOperationResult>;
stage: (paths?: string[]) => Promise<GitOperationResult>;
unstage: (paths?: string[]) => Promise<GitOperationResult>;
discard: (paths?: string[]) => Promise<GitOperationResult>;
revertCommit: (commitSHA: string) => Promise<GitOperationResult>;
reset: (commitSHA: string, mode: "soft" | "hard") => Promise<GitOperationResult>;
createPR: (
title: string,
body: string,
baseBranch?: string,
draft?: boolean,
) => Promise<PRCreateResult>;
isLoading: boolean;
}
type Toast = ReturnType<typeof useToast>["toast"];
type GitOperationFn = (
op: () => Promise<{ success: boolean; output: string; error?: string }>,
name: string,
) => Promise<void>;
export function useChangesGitHandlers(
gitOps: GitOps,
toast: Toast,
baseBranch: string | undefined,
) {
const handleGitOperation = useCallback(
async (
operation: () => Promise<{ success: boolean; output: string; error?: string }>,
operationName: string,
) => {
try {
const result = await operation();
const variant = result.success ? "success" : "error";
const title = result.success ? `${operationName} successful` : `${operationName} failed`;
const description = result.success
? result.output.slice(0, 200) || `${operationName} completed`
: result.error || "An error occurred";
toast({ title, description, variant });
} catch (e) {
toast({
title: `${operationName} failed`,
description: e instanceof Error ? e.message : "An unexpected error occurred",
variant: "error",
});
}
},
[toast],
);
const handlePull = useCallback(() => {
handleGitOperation(() => gitOps.pull(), "Pull");
}, [handleGitOperation, gitOps]);
const handleRebase = useCallback(() => {
const targetBranch = baseBranch?.replace(/^origin\//, "") || "main";
handleGitOperation(() => gitOps.rebase(targetBranch), "Rebase");
}, [handleGitOperation, gitOps, baseBranch]);
const handlePush = useCallback(() => {
handleGitOperation(() => gitOps.push(), "Push");
}, [handleGitOperation, gitOps]);
const handleForcePush = useCallback(() => {
handleGitOperation(() => gitOps.push({ force: true }), "Force push");
}, [handleGitOperation, gitOps]);
const handleRevertCommit = useCallback(
(sha: string) => {
handleGitOperation(() => gitOps.revertCommit(sha), "Revert commit");
},
[handleGitOperation, gitOps],
);
return {
handleGitOperation,
handlePull,
handleRebase,
handlePush,
handleForcePush,
handleRevertCommit,
};
}
function useChangesDiscardCommitHandlers(
gitOps: GitOps,
toast: Toast,
handleGitOperation: GitOperationFn,
) {
const [showDiscardDialog, setShowDiscardDialog] = useState(false);
const [fileToDiscard, setFileToDiscard] = useState<string | null>(null);
const [commitDialogOpen, setCommitDialogOpen] = useState(false);
const [commitMessage, setCommitMessage] = useState("");
const [isAmendCommit, setIsAmendCommit] = useState(false);
const handleDiscardClick = useCallback((filePath: string) => {
setFileToDiscard(filePath);
setShowDiscardDialog(true);
}, []);
const handleDiscardConfirm = useCallback(async () => {
if (!fileToDiscard) return;
try {
const result = await gitOps.discard([fileToDiscard]);
if (!result.success)
toast({
title: "Failed to discard changes",
description: result.error || "An unknown error occurred",
variant: "error",
});
} catch (error) {
toast({
title: "Failed to discard changes",
description: error instanceof Error ? error.message : "An unknown error occurred",
variant: "error",
});
} finally {
setShowDiscardDialog(false);
setFileToDiscard(null);
}
}, [fileToDiscard, gitOps, toast]);
const handleOpenCommitDialog = useCallback(() => {
setCommitMessage("");
setIsAmendCommit(false);
setCommitDialogOpen(true);
}, []);
const handleCommit = useCallback(async () => {
if (!commitMessage.trim()) return;
setCommitDialogOpen(false);
const operationName = isAmendCommit ? "Amend commit" : "Commit";
await handleGitOperation(
() => gitOps.commit(commitMessage.trim(), false, isAmendCommit),
operationName,
);
setCommitMessage("");
setIsAmendCommit(false);
}, [commitMessage, isAmendCommit, handleGitOperation, gitOps]);
// Amend dialog state (for editing last commit message directly)
const [amendDialogOpen, setAmendDialogOpen] = useState(false);
const [amendMessage, setAmendMessage] = useState("");
const handleOpenAmendDialog = useCallback((currentMessage: string) => {
setAmendMessage(currentMessage);
setAmendDialogOpen(true);
}, []);
const handleAmend = useCallback(async () => {
if (!amendMessage.trim()) return;
setAmendDialogOpen(false);
await handleGitOperation(() => gitOps.commit(amendMessage.trim(), false, true), "Amend commit");
setAmendMessage("");
}, [amendMessage, handleGitOperation, gitOps]);
return {
showDiscardDialog,
setShowDiscardDialog,
fileToDiscard,
commitDialogOpen,
setCommitDialogOpen,
commitMessage,
setCommitMessage,
isAmendCommit,
setIsAmendCommit,
handleDiscardClick,
handleDiscardConfirm,
handleOpenCommitDialog,
handleCommit,
// Amend dialog
amendDialogOpen,
setAmendDialogOpen,
amendMessage,
setAmendMessage,
handleOpenAmendDialog,
handleAmend,
};
}
function useChangesResetHandlers(gitOps: GitOps, handleGitOperation: GitOperationFn) {
const [resetDialogOpen, setResetDialogOpen] = useState(false);
const [resetCommitSha, setResetCommitSha] = useState<string | null>(null);
const handleOpenResetDialog = useCallback((sha: string) => {
setResetCommitSha(sha);
setResetDialogOpen(true);
}, []);
const handleReset = useCallback(
async (mode: "soft" | "hard") => {
if (!resetCommitSha) return;
setResetDialogOpen(false);
const operationName = mode === "hard" ? "Hard reset" : "Soft reset";
await handleGitOperation(() => gitOps.reset(resetCommitSha, mode), operationName);
setResetCommitSha(null);
},
[resetCommitSha, handleGitOperation, gitOps],
);
return {
resetDialogOpen,
setResetDialogOpen,
resetCommitSha,
handleOpenResetDialog,
handleReset,
};
}
function useChangesPRHandlers(
gitOps: GitOps,
toast: Toast,
taskTitle: string | undefined,
baseBranch: string | undefined,
) {
const [prDialogOpen, setPrDialogOpen] = useState(false);
const [prTitle, setPrTitle] = useState("");
const [prBody, setPrBody] = useState("");
const [prDraft, setPrDraft] = useState(true);
const handleOpenPRDialog = useCallback(() => {
setPrTitle(taskTitle || "");
setPrBody("");
setPrDialogOpen(true);
}, [taskTitle]);
const handleCreatePR = useCallback(async () => {
if (!prTitle.trim()) return;
setPrDialogOpen(false);
try {
const result = await gitOps.createPR(prTitle.trim(), prBody.trim(), baseBranch, prDraft);
if (result.success) {
toast({
title: prDraft ? "Draft PR created" : "PR created",
description: result.pr_url || "PR created successfully",
variant: "success",
});
if (result.pr_url) window.open(result.pr_url, "_blank");
} else {
toast({
title: "Create PR failed",
description: result.error || "An error occurred",
variant: "error",
});
}
} catch (e) {
toast({
title: "Create PR failed",
description: e instanceof Error ? e.message : "An error occurred",
variant: "error",
});
}
setPrTitle("");
setPrBody("");
}, [prTitle, prBody, baseBranch, prDraft, gitOps, toast]);
return {
prDialogOpen,
setPrDialogOpen,
prTitle,
setPrTitle,
prBody,
setPrBody,
prDraft,
setPrDraft,
handleOpenPRDialog,
handleCreatePR,
};
}
export function useChangesDialogHandlers(
gitOps: GitOps,
toast: Toast,
handleGitOperation: GitOperationFn,
taskTitle: string | undefined,
baseBranch: string | undefined,
) {
const discardCommit = useChangesDiscardCommitHandlers(gitOps, toast, handleGitOperation);
const reset = useChangesResetHandlers(gitOps, handleGitOperation);
const pr = useChangesPRHandlers(gitOps, toast, taskTitle, baseBranch);
return { ...discardCommit, ...reset, ...pr };
}