- npm: Update devDeps (cypress-related, mochawesome-merge, linting-related, rollup)

- Build: Update

badges/coverage-badge.svg

@@ -20,8 +20,8 @@
         <text x="325" y="150" fill="#010101" fill-opacity=".3" transform="scale(0.1)" textLength="530" lengthAdjust="spacing">Coverage</text>
         <text x="325" y="140" transform="scale(0.1)" textLength="530" lengthAdjust="spacing">Coverage</text>
     
-    <text x="885" y="150" fill="#010101" fill-opacity=".3" transform="scale(0.1)" textLength="430" lengthAdjust="spacing">41.04%</text>
-    <text x="885" y="140" transform="scale(0.1)" textLength="430" lengthAdjust="spacing">41.04%</text>
+    <text x="885" y="150" fill="#010101" fill-opacity=".3" transform="scale(0.1)" textLength="430" lengthAdjust="spacing">42.44%</text>
+    <text x="885" y="140" transform="scale(0.1)" textLength="430" lengthAdjust="spacing">42.44%</text>
   </g>
 
   

badges/tests-badge.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20"><defs><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#e05d44" d="M41 0h56v20H41z"/><path fill="url(#smooth)" d="M0 0h97v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">126/127</text><text class="high" x="46" y="14">126/127</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20"><defs><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#e05d44" d="M41 0h56v20H41z"/><path fill="url(#smooth)" d="M0 0h97v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">127/128</text><text class="high" x="46" y="14">127/128</text></g></svg>

dist/index-es.js

@@ -20836,18 +20836,62 @@ function SvgCanvas(container, config) {
     canvas.copySelectedElements();
     canvas.deleteSelectedElements();
   };
+
+  var CLIPBOARD_ID = 'svgedit_clipboard';
+  /**
+  * Flash the clipboard data momentarily on localStorage so all tabs can see.
+  * @returns {void}
+  */
+
+  function flashStorage() {
+    var data = sessionStorage.getItem(CLIPBOARD_ID);
+    localStorage.setItem(CLIPBOARD_ID, data);
+    setTimeout(function () {
+      localStorage.removeItem(CLIPBOARD_ID);
+    }, 1);
+  }
+  /**
+  * Transfers sessionStorage from one tab to another.
+  * @param {!Event} ev Storage event.
+  * @returns {void}
+  */
+
+
+  function storageChange(ev) {
+    if (!ev.newValue) return; // This is a call from removeItem.
+
+    if (ev.key === CLIPBOARD_ID + '_startup') {
+      // Another tab asked for our sessionStorage.
+      localStorage.removeItem(CLIPBOARD_ID + '_startup');
+      flashStorage();
+    } else if (ev.key === CLIPBOARD_ID) {
+      // Another tab sent data.
+      sessionStorage.setItem(CLIPBOARD_ID, ev.newValue);
+    }
+  } // Listen for changes to localStorage.
+
+
+  window.addEventListener('storage', storageChange, false); // Ask other tabs for sessionStorage (this is ONLY to trigger event).
+
+  localStorage.setItem(CLIPBOARD_ID + '_startup', Math.random());
   /**
   * Remembers the current selected elements on the clipboard.
   * @function module:svgcanvas.SvgCanvas#copySelectedElements
   * @returns {void}
   */
 
