msw-dev-tool 1.1.21 → 1.1.22

package/dist/cjs/ui/DevToolContent/HandlerDebugger/index.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var uiControlStore = require('../../../store/uiControlStore.js');
+var msw = require('msw');
+var PathParamSetter = require('./PathParamSetter.js');
+var KeyValueInputList = require('./KeyValueInputList.js');
+var RequestPreview = require('./RequestPreview.js');
+var container = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/container.js');
+var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var heading = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/heading.js');
+var text = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/text.js');
+
+/**
+ * - It uses `zustand` global state.
+ * - remounting of the inner component that uses local states.
+ * - To force a component to be remounted, use `key` prop.
+ */
+const HandlerDebugger = () => {
+    const { currentHandler: handler } = uiControlStore.default();
+    const key = `${handler === null || handler === void 0 ? void 0 : handler.info.path}-${handler === null || handler === void 0 ? void 0 : handler.info.method}`;
+    return (React.createElement(Container, null, handler ? (React.createElement(_HandlerDebugger, { handler: handler, key: key })) : (React.createElement(text.Text, null, "Select a handler from the table to debug"))));
+};
+const _HandlerDebugger = ({ handler }) => {
+    const path = handler === null || handler === void 0 ? void 0 : handler.info.path;
+    const url = new URL(String(path), location.href);
+    const { params } = msw.matchRequestUrl(url, path, url.origin);
+    const [paramValues, setParamValues] = React.useState(params
+        ? Object.keys(params).reduce((acc, key) => ({
+            ...acc,
+            [key]: "",
+        }), {})
+        : undefined);
+    const [headers, setHeaders] = React.useState({});
+    const [searchParams, setSearchParams] = React.useState({});
+    const handleParamChange = (key, value) => {
+        setParamValues((prev) => ({
+            ...prev,
+            [key]: value,
+        }));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(text.Text, { className: "msw-dt-sub-text", style: { overflowX: "scroll" } }, url.toString()),
+        React.createElement(PathParamSetter.PathParamSetter, { paramValues: paramValues, onParamChange: handleParamChange }),
+        React.createElement(KeyValueInputList.KeyValueInputList, { items: searchParams, setItems: setSearchParams, title: "Search Params" }),
+        React.createElement(KeyValueInputList.KeyValueInputList, { items: headers, setItems: setHeaders, title: "Headers" }),
+        React.createElement(RequestPreview.RequestPreview, { url: url, paramValues: paramValues, headers: headers, searchParams: searchParams })));
+};
+const Container = ({ children }) => {
+    return (React.createElement(container.Container, { style: { flex: 2, userSelect: "text", overflowY: "auto" } },
+        React.createElement(flex.Flex, { direction: "column", gap: "4" },
+            React.createElement(heading.Heading, { as: "h2", size: "5" }, "Debugger"),
+            children)));
+};
+
+exports.HandlerDebugger = HandlerDebugger;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/DevToolContent/HandlerDebugger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/HandlerDebugger/index.tsx"],"sourcesContent":[null],"names":["useUiControlStore","Text","matchRequestUrl","useState","PathParamSetter","KeyValueInputList","RequestPreview","_Container","Flex","Heading"],"mappings":"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"}

