balm-ui/src/scripts/events/bus.js

A modular and customizable UI library based on Material Design and Vue 3

const eventBus = new Map();
const onceEventBus = new Map();

function on(eventName, callback) {
  eventBus.set(eventName, callback);
}

function once(eventName, callback) {
  onceEventBus.set(eventName, callback);
}

function removeEvent(eventName) {
  if (eventBus.has(eventName)) {
    eventBus.delete(eventName);
  }
}

function off(eventName = false) {
  if (eventName) {
    if (Array.isArray(eventName)) {
      eventName.forEach((event) => removeEvent(eventName));
    } else {
      removeEvent(eventName);
    }
  } else {
    eventBus.clear();
  }
}

function emit(eventName, ...args) {
  if (onceEventBus.has(eventName)) {
    onceEventBus.get(eventName)(...args);
    onceEventBus.delete(eventName);
  } else {
    if (eventBus.has(eventName)) {
      eventBus.get(eventName)(...args);
    } else {
      console.warn('[$bus]', `The '${eventName}' event is not defined`);
    }
  }
}

const bus = {
  on,
  once,
  off,
  emit
};

export default bus;