svgedit/editor/extensions/ext-xdomain-messaging.js

import svgEditor from '../svg-editor.js';
/**
* Should not be needed for same domain control (just call via child frame),
*  but an API common for cross-domain and same domain use can be found
*  in embedapi.js with a demo at embedapi.html
*/
svgEditor.addExtension('xdomain-messaging', function () {
  const svgCanvas = svgEditor.canvas;
  try {
    window.addEventListener('message', function (e) {
      // We accept and post strings for the sake of IE9 support
      if (typeof e.data !== 'string' || e.data.charAt() === '|') {
        return;
      }
      const data = JSON.parse(e.data);
      if (!data || typeof data !== 'object' || data.namespace !== 'svgCanvas') {
        return;
      }
      // The default is not to allow any origins, including even the same domain or if run on a file:// URL
      //  See config-sample.js for an example of how to configure
      const {allowedOrigins} = svgEditor.curConfig;
      if (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin)) {
        return;
      }
      const cbid = data.id;
      const {name, args} = data;
      const message = {
        namespace: 'svg-edit',
        id: cbid
      };
      try {
        message.result = svgCanvas[name].apply(svgCanvas, args);
      } catch (err) {
        message.error = err.message;
      }
      e.source.postMessage(JSON.stringify(message), '*');
    }, false);
  } catch (err) {
    console.log('Error with xdomain message listener: ' + err);
  }
});