action.js

export class Action {
  constructor(type) {
    this.type = type;
  }

  emit(detail) {
    const event = new CustomEvent(this.type, { detail });
    window.dispatchEvent(event);
  }

  listen(callback) {
    window.addEventListener(this.type, callback);
    return () => {
      window.removeEventListener(this.type, callback);
    };
  }
}


// example
const storageAction = new Action('storage');
storage.emit({ n: Math.random() });
storage.listen((event) => {
  console.log(event?.detail)
});