msw-dev-tool 1.0.16 → 1.0.18

package/dist/cjs/ui/DevToolContent/HttpControl.js

@@ -1,27 +1,45 @@
 'use strict';
 
 var React = require('react');
+var index = require('../../node_modules/@tanstack/react-table/build/lib/index.js');
 var handlerStore = require('../../lib/handlerStore.js');
-var handlerMap = require('../../utils/handlerMap.js');
-var handler = require('../../const/handler.js');
+var index$1 = require('../../node_modules/@tanstack/table-core/build/lib/index.js');
 
 const HttpControl = () => {
-    const { handlerMap: handlerMap$1 } = handlerStore.useHandlerStore();
-    return (React.createElement("div", null, handlerMap.flatHandlerMap(handlerMap$1).map((flat) => {
-        const { url, method } = flat;
-        if (url === handler.dummyUrl) {
-            return React.createElement(React.Fragment, null);
-        }
-        return (React.createElement(HttpControlElement, { key: `${url}-${method}`, url: url, method: method }));
-    })));
-};
-const HttpControlElement = ({ url, method, }) => {
-    const { getIsChecked, toggleIsChecked } = handlerStore.useHandlerStore();
+    const { flattenHandlers, handlerRowSelection, handleHandlerRowSelectionChange } = handlerStore.useHandlerStore();
+    const columnHelper = index$1.createColumnHelper();
+    const columns = React.useMemo(() => {
+        return [
+            columnHelper.accessor("enabled", {
+                header: ({ table }) => (React.createElement("input", { type: "checkbox", checked: table.getIsAllRowsSelected(), onChange: (e) => table.toggleAllRowsSelected(e.target.checked) })),
+                cell: ({ row }) => (React.createElement("input", { type: "checkbox", checked: row.getIsSelected(), onChange: (e) => row.toggleSelected(e.target.checked) })),
+            }),
+            columnHelper.accessor("path", {
+                header: "End point",
+            }),
+            columnHelper.accessor("method", {
+                header: "Method",
+                cell: ({ row }) => (React.createElement("div", { className: "msw-dev-tool-center" }, row.original.enabled)),
+            }),
+        ];
+    }, []);
+    const table = index.useReactTable({
+        columns,
+        data: flattenHandlers,
+        getCoreRowModel: index$1.getCoreRowModel(),
+        state: {
+            rowSelection: handlerRowSelection,
+        },
+        onRowSelectionChange: handleHandlerRowSelectionChange,
+        getRowId: (row) => row.id,
+        enableRowSelection: true,
+    });
     return (React.createElement("div", null,
-        React.createElement("p", null, url),
-        React.createElement("label", null,
-            method,
-            React.createElement("input", { type: "checkbox", checked: getIsChecked(url, method), onChange: () => toggleIsChecked(url, method) }))));
+        React.createElement("table", null,
+            React.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => (React.createElement("tr", { key: headerGroup.id }, headerGroup.headers.map((header) => (React.createElement("th", { key: header.id }, header.isPlaceholder
+                ? null
+                : index.flexRender(header.column.columnDef.header, header.getContext())))))))),
+            React.createElement("tbody", null, table.getRowModel().rows.map((row) => (React.createElement("tr", { key: row.id }, row.getVisibleCells().map((cell) => (React.createElement("td", { key: cell.id }, index.flexRender(cell.column.columnDef.cell, cell.getContext())))))))))));
 };
 
 exports.HttpControl = HttpControl;