package/dist/cjs/ui/DevToolContent/HandlerTable/BehaviorSelect.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/.pnpm/@radix-ui_react-select@2.1.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._h3snaisb2dmidicxlzdds2tiqu/node_modules/@radix-ui/react-select/dist/index.js');
+var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var type = require('../../../lib/type.js');
+var handlerStore = require('../../../lib/handlerStore.js');
+
+const BehaviorSelect = ({ row }) => {
+    var _a;
+    const id = row.original.id;
+    const { setHandlerBehavior, getHandlerBehavior } = handlerStore.useHandlerStore();
+    return (React.createElement(index.Select, { onValueChange: (_value) => {
+            const value = _value;
+            setHandlerBehavior(row.original.id, value);
+        } },
+        React.createElement(index.SelectTrigger, { className: "msw-dt-select-trigger", "aria-label": "Behavior", onClick: (e) => e.stopPropagation() },
+            React.createElement(index.SelectValue, { placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : type.HttpHandlerBehavior.DEFAULT, className: "msw-dt-text-ellipsis" }),
+            React.createElement(index.SelectIcon, { className: "msw-dt-select-icon" },
+                React.createElement(reactIcons_esm.ChevronDownIcon, null))),
+        React.createElement(index.SelectPortal, null,
+            React.createElement(index.SelectContent, { className: "msw-dt-select-content", style: { zIndex: 10000 } },
+                React.createElement(index.SelectScrollUpButton, { className: "msw-dt-select-scroll-button" },
+                    React.createElement(reactIcons_esm.ChevronUpIcon, null)),
+                React.createElement(index.SelectViewport, { className: "msw-dt-select-viewport" }, Object.values(type.HttpHandlerBehavior).map((behavior) => {
+                    return (React.createElement(SelectItem, { key: behavior, value: behavior }, behavior));
+                })),
+                React.createElement(index.SelectScrollDownButton, { className: "msw-dt-select-scroll-button" },
+                    React.createElement(reactIcons_esm.ChevronDownIcon, null))))));
+};
+const SelectItem = React.forwardRef(({ children, className, value, ...props }, forwardedRef) => {
+    return (React.createElement(index.SelectItem, { className: "msw-dt-select-item", value: value, ...props, ref: forwardedRef },
+        React.createElement(index.SelectItemText, null, children),
+        React.createElement(index.SelectItemIndicator, { className: "msw-dt-select-item-indicator" },
+            React.createElement(reactIcons_esm.CheckIcon, null))));
+});
+SelectItem.displayName = "SelectItem";
+
+exports.BehaviorSelect = BehaviorSelect;
+//# sourceMappingURL=BehaviorSelect.js.map

package/dist/cjs/ui/DevToolContent/HandlerTable/BehaviorSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["useHandlerStore","Select","SelectTrigger","SelectValue","HttpHandlerBehavior","SelectIcon","ChevronDownIcon","SelectPortal","SelectContent","SelectScrollUpButton","ChevronUpIcon","SelectViewport","SelectScrollDownButton","_SelectItem","SelectItemText","SelectItemIndicator","CheckIcon"],"mappings":"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"}

