Add button to copy error message

Author: jnywong

nbgitpuller/static/js/gitsyncview.js

@@ -4,7 +4,7 @@ import { FitAddon } from 'xterm-addon-fit';
 import { WebLinksAddon } from 'xterm-addon-web-links';
 
 export class GitSyncView{
-    constructor(termSelector, progressSelector, termToggleSelector, recoverySelector) {
+    constructor(termSelector, progressSelector, termToggleSelector, containerErrorSelector, copyErrorSelector) {
         // Class that encapsulates view rendering as much as possible
         this.term = new Terminal({
             convertEol: true
@@ -18,7 +18,8 @@ export class GitSyncView{
 
         this.termToggle = document.querySelector(termToggleSelector);
         this.termElement = document.querySelector(termSelector);
-        this.recovery = document.querySelector(recoverySelector);
+        this.containerError = document.querySelector(containerErrorSelector);
+        this.copyError = document.querySelector(copyErrorSelector);
 
         this.termToggle.onclick = () => this.setTerminalVisibility(!this.visible)
     }
@@ -64,9 +65,18 @@ export class GitSyncView{
         }
     }
 
-    setRecoveryLink(isError) {
+    setContainerError(isError, errorText='') {
         if (isError) {
-            this.recovery.classList.toggle('hidden', !visible);
+            this.containerError.classList.toggle('hidden', !this.visible);
+        }
+        const button = this.copyError;
+        button.onclick = async () => {
+            try {
+                await navigator.clipboard.writeText(errorText);
+                button.innerHTML = 'Error message copied!';
+            } catch (err) {
+                console.error('Failed to copy error text: ', err);
+            }
         }
     }
 }

nbgitpuller/static/js/index.js

@@ -29,7 +29,8 @@ const gsv = new GitSyncView(
     '#status-details',
     '#status-panel-title',
     '#status-panel-toggle',
-    '#recovery-link'
+    '#container-error',
+    '#copy-error-button',
 );
 
 gs.addHandler('syncing', function(data) {
@@ -46,11 +47,11 @@ gs.addHandler('error', function(data) {
     gsv.setProgressValue(100);
     gsv.setProgressText('Error: ' + data.message);
     gsv.setProgressError(true);
-    gsv.setRecoveryLink(true);
     gsv.setTerminalVisibility(true);
     if (data.output) {
         gsv.term.write(data.output);
     }
+    gsv.setContainerError(true, data.output);
 });
 gs.start();