@notificationapi/react 1.1.4 → 1.3.0

package/dist/main.d.ts

@@ -2,3 +2,4 @@
 export { NotificationFeed, NotificationPopup, NotificationLauncher, NotificationCounter } from './components/Notifications';
 export { NotificationPreferencesInline, NotificationPreferencesPopup } from './components/Preferences';
 export { NotificationAPIProvider } from './components/Provider';
+export { createDebugLogger, type DebugLogger } from './utils/debug';

package/dist/main.js

@@ -1,16 +1,18 @@
 import { NotificationFeed as r } from "./components/Notifications/NotificationFeed.js";
-import { NotificationPopup as e } from "./components/Notifications/NotificationPopup.js";
+import { NotificationPopup as i } from "./components/Notifications/NotificationPopup.js";
 import { NotificationLauncher as n } from "./components/Notifications/NotificationLauncher.js";
 import { NotificationCounter as c } from "./components/Notifications/NotificationCounter.js";
-import { N } from "./assets/NotificationPreferencesPopup.js";
-import { NotificationPreferencesInline as x } from "./components/Preferences/NotificationPreferencesInline.js";
+import { N as m } from "./assets/NotificationPreferencesPopup.js";
+import { NotificationPreferencesInline as N } from "./components/Preferences/NotificationPreferencesInline.js";
 import { NotificationAPIProvider as u } from "./components/Provider/index.js";
+import { createDebugLogger as s } from "./utils/debug.js";
 export {
   u as NotificationAPIProvider,
   c as NotificationCounter,
   r as NotificationFeed,
   n as NotificationLauncher,
-  e as NotificationPopup,
-  x as NotificationPreferencesInline,
-  N as NotificationPreferencesPopup
+  i as NotificationPopup,
+  N as NotificationPreferencesInline,
+  m as NotificationPreferencesPopup,
+  s as createDebugLogger
 };

package/dist/utils/debug.d.ts

@@ -0,0 +1,26 @@
+export interface DebugLogger {
+    log: (message: string, data?: unknown) => void;
+    warn: (message: string, data?: unknown) => void;
+    error: (message: string, error?: Error | unknown, context?: Record<string, unknown>) => void;
+    group: (label: string) => void;
+    groupEnd: () => void;
+    table: (data: Record<string, unknown> | unknown[]) => void;
+}
+export declare const createDebugLogger: (enabled: boolean) => DebugLogger;
+export declare const formatApiCall: (method: string, endpoint: string, params?: Record<string, unknown>) => {
+    method: string;
+    endpoint: string;
+    params: Record<string, unknown> | undefined;
+    timestamp: string;
+};
+export declare const formatWebSocketEvent: (event: string, data?: unknown) => {
+    event: string;
+    data: unknown;
+    timestamp: string;
+};
+export declare const formatStateChange: (stateName: string, oldValue: unknown, newValue: unknown) => {
+    stateName: string;
+    oldValue: unknown;
+    newValue: unknown;
+    timestamp: string;
+};

package/dist/utils/debug.js

@@ -0,0 +1,61 @@
+var s = Object.defineProperty;
+var a = (t, o, e) => o in t ? s(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e;
+var n = (t, o, e) => a(t, typeof o != "symbol" ? o + "" : o, e);
+class c {
+  log() {
+  }
+  warn() {
+  }
+  error() {
+  }
+  group() {
+  }
+  groupEnd() {
+  }
+  table() {
+  }
+}
+class g {
+  constructor() {
+    n(this, "prefix", "[NotificationAPI Debug]");
+  }
+  log(o, e) {
+    console.log(`${this.prefix} ${o}`, e || "");
+  }
+  warn(o, e) {
+    console.warn(`${this.prefix} ${o}`, e || "");
+  }
+  error(o, e, r) {
+    console.group(`${this.prefix} ERROR: ${o}`), e && console.error("Error:", e), r && console.error("Context:", r), e instanceof Error && e.stack && console.error("Stack trace:", e.stack), console.groupEnd();
+  }
+  group(o) {
+    console.group(`${this.prefix} ${o}`);
+  }
+  groupEnd() {
+    console.groupEnd();
+  }
+  table(o) {
+    console.table(o);
+  }
+}
+const l = (t) => t ? new g() : new c(), p = (t, o, e) => ({
+  method: t,
+  endpoint: o,
+  params: e,
+  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+}), u = (t, o) => ({
+  event: t,
+  data: o,
+  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+}), f = (t, o, e) => ({
+  stateName: t,
+  oldValue: o,
+  newValue: e,
+  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+});
+export {
+  l as createDebugLogger,
+  p as formatApiCall,
+  f as formatStateChange,
+  u as formatWebSocketEvent
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.1.4",
+  "version": "1.3.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",
@@ -25,7 +25,10 @@
     "format": "prettier --write \"{src,lib}/**/*.{ts,tsx,js,jsx,json,css,md,html}\"",
     "prettier-check": "prettier --check \"{src,lib}/**/*.{ts,tsx,js,jsx,json,css,md,html}\"",
     "preview": "vite preview",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:headed": "playwright test --headed"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
@@ -45,6 +48,7 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "faker-js": "^1.0.0",
     "glob": "^10.4.1",
+    "@playwright/test": "^1.48.0",
     "prettier": "^3.3.3",
     "typescript": "^5.2.2",
     "vite": "^5.4.18",
@@ -63,7 +67,7 @@
     "@fontsource/roboto": "^5.1.1",
     "@mui/icons-material": "^6.3.1",
     "@mui/material": "^6.3.1",
-    "@notificationapi/core": "^0.0.15",
+    "@notificationapi/core": "^0.0.16",
     "javascript-time-ago": "^2.5.10",
     "liquidjs": "^10.14.0",
     "rc-virtual-list": "^3.11.5",