phonon/src/js/utils/dispatch.ts

Phonon is an open source HTML, CSS and JavaScript agnostic framework that allows to create a website or a hybrid Web app.

function elementEvent(domElement, eventName, moduleName, detail = {}) {
  const fullEventName = `${eventName}.ph.${moduleName}`;
  domElement.dispatchEvent(new CustomEvent(fullEventName, { detail }));
}

function pageEvent(eventName, pageName, detail = {}) {
  const fullEventName = `${pageName}.${eventName}`;
  window.dispatchEvent(new CustomEvent(fullEventName, { detail }));
  document.dispatchEvent(new CustomEvent(fullEventName, { detail }));
}

function winDocEvent(eventName, moduleName, detail = {}) {
  const fullEventName = `${eventName}.ph.${moduleName}`;
  window.dispatchEvent(new CustomEvent(fullEventName, { detail }));
  document.dispatchEvent(new CustomEvent(fullEventName, { detail }));
}

export default {
  elementEvent,
  pageEvent,
  winDocEvent,
};