update to work with new github structure

Author: vanowm

CHANGES.html

@@ -197,7 +197,11 @@
 </style>
 <div class="legend"><details><summary>Legend</summary><div><added></added>Added<br><changed></changed>Changed<br><fixed></fixed>Fixed<br><removed></removed>Removed</div></details></div>
 <h1 id="changeslog">Changes Log</h1>
-<p><strong><a href="https://github.com/vanowm/userscript_github-open_with_vscode/commit/2a06b17">23.10.28-125044</a></strong> <date>(2023-10-28 12:33:19)</date></p>
+<p><strong><a href="https://github.com/vanowm/userscript_github-open_with_vscode/commit/39a1877">24.5.9-085044</a></strong> <date>(2024-05-09 08:54:10)</date></p>
+<ul>
+<li><added title="Added">update to work with new github structure</added></li>
+</ul>
+<p><strong><a href="https://github.com/vanowm/userscript_github-open_with_vscode/commit/f0a0609">23.10.28-125044</a></strong> <date>(2023-10-28 12:50:44)</date></p>
 <ul>
 <li><changed title="Changed">moved icons to files</changed></li>
 </ul>

GitHub-Open_With_VSCode.user.js

@@ -3,7 +3,7 @@
 // @namespace    V@no
 // @description  Adds "Open with VSCode" button
 // @match        https://github.com/*
-// @version      23.10.28-125044
+// @version      24.5.9-085044
 // @license      MIT
 // @run-at       document-end
 // @grant        none
@@ -14,57 +14,39 @@
 	"use strict";
 	const fixLink = () =>
 	{
-		const elA_DownloadZip = document.querySelector(`[data-open-app="link"]`);
-		if (!elA_DownloadZip)
+		const elUL = document.querySelector(`#__primerPortalRoot__ > div > div > div > ul > div > ul`);
+		if (!elUL)
 			return true;
 
-		const elLi_DownloadZip = elA_DownloadZip.parentNode;
-		const elA_VStudio = document.querySelector('[data-open-app="visual-studio"]');
-		let elLi_VSCode;
-		let elA_VSCode;
-		if (elA_VStudio)
+		const elLiVStudio = elUL.querySelector(`[id]:nth-child(2)`);
+		if (elLiVStudio && !elLiVStudio.querySelector(".icon"))
 		{
-			const elLiVStudio = elA_VStudio.parentNode;
-			elLi_VSCode = elLiVStudio.cloneNode(true);
-			elA_VSCode = elLi_VSCode.querySelector("a");
 			const elImg_Vstudio = document.createElement("img");
-			elImg_Vstudio.classList.add("mr-2");
+			elImg_Vstudio.classList.add("mr-2", "icon");
 			elImg_Vstudio.src = "https://raw.githubusercontent.com/vanowm/userscript_github-open_with_vscode/master/media/vstudio.svg";
-			elA_VStudio.prepend(elImg_Vstudio);
+			elLiVStudio.prepend(elImg_Vstudio);
 		}
-		else
+		const elLi_DownloadZip = elUL.querySelector(`li:last-child`);
+		const elLi_VSCode = (elUL.querySelector(".vscode") || elLi_DownloadZip.cloneNode(true));
+		if (!elLi_VSCode.parentNode)
 		{
-			elLi_VSCode = elLi_DownloadZip.cloneNode(true);
-			elA_VSCode = elLi_VSCode.querySelector("a");
-			elA_VSCode.dataset.action = "click:get-repo#showDownloadMessage";
-		}
-		try
-		{
-			const hydroClick = JSON.parse(elA_VSCode.dataset.hydroClick);
-			hydroClick.payload.feature_clicked = "OPEN_WITH_VSCODE";
-			elA_VSCode.dataset.hydroClick = JSON.stringify(hydroClick);
-		}
-		catch{}
-		elA_VSCode.textContent = "Open with VSCode";
-		const elImg_Vscode = document.createElement("img");
-		elImg_Vscode.classList.add("mr-2");
-		elImg_Vscode.src = "https://raw.githubusercontent.com/vanowm/userscript_github-open_with_vscode/master/media/vscode.svg";
-		elA_VSCode.prepend(elImg_Vscode);
-		// display "Launching Visual Studio Code..." message
-		elA_VSCode.dataset.openApp = "vscode";
-		const cloneURL = (document.querySelector(".input-group > .form-control") || {}).value;
+			elLi_VSCode.classList.add("vscode");
+			const elA_VSCode = elLi_VSCode.querySelector("a");
+			elA_VSCode.textContent = "Open with VSCode";
+			const elImg_Vscode = document.createElement("img");
+			elImg_Vscode.classList.add("mr-2", "icon");
+			elImg_Vscode.src = "https://raw.githubusercontent.com/vanowm/userscript_github-open_with_vscode/master/media/vscode.svg";
+			elA_VSCode.prepend(elImg_Vscode);
 
-		if (cloneURL)
+			const cloneURL = (elUL.parentNode.querySelector(`input`) || {}).value
+							|| location.origin + location.pathname + ".git";
 			elA_VSCode.href = "vscode://vscode.git/clone?url=" + encodeURI(cloneURL);
-		else
-			elA_VSCode.href = elA_VSCode.href.replace("git-client://", "vscode://vscode.git/");
 
-		elLi_DownloadZip.parentNode.insertBefore(elLi_VSCode, elLi_DownloadZip);
-		//we don't need keep observing DOM changes anymore
-		observer.disconnect();
+			elLi_DownloadZip.parentNode.insertBefore(elLi_VSCode, elLi_DownloadZip);
+		}
 	};
 
 	const observer = new MutationObserver(fixLink);
-	if (fixLink())
-		observer.observe(document, {childList: true, subtree: true});
+	fixLink();
+	observer.observe(document, {childList: true, subtree: true});
 })();