//   let res = `Message received: ${e.data[0]} - ${e.data[1]}`;

//   console.log(res);

// };

​

let loadHandlers = [];

​

window = {

  performance: performance,

  document: {

    hasFocus: () => true,

    createElementNS: (ns, elem) => {

      console.warn(`p5.js tried to created a DOM element '${ns}:${elem}`);

      // Web Workers don't have a DOM

      return {};

    }

  },

  screen: {},

  addEventListener: (e, handler) => {

    if (e === "load") {

      loadHandlers.push(handler);

    } else {

      console.warn(`p5.js tried to added an event listener for '${e}'`);

    }

  },

  removeEventListener: () => {},

  location: {

    href: "about:blank",

    origin: "null",

    protocol: "about:",

    host: "",

    hostname: "",

    port: "",

    pathname: "blank",

    search: "",

    hash: ""

  }

};

​

document = window.document;

screen = window.screen;

​

// Without a setup function p5.js will not declare global functions

window.setup = () => {

  window.noCanvas();

  window.noLoop();

};

​

importScripts("https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/p5.js");//"/p5.js");

​

// Initialize p5.js

for (const handler of loadHandlers) {

  handler();

}

​

// postMessage({ color: "green" });

​

onmessage = (e) => {

  let res = `Message received: ${e.data[0]} - ${e.data[1]}`;

  console.log(res);

};

// onmessage = msg => {

//   if (msg.data === "getRandomColor") {

//     // p5.js places all of its global declarations on window

//     postMessage({

//       color: window.random([

//         "red",

//         "limegreen",

//         "blue",

//         "magenta",

//         "yellow",

//         "cyan"

//       ])

//     });

//   }

// };