@marianmeres/widget-provider 1.0.2 → 1.0.3

package/dist/mod.d.ts

@@ -1,4 +1,4 @@
-export { provideWidget, resolveAllowedOrigins, isOriginAllowed, resolveAnimateConfig, } from "./widget-provider.js";
-export type { WidgetProviderOptions, WidgetProviderApi, WidgetState, WidgetMessage, StylePreset, StyleOverrides, AnimatePreset, MessageHandler, Unsubscribe, } from "./types.js";
+export { isOriginAllowed, provideWidget, resolveAllowedOrigins, resolveAnimateConfig, } from "./widget-provider.js";
+export type { AnimatePreset, MessageHandler, StyleOverrides, StylePreset, Unsubscribe, WidgetMessage, WidgetProviderApi, WidgetProviderOptions, WidgetState, } from "./types.js";
 export { MSG_PREFIX } from "./types.js";
-export { STYLE_PRESETS, IFRAME_BASE, ANIMATE_PRESETS, type AnimateConfig, } from "./style-presets.js";
+export { ANIMATE_PRESETS, type AnimateConfig, IFRAME_BASE, STYLE_PRESETS, } from "./style-presets.js";

package/dist/mod.js

@@ -1,3 +1,3 @@
-export { provideWidget, resolveAllowedOrigins, isOriginAllowed, resolveAnimateConfig, } from "./widget-provider.js";
+export { isOriginAllowed, provideWidget, resolveAllowedOrigins, resolveAnimateConfig, } from "./widget-provider.js";
 export { MSG_PREFIX } from "./types.js";
-export { STYLE_PRESETS, IFRAME_BASE, ANIMATE_PRESETS, } from "./style-presets.js";
+export { ANIMATE_PRESETS, IFRAME_BASE, STYLE_PRESETS, } from "./style-presets.js";

package/dist/widget-provider.js

@@ -1,6 +1,9 @@
 import { createStore } from "@marianmeres/store";
 import { ANIMATE_PRESETS, applyIframeBaseStyles, applyPreset, STYLE_PRESETS, TRIGGER_BASE, } from "./style-presets.js";
 import { MSG_PREFIX, } from "./types.js";
+import { createClog } from "@marianmeres/clog";
+import { createPubSub } from "@marianmeres/pubsub";
+const clog = createClog("widget-provider");
 const DEFAULT_TRIGGER_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>`;
 /**
  * Resolve the list of allowed origins for postMessage validation.
@@ -83,7 +86,11 @@ export function provideWidget(options) {
         }
     }
     // messaging
-    const messageHandlers = new Map();
+    const pubsub = createPubSub({
+        onError: (error) => {
+            clog.warn("message handler error:", error);
+        },
+    });
     function handleMessage(event) {
         if (!isOriginAllowed(event.origin, origins))
             return;
@@ -125,17 +132,7 @@ export function provideWidget(options) {
                 exitNativeFullscreen();
                 break;
         }
-        const handlers = messageHandlers.get(data.type);
-        if (handlers) {
-            for (const h of handlers) {
-                try {
-                    h(data.payload);
-                }
-                catch (e) {
-                    console.warn("[widget-provider] message handler error:", e);
-                }
-            }
-        }
+        pubsub.publish(data.type, data.payload);
     }
     globalThis.addEventListener("message", handleMessage);
     // append to DOM
@@ -243,7 +240,7 @@ export function provideWidget(options) {
         if (state.get().destroyed)
             return;
         globalThis.removeEventListener("message", handleMessage);
-        messageHandlers.clear();
+        pubsub.unsubscribeAll();
         iframe.src = "about:blank";
         container.remove();
         triggerEl?.remove();
@@ -261,13 +258,7 @@ export function provideWidget(options) {
     }
     function onMessage(type, handler) {
         const prefixedType = `${MSG_PREFIX}${type}`;
-        if (!messageHandlers.has(prefixedType)) {
-            messageHandlers.set(prefixedType, new Set());
-        }
-        messageHandlers.get(prefixedType).add(handler);
-        return () => {
-            messageHandlers.get(prefixedType)?.delete(handler);
-        };
+        return pubsub.subscribe(prefixedType, handler);
     }
     return {
         show,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/widget-provider",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"type": "module",
 	"main": "dist/mod.js",
 	"types": "dist/mod.d.ts",
@@ -13,6 +13,8 @@
 	"author": "Marian Meres",
 	"license": "MIT",
 	"dependencies": {
+		"@marianmeres/clog": "^3.15.2",
+		"@marianmeres/pubsub": "^2.4.6",
 		"@marianmeres/store": "^2.4.4"
 	},
 	"repository": {