-
   this.copySelectedElements = function () {
-    localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+    var data = JSON.stringify(selectedElements.map(function (x) {
       return getJsonFromSvgElement(x);
-    })));
-    $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+    })); // Use sessionStorage for the clipboard data.
+
+    sessionStorage.setItem(CLIPBOARD_ID, data);
+    flashStorage();
+    var menu = $$9('#cmenu_canvas'); // Context menu might not exist (it is provided by editor.js).
+
+    if (menu.enableContextMenuItems) {
+      menu.enableContextMenuItems('#paste,#paste_in_place');
+    }
   };
   /**
   * @function module:svgcanvas.SvgCanvas#pasteElements
@@ -20861,13 +20905,10 @@ function SvgCanvas(container, config) {
 
 
   this.pasteElements = function (type, x, y) {
-    var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+    var clipb = JSON.parse(sessionStorage.getItem(CLIPBOARD_ID));
+    if (!clipb) return;
     var len = clipb.length;
-
-    if (!len) {
-      return;
-    }
-
+    if (!len) return;
     var pasted = [];
     var batchCmd = new BatchCommand$1('Paste elements'); // const drawing = getCurrentDrawing();
 

dist/index-umd.js

@@ -20842,18 +20842,62 @@
       canvas.copySelectedElements();
       canvas.deleteSelectedElements();
     };
+
+    var CLIPBOARD_ID = 'svgedit_clipboard';
+    /**
+    * Flash the clipboard data momentarily on localStorage so all tabs can see.
+    * @returns {void}
+    */
+
+    function flashStorage() {
+      var data = sessionStorage.getItem(CLIPBOARD_ID);
+      localStorage.setItem(CLIPBOARD_ID, data);
+      setTimeout(function () {
+        localStorage.removeItem(CLIPBOARD_ID);
+      }, 1);
+    }
+    /**
+    * Transfers sessionStorage from one tab to another.
+    * @param {!Event} ev Storage event.
+    * @returns {void}
+    */
+
+
+    function storageChange(ev) {
+      if (!ev.newValue) return; // This is a call from removeItem.
+
+      if (ev.key === CLIPBOARD_ID + '_startup') {
+        // Another tab asked for our sessionStorage.
+        localStorage.removeItem(CLIPBOARD_ID + '_startup');
+        flashStorage();
+      } else if (ev.key === CLIPBOARD_ID) {
+        // Another tab sent data.
+        sessionStorage.setItem(CLIPBOARD_ID, ev.newValue);
+      }
+    } // Listen for changes to localStorage.
+
+
+    window.addEventListener('storage', storageChange, false); // Ask other tabs for sessionStorage (this is ONLY to trigger event).
+
+    localStorage.setItem(CLIPBOARD_ID + '_startup', Math.random());
     /**
     * Remembers the current selected elements on the clipboard.
     * @function module:svgcanvas.SvgCanvas#copySelectedElements
     * @returns {void}
     */
 
-
     this.copySelectedElements = function () {
-      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+      var data = JSON.stringify(selectedElements.map(function (x) {
         return getJsonFromSvgElement(x);
-      })));
-      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+      })); // Use sessionStorage for the clipboard data.
+
+      sessionStorage.setItem(CLIPBOARD_ID, data);
+      flashStorage();
+      var menu = $$9('#cmenu_canvas'); // Context menu might not exist (it is provided by editor.js).
+
+      if (menu.enableContextMenuItems) {
+        menu.enableContextMenuItems('#paste,#paste_in_place');
+      }
     };
     /**
     * @function module:svgcanvas.SvgCanvas#pasteElements
@@ -20867,13 +20911,10 @@
 
 
     this.pasteElements = function (type, x, y) {
-      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var clipb = JSON.parse(sessionStorage.getItem(CLIPBOARD_ID));
+      if (!clipb) return;
       var len = clipb.length;
-
-      if (!len) {
-        return;
-      }
-
+      if (!len) return;
       var pasted = [];
       var batchCmd = new BatchCommand$1('Paste elements'); // const drawing = getCurrentDrawing();
 

dist/svgcanvas-iife.js

@@ -20526,18 +20526,62 @@ var SvgCanvas = (function () {
       canvas.copySelectedElements();
       canvas.deleteSelectedElements();
     };
+
+    var CLIPBOARD_ID = 'svgedit_clipboard';
+    /**
+    * Flash the clipboard data momentarily on localStorage so all tabs can see.
+    * @returns {void}
+    */
+
+    function flashStorage() {
+      var data = sessionStorage.getItem(CLIPBOARD_ID);
+      localStorage.setItem(CLIPBOARD_ID, data);
+      setTimeout(function () {
+        localStorage.removeItem(CLIPBOARD_ID);
+      }, 1);
+    }
+    /**
+    * Transfers sessionStorage from one tab to another.
+    * @param {!Event} ev Storage event.
+    * @returns {void}
+    */
+
+
+    function storageChange(ev) {
+      if (!ev.newValue) return; // This is a call from removeItem.
+
+      if (ev.key === CLIPBOARD_ID + '_startup') {
+        // Another tab asked for our sessionStorage.
+        localStorage.removeItem(CLIPBOARD_ID + '_startup');
+        flashStorage();
+      } else if (ev.key === CLIPBOARD_ID) {
+        // Another tab sent data.
+        sessionStorage.setItem(CLIPBOARD_ID, ev.newValue);
+      }
+    } // Listen for changes to localStorage.
+
+
+    window.addEventListener('storage', storageChange, false); // Ask other tabs for sessionStorage (this is ONLY to trigger event).
+
+    localStorage.setItem(CLIPBOARD_ID + '_startup', Math.random());
     /**
     * Remembers the current selected elements on the clipboard.
     * @function module:svgcanvas.SvgCanvas#copySelectedElements
     * @returns {void}
     */
 
