msw-dev-tool 3.0.0 → 3.1.1

package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('../../../node_modules/@radix-ui/react-label/dist/index.js');
+var React = require('react');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var text = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text.js');
+
+const FormFieldBase = ({ id, label, required, error, children, }) => {
+    return (React.createElement(flex.Flex, { gap: "2", direction: "column" },
+        React.createElement(index.Label, { htmlFor: id },
+            label,
+            required && (React.createElement("span", { style: { color: "red", marginLeft: "0.2rem" } }, "*"))),
+        children,
+        error && (React.createElement(text.Text, { size: "1", color: "red", weight: "medium" }, error))));
+};
+
+exports.FormFieldBase = FormFieldBase;
+//# sourceMappingURL=FormFieldBase.js.map

package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["Flex","Label","Text"],"mappings":";;;;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACE,KAAC,CAAA,aAAA,CAAAA,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAAA,GAAA,CAAU,CAC9D,CACK;QACP,QAAQ;QACR,KAAK,KACJ,KAAC,CAAA,aAAA,CAAAC,SAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAA,EACvC,KAAK,CACD,CACR,CACI,EACP;AACJ;;;;"}

package/dist/cjs/ui/DevToolContent/Form/InputFormField.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var textField = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
+
+const InputFormField = React.forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(textField.Root, { id: id, ref: ref, ...rest })));
+});
+InputFormField.displayName = "InputFormField";
+
+exports.InputFormField = InputFormField;
+//# sourceMappingURL=InputFormField.js.map

package/dist/cjs/ui/DevToolContent/Form/InputFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/InputFormField.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","FormFieldBase","TextField.Root"],"mappings":";;;;;;MASa,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAACC,cAAc,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA,CAChC,EAChB;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/ui/DevToolContent/Form/Select.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-select/dist/index.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+
+const Select = ({ options, placeholder, label, id, ...rest }) => {
+    return (React.createElement(index.Select, { "data-theme": "light", "data-radix-color-scheme": "light", ...rest },
+        React.createElement(index.SelectTrigger, { className: "msw-dt-select-trigger", "aria-label": label !== null && label !== void 0 ? label : "select", onClick: (e) => e.stopPropagation(), id: id },
+            React.createElement(index.SelectValue, { placeholder: placeholder, 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 }, "data-theme": "light", "data-radix-color-scheme": "light" },
+                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" }, options.map((opt) => {
+                    return (React.createElement(SelectItem, { key: opt.value, value: opt.value }, opt.label));
+                })),
+                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.Select = Select;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/ui/DevToolContent/Form/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../src/ui/DevToolContent/Form/Select.tsx"],"sourcesContent":[null],"names":["_Select","SelectTrigger","SelectValue","SelectIcon","ChevronDownIcon","SelectPortal","SelectContent","SelectScrollUpButton","ChevronUpIcon","SelectViewport","SelectScrollDownButton","_SelectItem","SelectItemText","SelectItemIndicator","CheckIcon"],"mappings":";;;;;;AA8Ba,MAAA,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,WAAW,EACX,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACK,KAAI;IAChB,QACE,oBAACA,YAAO,EAAA,EAAA,YAAA,EAAY,OAAO,EAAyB,yBAAA,EAAA,OAAO,KAAK,IAAI,EAAA;AAClE,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EAAA,EACZ,SAAS,EAAC,uBAAuB,EAAA,YAAA,EACrB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,QAAQ,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EACnC,EAAE,EAAE,EAAE,EAAA;YAEN,KAAC,CAAA,aAAA,CAAAC,iBAAW,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,sBAAsB,EAChC,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAACC,gBAAU,EAAA,EAAC,SAAS,EAAC,oBAAoB,EAAA;gBACxC,KAAC,CAAA,aAAA,CAAAC,8BAAe,EAAG,IAAA,CAAA,CACR,CACC;AAChB,QAAA,KAAA,CAAA,aAAA,CAACC,kBAAY,EAAA,IAAA;AACX,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EACZ,EAAA,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACb,YAAA,EAAA,OAAO,6BACM,OAAO,EAAA;AAE/B,gBAAA,KAAA,CAAA,aAAA,CAACC,0BAAoB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;oBAC3D,KAAC,CAAA,aAAA,CAAAC,4BAAa,OAAG,CACI;AACvB,gBAAA,KAAA,CAAA,aAAA,CAACC,oBAAc,EAAA,EAAC,SAAS,EAAC,wBAAwB,EAAA,EAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;oBACnB,QACE,oBAAC,UAAU,EAAA,EAAC,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAA,EACzC,GAAG,CAAC,KAAK,CACC,EACb;AACJ,iBAAC,CAAC,CACa;AACjB,gBAAA,KAAA,CAAA,aAAA,CAACC,4BAAsB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;AAC7D,oBAAA,KAAA,CAAA,aAAA,CAACN,8BAAe,EAAG,IAAA,CAAA,CACI,CACX,CACH,CACP,EACV;AACJ,EAAE;AAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC2B,EACrC,YAA0C,KACxC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAO,gBAAW,EACV,EAAA,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EAAA;QAEjB,KAAC,CAAA,aAAA,CAAAC,oBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB;AAC3C,QAAA,KAAA,CAAA,aAAA,CAACC,yBAAmB,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAAA;AAC3D,YAAA,KAAA,CAAA,aAAA,CAACC,wBAAS,EAAA,IAAA,CAAG,CACO,CACV,EACd;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/ui/DevToolContent/Form/SelectFormField.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var Select = require('./Select.js');
+
+const SelectFormField = ({ label, error, required, ...rest }) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(Select.Select, { id: id, ...rest })));
+};
+
+exports.SelectFormField = SelectFormField;
+//# sourceMappingURL=SelectFormField.js.map