package/dist/cjs/ui/DevToolContent/HttpControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpControl.js","sources":["../../../../src/ui/DevToolContent/HttpControl.tsx"],"sourcesContent":["import React from \"react\";\nimport { useHandlerStore } from \"../../lib\";\nimport { flatHandlerMap } from \"../../utils/handlerMap\";\nimport { dummyUrl } from \"../../const/handler\";\n\nexport const HttpControl = () => {\n  const { handlerMap } = useHandlerStore();\n  return (\n    <div>\n      {flatHandlerMap(handlerMap).map((flat) => {\n        const { url, method } = flat;\n        if (url === dummyUrl) {\n          return <></>;\n        }\n        return (\n          <HttpControlElement\n            key={`${url}-${method}`}\n            url={url}\n            method={method}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst HttpControlElement = ({\n  url,\n  method,\n}: {\n  url: string;\n  method: string;\n}) => {\n  const { getIsChecked, toggleIsChecked } = useHandlerStore();\n  return (\n    <div>\n      <p>{url}</p>\n      <label>\n        {method}\n        <input\n          type=\"checkbox\"\n          checked={getIsChecked(url, method)}\n          onChange={() => toggleIsChecked(url, method)}\n        />\n      </label>\n    </div>\n  );\n};\n"],"names":["handlerMap","useHandlerStore","flatHandlerMap","dummyUrl"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAG,MAAK;AAC9B,IAAA,MAAM,cAAEA,YAAU,EAAE,GAAGC,4BAAe,EAAE,CAAC;AACzC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACGC,yBAAc,CAACF,YAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACvC,QAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;AAC7B,QAAA,IAAI,GAAG,KAAKG,gBAAQ,EAAE;AACpB,YAAA,OAAO,yCAAK,CAAC;SACd;QACD,QACE,oBAAC,kBAAkB,EAAA,EACjB,GAAG,EAAE,CAAA,EAAG,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,EACvB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,CAAA,EACF;KACH,CAAC,CACE,EACN;AACJ,EAAE;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,GAAG,EACH,MAAM,GAIP,KAAI;IACH,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAGF,4BAAe,EAAE,CAAC;AAC5D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAI,GAAG,CAAK;AACZ,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA;YACG,MAAM;AACP,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,MAAM,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,EAC5C,CAAA,CACI,CACJ,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"HttpControl.js","sources":["../../../../src/ui/DevToolContent/HttpControl.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { dummyUrl } from \"../../const/handler\";\nimport {\n  ColumnDef,\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useHandlerStore } from \"../../lib/handlerStore\";\nimport { FlattenHandler } from \"../../lib\";\n\nexport const HttpControl = () => {\n  const { flattenHandlers,handlerRowSelection,handleHandlerRowSelectionChange } = useHandlerStore();\n\n  const columnHelper = createColumnHelper<FlattenHandler>();\n  const columns: ColumnDef<FlattenHandler, any>[] = useMemo(() => {\n    return [\n      columnHelper.accessor(\"enabled\", {\n        header: ({ table }) => (\n          <input\n            type=\"checkbox\"\n            checked={table.getIsAllRowsSelected()}\n            onChange={(e) => table.toggleAllRowsSelected(e.target.checked)}\n          />\n        ),\n        cell: ({ row }) => (\n          <input\n            type=\"checkbox\"\n            checked={row.getIsSelected()}\n            onChange={(e) => row.toggleSelected(e.target.checked)}\n          />\n        ),\n      }),\n      columnHelper.accessor(\"path\", {\n        header: \"End point\",\n      }),\n      columnHelper.accessor(\"method\", {\n        header: \"Method\",\n        cell: ({ row }) => (\n          <div className=\"msw-dev-tool-center\">{row.original.enabled}</div>\n        ),\n      }),\n    ];\n  }, []);\n\n  const table = useReactTable({\n    columns,\n    data:flattenHandlers,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      rowSelection:handlerRowSelection,\n    },\n    onRowSelectionChange: handleHandlerRowSelectionChange,\n    getRowId:(row)=>row.id,\n    enableRowSelection: true,\n  });\n\n  return (\n    <div>\n      <table>\n        <thead>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <tr key={headerGroup.id}>\n              {headerGroup.headers.map((header) => (\n                <th key={header.id}>\n                  {header.isPlaceholder\n                    ? null\n                    : flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                </th>\n              ))}\n            </tr>\n          ))}\n        </thead>\n        <tbody>\n          {table.getRowModel().rows.map((row) => (\n            <tr key={row.id}>\n              {row.getVisibleCells().map((cell) => (\n                <td key={cell.id}>\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":["useHandlerStore","createColumnHelper","useMemo","useReactTable","getCoreRowModel","flexRender"],"mappings":"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"}

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,4 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+export { commonjsGlobal };
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/esm/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/_virtual/lodash.js

@@ -0,0 +1,4 @@
+var lodash = {exports: {}};
+
+export { lodash as __module };
+//# sourceMappingURL=lodash.js.map

package/dist/esm/_virtual/lodash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodash.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 export { MSWDevTool } from './ui/MSWDevTool.js';
-export { initMSWDevTool, useHandlerStore } from './lib/handlerStore.js';
+export { initMSWDevTool } from './lib/handlerStore.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/lib/handlerStore.js

@@ -1,44 +1,44 @@
 import { create } from 'zustand';
-import { produce } from '../node_modules/immer/dist/immer.js';
-import { convertHandlers, flatHandlerMap } from './util.js';
+import { convertHandlers } from './util.js';
 import { dummyHandler } from '../const/handler.js';
+import { l as lodashExports } from '../node_modules/lodash/lodash.js';
 
 const useHandlerStore = create((set, get) => ({
-    handlerMap: {},
+    flattenHandlers: [],
     worker: null,
     restHandlers: [],
+    handlerRowSelection: {},
     initMSWDevTool: (_worker) => {
         const worker = _worker;
         set({ worker });
         const handlers = worker.listHandlers();
-        const { handlerMap, unsupportedHandlers } = convertHandlers(handlers);
-        set({ handlerMap });
+        const { flattenHandlers, unsupportedHandlers } = convertHandlers(handlers);
+        set({ flattenHandlers });
+        set({
+            handlerRowSelection: flattenHandlers.reduce((acc, handler) => {
+                acc[handler.id] = handler.enabled;
+                return acc;
+            }, {}),
+        });
         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;
-        }));
-        get().updateEnableHandlers();
-    },
-    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;
-        }));
+    handleHandlerRowSelectionChange: (updater) => {
+        if (lodashExports.isFunction(updater)) {
+            set(({ handlerRowSelection }) => {
+                const next = updater(handlerRowSelection);
+                const current = get().flattenHandlers.map((handler) => next[handler.id]
+                    ? { ...handler, enabled: true }
+                    : { ...handler, enabled: false });
+                return { handlerRowSelection: next, flattenHandlers: current };
+            });
+        }
+        else {
+            const current = get().flattenHandlers.map((handler) => updater[handler.id]
+                ? { ...handler, enabled: true }
+                : { ...handler, enabled: false });
+            set({ handlerRowSelection: updater, flattenHandlers: current });
+        }
         get().updateEnableHandlers();
     },
     getWorker: () => {
@@ -48,9 +48,8 @@ const useHandlerStore = create((set, get) => ({
         return worker;
     },
     getTotalEnableHandlers: () => {
-        const handlerMapList = flatHandlerMap(get().handlerMap);
-        const checkedHttpHandlers = handlerMapList
-            .filter((h) => h.checked)
+        const checkedHttpHandlers = get()
+            .flattenHandlers.filter((h) => h.enabled)
             .map((h) => h.handler);
         const otherProtocolHandlers = get().restHandlers;
         return [...checkedHttpHandlers, ...otherProtocolHandlers];

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

@@ -1 +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\";\nimport { HttpHandler } from \"msw\";\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  getWorker: () => SetupWorker;\n  getTotalEnableHandlers: () => (Handler | HttpHandler)[];\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  updateEnableHandlers: () => 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    get().updateEnableHandlers();\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    get().updateEnableHandlers();\n  },\n  getWorker: () => {\n    const worker = get().worker;\n    if (!worker) throw new Error(\"Worker is not initialized\");\n    return worker;\n  },\n  getTotalEnableHandlers: () => {\n    const handlerMapList = flatHandlerMap(get().handlerMap);\n    const checkedHttpHandlers = handlerMapList\n      .filter((h) => h.checked)\n      .map((h) => h.handler);\n    const otherProtocolHandlers = get().restHandlers;\n    return [...checkedHttpHandlers, ...otherProtocolHandlers];\n  },\n  updateEnableHandlers: () => {\n    const worker = get().getWorker();\n    const totalEnableHandlers = get().getTotalEnableHandlers();\n    if (totalEnableHandlers.length === 0) {\n      worker.resetHandlers(dummyHandler);\n      return;\n    }\n\n    worker.resetHandlers(...totalEnableHandlers);\n  },\n}));\n\nexport const initMSWDevTool = useHandlerStore.getState().initMSWDevTool;\n"],"names":[],"mappings":";;;;;AAkCO,MAAM,eAAe,GAAG,MAAM,CAAoB,CAAC,GAAG,EAAE,GAAG,MAAM;AACtE,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,cAAc,EAAE,CAAC,OAAO,KAAI;QAC1B,MAAM,MAAM,GAAG,OAAO,CAAC;AACvB,QAAA,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;AAChB,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,EAAe,CAAC;QACpD,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AACtE,QAAA,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACpB,QAAA,GAAG,CAAC,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC3C,QAAA,OAAO,MAAM,CAAC;KACf;AACD,IAAA,aAAa,EAAE,CAAC,UAAU,KAAI;AAC5B,QAAA,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACpB,QAAA,OAAO,UAAU,CAAC;KACnB;IACD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,0CAAG,MAAM,CAAA,CAAE,OAAO,CAAA,EAAA;IACtE,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,KAAI;AACvC,QAAA,GAAG,CACD,OAAO,CAAoB,CAAC,KAAK,KAAI;YACnC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAC1B,OAAO;aACR;AACD,YAAA,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC;SACnD,CAAC,CACH,CAAC;AACF,QAAA,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC;KAC9B;AACD,IAAA,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAI;AAC/B,QAAA,GAAG,CACD,OAAO,CAAoB,CAAC,KAAK,KAAI;;AACnC,YAAA,IAAI,EAAC,CAAA,EAAA,GAAA,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,CAAC,CAAA,EAAE;gBACpC,OAAO;aACR;YACD,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO;gBACnC,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;SAC1C,CAAC,CACH,CAAC;AACF,QAAA,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC;KAC9B;IACD,SAAS,EAAE,MAAK;AACd,QAAA,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC;AAC5B,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAC1D,QAAA,OAAO,MAAM,CAAC;KACf;IACD,sBAAsB,EAAE,MAAK;QAC3B,MAAM,cAAc,GAAG,cAAc,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;QACxD,MAAM,mBAAmB,GAAG,cAAc;aACvC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;aACxB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AACzB,QAAA,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;AACjD,QAAA,OAAO,CAAC,GAAG,mBAAmB,EAAE,GAAG,qBAAqB,CAAC,CAAC;KAC3D;IACD,oBAAoB,EAAE,MAAK;AACzB,QAAA,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;AACjC,QAAA,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,sBAAsB,EAAE,CAAC;AAC3D,QAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,YAAA,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YACnC,OAAO;SACR;AAED,QAAA,MAAM,CAAC,aAAa,CAAC,GAAG,mBAAmB,CAAC,CAAC;KAC9C;AACF,CAAA,CAAC,EAAE;AAES,MAAA,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC;;;;"}
+{"version":3,"file":"handlerStore.js","sources":["../../../src/lib/handlerStore.ts"],"sourcesContent":["import { SetupWorker } from \"msw/browser\";\nimport { create } from \"zustand\";\nimport { FlattenHandler, Handler } from \"./type\";\nimport { convertHandlers } from \"./util\";\nimport { dummyHandler } from \"../const/handler\";\nimport { HttpHandler } from \"msw\";\nimport { OnChangeFn, RowSelectionState, Updater } from \"@tanstack/react-table\";\nimport { isFunction } from \"lodash\";\n\nexport interface HandlerStoreState {\n  worker: SetupWorker | null;\n  /**\n   * GraphQL or WebSocketHandler\n   *\n   * **Currently not supported**\n   */\n  restHandlers: Handler[];\n  flattenHandlers: FlattenHandler[];\n  handlerRowSelection: RowSelectionState;\n  initMSWDevTool: (worker: SetupWorker) => SetupWorker;\n  handleHandlerRowSelectionChange: OnChangeFn<RowSelectionState>;\n  getWorker: () => SetupWorker;\n  getTotalEnableHandlers: () => (Handler | HttpHandler)[];\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  updateEnableHandlers: () => void;\n}\nexport const useHandlerStore = create<HandlerStoreState>((set, get) => ({\n  flattenHandlers: [],\n  worker: null,\n  restHandlers: [],\n  handlerRowSelection: {},\n  initMSWDevTool: (_worker) => {\n    const worker = _worker;\n    set({ worker });\n    const handlers = worker.listHandlers() as Handler[];\n    const { flattenHandlers, unsupportedHandlers } = convertHandlers(handlers);\n    set({ flattenHandlers });\n    set({\n      handlerRowSelection: flattenHandlers.reduce((acc, handler) => {\n        acc[handler.id] = handler.enabled;\n        return acc;\n      }, {} as RowSelectionState),\n    });\n    set({ restHandlers: unsupportedHandlers });\n    return worker;\n  },\n  handleHandlerRowSelectionChange: (updater) => {\n    if (isFunction(updater)) {\n      set(({ handlerRowSelection }) => {\n        const next = updater(handlerRowSelection);\n        const current = get().flattenHandlers.map((handler) =>\n          next[handler.id]\n            ? { ...handler, enabled: true }\n            : { ...handler, enabled: false }\n        );\n        return { handlerRowSelection: next, flattenHandlers: current };\n      });\n    } else {\n      const current = get().flattenHandlers.map((handler) =>\n        updater[handler.id]\n          ? { ...handler, enabled: true }\n          : { ...handler, enabled: false }\n      );\n      set({ handlerRowSelection: updater, flattenHandlers: current });\n    }\n    get().updateEnableHandlers();\n  },\n  getWorker: () => {\n    const worker = get().worker;\n    if (!worker) throw new Error(\"Worker is not initialized\");\n    return worker;\n  },\n  getTotalEnableHandlers: () => {\n    const checkedHttpHandlers = get()\n      .flattenHandlers.filter((h) => h.enabled)\n      .map((h) => h.handler);\n    const otherProtocolHandlers = get().restHandlers;\n    return [...checkedHttpHandlers, ...otherProtocolHandlers];\n  },\n  updateEnableHandlers: () => {\n    const worker = get().getWorker();\n    const totalEnableHandlers = get().getTotalEnableHandlers();\n    if (totalEnableHandlers.length === 0) {\n      worker.resetHandlers(dummyHandler);\n      return;\n    }\n\n    worker.resetHandlers(...totalEnableHandlers);\n  },\n}));\n\nexport const initMSWDevTool = useHandlerStore.getState().initMSWDevTool;\n"],"names":["isFunction"],"mappings":"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"}

package/dist/esm/lib/util.js

@@ -1,14 +1,10 @@
-const flatHandlerMap = (handlerMap) => {
-    return Object.entries(handlerMap).flatMap(([url, methods]) => Object.entries(methods).map(([method, { handler, checked }]) => ({
-        url,
-        method,
-        handler,
-        checked,
-    })));
-};
+const getRowId = ({ path, method }) => JSON.stringify({
+    path,
+    method,
+});
 const convertHandlers = (handlers) => {
     const unsupportedHandlers = [];
-    const handlerMap = handlers.reduce((acc, _handler) => {
+    const flattenHandlers = handlers.reduce((acc, _handler) => {
         // Current, GraphQL & WebSocketHandler is not supported.
         const handler = _handler;
         if (!("info" in handler && handler.info.method && handler.info.path)) {
@@ -17,14 +13,17 @@ const convertHandlers = (handlers) => {
         }
         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 };
+        acc.push({
+            id: getRowId({ path, method }),
+            path,
+            method,
+            enabled: true,
+            handler,
+        });
         return acc;
-    }, {});
-    return { handlerMap, unsupportedHandlers };
+    }, []);
+    return { flattenHandlers, unsupportedHandlers };
 };
 
-export { convertHandlers, flatHandlerMap };
+export { convertHandlers, getRowId };
 //# sourceMappingURL=util.js.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"util.js","sources":["../../../src/lib/util.ts"],"sourcesContent":["import { HttpHandler } from \"msw\";\nimport { FlattenHandler, Handler } from \"./type\";\n\nexport const getRowId = ({ path, method }: { path: string; method: string }) =>\n  JSON.stringify({\n    path,\n    method,\n  });\n\nexport const getObjFromRowId = (rowId: string) =>\n  JSON.parse(rowId) as { path: string; method: string };\n\nexport const convertHandlers = (handlers: Handler[]) => {\n  const unsupportedHandlers: Handler[] = [];\n  const flattenHandlers: FlattenHandler[] = 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    acc.push({\n      id: getRowId({ path, method }),\n      path,\n      method,\n      enabled: true,\n      handler,\n    });\n    return acc;\n  }, [] as FlattenHandler[]);\n  return { flattenHandlers, unsupportedHandlers };\n};\n"],"names":[],"mappings":"AAGa,MAAA,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAoC,KACzE,IAAI,CAAC,SAAS,CAAC;IACb,IAAI;IACJ,MAAM;AACP,CAAA,EAAE;AAKQ,MAAA,eAAe,GAAG,CAAC,QAAmB,KAAI;IACrD,MAAM,mBAAmB,GAAc,EAAE,CAAC;IAC1C,MAAM,eAAe,GAAqB,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAI;;QAE1E,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;QAC9D,GAAG,CAAC,IAAI,CAAC;YACP,EAAE,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAC9B,IAAI;YACJ,MAAM;AACN,YAAA,OAAO,EAAE,IAAI;YACb,OAAO;AACR,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,GAAG,CAAC;KACZ,EAAE,EAAsB,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAClD;;;;"}

package/dist/esm/msw-dev-tool.css

@@ -1 +1 @@
-.entry-msw-dev-tool{align-items:center;background-color:#3498db;border:2px solid #3498db;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:30px;font-weight:700;height:50px;justify-content:center;left:10px;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:10px;transition:all .3s ease;width:50px;z-index:999}.msw-dev-tool-container{background-color:#fff;border:1px solid #000;box-sizing:border-box;color:#000;left:0;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1000}.msw-dev-tool-title-container{display:flex;justify-content:space-between}
+.entry-msw-dev-tool{align-items:center;background-color:#3498db;border:2px solid #3498db;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:30px;font-weight:700;height:50px;justify-content:center;left:10px;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:10px;transition:all .3s ease;width:50px;z-index:999}.msw-dev-tool-container{background-color:#fff;border:1px solid #000;box-sizing:border-box;color:#000;left:0;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1000}.msw-dev-tool-title-container{display:flex;justify-content:space-between}.msw-dev-tool-center{align-items:center;display:flex;justify-content:center}

package/dist/esm/node_modules/@tanstack/react-table/build/lib/index.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { createTable } from '../../../table-core/build/lib/index.js';
+export { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createColumnHelper, createRow, defaultColumnSizing, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getMemoOptions, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from '../../../table-core/build/lib/index.js';
+
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+//
+
+/**
+ * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
+ */
+function flexRender(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, props) : Comp;
+}
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+function isClassComponent(component) {
+  return typeof component === 'function' && (() => {
+    const proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  })();
+}
+function isExoticComponent(component) {
+  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+}
+function useReactTable(options) {
+  // Compose in the generic options to the user options
+  const resolvedOptions = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {},
+    // noop
+    renderFallbackValue: null,
+    ...options
+  };
+
+  // Create a new table and store it in state
+  const [tableRef] = React.useState(() => ({
+    current: createTable(resolvedOptions)
+  }));
+
+  // By default, manage table state here using the table's initial state
+  const [state, setState] = React.useState(() => tableRef.current.initialState);
+
+  // Compose the default state above with any user state. This will allow the user
+  // to only control a subset of the state if desired.
+  tableRef.current.setOptions(prev => ({
+    ...prev,
+    ...options,
+    state: {
+      ...state,
+      ...options.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: updater => {
+      setState(updater);
+      options.onStateChange == null || options.onStateChange(updater);
+    }
+  }));
+  return tableRef.current;
+}
+
+export { createTable, flexRender, useReactTable };
+//# sourceMappingURL=index.js.map

package/dist/esm/node_modules/@tanstack/react-table/build/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@tanstack/react-table/build/lib/index.mjs"],"sourcesContent":["/**\n   * react-table\n   *\n   * Copyright (c) TanStack\n   *\n   * This source code is licensed under the MIT license found in the\n   * LICENSE.md file in the root directory of this source tree.\n   *\n   * @license MIT\n   */\nimport * as React from 'react';\nimport { createTable } from '@tanstack/table-core';\nexport * from '@tanstack/table-core';\n\n//\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n */\nfunction flexRender(Comp, props) {\n  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, props) : Comp;\n}\nfunction isReactComponent(component) {\n  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);\n}\nfunction isClassComponent(component) {\n  return typeof component === 'function' && (() => {\n    const proto = Object.getPrototypeOf(component);\n    return proto.prototype && proto.prototype.isReactComponent;\n  })();\n}\nfunction isExoticComponent(component) {\n  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);\n}\nfunction useReactTable(options) {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    state: {},\n    // Dummy state\n    onStateChange: () => {},\n    // noop\n    renderFallbackValue: null,\n    ...options\n  };\n\n  // Create a new table and store it in state\n  const [tableRef] = React.useState(() => ({\n    current: createTable(resolvedOptions)\n  }));\n\n  // By default, manage table state here using the table's initial state\n  const [state, setState] = React.useState(() => tableRef.current.initialState);\n\n  // Compose the default state above with any user state. This will allow the user\n  // to only control a subset of the state if desired.\n  tableRef.current.setOptions(prev => ({\n    ...prev,\n    ...options,\n    state: {\n      ...state,\n      ...options.state\n    },\n    // Similarly, we'll maintain both our internal state and any user-provided\n    // state.\n    onStateChange: updater => {\n      setState(updater);\n      options.onStateChange == null || options.onStateChange(updater);\n    }\n  }));\n  return tableRef.current;\n}\n\nexport { flexRender, useReactTable };\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE;AACjC,EAAE,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;AACtG,CAAC;AACD,SAAS,gBAAgB,CAAC,SAAS,EAAE;AACrC,EAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACxG,CAAC;AACD,SAAS,gBAAgB,CAAC,SAAS,EAAE;AACrC,EAAE,OAAO,OAAO,SAAS,KAAK,UAAU,IAAI,CAAC,MAAM;AACnD,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AACnD,IAAI,OAAO,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;AAC/D,GAAG,GAAG,CAAC;AACP,CAAC;AACD,SAAS,iBAAiB,CAAC,SAAS,EAAE;AACtC,EAAE,OAAO,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACjK,CAAC;AACD,SAAS,aAAa,CAAC,OAAO,EAAE;AAChC;AACA,EAAE,MAAM,eAAe,GAAG;AAC1B,IAAI,KAAK,EAAE,EAAE;AACb;AACA,IAAI,aAAa,EAAE,MAAM,EAAE;AAC3B;AACA,IAAI,mBAAmB,EAAE,IAAI;AAC7B,IAAI,GAAG,OAAO;AACd,GAAG,CAAC;AACJ;AACA;AACA,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO;AAC3C,IAAI,OAAO,EAAE,WAAW,CAAC,eAAe,CAAC;AACzC,GAAG,CAAC,CAAC,CAAC;AACN;AACA;AACA,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAChF;AACA;AACA;AACA,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK;AACvC,IAAI,GAAG,IAAI;AACX,IAAI,GAAG,OAAO;AACd,IAAI,KAAK,EAAE;AACX,MAAM,GAAG,KAAK;AACd,MAAM,GAAG,OAAO,CAAC,KAAK;AACtB,KAAK;AACL;AACA;AACA,IAAI,aAAa,EAAE,OAAO,IAAI;AAC9B,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAC;AACxB,MAAM,OAAO,CAAC,aAAa,IAAI,IAAI,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACtE,KAAK;AACL,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,OAAO,QAAQ,CAAC,OAAO,CAAC;AAC1B;;;;","x_google_ignoreList":[0]}