73 - Graph allow user to toggle some features in settings (Gitlens side) (#2225)

* 73 - Graph allow user to toggle some features in settings

* Modified name of "enableGhostRefs" property to be "showGhostRefsOnRowHover" instead

package.json

@@ -2106,6 +2106,13 @@
 						"scope": "window",
 						"order": 11
 					},
+					"gitlens.graph.showGhostRefsOnRowHover": {
+						"type": "boolean",
+						"default": true,
+						"markdownDescription": "Specifies whether to show a ghost ref of the hovered/selected row in the _Commit Graph_",
+						"scope": "window",
+						"order": 12
+					},
 					"gitlens.graph.defaultItemLimit": {
 						"type": "number",
 						"default": 500,

src/config.ts

@@ -380,6 +380,7 @@ export interface GraphConfig {
 	dateStyle: DateStyle | null;
 	defaultItemLimit: number;
 	highlightRowsOnRefHover: boolean;
+	showGhostRefsOnRowHover: boolean;
 	pageItemLimit: number;
 	searchItemLimit: number;
 	statusBar: {

src/plus/webviews/graph/graphWebview.ts

@@ -358,7 +358,8 @@ export class GraphWebview extends WebviewBase {
 			configuration.changed(e, 'graph.avatars') ||
 			configuration.changed(e, 'graph.dateFormat') ||
 			configuration.changed(e, 'graph.dateStyle') ||
-			configuration.changed(e, 'graph.highlightRowsOnRefHover')
+			configuration.changed(e, 'graph.highlightRowsOnRefHover') ||
+			configuration.changed(e, 'graph.showGhostRefsOnRowHover')
 		) {
 			void this.notifyDidChangeConfiguration();
 		}
@@ -747,6 +748,7 @@ export class GraphWebview extends WebviewBase {
 			dateStyle: configuration.get('graph.dateStyle') ?? configuration.get('defaultDateStyle'),
 			enableMultiSelection: false,
 			highlightRowsOnRefHover: configuration.get('graph.highlightRowsOnRefHover'),
+			showGhostRefsOnRowHover: configuration.get('graph.showGhostRefsOnRowHover'),
 			shaLength: configuration.get('advanced.abbreviatedShaLength'),
 		};
 		return config;

src/plus/webviews/graph/protocol.ts

@@ -75,6 +75,7 @@ export interface GraphComponentConfig {
 	dateStyle: DateStyle;
 	enableMultiSelection?: boolean;
 	highlightRowsOnRefHover?: boolean;
+	showGhostRefsOnRowHover?: boolean;
 	shaLength?: number;
 }
 

src/webviews/apps/plus/graph/GraphWrapper.tsx

@@ -686,7 +686,8 @@ export function GraphWrapper({
 								hasMoreCommits={pagingState?.hasMore}
 								height={mainHeight}
 								highlightedShas={searchHighlights}
-								// highlightRowssOnRefHover={graphConfig?.highlightRowsOnRefHover}
+								highlightRowsOnRefHover={graphConfig?.highlightRowsOnRefHover}
+								showGhostRefsOnRowHover={graphConfig?.showGhostRefsOnRowHover}
 								isLoadingRows={isLoading}
 								isSelectedBySha={graphSelectedRows}
 								nonce={nonce}

src/webviews/apps/settings/partials/commit-graph.html

@@ -78,6 +78,20 @@
 					<div class="setting">
 						<div class="setting__input">
 							<input
+								id="graph.showGhostRefsOnRowHover"
+								name="graph.showGhostRefsOnRowHover"
+								type="checkbox"
+								data-setting
+							/>
+							<label for="graph.showGhostRefsOnRowHover"
+								>Show a ghost ref when hovering/selecting on a commit</label
+							>
+						</div>
+					</div>
+
+					<div class="setting">
+						<div class="setting__input">
+							<input
 								id="graph.dateStyle"
 								name="graph.dateStyle"
 								type="checkbox"