@wizzard-packages/middleware 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Aziz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+// src/loggerMiddleware.ts
+var loggerMiddleware = (api) => (next) => (action) => {
+  console.group(`Wizard Action: ${action.type}`);
+  console.log("Action payload:", action.payload);
+  console.log("State before:", api.getSnapshot());
+  const result = next(action);
+  console.log("State after:", api.getSnapshot());
+  console.groupEnd();
+  return result;
+};
+
+// src/devToolsMiddleware.ts
+var serializeForDevTools = (data) => {
+  if (data instanceof Set) {
+    return Array.from(data);
+  }
+  if (data instanceof Map) {
+    return Object.fromEntries(data);
+  }
+  if (typeof data === "function") {
+    return "[Function]";
+  }
+  if (Array.isArray(data)) {
+    return data.map(serializeForDevTools);
+  }
+  if (typeof data === "object" && data !== null) {
+    if ("steps" in data && Array.isArray(data.steps) && "persistence" in data) {
+      return {
+        ...data,
+        steps: data.steps.map((s) => ({
+          ...s,
+          id: s.id,
+          label: s.label,
+          condition: s.condition ? "[Function]" : void 0,
+          component: s.component ? "[Component]" : void 0
+        }))
+      };
+    }
+    const result = {};
+    for (const key in data) {
+      if (Object.prototype.hasOwnProperty.call(data, key)) {
+        result[key] = serializeForDevTools(data[key]);
+      }
+    }
+    return result;
+  }
+  return data;
+};
+var devToolsMiddleware = (api) => {
+  const globalContext = typeof window !== "undefined" ? window : globalThis;
+  if (!globalContext.__REDUX_DEVTOOLS_EXTENSION__) {
+    return (next) => (action) => next(action);
+  }
+  const devTools = globalContext.__REDUX_DEVTOOLS_EXTENSION__.connect({
+    name: "Wizard Stepper React",
+    features: {
+      pause: true,
+      lock: true,
+      persist: true,
+      export: true,
+      import: "custom",
+      jump: true,
+      skip: true,
+      reorder: true,
+      dispatch: true,
+      test: true
+    }
+  });
+  devTools.init(serializeForDevTools(api.getSnapshot()));
+  return (next) => (action) => {
+    const result = next(action);
+    const snapshot = api.getSnapshot();
+    const serializedSnapshot = serializeForDevTools(snapshot);
+    const serializedAction = serializeForDevTools(action);
+    devTools.send(serializedAction, serializedSnapshot);
+    return result;
+  };
+};
+
+exports.devToolsMiddleware = devToolsMiddleware;
+exports.loggerMiddleware = loggerMiddleware;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/loggerMiddleware.ts","../src/devToolsMiddleware.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["import type { WizardMiddleware } from '@wizzard-packages/core';\n\n/**\n * Simple logger middleware for Wizard actions\n */\nexport const loggerMiddleware: WizardMiddleware<any, any> = (api) => (next) => (action) => {\n  console.group(`Wizard Action: ${action.type}`);\n  console.log('Action payload:', action.payload);\n  console.log('State before:', api.getSnapshot());\n\n  const result = next(action);\n\n  console.log('State after:', api.getSnapshot());\n  console.groupEnd();\n\n  return result;\n};\n","import type { WizardMiddleware } from '@wizzard-packages/core';\n\ndeclare const window: any;\n\n/**\n * Helper to sanitize data for Redux DevTools.\n */\nconst serializeForDevTools = (data: any): any => {\n  if (data instanceof Set) {\n    return Array.from(data);\n  }\n  if (data instanceof Map) {\n    return Object.fromEntries(data);\n  }\n  if (typeof data === 'function') {\n    return '[Function]';\n  }\n  if (Array.isArray(data)) {\n    return data.map(serializeForDevTools);\n  }\n  if (typeof data === 'object' && data !== null) {\n    if ('steps' in data && Array.isArray(data.steps) && 'persistence' in data) {\n      return {\n        ...data,\n        steps: data.steps.map((s: any) => ({\n          ...s,\n          id: s.id,\n          label: s.label,\n          condition: s.condition ? '[Function]' : undefined,\n          component: s.component ? '[Component]' : undefined,\n        })),\n      };\n    }\n\n    const result: any = {};\n    for (const key in data) {\n      if (Object.prototype.hasOwnProperty.call(data, key)) {\n        result[key] = serializeForDevTools(data[key]);\n      }\n    }\n    return result;\n  }\n  return data;\n};\n\n/**\n * Middleware for Redux DevTools integration.\n */\nexport const devToolsMiddleware: WizardMiddleware<any, any> = (api) => {\n  const globalContext: any = typeof window !== 'undefined' ? window : globalThis;\n\n  if (!globalContext.__REDUX_DEVTOOLS_EXTENSION__) {\n    return (next) => (action) => next(action);\n  }\n\n  const devTools = globalContext.__REDUX_DEVTOOLS_EXTENSION__.connect({\n    name: 'Wizard Stepper React',\n    features: {\n      pause: true,\n      lock: true,\n      persist: true,\n      export: true,\n      import: 'custom',\n      jump: true,\n      skip: true,\n      reorder: true,\n      dispatch: true,\n      test: true,\n    },\n  });\n\n  devTools.init(serializeForDevTools(api.getSnapshot()));\n\n  return (next) => (action) => {\n    const result = next(action);\n    const snapshot = api.getSnapshot();\n\n    const serializedSnapshot = serializeForDevTools(snapshot);\n    const serializedAction = serializeForDevTools(action);\n\n    devTools.send(serializedAction, serializedSnapshot);\n    return result;\n  };\n};\n"]}