package/dist/cjs/ui/DevToolContent/Form/SelectFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/SelectFormField.tsx"],"sourcesContent":[null],"names":["useId","FormFieldBase","Select"],"mappings":";;;;;;AAaa,MAAA,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE,CAAC;AACnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;QACnE,KAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,EAAE,EAAE,EAAE,KAAM,IAAI,EAAA,CAAI,CACd,EAChB;AACJ;;;;"}

package/dist/cjs/ui/DevToolContent/Form/TextAreaFormField.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var textArea = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-area.js');
+
+const TextAreaFormField = React.forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(textArea.TextArea, { id: id, ref: ref, ...rest })));
+});
+TextAreaFormField.displayName = "TextAreaFormField";
+
+exports.TextAreaFormField = TextAreaFormField;
+//# sourceMappingURL=TextAreaFormField.js.map

package/dist/cjs/ui/DevToolContent/Form/TextAreaFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/TextAreaFormField.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","FormFieldBase","TextArea"],"mappings":";;;;;;MASa,iBAAiB,GAAGA,gBAAU,CACzC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAACC,iBAAQ,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA,CAC1B,EAChB;AACJ,CAAC,EACD;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

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

@@ -1,40 +1,23 @@
 'use strict';
 
-var React = require('react');
-var index = require('../../../node_modules/@radix-ui/react-select/dist/index.js');
-var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
 var type = require('../../../lib/type.js');
 var handlerStore = require('../../../lib/handlerStore.js');
+var Select = require('../Form/Select.js');
+var React = require('react');
 
+const options = Object.values(type.HttpHandlerBehavior).map((behavior) => ({
+    label: behavior,
+    value: behavior,
+}));
 const BehaviorSelect = ({ row }) => {
     var _a;
     const id = row.original.id;
     const { setHandlerBehavior, getHandlerBehavior } = handlerStore.useHandlerStore();
-    return (React.createElement(index.Select, { onValueChange: (_value) => {
+    return (React.createElement(Select.Select, { options: options, placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : type.HttpHandlerBehavior.DEFAULT, onValueChange: (_value) => {
             const value = _value;
             setHandlerBehavior(row.original.id, value);
-        }, "data-theme": "light", "data-radix-color-scheme": "light" },
-        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 }, "data-theme": "light", "data-radix-color-scheme": "light" },
-                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))))));
+        }, "data-theme": "light", "data-radix-color-scheme": "light" }));
 };
-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

