@plentymarkets/shop-core 1.8.3 → 1.9.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shop-core",
   "configKey": "shopCore",
-  "version": "1.8.3",
+  "version": "1.9.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/composables/__tests__/usePlentyEvent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/composables/__tests__/usePlentyEvent.spec.js

@@ -0,0 +1,73 @@
+import { beforeEach, describe, expect, it, vi, vitest } from "vitest";
+import { usePlentyEvent } from "../usePlentyEvent.js";
+describe("usePlentyEvent", () => {
+  beforeEach(() => {
+    const { clear } = usePlentyEvent();
+    clear();
+    vitest.clearAllMocks();
+  });
+  it("should register an event", () => {
+    const { on, emit } = usePlentyEvent();
+    const callback = vi.fn();
+    on("frontend:login", callback);
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback).toHaveBeenCalledWith({ user: { id: 1 } });
+  });
+  it("should turn off an event", () => {
+    const { on, off, emit } = usePlentyEvent();
+    const callback = vi.fn();
+    on("frontend:login", callback);
+    off("frontend:login", callback);
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback).not.toHaveBeenCalled();
+  });
+  it("should register an event only once", () => {
+    const { once, emit } = usePlentyEvent();
+    const callback = vi.fn();
+    once("frontend:login", callback);
+    emit("frontend:login", { user: { id: 1 } });
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback).toHaveBeenCalledTimes(1);
+  });
+  it("should clear all events", () => {
+    const { on, emit, clear } = usePlentyEvent();
+    const callback = vi.fn();
+    on("frontend:login", callback);
+    clear();
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback).not.toHaveBeenCalled();
+  });
+  it("should throw error in event listener without breaking", () => {
+    const { on, emit } = usePlentyEvent();
+    const errorCallback = vi.fn(() => {
+      throw new Error("Test error");
+    });
+    const callback = vi.fn();
+    on("frontend:login", errorCallback);
+    on("frontend:login", callback);
+    emit("frontend:login", { user: { id: 1 } });
+    expect(errorCallback).toHaveBeenCalled();
+    expect(callback).toHaveBeenCalledWith({ user: { id: 1 } });
+  });
+  it("should not turn off event if its a different callback", () => {
+    const { on, off, emit } = usePlentyEvent();
+    const callback1 = vi.fn();
+    const callback2 = vi.fn();
+    on("frontend:login", callback1);
+    off("frontend:login", callback2);
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback1).toHaveBeenCalled();
+    expect(callback2).not.toHaveBeenCalled();
+  });
+  it("should remove all listeners for an event if no callback is provided to off", () => {
+    const { on, off, emit } = usePlentyEvent();
+    const callback1 = vi.fn();
+    const callback2 = vi.fn();
+    on("frontend:login", callback1);
+    on("frontend:login", callback2);
+    off("frontend:login");
+    emit("frontend:login", { user: { id: 1 } });
+    expect(callback1).not.toHaveBeenCalled();
+    expect(callback2).not.toHaveBeenCalled();
+  });
+});

package/dist/runtime/composables/usePlentyEvent.d.ts

@@ -1,2 +1,10 @@
 import type { Events } from '../types/events.js';
-export declare function usePlentyEvent(): import("mitt").Emitter<Events>;
+type EventCallback<T = any> = (data: T) => void;
+export declare function usePlentyEvent(): {
+    on: <K extends keyof Events>(event: K, callback: EventCallback<Events[K]>) => void;
+    off: <K extends keyof Events>(event: K, callback?: EventCallback<Events[K]>) => void;
+    emit: <K extends keyof Events>(event: K, data: Events[K]) => void;
+    once: <K extends keyof Events>(event: K, callback: EventCallback<Events[K]>) => void;
+    clear: () => void;
+};
+export {};

package/dist/runtime/composables/usePlentyEvent.js

@@ -1,5 +1,51 @@
-import mitt from "mitt";
-const plentyEventBus = mitt();
+import { useState } from "#imports";
 export function usePlentyEvent() {
-  return plentyEventBus;
+  const listeners = useState("plentyEventListeners", () => ({}));
+  const on = (event, callback) => {
+    if (import.meta.server) return;
+    if (!listeners.value[event]) {
+      listeners.value[event] = [];
+    }
+    listeners.value[event].push(callback);
+  };
+  const off = (event, callback) => {
+    if (import.meta.server || !listeners.value[event]) return;
+    if (callback) {
+      const index = listeners.value[event].indexOf(callback);
+      if (index > -1) {
+        listeners.value[event].splice(index, 1);
+      }
+    } else {
+      listeners.value[event] = [];
+    }
+  };
+  const emit = (event, data) => {
+    if (import.meta.server || !listeners.value[event]) return;
+    listeners.value[event].forEach((callback) => {
+      try {
+        callback(data);
+      } catch (error) {
+        console.error(`Error in event listener for ${String(event)}:`, error);
+      }
+    });
+  };
+  const once = (event, callback) => {
+    if (import.meta.server) return;
+    const onceCallback = (data) => {
+      callback(data);
+      off(event, onceCallback);
+    };
+    on(event, onceCallback);
+  };
+  const clear = () => {
+    if (import.meta.server) return;
+    listeners.value = {};
+  };
+  return {
+    on,
+    off,
+    emit,
+    once,
+    clear
+  };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plentymarkets/shop-core",
-  "version": "1.8.3",
+  "version": "1.9.0",
   "description": "Core module for PlentyONE Shop",
   "repository": {
     "type": "git",
@@ -42,10 +42,9 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@plentymarkets/shop-api": "^0.128.0",
+    "@plentymarkets/shop-api": "^0.130.0",
     "@vue-storefront/sdk": "^3.4.1",
     "js-sha256": "^0.11.0",
-    "mitt": "^3.0.1",
     "resolve": "^1.22.10"
   },
   "overrides": {