package/dist/index.d.cts

@@ -0,0 +1,13 @@
+import { WizardMiddleware } from '@wizzard-packages/core';
+
+/**
+ * Simple logger middleware for Wizard actions
+ */
+declare const loggerMiddleware: WizardMiddleware<any, any>;
+
+/**
+ * Middleware for Redux DevTools integration.
+ */
+declare const devToolsMiddleware: WizardMiddleware<any, any>;
+
+export { devToolsMiddleware, loggerMiddleware };

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import { WizardMiddleware } from '@wizzard-packages/core';
+
+/**
+ * Simple logger middleware for Wizard actions
+ */
+declare const loggerMiddleware: WizardMiddleware<any, any>;
+
+/**
+ * Middleware for Redux DevTools integration.
+ */
+declare const devToolsMiddleware: WizardMiddleware<any, any>;
+
+export { devToolsMiddleware, loggerMiddleware };

package/dist/index.js

@@ -0,0 +1,82 @@
+// src/loggerMiddleware.ts
+var loggerMiddleware = (api) => (next) => (action) => {
+  console.group(`Wizard Action: ${action.type}`);
+  console.log("Action payload:", action.payload);
+  console.log("State before:", api.getSnapshot());
+  const result = next(action);
+  console.log("State after:", api.getSnapshot());
+  console.groupEnd();
+  return result;
+};
+
+// src/devToolsMiddleware.ts
+var serializeForDevTools = (data) => {
+  if (data instanceof Set) {
+    return Array.from(data);
+  }
+  if (data instanceof Map) {
+    return Object.fromEntries(data);
+  }
+  if (typeof data === "function") {
+    return "[Function]";
+  }
+  if (Array.isArray(data)) {
+    return data.map(serializeForDevTools);
+  }
+  if (typeof data === "object" && data !== null) {
+    if ("steps" in data && Array.isArray(data.steps) && "persistence" in data) {
+      return {
+        ...data,
+        steps: data.steps.map((s) => ({
+          ...s,
+          id: s.id,
+          label: s.label,
+          condition: s.condition ? "[Function]" : void 0,
+          component: s.component ? "[Component]" : void 0
+        }))
+      };
+    }
+    const result = {};
+    for (const key in data) {
+      if (Object.prototype.hasOwnProperty.call(data, key)) {
+        result[key] = serializeForDevTools(data[key]);
+      }
+    }
+    return result;
+  }
+  return data;
+};
+var devToolsMiddleware = (api) => {
+  const globalContext = typeof window !== "undefined" ? window : globalThis;
+  if (!globalContext.__REDUX_DEVTOOLS_EXTENSION__) {
+    return (next) => (action) => next(action);
+  }
+  const devTools = globalContext.__REDUX_DEVTOOLS_EXTENSION__.connect({
+    name: "Wizard Stepper React",
+    features: {
+      pause: true,
+      lock: true,
+      persist: true,
+      export: true,
+      import: "custom",
+      jump: true,
+      skip: true,
+      reorder: true,
+      dispatch: true,
+      test: true
+    }
+  });
+  devTools.init(serializeForDevTools(api.getSnapshot()));
+  return (next) => (action) => {
+    const result = next(action);
+    const snapshot = api.getSnapshot();
+    const serializedSnapshot = serializeForDevTools(snapshot);
+    const serializedAction = serializeForDevTools(action);
+    devTools.send(serializedAction, serializedSnapshot);
+    return result;
+  };
+};
+
+export { devToolsMiddleware, loggerMiddleware };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/loggerMiddleware.ts","../src/devToolsMiddleware.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { WizardMiddleware } from '@wizzard-packages/core';\n\n/**\n * Simple logger middleware for Wizard actions\n */\nexport const loggerMiddleware: WizardMiddleware<any, any> = (api) => (next) => (action) => {\n  console.group(`Wizard Action: ${action.type}`);\n  console.log('Action payload:', action.payload);\n  console.log('State before:', api.getSnapshot());\n\n  const result = next(action);\n\n  console.log('State after:', api.getSnapshot());\n  console.groupEnd();\n\n  return result;\n};\n","import type { WizardMiddleware } from '@wizzard-packages/core';\n\ndeclare const window: any;\n\n/**\n * Helper to sanitize data for Redux DevTools.\n */\nconst serializeForDevTools = (data: any): any => {\n  if (data instanceof Set) {\n    return Array.from(data);\n  }\n  if (data instanceof Map) {\n    return Object.fromEntries(data);\n  }\n  if (typeof data === 'function') {\n    return '[Function]';\n  }\n  if (Array.isArray(data)) {\n    return data.map(serializeForDevTools);\n  }\n  if (typeof data === 'object' && data !== null) {\n    if ('steps' in data && Array.isArray(data.steps) && 'persistence' in data) {\n      return {\n        ...data,\n        steps: data.steps.map((s: any) => ({\n          ...s,\n          id: s.id,\n          label: s.label,\n          condition: s.condition ? '[Function]' : undefined,\n          component: s.component ? '[Component]' : undefined,\n        })),\n      };\n    }\n\n    const result: any = {};\n    for (const key in data) {\n      if (Object.prototype.hasOwnProperty.call(data, key)) {\n        result[key] = serializeForDevTools(data[key]);\n      }\n    }\n    return result;\n  }\n  return data;\n};\n\n/**\n * Middleware for Redux DevTools integration.\n */\nexport const devToolsMiddleware: WizardMiddleware<any, any> = (api) => {\n  const globalContext: any = typeof window !== 'undefined' ? window : globalThis;\n\n  if (!globalContext.__REDUX_DEVTOOLS_EXTENSION__) {\n    return (next) => (action) => next(action);\n  }\n\n  const devTools = globalContext.__REDUX_DEVTOOLS_EXTENSION__.connect({\n    name: 'Wizard Stepper React',\n    features: {\n      pause: true,\n      lock: true,\n      persist: true,\n      export: true,\n      import: 'custom',\n      jump: true,\n      skip: true,\n      reorder: true,\n      dispatch: true,\n      test: true,\n    },\n  });\n\n  devTools.init(serializeForDevTools(api.getSnapshot()));\n\n  return (next) => (action) => {\n    const result = next(action);\n    const snapshot = api.getSnapshot();\n\n    const serializedSnapshot = serializeForDevTools(snapshot);\n    const serializedAction = serializeForDevTools(action);\n\n    devTools.send(serializedAction, serializedSnapshot);\n    return result;\n  };\n};\n"]}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@wizzard-packages/middleware",
+  "version": "0.1.0",
+  "description": "Middleware for Wizzard Stepper (logger + devtools).",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@wizzard-packages/core": "0.1.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "vitest": "^4.0.16"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup src/index.ts --format cjs,esm --watch --dts",
+    "lint": "eslint .",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "type-check": "tsc --noEmit"
+  }
+}