feat: custom evens

Author: hamed-musallam

src/events/event.ts

@@ -0,0 +1,28 @@
+import { Actions, EventData } from './types';
+
+const namespace = 'nmr-wrapper';
+
+function trigger<T extends Actions>(action: T, data: EventData<T>) {
+  const event = new CustomEvent(`${namespace}:${action}`, {
+    detail: data,
+  });
+  window.dispatchEvent(event);
+}
+
+function on<T extends Actions>(
+  action: T,
+  dataListener: (data: EventData<T>, event?: Event) => void,
+  options?: boolean | AddEventListenerOptions,
+) {
+  function listener(object: Event) {
+    const { detail, ...event } = object as CustomEvent;
+    dataListener?.(detail, event);
+  }
+  window.addEventListener(`${namespace}:${action}`, listener, options);
+}
+
+function clean(action: Actions, listener: (object: Event) => void) {
+  window.removeEventListener(`${namespace}:${action}`, listener);
+}
+
+export default { trigger, on, clean };

src/events/index.ts

@@ -0,0 +1,5 @@
+import { Actions } from './types';
+import event from './event';
+
+export default event;
+export type { Actions };

src/events/types.ts

@@ -0,0 +1,15 @@
+type Actions = 'load' | 'test';
+
+interface LoadSpectra {
+  urls: string[];
+}
+interface TestData {
+  testData: string;
+}
+
+type EventData<T extends Actions> = T extends 'load'
+  ? LoadSpectra
+  : T extends 'test'
+  ? TestData
+  : never;
+export type { Actions, EventData };