package/dist/cjs/ui/DevToolContent/HandlerTable/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/.pnpm/@tanstack_react-table@8.20.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js');
+var useFlattenHandlersTable = require('../hook/useFlattenHandlersTable.js');
+var uiControlStore = require('../../../store/uiControlStore.js');
+var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var heading = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/heading.js');
+var table = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/table.js');
+
+const HandlerTable = () => {
+    const table$1 = useFlattenHandlersTable.useFlattenHandlersTable();
+    const { setDebuggerHandler } = uiControlStore.default();
+    const currentHandler = uiControlStore.default((state) => state.currentHandler);
+    return (React.createElement(flex.Flex, { style: { flex: 3, overflowY: "auto" }, direction: "column", gap: "4" },
+        React.createElement(heading.Heading, { as: "h2", size: "5" }, "Handlers"),
+        React.createElement(table.Root, { onDragStart: (e) => e.stopPropagation(), style: { userSelect: "text" } },
+            React.createElement(table.Header, null, table$1.getHeaderGroups().map((headerGroup) => (React.createElement(table.Row, { key: headerGroup.id }, headerGroup.headers.map((header) => (React.createElement(table.ColumnHeaderCell, { key: header.id }, header.isPlaceholder
+                ? null
+                : index.flexRender(header.column.columnDef.header, header.getContext())))))))),
+            React.createElement(table.Body, null, table$1.getRowModel().rows.map((row) => (React.createElement(table.Row, { key: row.id, align: "center", className: `msw-dt-http-control-row ${row.original.handler === currentHandler && "msw-dt-current-row"}`, onClick: () => {
+                    setDebuggerHandler(row.original.handler);
+                } }, row.getVisibleCells().map((cell) => (React.createElement(table.Cell, { key: cell.id }, index.flexRender(cell.column.columnDef.cell, cell.getContext())))))))))));
+};
+
+exports.HandlerTable = HandlerTable;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/DevToolContent/HandlerTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/index.tsx"],"sourcesContent":[null],"names":["table","useFlattenHandlersTable","useUiControlStore","Flex","Heading","Table.Root","Table.Header","Table.Row","Table.ColumnHeaderCell","flexRender","Table.Body","Table.Cell"],"mappings":";;;;;;;;;;AAMO,MAAM,YAAY,GAAG,MAAK;AAC/B,IAAA,MAAMA,OAAK,GAAGC,+CAAuB,EAAE,CAAC;AACxC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAGC,sBAAiB,EAAE,CAAC;AAEnD,IAAA,MAAM,cAAc,GAAGA,sBAAiB,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,CAAC,CAAC;IAE1E,QACE,oBAACC,SAAI,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAA;QACrE,KAAC,CAAA,aAAA,CAAAC,eAAO,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAEf,EAAA,UAAA,CAAA;QACV,KAAC,CAAA,aAAA,CAAAC,UAAU,EAAA,EACT,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EACvC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA;YAE7B,KAAC,CAAA,aAAA,CAAAC,YAAY,EACV,IAAA,EAAAN,OAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,MACvC,KAAC,CAAA,aAAA,CAAAO,SAAS,EAAA,EAAC,GAAG,EAAE,WAAW,CAAC,EAAE,EAC3B,EAAA,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAC9B,oBAACC,sBAAsB,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAA,EACnC,MAAM,CAAC,aAAa;AACnB,kBAAE,IAAI;kBACJC,gBAAU,CACR,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAC9B,MAAM,CAAC,UAAU,EAAE,CACpB,CACkB,CAC1B,CAAC,CACQ,CACb,CAAC,CACW;YACf,KAAC,CAAA,aAAA,CAAAC,UAAU,EAAA,IAAA,EACRV,OAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAChC,KAAC,CAAA,aAAA,CAAAO,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,CAAA,wBAAA,EACT,GAAG,CAAC,QAAQ,CAAC,OAAO,KAAK,cAAc,IAAI,oBAC7C,EAAE,EACF,OAAO,EAAE,MAAK;AACZ,oBAAA,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;iBAC1C,EAAA,EAEA,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,MAC9B,KAAC,CAAA,aAAA,CAAAI,UAAU,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAA,EACrBF,gBAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAC/C,CACd,CAAC,CACQ,CACb,CAAC,CACS,CACF,CACR,EACP;AACJ;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var handlerStore = require('../../lib/handlerStore.js');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var flex = require('../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var button = require('../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/button.js');
+
+const ToolButtonGroup = () => {
+    const { resetMSWDevTool } = handlerStore.useHandlerStore();
+    return (React.createElement(flex.Flex, { gap: "8", py: "4" },
+        React.createElement(button.Button, { onClick: () => resetMSWDevTool() },
+            React.createElement(reactIcons_esm.ReloadIcon, null),
+            "Reset Dev tool")));
+};
+
+exports.ToolButtonGroup = ToolButtonGroup;
+//# sourceMappingURL=ToolButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolButtonGroup.js","sources":["../../../../src/ui/DevToolContent/ToolButtonGroup.tsx"],"sourcesContent":[null],"names":["useHandlerStore","Flex","Button","ReloadIcon"],"mappings":";;;;;;;;AAKO,MAAM,eAAe,GAAG,MAAK;AAClC,IAAA,MAAM,EAAE,eAAe,EAAE,GAAGA,4BAAe,EAAE,CAAC;IAE9C,QACE,KAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA;QAClB,KAAC,CAAA,aAAA,CAAAC,aAAM,IAAC,OAAO,EAAE,MAAM,eAAe,EAAE,EAAA;AACtC,YAAA,KAAA,CAAA,aAAA,CAACC,yBAAU,EAAG,IAAA,CAAA;AAEP,YAAA,gBAAA,CAAA,CACJ,EACP;AACJ;;;;"}

package/dist/cjs/ui/DevToolContent/hook/useFlattenHandlersTable.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var index = require('../../../node_modules/.pnpm/@tanstack_react-table@8.20.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js');
+var handlerStore = require('../../../lib/handlerStore.js');
+var React = require('react');
+var BehaviorSelect = require('../HandlerTable/BehaviorSelect.js');
+var index$1 = require('../../../node_modules/.pnpm/@tanstack_table-core@8.20.5/node_modules/@tanstack/table-core/build/lib/index.js');
+
+const useFlattenHandlersTable = () => {
+    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) => {
+                        e.stopPropagation();
+                        table.toggleAllRowsSelected(e.target.checked);
+                    } })),
+                cell: ({ row }) => (React.createElement("input", { type: "checkbox", checked: row.getIsSelected(), onChange: (e) => {
+                        e.stopPropagation();
+                        row.toggleSelected(e.target.checked);
+                    } })),
+            }),
+            columnHelper.accessor("path", {
+                header: "Protocol",
+                cell: ({ row }) => {
+                    const protocol = new URL(row.original.path, location.href).protocol;
+                    return protocol;
+                },
+                id: "protocol",
+            }),
+            columnHelper.accessor("path", {
+                header: "Host",
+                cell: ({ row }) => {
+                    const host = new URL(row.original.path, location.href).host;
+                    return host;
+                },
+                id: "host",
+            }),
+            columnHelper.accessor("path", {
+                header: "Path",
+                cell: ({ row }) => {
+                    const path = new URL(row.original.path, location.href).pathname;
+                    return path;
+                },
+                id: "path",
+            }),
+            columnHelper.accessor("method", {
+                header: "Method",
+                cell: ({ row }) => row.original.method,
+            }),
+            columnHelper.accessor("behavior", {
+                header: "Behavior",
+                cell: ({ row }) => {
+                    return React.createElement(BehaviorSelect.BehaviorSelect, { row: row });
+                },
+            }),
+        ];
+    }, [flattenHandlers, handlerRowSelection, handleHandlerRowSelectionChange]);
+    const table = index.useReactTable({
+        columns,
+        data: flattenHandlers,
+        getCoreRowModel: index$1.getCoreRowModel(),
+        state: {
+            rowSelection: handlerRowSelection,
+        },
+        onRowSelectionChange: handleHandlerRowSelectionChange,
+        getRowId: (row) => row.id,
+        enableRowSelection: true,
+    });
+    return table;
+};
+
+exports.useFlattenHandlersTable = useFlattenHandlersTable;
+//# sourceMappingURL=useFlattenHandlersTable.js.map

