add button to copy delta as json string

Author: zendive

manifest.json

@@ -19,6 +19,7 @@
     "https://*/*",
     "file:///*",
     "activeTab",
-    "tabs"
+    "tabs",
+    "clipboardWrite"
   ]
 }

src/js/app/panel.vue.js

@@ -11,14 +11,24 @@ define(['api'], function(api) {
           ce('div', {class: ['-toolbox']}, [
             ce('button', {
               class: ['btn'],
+              attrs: {title: 'Inject console.diff API to current tab'},
               on: {click: this.onReinject}
             }, 'Inject API'),
             (this.hasBothSides ?
                     ce('button', {
                       class: ['btn'],
+                      attrs: {title: 'Hide/Show unchanged properties'},
                       on: {click: this.onToggleUnchanged}
                     }, 'Toggle Unchanged')
                     : null
+            ),
+            (this.hasBothSides ?
+                    ce('button', {
+                      class: ['btn'],
+                      attrs: {title: 'Copy delta as json string'},
+                      on: {click: this.onCopyDelta}
+                    }, 'Copy')
+                    : null
             )
           ]),
           (this.hasBothSides ?
@@ -119,6 +129,16 @@ define(['api'], function(api) {
         chrome.runtime.sendMessage('jsdiff-panel-reinject');
       },
 
+      onCopyDelta() {
+        const delta = api.jsondiffpatch.diff(this.compare.left, this.compare.right);
+        const sDelta = JSON.stringify(delta);
+        document.oncopy = function(e) {
+          e.clipboardData.setData('text', sDelta);
+          e.preventDefault();
+        };
+        document.execCommand('copy', false, null);
+      },
+
       $_restartLastUpdated() {
         this.compare.timestamp = Date.now();