@@ -1 +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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"}
+{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["HttpHandlerBehavior","useHandlerStore","Select"],"mappings":";;;;;;;AAOA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,wBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,MAAM;AACpE,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAkB;AAC1B,CAAA,CAAC,CAAC,CAAC;MAES,cAAc,GAAG,CAAC,EAAE,GAAG,EAAgC,KAAI;;AACtE,IAAA,MAAM,EAAE,GAAG,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAGC,4BAAe,EAAE,CAAC;IAErE,QACE,KAAC,CAAA,aAAA,CAAAC,aAAM,EACL,EAAA,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAA,EAAA,GAAA,kBAAkB,CAAC,EAAE,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAAF,wBAAmB,CAAC,OAAO,EAClE,aAAa,EAAE,CAAC,MAAM,KAAI;YACxB,MAAM,KAAK,GAAG,MAA6B,CAAC;YAC5C,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAC7C,SAAC,gBACU,OAAO,EAAA,yBAAA,EACM,OAAO,EAAA,CAC/B,EACF;AACJ;;;;"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var React = require('react');
+var schema = require('./schema.js');
+var type = require('../../../lib/type.js');
+var InputFormField = require('../Form/InputFormField.js');
+var TextAreaFormField = require('../Form/TextAreaFormField.js');
+var SelectFormField = require('../Form/SelectFormField.js');
+var handlerStore = require('../../../lib/handlerStore.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var button = require('../../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
+
+const options = Object.values(type.HttpMethod).map((method) => ({
+    label: method,
+    value: method,
+}));
+const HandlerForm = ({ onClose }) => {
+    const { addTempHandler } = handlerStore.useHandlerStore();
+    const [errors, setErrors] = React.useState({});
+    const validateForm = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        const data = {
+            method: formData.get("method"),
+            path: formData.get("path"),
+            response: formData.get("response"),
+        };
+        const result = schema.handlerSchema.safeParse(data);
+        if (!result.success) {
+            const formattedErrors = {};
+            result.error.issues.forEach((issue) => {
+                issue.path.forEach((path) => {
+                    const key = path;
+                    formattedErrors[key] = issue.message;
+                });
+            });
+            setErrors(formattedErrors);
+            return;
+        }
+        setErrors({});
+        addTempHandler(result.data);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    return (React.createElement("form", { onSubmit: validateForm, style: { overflowY: "scroll", flexGrow: 1, paddingRight: "1.5rem" } },
+        React.createElement(flex.Flex, { gap: "5", direction: "column" },
+            React.createElement(SelectFormField.SelectFormField, { label: "Method", name: "method", error: errors.method, options: options, required: true, defaultValue: type.HttpMethod.GET }),
+            React.createElement(InputFormField.InputFormField, { label: "Path", name: "path", error: errors.path, placeholder: "api end point", required: true }),
+            React.createElement(TextAreaFormField.TextAreaFormField, { label: "Response", name: "response", error: errors.response, placeholder: "JSON response", style: {
+                    minHeight: "225px",
+                }, required: true }),
+            React.createElement(button.Button, { type: "submit" },
+                React.createElement(reactIcons_esm.PlusIcon, null),
+                "Add"))));
+};
+
+exports.HandlerForm = HandlerForm;
+//# sourceMappingURL=HandlerForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["HttpMethod","useHandlerStore","useState","handlerSchema","Flex","SelectFormField","InputFormField","TextAreaFormField","Button","PlusIcon"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var handlerStore = require('../../../lib/handlerStore.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var index = require('../../../node_modules/@radix-ui/react-dialog/dist/index.js');
+var ThemeProvider = require('../../ThemeProvider.js');
+var HandlerForm = require('./HandlerForm.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var button = require('../../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
+var dialog = require('../../../node_modules/@radix-ui/themes/dist/esm/components/dialog.js');
+
+const ToolButtonGroup = () => {
+    const { resetMSWDevTool } = handlerStore.useHandlerStore();
+    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    return (React.createElement(flex.Flex, { gap: "6", py: "4" },
+        React.createElement(button.Button, { onClick: () => resetMSWDevTool(), color: "crimson" },
+            React.createElement(reactIcons_esm.ReloadIcon, null),
+            "Reset Dev tool"),
+        React.createElement(dialog.Root, { open: isDialogOpen, onOpenChange: setIsDialogOpen },
+            React.createElement(index.DialogTrigger, { asChild: true },
+                React.createElement(button.Button, null,
+                    React.createElement(reactIcons_esm.PlusIcon, null),
+                    "Add Temp Handler")),
+            React.createElement(index.DialogPortal, null,
+                React.createElement(ThemeProvider.ThemeProvider, null,
+                    React.createElement(index.DialogOverlay, { className: "dialog-overlay" }),
+                    React.createElement(index.DialogContent, { style: {
+                            position: "fixed",
+                            top: "50%",
+                            left: "50%",
+                            transform: "translate(-50%, -50%)",
+                            backgroundColor: "#FFF",
+                            padding: "1rem 2rem",
+                            display: "flex",
+                            flexDirection: "column",
+                            color: "#000",
+                            borderRadius: "1rem",
+                            maxHeight: "90vh",
+                            maxWidth: "90vw",
+                            overflow: "hidden",
+                        } },
+                        React.createElement(flex.Flex, { align: "center", justify: "between" },
+                            React.createElement(index.DialogTitle, null, "Add Temp Handler"),
+                            React.createElement(index.DialogClose, { style: {
+                                    fontSize: "1.5rem",
+                                    backgroundColor: "transparent",
+                                    width: "2rem",
+                                    height: "2rem",
+                                    padding: 0,
+                                    textAlign: "center",
+                                } }, "X")),
+                        React.createElement(index.DialogDescription, null,
+                            "Temp handler is stored in the session storage. If you",
+                            " ",
+                            React.createElement("span", { style: { fontWeight: "600" } }, "reset dev tool"),
+                            ", it will be ",
+                            React.createElement("span", { style: { color: "red" } }, "deleted"),
+                            "."),
+                        React.createElement(HandlerForm.HandlerForm, { onClose: () => setIsDialogOpen(false) })))))));
+};
+
+exports.ToolButtonGroup = ToolButtonGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["useHandlerStore","useState","Flex","Button","ReloadIcon","Dialog.Root","DialogTrigger","PlusIcon","DialogPortal","ThemeProvider","DialogOverlay","DialogContent","DialogTitle","DialogClose","DialogDescription","HandlerForm"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('../../../node_modules/zod/lib/index.js');
+var util = require('./util.js');
+var type = require('../../../lib/type.js');
+var handlerStore = require('../../../lib/handlerStore.js');
+var util$1 = require('../../../lib/util.js');
+
+const handlerSchema = index.default
+    .object({
+    path: index.default.string().refine(util.isValidUrl, {
+        message: "Invalid URL format",
+    }),
+    response: index.default
+        .string()
+        .refine(util.isValidJson, { message: "Invalid JSON format" }),
+    method: index.default.nativeEnum(type.HttpMethod),
+})
+    .refine((data) => {
+    const id = util$1.getRowId({
+        path: data.path,
+        method: data.method,
+    });
+    return !handlerStore.isDuplicateHandler(id);
+}, {
+    message: "Duplicate handler. Change method or path.",
+    path: ["path", "method"],
+});
+
+exports.handlerSchema = handlerSchema;
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/schema.ts"],"sourcesContent":[null],"names":["z","isValidUrl","isValidJson","HttpMethod","getRowId","isDuplicateHandler"],"mappings":";;;;;;;;AAMO,MAAM,aAAa,GAAGA,aAAC;AAC3B,KAAA,MAAM,CAAC;IACN,IAAI,EAAEA,aAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAACC,eAAU,EAAE;AAClC,QAAA,OAAO,EAAE,oBAAoB;KAC9B,CAAC;AACF,IAAA,QAAQ,EAAED,aAAC;AACR,SAAA,MAAM,EAAE;SACR,MAAM,CAACE,gBAAW,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAC1D,IAAA,MAAM,EAAEF,aAAC,CAAC,UAAU,CAACG,eAAU,CAAC;CACjC,CAAC;AACD,KAAA,MAAM,CACL,CAAC,IAAI,KAAI;IACP,MAAM,EAAE,GAAGC,eAAQ,CAAC;QAClB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,CAACC,+BAAkB,CAAC,EAAE,CAAC,CAAC;AACjC,CAAC,EACD;AACE,IAAA,OAAO,EAAE,2CAA2C;AACpD,IAAA,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;AACzB,CAAA;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+const isValidUrl = (input) => {
+    try {
+        new URL(input, window.location.href);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+const isValidJson = (input) => {
+    try {
+        JSON.parse(input);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+
+exports.isValidJson = isValidJson;
+exports.isValidUrl = isValidUrl;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/util.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAa,MAAA,UAAU,GAAG,CAAC,KAAa,KAAI;AAC1C,IAAA,IAAI;QACF,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrC,QAAA,OAAO,IAAI,CAAC;KACb;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,KAAK,CAAC;KACd;AACH,EAAE;AAEW,MAAA,WAAW,GAAG,CAAC,KAAa,KAAI;AAC3C,IAAA,IAAI;AACF,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAClB,QAAA,OAAO,IAAI,CAAC;KACb;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,KAAK,CAAC;KACd;AACH;;;;;"}

package/dist/cjs/ui/MSWDevTool.js

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var index = require('../node_modules/vaul/dist/index.js');
-var index$2 = require('./DevToolContent/HandlerTable/index.js');
+var index$3 = require('./DevToolContent/HandlerTable/index.js');
 var index$1 = require('../node_modules/@radix-ui/react-dialog/dist/index.js');
-var index$3 = require('./DevToolContent/HandlerDebugger/index.js');
+var index$4 = require('./DevToolContent/HandlerDebugger/index.js');
 var ThemeProvider = require('./ThemeProvider.js');
-var ToolButtonGroup = require('./DevToolContent/ToolButtonGroup.js');
+var index$2 = require('./DevToolContent/ToolButtonGroup/index.js');
 var Trigger = require('./Trigger.js');
 var flex = require('../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
 
@@ -17,14 +17,7 @@ const MSWDevTool = ({ trigger }) => {
                 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.Overlay, { className: "dialog-overlay" }),
                     React.createElement(index.Drawer.Content, { style: {
                             position: "fixed",
                             bottom: 0,
@@ -49,10 +42,10 @@ const MSWDevTool = ({ trigger }) => {
                                     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(index$2.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))))))));
+                            React.createElement(index$3.HandlerTable, null),
+                            React.createElement(index$4.HandlerDebugger, null))))))));
 };
 
 exports.MSWDevTool = MSWDevTool;

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