-
     this.copySelectedElements = function () {
-      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+      var data = JSON.stringify(selectedElements.map(function (x) {
         return getJsonFromSvgElement(x);
-      })));
-      $$8('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+      })); // Use sessionStorage for the clipboard data.
+
+      sessionStorage.setItem(CLIPBOARD_ID, data);
+      flashStorage();
+      var menu = $$8('#cmenu_canvas'); // Context menu might not exist (it is provided by editor.js).
+
+      if (menu.enableContextMenuItems) {
+        menu.enableContextMenuItems('#paste,#paste_in_place');
+      }
     };
     /**
     * @function module:svgcanvas.SvgCanvas#pasteElements
@@ -20551,13 +20595,10 @@ var SvgCanvas = (function () {
 
 
     this.pasteElements = function (type, x, y) {
-      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var clipb = JSON.parse(sessionStorage.getItem(CLIPBOARD_ID));
+      if (!clipb) return;
       var len = clipb.length;
-
-      if (!len) {
-        return;
-      }
-
+      if (!len) return;
       var pasted = [];
       var batchCmd = new BatchCommand$1('Paste elements'); // const drawing = getCurrentDrawing();
 

editor/xdomain-svgedit-config-iife.js

@@ -20839,18 +20839,62 @@
       canvas.copySelectedElements();
       canvas.deleteSelectedElements();
     };
+
+    var CLIPBOARD_ID = 'svgedit_clipboard';
+    /**
+    * Flash the clipboard data momentarily on localStorage so all tabs can see.
+    * @returns {void}
+    */
+
+    function flashStorage() {
+      var data = sessionStorage.getItem(CLIPBOARD_ID);
+      localStorage.setItem(CLIPBOARD_ID, data);
+      setTimeout(function () {
+        localStorage.removeItem(CLIPBOARD_ID);
+      }, 1);
+    }
+    /**
+    * Transfers sessionStorage from one tab to another.
+    * @param {!Event} ev Storage event.
+    * @returns {void}
+    */
+
+
+    function storageChange(ev) {
+      if (!ev.newValue) return; // This is a call from removeItem.
+
+      if (ev.key === CLIPBOARD_ID + '_startup') {
+        // Another tab asked for our sessionStorage.
+        localStorage.removeItem(CLIPBOARD_ID + '_startup');
+        flashStorage();
+      } else if (ev.key === CLIPBOARD_ID) {
+        // Another tab sent data.
+        sessionStorage.setItem(CLIPBOARD_ID, ev.newValue);
+      }
+    } // Listen for changes to localStorage.
+
+
+    window.addEventListener('storage', storageChange, false); // Ask other tabs for sessionStorage (this is ONLY to trigger event).
+
+    localStorage.setItem(CLIPBOARD_ID + '_startup', Math.random());
     /**
     * Remembers the current selected elements on the clipboard.
     * @function module:svgcanvas.SvgCanvas#copySelectedElements
     * @returns {void}
     */
 
