@vanillaspa/event-bus 1.0.0 → 1.1.0

package/eventbusWorker.js

@@ -0,0 +1,31 @@
+const listeners = new Map();
+
+onconnect = function ({ ports }) {
+    const port = ports[0];
+
+    port.onmessage = ({ data }) => {
+        const { action, type, detail } = data;
+        switch (action) {
+            case 'addEventListener':
+                if (!listeners.has(type)) listeners.set(type, new Set());
+                listeners.get(type).add(port);
+                break;
+            case 'removeEventListener':
+                listeners.get(type)?.delete(port);
+                break;
+            case 'dispatchEvent':
+                listeners.get(type)?.forEach(p => {
+                    if (p !== port) p.postMessage({ type, detail });
+                });
+                break;
+        }
+    };
+
+    port.onmessageerror = () => {
+        for (const ports of listeners.values()) {
+            ports.delete(port);
+        }
+    };
+
+    port.start();
+} 

package/index.js

@@ -1,54 +1,66 @@
-export const name = "eventbus"; // The module name, can be made globally available via the window object, which should be on top.
-const listeners = new WeakMap(); // WeakMap to store listeners per object. Keep it private unless you know what you do.
-// Should auto-cleanup listeners when object is GC'd
-// This module implements EventTarget.
-export function addEventListener(type, listener, context = undefined) { // (TODO check integration into options)
+export const name = "eventbus";
+const worker = new SharedWorker(new URL('.eventbusWorker.js', import.meta.url), { type: 'module' });
+worker.port.start();
+
+const contextListeners = new WeakMap(); // WeakMap to store listeners per object. Keep it private unless you know what you do.
+
+worker.port.onmessage = ({ data }) => {
+    const { type, detail } = data;
+    dispatchEvent(new CustomEvent(type, { detail }));
+}
+
+worker.port.onmessageerror = (e) => {
+    console.error('eventbus deserialization error:', e);
+}
+
+export function addEventListener(type, listener, context = undefined) {
     if (context && typeof context === 'object') { // context is well defined, should be a WebComponent
-        if (!listeners.has(context)) { // context is yet unknown to the listeners
-            listeners.set(context, new Map()); // will be stored here
-        }
-        const contextListeners = listeners.get(context);
-        if (!contextListeners.has(type)) { // type is not yet registered
-            contextListeners.set(type, []);
-        } // next push the handler to the WeakMap for the given context
-        contextListeners.get(type).push(listener);
-    } else { // default
-        if (context) { // illegal context
-            throw new Error("Syntax error.");
+        if (!contextListeners.has(context)) { // context is yet unknown to the listeners
+            contextListeners.set(context, new Map()); // will be stored here
         }
+        const byType = contextListeners.get(context);
+        if (!byType.has(type)) byType.set(type, []);
+        byType.get(type).push(listener);
+    } else {
+        if (context) throw new Error("Syntax error: context must be an object.");
         window.addEventListener(type, listener);
     }
+
+    worker.port.postMessage({ action: 'addEventListener', type });
 }
 
-export function removeEventListener(type, listener, context = undefined) {
+export function removeEventListener(type, listener, context = undefined, options) {
     if (context && typeof context === 'object') {
-        const contextListeners = listeners.get(context);
-        if (contextListeners && contextListeners.has(type)) {
-            const handlers = contextListeners.get(type);
-            const index = handlers.indexOf(listener);
-            if (index > -1) {
-                handlers.splice(index, 1);
-            }
+        const byType = contextListeners.get(context);
+        if (!byType?.has(type)) return;
+
+        const handlers = byType.get(type)
+        const index = handlers.indexOf(listener);
+        if (index > -1) handlers.splice(index, 1);
+        if (handlers.length === 0) {
+            byType.delete(type);
+            worker.port.postMessage({ action: 'removeEventListener', type });
         }
-    } else { // default
-        window.removeEventListener(type);
+    } else {
+        window.removeEventListener(type, listener);
+        worker.port.postMessage({ ction: 'removeEventListener', type });
     }
 }
 
-export function dispatchEvent(event, context = undefined) {
+export function dispatchEvent(event) {
     if (!context) {
-        if (event instanceof CustomEvent) {
-            context = event.detail.target;
-        } else {
-            context = event.target;
-        }
+        if (event instanceof CustomEvent) context = event.detail?.target;
+        else context = event.target;
     }
-    if (context && listeners.has(context)) {
-        const contextListeners = listeners.get(context);
-        if (contextListeners.has(event.type)) { // Call context-specific listeners
-            contextListeners.get(event.type).forEach(handler => handler(event));
-        }
-    } else { // default
-        window.dispatchEvent(event);
+    if (context && contextListeners.has(context)) {
+        const byType = contextListeners.get(context);
+        byType.get(event.type)?.forEach(handler => handler(event));
+    } else {
+        if (typeof window !== 'undefined') window.dispatchEvent(event);
+        worker.port.postMessage({
+            action: 'dispatchEvent',
+            type: event.type,
+            detail: event instanceof CustomEvent ? event.detail : {}
+        });
     }
 }

package/package.json

@@ -23,5 +23,5 @@
         "url": "git+https://github.com/vanillaspa/event-bus.git"
     },
     "type": "module",
-    "version": "1.0.0"
+    "version": "1.1.0"
 }