Add custom scripts for each branch record

main.js

@@ -1,5 +1,6 @@
 import { app, BrowserWindow, screen, ipcMain, dialog, session, shell, Menu } from "electron";
 import electronUpdaterPkg from "electron-updater";
+import fs from "fs";
 import path from "path";
 import { fork } from "child_process";
 import { fileURLToPath } from "url";
@@ -390,7 +391,63 @@ ipcMain.handle("open-tortoisesvn-diff", async (event, data) => {
 	});
 });
 
-// Custom command IPCS
+ipcMain.handle("fetch-custom-scripts", async () => {
+	const { configFolderPath } = packageJson;
+	const scripts = [];
+
+	try {
+		const files = fs.readdirSync(configFolderPath);
+
+		files.forEach((file) => {
+			const ext = path.extname(file);
+			if ([".bat", ".ps1"].includes(ext.toLowerCase())) {
+				const fullPath = path.join(configFolderPath, file);
+				scripts.push({
+					fileName: path.parse(file).name,
+					path: fullPath,
+					type: ext.toLowerCase() === ".bat" ? "batch" : "powershell",
+				});
+			}
+		});
+	} catch (error) {
+		logger.error(`Error reading the config folder: ${error.message}`);
+		return { success: false, error: error.message };
+	}
+
+	// Return the list of scripts found
+	return { success: true, scripts };
+});
+
+ipcMain.handle("run-custom-script", async (event, data) => {
+	const { scriptType, scriptPath, branchData } = data;
+	logger.info(`Running custom script: ${scriptPath} (${scriptType}) with branch data: ${JSON.stringify(branchData)}`);
+
+	return new Promise((resolve, reject) => {
+		let command = "";
+		const { id, "Branch Folder": branchFolder, "Branch Version": branchVersion, "SVN Branch": svnBranch } = branchData;
+
+		const args = `"${id}" "${branchFolder}" "${branchVersion}" "${svnBranch}"`;
+
+		if (scriptType === "batch") {
+			command = `start cmd /k "${scriptPath}" ${args}`;
+		} else if (scriptType === "powershell") {
+			command = `start powershell -NoExit -ExecutionPolicy Bypass -File "${scriptPath}" -id "${id}" -branchFolder "${branchFolder}" -branchVersion "${branchVersion}" -svnBranch "${svnBranch}"`;
+		}
+
+		exec(command, (error, stdout, stderr) => {
+			if (error) {
+				console.error(`Error: ${error.message}`);
+				reject({ success: false, error: error.message });
+			} else if (stderr) {
+				console.error(`Stderr: ${stderr}`);
+				reject({ success: false, error: stderr });
+			} else {
+				console.log(`Stdout: ${stdout}`);
+				resolve({ success: true });
+			}
+		});
+	});
+});
 
 ipcMain.handle("download-update", () => {
 	return autoUpdater.downloadUpdate();

preload.js

@@ -3,6 +3,8 @@ const { contextBridge, ipcRenderer } = require("electron");
 contextBridge.exposeInMainWorld("electron", {
 	getAppVersion: () => ipcRenderer.invoke("app-version"),
 	openTortoiseSVNDiff: (data) => ipcRenderer.invoke("open-tortoisesvn-diff", data),
+	fetchCustomScripts: () => ipcRenderer.invoke("fetch-custom-scripts"),
+	runCustomScript: (data) => ipcRenderer.invoke("run-custom-script", data),
 	onAppClosing: (callback) => ipcRenderer.on("app-closing", callback),
 	removeAppClosingListener: () => ipcRenderer.removeAllListeners("app-closing"),
 	downloadUpdate: () => ipcRenderer.invoke("download-update"),

src/AppContext.jsx

@@ -21,6 +21,8 @@ const AppContext = createContext({
 	setSelectedBranches: (_) => {},
 	showSelectedBranchesLog: false,
 	setShowSelectedBranchesLog: (_) => {},
+	customScripts: [],
+	setCustomScripts: (_) => {},
 	isCommitMode: false,
 	setIsCommitMode: (_) => {},
 	selectedBranchStatuses: [],
@@ -118,6 +120,7 @@ export const AppProvider = ({ children }) => {
 	const branchTableGridRef = useRef(null);
 	const [selectedBranches, setSelectedBranches] = useState([]);
 	const [showSelectedBranchesLog, setShowSelectedBranchesLog] = useState(false);
+	const [customScripts, setCustomScripts] = useState([]);
 
 	// Props used in SectionCommit
 	const [isCommitMode, setIsCommitMode] = useState(false);
@@ -173,6 +176,17 @@ export const AppProvider = ({ children }) => {
 		setShowCommitView(false);
 	}, [configurableRowData]);
 
+	useEffect(() => {
+		if (!window.electron) return;
+		window.electron.fetchCustomScripts().then((data) => {
+			if (data.success) {
+				setCustomScripts(data.scripts);
+				return;
+			}
+			toast(createToastConfig(data.error, "error", 0, true));
+		});
+	}, [configurableRowData]);
+
 	/**** SectionCommit ****/
 	// Scroll to the commit region when it is in commit mode
 	useEffect(() => {
@@ -263,6 +277,8 @@ export const AppProvider = ({ children }) => {
 				setSelectedBranches,
 				showSelectedBranchesLog,
 				setShowSelectedBranchesLog,
+				customScripts,
+				setCustomScripts,
 				isCommitMode,
 				setIsCommitMode,
 				selectedBranchStatuses,

src/components/ButtonIconTooltip.jsx

@@ -5,7 +5,6 @@ import { useCallback } from "react";
 export default function ButtonIconTooltip(props) {
 	const { icon, onClick, colorScheme, label, size, placement, isDisabled = false } = props;
 
-
 	const handleClick = useCallback(() => {
 		if (onClick) onClick();
 	}, [onClick]);

src/components/Header.jsx

@@ -1,4 +1,4 @@
-import { Heading, Icon, IconButton, Image, Link, Tooltip, useColorMode, Wrap, WrapItem } from "@chakra-ui/react";
+import { Heading, Icon, Image, Link, useColorMode, Wrap, WrapItem } from "@chakra-ui/react";
 import React, { useCallback } from "react";
 import Logo from "../assets/Titan.png";
 import { useApp } from "../AppContext";
@@ -11,7 +11,7 @@ import ButtonElectron from "./ButtonElectron";
 import ButtonIconTooltip from "./ButtonIconTooltip";
 
 export default function Header() {
-	const { config, isDebug, setIsDebug } = useApp();
+	const { isDebug, setIsDebug } = useApp();
 	const { emitOpenConfig } = useSocketEmits();
 	const { RaiseClientNotificaiton } = useNotifications();
 	const { colorMode, toggleColorMode } = useColorMode();

src/components/TableBranches.jsx

@@ -2,19 +2,24 @@ import { CopyIcon, DragHandleIcon } from "@chakra-ui/icons";
 import { AgGridReact } from "ag-grid-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useApp } from "../AppContext";
-import { Flex, IconButton, Tooltip } from "@chakra-ui/react";
+import { Flex } from "@chakra-ui/react";
 import { stripBranchInfo } from "../utils/CommonConfig";
 import useWindowDimensions from "../hooks/useWindowDimensions";
-import { VscVscode } from "react-icons/vsc";
-import { FaTerminal } from "react-icons/fa6";
 import { RiFilePaper2Fill } from "react-icons/ri";
 import ButtonElectron from "./ButtonElectron";
+import ButtonIconTooltip from "./ButtonIconTooltip";
 
 export default function TableBranches({ rowData, onRowValueChanged }) {
-	const { config, branchTableGridRef, updateConfig, isDebug, selectedBranches, setSelectedBranches, setSelectedBranchStatuses, setShowCommitView } = useApp();
+	const { config, branchTableGridRef, updateConfig, isDebug, selectedBranches, setSelectedBranches, setSelectedBranchStatuses, customScripts, setShowCommitView } = useApp();
 	const windowDimensions = useWindowDimensions();
 	const [isTallScreen, setIsTallScreen] = useState(windowDimensions.height > 768);
 
+	const executeCustomScript = useCallback((scriptType, scriptPath, branchData) => {
+		window.electron.runCustomScript({ scriptType, scriptPath, branchData }).then((result) => {
+			console.log("Custom Script Result: ", result);
+		});
+	}, []);
+
 	const copyRow = useCallback(
 		(currentRowData) => {
 			const newRow = {
@@ -102,18 +107,17 @@ export default function TableBranches({ rowData, onRowValueChanged }) {
 				editable: false,
 				cellRenderer: (params) => (
 					<Flex columnGap={1}>
-						{/* Custom commands which is dynamic in size */}
-						<ButtonElectron icon={<RiFilePaper2Fill />} onClick={() => console.warn("Unused button")} colorScheme={"yellow"} label="Script file name" size="sm" />
-						<Tooltip label="Copy Row" hasArrow>
-							<IconButton colorScheme={"yellow"} aria-label="Copy Row" size="sm" onClick={() => copyRow(params.data)} icon={<CopyIcon />} />
-						</Tooltip>
+						{customScripts.map((script) => (
+							<ButtonElectron icon={<RiFilePaper2Fill />} onClick={() => executeCustomScript(script.type, script.path, params.data)} colorScheme={"yellow"} label={script.fileName} size="sm" />
+						))}
+						<ButtonIconTooltip icon={<CopyIcon />} onClick={() => copyRow(params.data)} colorScheme={"yellow"} label="Copy Row" size="sm" />
 					</Flex>
 				),
 			},
 		];
 
 		return isTallScreen ? [{ field: "", rowDrag: true, resizable: false, filter: false, suppressMovable: false, editable: false, width: 20, cellRenderer: DragHandleIcon, headerClass: "branch-table-header-cell", cellClass: "branch-table-body-cell" }, ...commonColDefs] : commonColDefs;
-	}, [config, isTallScreen, copyRow]);
+	}, [isTallScreen, customScripts, copyRow]);
 
 	useEffect(() => {
 		setIsTallScreen(windowDimensions.height > 768);