-
     this.copySelectedElements = function () {
-      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+      var data = JSON.stringify(selectedElements.map(function (x) {
         return getJsonFromSvgElement(x);
-      })));
-      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+      })); // Use sessionStorage for the clipboard data.
+
+      sessionStorage.setItem(CLIPBOARD_ID, data);
+      flashStorage();
+      var menu = $$9('#cmenu_canvas'); // Context menu might not exist (it is provided by editor.js).
+
+      if (menu.enableContextMenuItems) {
+        menu.enableContextMenuItems('#paste,#paste_in_place');
+      }
     };
     /**
     * @function module:svgcanvas.SvgCanvas#pasteElements
@@ -20864,13 +20908,10 @@
 
 
     this.pasteElements = function (type, x, y) {
-      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var clipb = JSON.parse(sessionStorage.getItem(CLIPBOARD_ID));
+      if (!clipb) return;
       var len = clipb.length;
-
-      if (!len) {
-        return;
-      }
-
+      if (!len) return;
       var pasted = [];
       var batchCmd = new BatchCommand$1('Paste elements'); // const drawing = getCurrentDrawing();
 

package.json

@@ -137,18 +137,18 @@
     "@babel/plugin-transform-named-capturing-groups-regex": "^7.8.3",
     "@babel/preset-env": "^7.8.4",
     "@babel/register": "^7.8.3",
-    "@cypress/code-coverage": "^1.12.1",
-    "@cypress/fiddle": "^1.4.0",
+    "@cypress/code-coverage": "^1.12.2",
+    "@cypress/fiddle": "^1.4.1",
     "@mysticatea/eslint-plugin": "^13.0.0",
-    "axe-core": "^3.5.0",
+    "axe-core": "^3.5.1",
     "babel-plugin-transform-object-rest-spread": "^7.0.0-beta.3",
     "coffeescript": "^2.5.1",
     "copyfiles": "^2.2.0",
     "core-js-bundle": "^3.6.4",
     "coveradge": "^0.3.0",
-    "cypress": "^4.0.1",
+    "cypress": "^4.0.2",
     "cypress-axe": "^0.5.3",
-    "cypress-multi-reporters": "^1.2.3",
+    "cypress-multi-reporters": "^1.2.4",
     "deparam": "git+https://github.com/brettz9/deparam.git#updates",
     "eslint": "^6.8.0",
     "eslint-config-ash-nazg": "^17.2.0",
@@ -170,7 +170,7 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-sonarjs": "^0.5.0",
     "eslint-plugin-standard": "^4.0.1",
-    "eslint-plugin-unicorn": "^16.1.0",
+    "eslint-plugin-unicorn": "^16.1.1",
     "frs-replace": "^2.0.1",
     "gh-badges": "^2.2.1",
     "imageoptim-cli": "^3.0.2",
@@ -181,7 +181,7 @@
     "mocha": "^7.0.1",
     "mocha-badge-generator": "git+https://github.com/brettz9/mocha-badge-generator.git#makeBadge",
     "mochawesome": "^4.1.0",
-    "mochawesome-merge": "^4.0.0",
+    "mochawesome-merge": "^4.0.1",
     "mochawesome-report-generator": "^4.1.0",
     "node-static": "^0.7.11",
     "npm-run-all": "^4.1.5",
@@ -194,12 +194,12 @@
     "remark-cli": "^7.0.1",
     "remark-lint-ordered-list-marker-value": "^1.0.4",
     "rimraf": "^3.0.2",
-    "rollup": "1.31.0",
+    "rollup": "1.31.1",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-re": "^1.0.7",
     "rollup-plugin-terser": "^5.2.0",
     "stackblur-canvas": "^2.2.0",
-    "typescript": "^3.7.5",
+    "typescript": "^3.8.2",
     "underscore": "^1.6.0"
   }
 }

svgedit-config-iife.js

@@ -20839,18 +20839,62 @@
       canvas.copySelectedElements();
       canvas.deleteSelectedElements();
     };
+
+    var CLIPBOARD_ID = 'svgedit_clipboard';
+    /**
+    * Flash the clipboard data momentarily on localStorage so all tabs can see.
+    * @returns {void}
+    */
+
+    function flashStorage() {
+      var data = sessionStorage.getItem(CLIPBOARD_ID);
+      localStorage.setItem(CLIPBOARD_ID, data);
+      setTimeout(function () {
+        localStorage.removeItem(CLIPBOARD_ID);
+      }, 1);
+    }
+    /**
+    * Transfers sessionStorage from one tab to another.
+    * @param {!Event} ev Storage event.
+    * @returns {void}
+    */
+
+
+    function storageChange(ev) {
+      if (!ev.newValue) return; // This is a call from removeItem.
+
+      if (ev.key === CLIPBOARD_ID + '_startup') {
+        // Another tab asked for our sessionStorage.
+        localStorage.removeItem(CLIPBOARD_ID + '_startup');
+        flashStorage();
+      } else if (ev.key === CLIPBOARD_ID) {
+        // Another tab sent data.
+        sessionStorage.setItem(CLIPBOARD_ID, ev.newValue);
+      }
+    } // Listen for changes to localStorage.
+
+
+    window.addEventListener('storage', storageChange, false); // Ask other tabs for sessionStorage (this is ONLY to trigger event).
+
+    localStorage.setItem(CLIPBOARD_ID + '_startup', Math.random());
     /**
     * Remembers the current selected elements on the clipboard.
     * @function module:svgcanvas.SvgCanvas#copySelectedElements
     * @returns {void}
     */
 
-
     this.copySelectedElements = function () {
-      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+      var data = JSON.stringify(selectedElements.map(function (x) {
         return getJsonFromSvgElement(x);
-      })));
-      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+      })); // Use sessionStorage for the clipboard data.
+
+      sessionStorage.setItem(CLIPBOARD_ID, data);
+      flashStorage();
+      var menu = $$9('#cmenu_canvas'); // Context menu might not exist (it is provided by editor.js).
+
+      if (menu.enableContextMenuItems) {
+        menu.enableContextMenuItems('#paste,#paste_in_place');
+      }
     };
     /**
     * @function module:svgcanvas.SvgCanvas#pasteElements
@@ -20864,13 +20908,10 @@
 
 
     this.pasteElements = function (type, x, y) {
-      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var clipb = JSON.parse(sessionStorage.getItem(CLIPBOARD_ID));
+      if (!clipb) return;
       var len = clipb.length;
-
-      if (!len) {
-        return;
-      }
-
+      if (!len) return;
       var pasted = [];
       var batchCmd = new BatchCommand$1('Paste elements'); // const drawing = getCurrentDrawing();