feat: add copy as Tab Seperated Values (for excel pasting)

Author: MathiasVDA

src/controls/export-controls.ts

@@ -6,12 +6,14 @@
 export interface ExportControlsConfig {
   onMarkdownCopy?: () => void;
   onCsvCopy?: () => void;
+  onTsvCopy?: () => void;
 }
 
 export class ExportControls {
   private container: HTMLDivElement;
   private markdownButton: HTMLButtonElement;
   private csvButton: HTMLButtonElement;
+  private tsvButton: HTMLButtonElement;
   private config: ExportControlsConfig;
 
   constructor(config: ExportControlsConfig) {
@@ -29,9 +31,11 @@ export class ExportControls {
     // Create buttons
     this.markdownButton = this.createMarkdownButton();
     this.csvButton = this.createCsvButton();
+    this.tsvButton = this.createTsvButton();
 
     this.container.appendChild(this.markdownButton);
     this.container.appendChild(this.csvButton);
+    this.container.appendChild(this.tsvButton);
   }
 
   private createMarkdownButton(): HTMLButtonElement {
@@ -62,6 +66,20 @@ export class ExportControls {
     return button;
   }
 
+  private createTsvButton(): HTMLButtonElement {
+    const button = document.createElement('button');
+    button.className = 'table-export-button';
+    button.textContent = 'TSV';
+    button.title = 'Copy table as TSV (tab-delimited) to clipboard';
+    button.setAttribute('aria-label', 'Copy as TSV');
+    button.addEventListener('click', () => {
+      if (this.config.onTsvCopy) {
+        this.config.onTsvCopy();
+      }
+    });
+    return button;
+  }
+
   getElement(): HTMLDivElement {
     return this.container;
   }

src/plugin.ts

@@ -249,6 +249,7 @@ export class TablePlugin {
       this.exportControls = new ExportControls({
         onMarkdownCopy: () => this.handleMarkdownExport(),
         onCsvCopy: () => this.handleCsvExport(),
+        onTsvCopy: () => this.handleTsvExport(),
       });
 
       // Add controls toolbar to container
@@ -705,6 +706,35 @@ export class TablePlugin {
     });
   }
 
+  /**
+   * Handle TSV export to clipboard
+   */
+  private handleTsvExport(): void {
+    const results = this.getResultsData();
+    if (!this.clipboardManager || !this.table || !results) {
+      return;
+    }
+
+    const data = this.getExportData();
+    const headers = results.head?.vars || [];
+    const tsv = this.clipboardManager.formatAsTSV(data, headers);
+
+    this.clipboardManager.copyToClipboard(tsv).then((success) => {
+      if (success) {
+        this.showNotification('✓ Copied as TSV', 'success');
+        this.emit('copy', { format: 'tsv', success: true });
+      } else {
+        console.error('Failed to copy TSV to clipboard');
+        this.showNotification('✗ Failed to copy to clipboard', 'error');
+        this.emit('copy', { format: 'tsv', success: false, error: 'Failed to copy to clipboard' });
+      }
+    }).catch((error) => {
+      console.error('Error copying TSV to clipboard:', error);
+      this.showNotification('✗ Failed to copy to clipboard', 'error');
+      this.emit('copy', { format: 'tsv', success: false, error: error.message });
+    });
+  }
+
   /**
    * Get export data respecting search filter
    */