package/dist/cjs/ui/DevToolContent/hook/useFlattenHandlersTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlattenHandlersTable.js","sources":["../../../../../src/ui/DevToolContent/hook/useFlattenHandlersTable.tsx"],"sourcesContent":[null],"names":["useHandlerStore","createColumnHelper","useMemo","BehaviorSelect","useReactTable","getCoreRowModel"],"mappings":"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"}

package/dist/cjs/ui/MSWDevTool.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+var index = require('../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js');
+var index$2 = require('./DevToolContent/HandlerTable/index.js');
+var index$1 = require('../node_modules/.pnpm/@radix-ui_react-dialog@1.1.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._tj6htj5pmg2es74uknz4aewlhy/node_modules/@radix-ui/react-dialog/dist/index.js');
+var index$3 = require('./DevToolContent/HandlerDebugger/index.js');
+var ThemeProvider = require('./ThemeProvider.js');
+var ToolButtonGroup = require('./DevToolContent/ToolButtonGroup.js');
+var Trigger = require('./Trigger.js');
+var flex = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+
+const MSWDevTool = ({ trigger }) => {
+    return (React.createElement(ThemeProvider.ThemeProvider, null,
+        React.createElement(index.Drawer.Root, null,
+            trigger ? (React.createElement(index.Drawer.Trigger, { asChild: true }, trigger)) : (React.createElement(index.Drawer.Trigger, { asChild: true },
+                React.createElement(Trigger.DefaultDevToolTrigger, null))),
+            React.createElement(index.Drawer.Portal, null,
+                React.createElement(ThemeProvider.ThemeProvider, null,
+                    React.createElement(index.Drawer.Overlay, { style: {
+                            position: "fixed",
+                            top: 0,
+                            right: 0,
+                            bottom: 0,
+                            left: 0,
+                            backgroundColor: "rgba(0, 0, 0, 0.4)",
+                        } }),
+                    React.createElement(index.Drawer.Content, { style: {
+                            position: "fixed",
+                            bottom: 0,
+                            left: 0,
+                            right: 0,
+                            height: "80%",
+                            backgroundColor: "#FFF",
+                            outline: "none",
+                            padding: "2rem",
+                            display: "flex",
+                            flexDirection: "column",
+                            color: "#000",
+                        } },
+                        React.createElement(flex.Flex, { align: "center", justify: "between" },
+                            React.createElement(index.Drawer.Title, { style: { margin: 0 } }, "MSW DEV TOOL"),
+                            React.createElement(index.Drawer.Close, { style: {
+                                    fontSize: "1.5rem",
+                                    backgroundColor: "transparent",
+                                    width: "2rem",
+                                    height: "2rem",
+                                    padding: 0,
+                                    textAlign: "center",
+                                } }, "X")),
+                        React.createElement(index$1.DialogDescription, { className: "msw-dt-sub-text", style: { display: "none" } }, "Dev tool to control mock logic, and monitor handler logic calls."),
+                        React.createElement(ToolButtonGroup.ToolButtonGroup, null),
+                        React.createElement(flex.Flex, { gap: "6", style: { flex: 1, overflow: "hidden" } },
+                            React.createElement(index$2.HandlerTable, null),
+                            React.createElement(index$3.HandlerDebugger, null))))))));
+};
+
+exports.MSWDevTool = MSWDevTool;
+//# sourceMappingURL=MSWDevTool.js.map

