msw-dev-tool 1.0.10 → 1.0.12

package/dist/esm/lib/handlerStore.js

@@ -0,0 +1,75 @@
+import { create } from 'zustand';
+import { produce } from '../node_modules/.pnpm/immer@10.1.1/node_modules/immer/dist/immer.js';
+import { convertHandlers, flatHandlerMap } from './util.js';
+import { dummyHandler } from '../const/handler.js';
+
+const useHandlerStore = create((set, get) => ({
+    handlerMap: {},
+    worker: null,
+    restHandlers: [],
+    initMSWDevTool: (_worker) => {
+        const worker = _worker;
+        set({ worker });
+        const handlers = worker.listHandlers();
+        const { handlerMap, unsupportedHandlers } = convertHandlers(handlers);
+        set({ handlerMap });
+        set({ restHandlers: unsupportedHandlers });
+        return worker;
+    },
+    setHandlerMap: (handlerMap) => {
+        set({ handlerMap });
+        return handlerMap;
+    },
+    getIsChecked: (url, method) => { var _a; return (_a = get().handlerMap[url]) === null || _a === void 0 ? void 0 : _a[method].checked; },
+    setIsChecked: (url, method, isChecked) => {
+        set(produce((state) => {
+            if (!state.handlerMap[url]) {
+                return;
+            }
+            state.handlerMap[url][method].checked = isChecked;
+        }));
+        updateEnableHandler();
+    },
+    toggleIsChecked: (url, method) => {
+        set(produce((state) => {
+            var _a;
+            if (!((_a = state.handlerMap[url]) === null || _a === void 0 ? void 0 : _a[method])) {
+                return;
+            }
+            state.handlerMap[url][method].checked =
+                !state.handlerMap[url][method].checked;
+        }));
+        updateEnableHandler();
+    },
+}));
+const initMSWDevTool = useHandlerStore.getState().initMSWDevTool;
+const getHandlerMap = () => useHandlerStore.getState().handlerMap;
+const getWorker = () => {
+    const worker = useHandlerStore.getState().worker;
+    if (!worker)
+        throw new Error("Worker is not initialized");
+    return worker;
+};
+const getUnsupportedHandlers = () => useHandlerStore.getState().restHandlers;
+const updateEnableHandler = () => {
+    const handlerMap = getHandlerMap();
+    const worker = getWorker();
+    const checkedHttpHandlers = flatHandlerMap(handlerMap)
+        .filter((h) => h.checked)
+        .map((h) => h.handler);
+    const otherProtocolHandlers = getUnsupportedHandlers();
+    const totalHandlers = [...checkedHttpHandlers, ...otherProtocolHandlers];
+    /**
+     * This has to do with `msw` internal workings.
+     * If I spread an empty array in `resetHandlers`, it will be replaced by `initialHandler`.
+     * Therefore, I proposed the `clear` method, but unfortunately it was not accepted!
+     */
+    if (totalHandlers.length === 0) {
+        worker.resetHandlers(dummyHandler);
+        return;
+    }
+    worker.resetHandlers(...totalHandlers);
+};
+
+export { initMSWDevTool, useHandlerStore };
+//# sourceMappingURL=handlerStore.js.map

package/dist/esm/lib/handlerStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlerStore.js","sources":["../../../src/lib/handlerStore.ts"],"sourcesContent":["import { SetupWorker } from \"msw/browser\";\nimport { create } from \"zustand\";\nimport { produce } from \"immer\";\nimport { Handler, HandlerMap } from \"./type\";\nimport { convertHandlers, flatHandlerMap } from \"./util\";\nimport { dummyHandler } from \"../const/handler\";\n\nexport interface HandlerStoreState {\n  worker: SetupWorker | null;\n  /**\n   * HTTP handler map\n   */\n  handlerMap: HandlerMap;\n  /**\n   * GraphQL or WebSocketHandler\n   *\n   * *Currently not supported*\n   */\n  restHandlers: Handler[];\n  initMSWDevTool: (worker: SetupWorker) => SetupWorker;\n  setHandlerMap: (handlers: HandlerMap) => HandlerMap;\n  getIsChecked: (url: string, method: string) => boolean;\n  setIsChecked: (url: string, method: string, isChecked: boolean) => void;\n  toggleIsChecked: (url: string, method: string) => void;\n}\nexport const useHandlerStore = create<HandlerStoreState>((set, get) => ({\n  handlerMap: {},\n  worker: null,\n  restHandlers: [],\n  initMSWDevTool: (_worker) => {\n    const worker = _worker;\n    set({ worker });\n    const handlers = worker.listHandlers() as Handler[];\n    const { handlerMap, unsupportedHandlers } = convertHandlers(handlers);\n    set({ handlerMap });\n    set({ restHandlers: unsupportedHandlers });\n    return worker;\n  },\n  setHandlerMap: (handlerMap) => {\n    set({ handlerMap });\n    return handlerMap;\n  },\n  getIsChecked: (url, method) => get().handlerMap[url]?.[method].checked,\n  setIsChecked: (url, method, isChecked) => {\n    set(\n      produce<HandlerStoreState>((state) => {\n        if (!state.handlerMap[url]) {\n          return;\n        }\n        state.handlerMap[url][method].checked = isChecked;\n      })\n    );\n    updateEnableHandler();\n  },\n  toggleIsChecked: (url, method) => {\n    set(\n      produce<HandlerStoreState>((state) => {\n        if (!state.handlerMap[url]?.[method]) {\n          return;\n        }\n        state.handlerMap[url][method].checked =\n          !state.handlerMap[url][method].checked;\n      })\n    );\n    updateEnableHandler();\n  },\n}));\n\nexport const initMSWDevTool = useHandlerStore.getState().initMSWDevTool;\n\nconst getHandlerMap = () => useHandlerStore.getState().handlerMap;\n\nconst getWorker = () => {\n  const worker = useHandlerStore.getState().worker;\n  if (!worker) throw new Error(\"Worker is not initialized\");\n  return worker;\n};\n\nconst getUnsupportedHandlers = () => useHandlerStore.getState().restHandlers;\n\nconst updateEnableHandler = () => {\n  const handlerMap = getHandlerMap();\n  const worker = getWorker();\n\n  const checkedHttpHandlers = flatHandlerMap(handlerMap)\n    .filter((h) => h.checked)\n    .map((h) => h.handler);\n  const otherProtocolHandlers = getUnsupportedHandlers();\n  const totalHandlers = [...checkedHttpHandlers, ...otherProtocolHandlers];\n\n  /**\n   * This has to do with `msw` internal workings.\n   * If I spread an empty array in `resetHandlers`, it will be replaced by `initialHandler`.\n   * Therefore, I proposed the `clear` method, but unfortunately it was not accepted!\n   */\n  if (totalHandlers.length === 0) {\n    worker.resetHandlers(dummyHandler);\n    return;\n  }\n\n  worker.resetHandlers(...totalHandlers);\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/lib/util.js

