Add clickable names to go to repos

public/scripts/extensions.js

@@ -382,25 +382,35 @@ async function generateExtensionHtml(name, manifest, isActive, isDisabled, isExt
     const displayName = manifest.display_name;
     let displayVersion = manifest.version ? ` v${manifest.version}` : "";
     let isUpToDate = true;
+    let updateButton = '';
+    let originHtml = '';
     if (isExternal) {
         let data = await getExtensionVersion(name.replace('third-party', ''));
         let branch = data.currentBranchName;
         let commitHash = data.currentCommitHash;
+        let origin = data.remoteUrl
         isUpToDate = data.isUpToDate;
         displayVersion = ` (${branch}-${commitHash.substring(0, 7)})`;
+        updateButton = isUpToDate ?
+            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Up to date"><i class="fa-solid fa-code-commit"></i></button></span>` :
+            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Update available"><i class="fa-solid fa-download"></i></button></span>`;
+        originHtml = `<a href="${origin}" target="_blank" rel="noopener noreferrer">`;
     }
 
     let toggleElement = isActive || isDisabled ?
         `<input type="checkbox" title="Click to toggle" data-name="${name}" class="${isActive ? 'toggle_disable' : 'toggle_enable'} ${checkboxClass}" ${isActive ? 'checked' : ''}>` :
         `<input type="checkbox" title="Cannot enable extension" data-name="${name}" class="extension_missing ${checkboxClass}" disabled>`;
     
-    let updateButton = isExternal && !isUpToDate ? `<button class="btn_update" data-name="${name.replace('third-party', '')}">Update</button>` : '';
+    // if external, wrap the name in a link to the repo
+
     let extensionHtml = `<hr>
         <h4>
-            <span class="update-button">${updateButton}</span> 
+            ${updateButton} 
+            ${originHtml}
             <span class="${isActive ? "extension_enabled" : isDisabled ? "extension_disabled" : "extension_missing"}">
                 ${DOMPurify.sanitize(displayName)}${displayVersion}
             </span> 
+            ${isExternal ? '</a>' : ''}
             <span style="float:right;">${toggleElement}</span>
         </h4>`;
 
@@ -488,8 +498,7 @@ async function onUpdateClick() {
             console.log('Extension updated');
             toastr.success(`Extension updated to ${data.shortCommitHash}`);
         }
-        $(this).text(data.shortCommitHash);
+        showExtensionsDetails();
-        console.log(data);
     } catch (error) {
         console.error('Error:', error);
     }

public/style.css

@@ -3804,7 +3804,7 @@ input.extension_missing[type="checkbox"] {
 
 .update-button {
     margin-right: 10px;
-    /* Adjust the value as needed */
+    display: inline-flex;
 }
 
 /* possible place for WI Entry header styling */

server.js

@@ -4399,10 +4399,17 @@ async function checkIfRepoIsUpToDate(extensionPath) {
     to: `origin/${currentBranch.current}`,
   });
 
-    return log.total === 0;
+  // Fetch remote repository information
+  const remotes = await git.cwd(extensionPath).getRemotes(true);
+  
+  return {
+    isUpToDate: log.total === 0,
+    remoteUrl: remotes[0].refs.fetch, // URL of the remote repository
+  };
 }
 
 
+
 /**
  * HTTP POST handler function to clone a git repository from a provided URL, read the extension manifest,
  * and return extension information and path.
@@ -4462,19 +4469,20 @@ app.post('/update_extension', jsonParser, async (request, response) => {
             return response.status(404).send(`Directory does not exist at ${extensionPath}`);
         }
 
-      const isUpToDate = await checkIfRepoIsUpToDate(extensionPath);
+        const { isUpToDate, remoteUrl } = await checkIfRepoIsUpToDate(extensionPath);
-
+        const currentBranch = await git.cwd(extensionPath).branch();
         if (!isUpToDate) {
+
             await git.cwd(extensionPath).pull('origin', currentBranch.current);
             console.log(`Extension has been updated at ${extensionPath}`);
         } else {
             console.log(`Extension is up to date at ${extensionPath}`);
         }
-
+        await git.cwd(extensionPath).fetch('origin');
         const fullCommitHash = await git.cwd(extensionPath).revparse(['HEAD']);
         const shortCommitHash = fullCommitHash.slice(0, 7);
 
-    return response.send({ shortCommitHash, extensionPath, isUpToDate: isUpToDate.total === 0 });
+        return response.send({ shortCommitHash, extensionPath, isUpToDate, remoteUrl });
 
     } catch (error) {
         console.log('Updating custom content failed', error);
@@ -4501,11 +4509,12 @@ app.post('/get_extension_version', jsonParser, async (request, response) => {
         const currentBranch = await git.cwd(extensionPath).branch();
         // get only the working branch 
         const currentBranchName = currentBranch.current;
+        await git.cwd(extensionPath).fetch('origin');
         const currentCommitHash = await git.cwd(extensionPath).revparse(['HEAD']);
         console.log(currentBranch, currentCommitHash);
-        const isUpToDate = await checkIfRepoIsUpToDate(extensionPath);
+        const { isUpToDate, remoteUrl } = await checkIfRepoIsUpToDate(extensionPath);
 
-        return response.send({ currentBranchName, currentCommitHash, isUpToDate });
+        return response.send({ currentBranchName, currentCommitHash, isUpToDate, remoteUrl });
     
     } catch (error) {
         console.log('Getting extension version failed', error);