Merge pull request #201 from plotly/ctx-menu-safari-polyfill

Add polyfill to fix context-menu extension in Safari

Author: emilykl

package-lock.json

@@ -37,6 +37,7 @@
   "author-email": "[email protected]",
   "license": "MIT",
   "dependencies": {
+    "@ungap/custom-elements": "^1.3.0",
     "cytoscape-cola": "^2.5.1",
     "cytoscape-context-menus": "^4.1.0",
     "cytoscape-cose-bilkent": "^4.1.0",
@@ -56,9 +57,9 @@
   "devDependencies": {
     "@babel/core": "^7.23.0",
     "@babel/eslint-parser": "^7.22.15",
-    "babel-loader": "^9.1.3",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
+    "babel-loader": "^9.1.3",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.8.1",
     "eslint": "^8.50.0",
@@ -82,4 +83,4 @@
     "node": ">=8.11.0",
     "npm": ">=6.1.0"
   }
-}
+}

package.json

@@ -9,6 +9,10 @@ import CytoscapeComponent from 'react-cytoscapejs';
 import _ from 'lodash';
 import {v4 as uuidv4} from 'uuid';
 import CyResponsive from '../cyResponsive.js';
+
+// Polyfill so that context menu extension works in Safari
+import '@ungap/custom-elements';
+
 const cytoscape = require('cytoscape');
 const contextMenus = require('cytoscape-context-menus');