@@ -0,0 +1,30 @@
+const flatHandlerMap = (handlerMap) => {
+    return Object.entries(handlerMap).flatMap(([url, methods]) => Object.entries(methods).map(([method, { handler, checked }]) => ({
+        url,
+        method,
+        handler,
+        checked,
+    })));
+};
+const convertHandlers = (handlers) => {
+    const unsupportedHandlers = [];
+    const handlerMap = handlers.reduce((acc, _handler) => {
+        // Current, GraphQL & WebSocketHandler is not supported.
+        const handler = _handler;
+        if (!("info" in handler && handler.info.method && handler.info.path)) {
+            unsupportedHandlers.push(handler);
+            return acc;
+        }
+        const { method: _method, path: _path } = handler.info;
+        const [method, path] = [_method.toString(), _path.toString()];
+        if (!acc[path]) {
+            acc[path] = {};
+        }
+        acc[path][method] = { handler, checked: true };
+        return acc;
+    }, {});
+    return { handlerMap, unsupportedHandlers };
+};
+
+export { convertHandlers, flatHandlerMap };
+//# sourceMappingURL=util.js.map

package/dist/esm/lib/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../src/lib/util.ts"],"sourcesContent":["import { HttpHandler } from \"msw\";\nimport { Handler, HandlerMap } from \"./type\";\n\nexport const flatHandlerMap = (handlerMap: HandlerMap) => {\n  return Object.entries(handlerMap).flatMap(([url, methods]) =>\n    Object.entries(methods).map(([method, { handler, checked }]) => ({\n      url,\n      method,\n      handler,\n      checked,\n    }))\n  );\n};\n\nexport const convertHandlers = (\n  handlers: Handler[]\n) => {\n  const unsupportedHandlers: Handler[] = [];\n  const handlerMap = handlers.reduce((acc, _handler) => {\n    // Current, GraphQL & WebSocketHandler is not supported.\n    const handler = _handler as HttpHandler;\n    if (!(\"info\" in handler && handler.info.method && handler.info.path)) {\n      unsupportedHandlers.push(handler);\n      return acc;\n    }\n    const { method: _method, path: _path } = handler.info;\n    const [method, path] = [_method.toString(), _path.toString()];\n    if (!acc[path]) {\n      acc[path] = {};\n    }\n    acc[path][method] = { handler, checked: true };\n    return acc;\n  }, {} as HandlerMap);\n  return {handlerMap, unsupportedHandlers};\n};\n"],"names":[],"mappings":"AAGa,MAAA,cAAc,GAAG,CAAC,UAAsB,KAAI;AACvD,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KACvD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,MAAM;QAC/D,GAAG;QACH,MAAM;QACN,OAAO;QACP,OAAO;KACR,CAAC,CAAC,CACJ,CAAC;AACJ,EAAE;AAEW,MAAA,eAAe,GAAG,CAC7B,QAAmB,KACjB;IACF,MAAM,mBAAmB,GAAc,EAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAI;;QAEnD,MAAM,OAAO,GAAG,QAAuB,CAAC;AACxC,QAAA,IAAI,EAAE,MAAM,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AACpE,YAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAClC,YAAA,OAAO,GAAG,CAAC;SACZ;AACD,QAAA,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;AACtD,QAAA,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9D,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACd,YAAA,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAChB;AACD,QAAA,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC/C,QAAA,OAAO,GAAG,CAAC;KACZ,EAAE,EAAgB,CAAC,CAAC;AACrB,IAAA,OAAO,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC3C;;;;"}