@@ -1 +1 @@
-{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["ThemeProvider","Drawer","DefaultDevToolTrigger","Flex","DialogDescription","ToolButtonGroup","HandlerTable","HandlerDebugger"],"mappings":";;;;;;;;;;;;MAca,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;AACpC,4BAAA,KAAA,CAAA,aAAA,CAACF,YAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,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;;;;"}
+{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["ThemeProvider","Drawer","DefaultDevToolTrigger","Flex","DialogDescription","ToolButtonGroup","HandlerTable","HandlerDebugger"],"mappings":";;;;;;;;;;;;MAca,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,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,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;AACpC,4BAAA,KAAA,CAAA,aAAA,CAACF,YAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,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,uBAAe,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/esm/lib/handlerStore.js

@@ -1,8 +1,10 @@
 import { create } from 'zustand';
+import { HttpHandlerBehavior } from './type.js';
 import { isHttpHandler, getRowId, getHandlerResponseByBehavior, initMSWDevToolStore, mergeStorageData } from './util.js';
 import { setupWorker } from '../utils/mswBrowser.js';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import { STORAGE_KEY } from './const.js';
+import { http } from 'msw';
 
 const useHandlerStore = create()(persist((set, get) => ({
     flattenHandlers: [],
@@ -51,6 +53,33 @@ const useHandlerStore = create()(persist((set, get) => ({
             restHandlers: unsupportedHandlers,
         });
     },
+    addTempHandler: ({ method, path, response }) => {
+        const id = getRowId({
+            path: path,
+            method: method,
+        });
+        const handler = http.get(path, async () => {
+            const behavior = get().getHandlerBehavior(id);
+            return await getHandlerResponseByBehavior(behavior, () => Response.json(JSON.parse(response)));
+        });
+        const worker = get().getWorker();
+        worker.use(handler);
+        const newFlattenHandlers = [
+            ...get().flattenHandlers,
+            {
+                id,
+                path,
+                method,
+                handler,
+                type: "temp",
+                behavior: HttpHandlerBehavior.DEFAULT,
+            },
+        ];
+        set({
+            worker,
+            flattenHandlers: newFlattenHandlers,
+        });
+    },
     getWorker: () => {
         const worker = get().worker;
         if (!worker)
@@ -84,6 +113,11 @@ const useHandlerStore = create()(persist((set, get) => ({
     }),
 }));
 const setupDevToolWorker = useHandlerStore.getState().setupDevToolWorker;
+const isDuplicateHandler = (id) => {
+    return useHandlerStore
+        .getState()
+        .flattenHandlers.some((handler) => handler.id === id);
+};
 
-export { setupDevToolWorker, useHandlerStore };
+export { isDuplicateHandler, setupDevToolWorker, useHandlerStore };
 //# sourceMappingURL=handlerStore.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"handlerStore.js","sources":["../../../src/lib/handlerStore.ts"],"sourcesContent":[null],"names":["setupWorker","_setupWorker"],"mappings":"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"}
+{"version":3,"file":"handlerStore.js","sources":["../../../src/lib/handlerStore.ts"],"sourcesContent":[null],"names":["setupWorker","_setupWorker"],"mappings":"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"}

package/dist/esm/lib/type.js

@@ -36,6 +36,17 @@ const HttpHandlerBehavior = {
     ...CustomBehavior,
     ...HttpStatusCode,
 };
+const HttpMethod = {
+    GET: "GET",
+    POST: "POST",
+    PUT: "PUT",
+    DELETE: "DELETE",
+    PATCH: "PATCH",
+    OPTIONS: "OPTIONS",
+    HEAD: "HEAD",
+    TRACE: "TRACE",
+    CONNECT: "CONNECT",
+};
 
-export { CustomBehavior, HttpHandlerBehavior, HttpStatusCode };
+export { CustomBehavior, HttpHandlerBehavior, HttpMethod, HttpStatusCode };
 //# sourceMappingURL=type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":["../../../src/lib/type.ts"],"sourcesContent":[null],"names":[],"mappings":"AAeA;;AAEG;AACU,MAAA,cAAc,GAAG;;AAE5B,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,YAAY,EAAE,GAAG;;AAEjB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,kBAAkB,EAAE,GAAG;AACvB,IAAA,cAAc,EAAE,GAAG;AACnB,IAAA,QAAQ,EAAE,GAAG;;AAEb,IAAA,mBAAmB,EAAE,GAAG;AACxB,IAAA,iBAAiB,EAAE,GAAG;AACtB,IAAA,sBAAsB,EAAE,GAAG;;AAE3B,IAAA,iBAAiB,EAAE,GAAG;;AAGtB,IAAA,qBAAqB,EAAE,GAAG;;AAE1B,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,mBAAmB,EAAE,GAAG;AACxB,IAAA,eAAe,EAAE,GAAG;;EAEX;AAIE,MAAA,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,aAAa,EAAE,eAAe;EACrB;AAGE,MAAA,mBAAmB,GAAG;AACjC,IAAA,GAAG,cAAc;AACjB,IAAA,GAAG,cAAc;;;;;"}
+{"version":3,"file":"type.js","sources":["../../../src/lib/type.ts"],"sourcesContent":[null],"names":[],"mappings":"AAeA;;AAEG;AACU,MAAA,cAAc,GAAG;;AAE5B,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,YAAY,EAAE,GAAG;;AAEjB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,kBAAkB,EAAE,GAAG;AACvB,IAAA,cAAc,EAAE,GAAG;AACnB,IAAA,QAAQ,EAAE,GAAG;;AAEb,IAAA,mBAAmB,EAAE,GAAG;AACxB,IAAA,iBAAiB,EAAE,GAAG;AACtB,IAAA,sBAAsB,EAAE,GAAG;;AAE3B,IAAA,iBAAiB,EAAE,GAAG;;AAGtB,IAAA,qBAAqB,EAAE,GAAG;;AAE1B,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,mBAAmB,EAAE,GAAG;AACxB,IAAA,eAAe,EAAE,GAAG;;EAEX;AAIE,MAAA,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,aAAa,EAAE,eAAe;EACrB;AAGE,MAAA,mBAAmB,GAAG;AACjC,IAAA,GAAG,cAAc;AACjB,IAAA,GAAG,cAAc;EACR;AAyBE,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;;;;;"}

package/dist/esm/lib/util.js

@@ -20,9 +20,10 @@ const convertHandlers = (handlers) => {
         acc.push({
             id: getRowId({ path, method }),
             path,
-            method,
+            method: method,
             handler,
             behavior: HttpHandlerBehavior.DEFAULT,
+            type: "default",
         });
         return acc;
     }, []);
@@ -71,17 +72,24 @@ const getStorageData = () => {
 };
 const mergeStorageData = ({ flattenHandlers: newFlattenHandlers, }) => {
     const { flattenHandlers: savedFlattenHandlers } = getStorageData();
-    // Merge with saved and new element based on worker's handlers
+    // Merge with saved and new element based on worker's default handlers
     const flattenHandlers = newFlattenHandlers.map((newHandler) => {
         const savedHandler = savedFlattenHandlers.find((h) => h.id === newHandler.id);
         if (savedHandler) {
             return {
                 ...newHandler,
                 behavior: savedHandler.behavior,
+                type: savedHandler.type,
             };
         }
         return newHandler;
     });
+    // Merge with temp handlers
+    savedFlattenHandlers.forEach((handler) => {
+        if (handler.type === "temp") {
+            flattenHandlers.push(handler);
+        }
+    });
     return { flattenHandlers };
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/lib/util.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../src/lib/util.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}