Add checkout

BrewingBytes · Dec 26, 2024 · aa6af38 · aa6af38
1 parent 6d93136
commit aa6af38
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tauri + Vue + Typescript App</title>
+    <title>BranchWise</title>
+    <script>
+      document.addEventListener('contextmenu', event => event.preventDefault());
+    </script>
   </head>
 
   <body>

diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
@@ -11,7 +11,7 @@ use database::storage::DATABASE;
 use errors::git_error::GitErrorProject;
 use git::project_folder::{
     get_commit_history, get_database_projects, open_git_project, remove_database_project,
-    set_current_project,
+    set_current_project, checkout_branch, checkout_commit
 };
 use tauri::{AppHandle, Emitter, Manager};
 
@@ -89,6 +89,8 @@ fn main() {
             remove_database_project,
             set_current_project,
             get_commit_history,
+            checkout_branch,
+            checkout_commit
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

diff --git a/src/App.vue b/src/App.vue
@@ -13,11 +13,13 @@
       {{ snackbar.text }}
     </v-snackbar>
     <DialogComponent />
+	<ContextMenu />
   </v-app>
 </template>
 
 <script lang="ts">
 import DialogComponent from "@/components/DialogComponent.vue";
+import ContextMenu from "@/components/Dialogs/ContextMenu.vue";
 import SidebarComponent from "@/components/SidebarComponent.vue";
 import TopbarComponent from "@/components/TopbarComponent.vue";
 import { registerListeners, unregisterListeners } from "@/listeners";
@@ -35,7 +37,8 @@ export default defineComponent({
 	components: {
 		SidebarComponent,
 		TopbarComponent,
-		DialogComponent
+		DialogComponent,
+		ContextMenu
 	},
 	data() {
 		return {

diff --git a/src/components/Dialogs/ContextMenu.vue b/src/components/Dialogs/ContextMenu.vue
@@ -0,0 +1,53 @@
+<template>
+    <v-menu :model-value="isShowing" :target="[posX, posY]" v-on:update:model-value="closeMenu">
+      <v-list>
+        <v-list-item
+        >
+          <v-list-item-title @click="checkout">Checkout</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-menu>
+</template>
+
+<script lang="ts">
+import { useDialogStore } from '@/stores/dialogs';
+import { useProjectStore } from '@/stores/project';
+import { TauriCommands } from '@/types/tauri';
+import { invoke } from '@tauri-apps/api/core';
+import { mapState } from 'pinia';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+    name: "ContextMenu",
+    computed: {
+		isShowing: {
+			get() {
+				return this.contextMenu.isOpen;
+			},
+			set(value: boolean) {
+				if (value === false) {
+					useDialogStore().closeContextMenu();
+				}
+			}
+		},
+        posX() {
+            return useDialogStore().contextMenu.position.x;
+        },
+        posY() {
+            return useDialogStore().contextMenu.position.y;
+        },
+		...mapState(useDialogStore, ["contextMenu"])
+	},
+    methods: {
+        closeMenu() {
+            useDialogStore().closeContextMenu();
+        },
+        checkout() {
+            invoke(TauriCommands.CheckoutCommit, {
+                project: useProjectStore().getSelectedProject,
+                hash: useDialogStore().contextMenu.commitHash
+            });
+        }
+    }
+});
+</script>
diff --git a/src/components/Project/Commit/CommitListItem.vue b/src/components/Project/Commit/CommitListItem.vue
@@ -5,6 +5,7 @@
     style="height: 10vh;"
     :class="commitClass"
     @click="setCommit"
+    @click.right="showContextMenu"
   >
     <v-col
       style="height: 85%;"
@@ -50,6 +51,7 @@
 </template>
 
 <script lang="ts">
+import { useDialogStore } from "@/stores/dialogs";
 import { useProjectStore } from "@/stores/project";
 import { getAuthorDate } from "@/types/gitAuthor";
 import { getHash, IGitCommit } from "@/types/gitCommit";
@@ -93,7 +95,10 @@ export default defineComponent({
 	methods: {
 		setCommit() {
 			useProjectStore().setCommit(this.commit.hash);
-		}
+		},
+    showContextMenu(event: MouseEvent) {
+      useDialogStore().showContextMenu(getHash(this.commit), event.clientX, event.clientY);
+    }
 	}
 });
 </script>

diff --git a/src/stores/dialogs.ts b/src/stores/dialogs.ts
@@ -13,7 +13,15 @@ interface IDialogState {
         title: string;
         message: string;
         onConfirm: () => void;
-    }
+    },
+	contextMenu: {
+		isOpen: boolean;
+		commitHash: string;
+		position: {
+			x: number;
+			y: number;
+		};
+	}
 }
 
 export const useDialogStore = defineStore("dialog", {
@@ -30,6 +38,13 @@ export const useDialogStore = defineStore("dialog", {
 				title: "",
 				message: "",
 				onConfirm: () => { return; }
+			},
+			contextMenu: {
+				isOpen: false,
+				position: {
+					x: 0,
+					y: 0
+				}
 			}
 		}),
 	actions: {
@@ -57,6 +72,19 @@ export const useDialogStore = defineStore("dialog", {
 		},
 		closeConfirmationDialog() {
 			this.confirmationDialog.isOpen = false;
+		},
+		showContextMenu(hash: string, x: number, y: number) {
+			this.contextMenu = {
+				position: {
+					x,
+					y
+				},
+				commitHash: hash,
+				isOpen: true
+			};
+		},
+		closeContextMenu() {
+			this.contextMenu.isOpen = false;
 		}
 	}
 });
diff --git a/src/types/tauri.ts b/src/types/tauri.ts
@@ -5,6 +5,8 @@ export enum TauriCommands {
     RemoveDatabaseProject = "remove_database_project",
     SetCurrentBranch = "set_current_branch",
     SetCurrentProject = "set_current_project",
+    CheckoutBranch = "checkout_branch",
+    CheckoutCommit = "checkout_commit",
 }
 
 export enum TauriListen {