package/dist/cjs/ui/MSWDevTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["ThemeProvider","Drawer","DefaultDevToolTrigger","Flex","DialogDescription","ToolButtonGroup","HandlerTable","HandlerDebugger"],"mappings":";;;;;;;;;;;;MAgBa,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACE,oBAACA,2BAAa,EAAA,IAAA;QACZ,KAAC,CAAA,aAAA,CAAAC,YAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACN,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElD,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrB,KAAC,CAAA,aAAA,CAAAC,6BAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACD,KAAC,CAAA,aAAA,CAAAD,YAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAA,KAAA,CAAA,aAAA,CAACD,2BAAa,EAAA,IAAA;AACZ,oBAAA,KAAA,CAAA,aAAA,CAACC,YAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,eAAe,EAAE,oBAAoB;yBACtC,EACD,CAAA;AACF,oBAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,KAAK;AACb,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACd,yBAAA,EAAA;wBAED,KAAC,CAAA,aAAA,CAAAE,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;4BACpC,KAAC,CAAA,aAAA,CAAAF,YAAM,CAAC,KAAK,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAA6B,EAAA,cAAA,CAAA;AAC/D,4BAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE;AACL,oCAAA,QAAQ,EAAE,QAAQ;AAClB,oCAAA,eAAe,EAAE,aAAa;AAC9B,oCAAA,KAAK,EAAE,MAAM;AACb,oCAAA,MAAM,EAAE,MAAM;AACd,oCAAA,OAAO,EAAE,CAAC;AACV,oCAAA,SAAS,EAAE,QAAQ;AACpB,iCAAA,EAAA,EAAA,GAAA,CAGY,CACV;AACP,wBAAA,KAAA,CAAA,aAAA,CAACG,yBAAiB,EAAA,EAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAGR,EAAA,kEAAA,CAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAACC,+BAAe,EAAG,IAAA,CAAA;AACnB,wBAAA,KAAA,CAAA,aAAA,CAACF,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAA,KAAA,CAAA,aAAA,CAACG,oBAAY,EAAG,IAAA,CAAA;4BAChB,KAAC,CAAA,aAAA,CAAAC,uBAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}

package/dist/cjs/ui/ThemeProvider.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var theme = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/theme.js');
+
+/**
+ * - Because of `portal`, It should be used when rendering in an independent area.
+ * - `Theme` has its own size, so the size must be cleared.
+ */
+const ThemeProvider = React.forwardRef(({ children }, ref) => {
+    return (React.createElement(theme.Theme, { appearance: "light", ref: ref, style: {
+            minHeight: 0,
+            minWidth: 0,
+        } }, children));
+});
+ThemeProvider.displayName = "ThemeProvider";
+
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/cjs/ui/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ui/ThemeProvider.tsx"],"sourcesContent":[null],"names":["forwardRef","Theme"],"mappings":";;;;;AAGA;;;AAGG;AACI,MAAM,aAAa,GAAGA,gBAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAI;AACpB,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EACJ,UAAU,EAAC,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,CAAC;SACZ,EAEA,EAAA,QAAQ,CACH,EACR;AACJ,CAAC,EACD;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/ui/Trigger.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var button = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/button.js');
+
+const DefaultDevToolTrigger = React.forwardRef((props, ref) => {
+    return (React.createElement(button.Button, { ref: ref, style: {
+            fontSize: "2rem",
+            borderRadius: "50%",
+            width: "3.5rem",
+            height: "3.5rem",
+            margin: "1rem",
+            position: "fixed",
+            top: 0,
+            left: 0,
+            zIndex: 999,
+            cursor: "pointer",
+        }, ...props }, "M"));
+});
+DefaultDevToolTrigger.displayName = "DefaultDevToolTrigger";
+
+exports.DefaultDevToolTrigger = DefaultDevToolTrigger;
+//# sourceMappingURL=Trigger.js.map

package/dist/cjs/ui/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sources":["../../../src/ui/Trigger.tsx"],"sourcesContent":[null],"names":["forwardRef","Button"],"mappings":";;;;;AAGa,MAAA,qBAAqB,GAAGA,gBAAU,CAC7C,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,QACE,oBAACC,aAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,MAAM,EAAE,SAAS;SAClB,EACG,GAAA,KAAK,EAGF,EAAA,GAAA,CAAA,EACT;AACJ,CAAC,EACD;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/cjs/utils/url.js

@@ -0,0 +1,43 @@
+'use strict';
+
+/**
+ * Replace path parameters with path object and formatted path
+ */
+const getPathWithParams = (url, paramValues) => {
+    if (!paramValues)
+        return url.pathname;
+    return url.pathname
+        .split("/")
+        .map((segment) => {
+        if (segment.startsWith(":")) {
+            const paramName = segment.slice(1); // remove ':'
+            return paramValues[paramName] || "undefined"; // replace with param value if exists, otherwise "undefined"
+        }
+        return segment;
+    })
+        .join("/");
+};
+const getSearchParams = (searchParams) => {
+    if (!searchParams || Object.keys(searchParams).length === 0)
+        return "";
+    const urlSearchParams = new URLSearchParams();
+    Object.entries(searchParams).forEach(([key, value]) => {
+        urlSearchParams.set(key, value);
+    });
+    return urlSearchParams.toString();
+};
+/**
+ * Create full URL string
+ */
+const getTotalUrl = (origin, path, searchParams) => {
+    const url = new URL(`${origin}${path}`);
+    if (searchParams) {
+        url.search = searchParams;
+    }
+    return url.toString();
+};
+
+exports.getPathWithParams = getPathWithParams;
+exports.getSearchParams = getSearchParams;
+exports.getTotalUrl = getTotalUrl;
+//# sourceMappingURL=url.js.map

package/dist/cjs/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sources":["../../../src/utils/url.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;MACU,iBAAiB,GAAG,CAC/B,GAAQ,EACR,WAAgC,KACtB;AACV,IAAA,IAAI,CAAC,WAAW;QAAE,OAAO,GAAG,CAAC,QAAQ,CAAC;IAEtC,OAAO,GAAG,CAAC,QAAQ;SAChB,KAAK,CAAC,GAAG,CAAC;AACV,SAAA,GAAG,CAAC,CAAC,OAAO,KAAI;AACf,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACnC,OAAO,WAAW,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC;SAC9C;AACD,QAAA,OAAO,OAAO,CAAC;AACjB,KAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,EAAE;AAEW,MAAA,eAAe,GAAG,CAC7B,YAAqC,KAC3B;AACV,IAAA,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE,CAAC;AAEvE,IAAA,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;AAC9C,IAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACpD,QAAA,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAClC,KAAC,CAAC,CAAC;AAEH,IAAA,OAAO,eAAe,CAAC,QAAQ,EAAE,CAAC;AACpC,EAAE;AACF;;AAEG;AACU,MAAA,WAAW,GAAG,CACzB,MAAc,EACd,IAAY,EACZ,YAAoB,KACV;IACV,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,CAAG,EAAA,MAAM,CAAG,EAAA,IAAI,CAAE,CAAA,CAAC,CAAC;IACxC,IAAI,YAAY,EAAE;AAChB,QAAA,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC;KAC3B;AACD,IAAA,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB;;;;;;"}

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal, getDefaultExportFromCjs };
+//# 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/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/const/handler.js

@@ -0,0 +1,7 @@
+import { http } from 'msw';
+
+const dummyUrl = "/msw-dev-tool-dummy";
+const dummyHandler = http.get(dummyUrl, () => { });
+
+export { dummyHandler, dummyUrl };
+//# sourceMappingURL=handler.js.map

package/dist/esm/const/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sources":["../../../src/const/handler.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,QAAQ,GAAG,sBAAsB;AAEvC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAO,GAAC;;;;"}