@scalar/api-client 2.1.18 → 2.1.19

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @scalar/api-client
 
+## 2.1.19
+
+### Patch Changes
+
+- e5ee02f: fix: too many z-index layers
+- 8da2152: style: enhances responsiveness
+- 2a77f7b: fix: comment out stackBlitz in the ci
+- d02d70c: feat: add settings page to api client
+- e911047: Add default exports
+- 9a2d5ca: feat: adds curl importer
+- Updated dependencies [d064a78]
+- Updated dependencies [3db9355]
+- Updated dependencies [2ff5905]
+- Updated dependencies [9a2d5ca]
+- Updated dependencies [e911047]
+- Updated dependencies [d02d70c]
+- Updated dependencies [3acbf26]
+  - @scalar/openapi-parser@0.8.6
+  - @scalar/oas-utils@0.2.54
+  - @scalar/object-utils@1.1.10
+  - @scalar/openapi-types@0.1.2
+  - @scalar/types@0.0.14
+  - @scalar/themes@0.9.36
+  - @scalar/components@0.12.51
+  - @scalar/icons@0.1.0
+  - @scalar/use-codemirror@0.11.18
+  - @scalar/use-toasts@0.7.6
+  - @scalar/use-tooltip@1.0.2
+
 ## 2.1.18
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBar.vue.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    importCurl: (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onImportCurl?: ((value: string) => any) | undefined;
+}, {}, {}>;
 export default _default;
 //# sourceMappingURL=AddressBar.vue.d.ts.map

package/dist/components/AddressBar/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAouBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AA2vBA,wBAMG"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ef489963"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-30d2e87b"]]);
 export {
-  e as default
+  d as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,141 +1,144 @@
-import { defineComponent as L, ref as i, watch as O, onMounted as A, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as $, createCommentVNode as D, pushScopeId as P, popScopeId as Q } from "vue";
-import W from "../CodeInput/CodeInput.vue.js";
-import { Listbox as j } from "@headlessui/vue";
-import { ScalarButton as F, ScalarIcon as G } from "@scalar/components";
-import { REQUEST_METHODS as J } from "@scalar/oas-utils/helpers";
-import { isMacOS as X } from "@scalar/use-tooltip";
-import { useMagicKeys as Y, whenever as Z } from "@vueuse/core";
-import ee from "../HttpMethod/HttpMethod.vue.js";
-import te from "./AddressBarHistory.vue.js";
-import le from "./AddressBarServer.vue.js";
-import { executeRequestBus as S } from "../../libs/event-busses/execute-request-bus.js";
-import { useWorkspace as oe } from "../../store/store.js";
-import { requestStatusBus as ae } from "../../libs/event-busses/request-status-bus.js";
-import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
-const v = (d) => (P("data-v-ef489963"), d = d(), Q(), d), re = {
+import { defineComponent as z, ref as u, watch as A, onMounted as K, onBeforeUnmount as N, unref as l, openBlock as T, createElementBlock as $, createElementVNode as o, createVNode as n, withCtx as w, normalizeClass as B, normalizeStyle as D, createCommentVNode as P, pushScopeId as Q, popScopeId as W } from "vue";
+import j from "../CodeInput/CodeInput.vue.js";
+import { Listbox as F } from "@headlessui/vue";
+import { ScalarButton as G, ScalarIcon as J } from "@scalar/components";
+import { REQUEST_METHODS as X } from "@scalar/oas-utils/helpers";
+import { isMacOS as Y } from "@scalar/use-tooltip";
+import { useMagicKeys as Z, whenever as ee } from "@vueuse/core";
+import te from "../HttpMethod/HttpMethod.vue.js";
+import le from "./AddressBarHistory.vue.js";
+import oe from "./AddressBarServer.vue.js";
+import { executeRequestBus as C } from "../../libs/event-busses/execute-request-bus.js";
+import { useWorkspace as ae } from "../../store/store.js";
+import { requestStatusBus as re } from "../../libs/event-busses/request-status-bus.js";
+import { hotKeyBus as S } from "../../libs/event-busses/hot-keys-bus.js";
+const m = (d) => (Q("data-v-30d2e87b"), d = d(), W(), d), se = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, se = { class: "m-auto flex flex-row items-center" }, ne = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ie = { class: "flex gap-1" }, ue = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, de = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), ce = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Ce = /* @__PURE__ */ L({
+}, ne = { class: "m-auto flex flex-row items-center" }, ie = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, ue = { class: "flex gap-1" }, de = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, fe = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), ce = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), me = /* @__PURE__ */ m(() => /* @__PURE__ */ o("span", { class: "text-xxs relative lg:flex hidden" }, "Send", -1)), qe = /* @__PURE__ */ z({
   __name: "AddressBar",
+  emits: ["importCurl"],
   setup(d) {
     const {
       activeRequest: t,
-      activeExample: y,
-      activeServer: q,
-      isReadOnly: m,
-      requestMutators: f,
-      requestHistory: C
-    } = oe(), p = i(C[0]), h = i(null), _ = Y();
-    Z(
-      X() ? _.meta_enter : _.ctrl_enter,
-      () => S.emit()
+      activeExample: k,
+      activeServer: y,
+      isReadOnly: v,
+      requestMutators: c,
+      requestHistory: R
+    } = ae(), p = u(R[0]), h = u(null), b = Z();
+    ee(
+      Y() ? b.meta_enter : b.ctrl_enter,
+      () => C.emit()
     );
-    const E = (e) => {
-      !t.value || t.value.path === e || f.edit(t.value.uid, "path", e);
+    const q = (e) => {
+      !t.value || t.value.path === e || c.edit(t.value.uid, "path", e);
     };
-    O(
+    A(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !t.value || !e || E(e);
+        !t.value || !e || q(e);
       }
     );
-    const a = i(100), x = i(0), r = i(!1), n = i();
-    function R() {
-      r.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1);
+    const a = u(100), x = u(0), r = u(!1), i = u();
+    function E() {
+      r.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1);
     }
     function I() {
-      n.value || (r.value = !0, n.value = setInterval(R, 20));
+      i.value || (r.value = !0, i.value = setInterval(E, 20));
     }
     function V() {
       x.value = a.value, r.value = !1;
     }
-    function z() {
-      clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1;
+    function M() {
+      clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1;
     }
-    ae.on((e) => {
-      e === "start" && I(), e === "stop" && V(), e === "abort" && z();
+    re.on((e) => {
+      e === "start" && I(), e === "stop" && V(), e === "abort" && M();
     });
-    function M(e) {
-      t.value && f.edit(t.value.uid, "method", e);
+    function U(e) {
+      t.value && c.edit(t.value.uid, "method", e);
     }
     function H() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return J[e].backgroundColor;
+      return X[e].backgroundColor;
     }
-    function b() {
-      r.value || (r.value = !0, S.emit());
+    function _() {
+      r.value || (r.value = !0, C.emit());
     }
-    function U(e) {
-      t.value && f.edit(t.value.uid, "path", e);
+    function L(e) {
+      t.value && c.edit(t.value.uid, "path", e);
     }
     function g(e) {
-      var u;
-      e.focusAddressBar && ((u = h.value) == null || u.focus());
+      var s;
+      e.focusAddressBar && ((s = h.value) == null || s.focus());
     }
-    return A(() => k.on(g)), K(() => k.off(g)), (e, u) => l(t) && l(y) ? (N(), T("div", re, [
-      o("div", se, [
-        s(l(j), {
+    return K(() => S.on(g)), N(() => S.off(g)), (e, s) => l(t) && l(k) ? (T(), $("div", se, [
+      o("div", ne, [
+        n(l(F), {
           modelValue: p.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => p.value = c)
+          "onUpdate:modelValue": s[1] || (s[1] = (f) => p.value = f)
         }, {
-          default: w(({ open: c }) => [
+          default: w(({ open: f }) => [
             o("div", {
               class: B([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
-                { "border-transparent overflow-visible rounded-b-none": c }
+                { "border-transparent overflow-visible rounded-b-none": f }
               ])
             }, [
-              o("div", ne, [
+              o("div", ie, [
                 o("div", {
                   class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", H()]),
-                  style: $({ transform: `translate3d(-${a.value}%,0,0)` })
+                  style: D({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
-              o("div", ie, [
-                s(ee, {
-                  isEditable: !l(m),
+              o("div", ue, [
+                n(te, {
+                  isEditable: !l(v),
                   isSquare: "",
                   method: l(t).method,
                   teleport: ".scalar-client",
-                  onChange: M
+                  onChange: U
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", ue, [
-                de,
-                s(le),
-                s(W, {
+              o("div", de, [
+                fe,
+                n(oe),
+                n(j, {
                   ref_key: "addressBarRef",
                   ref: h,
                   disableCloseBrackets: "",
-                  disabled: l(m),
+                  disabled: l(v),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
+                  importCurl: "",
                   modelValue: l(t).path,
-                  placeholder: l(q) ? "" : "Enter URL to get started",
+                  placeholder: l(y) ? "" : "Enter a URL or cURL command",
                   server: "",
-                  onSubmit: b,
-                  "onUpdate:modelValue": U
+                  onCurl: s[0] || (s[0] = (O) => e.$emit("importCurl", O)),
+                  onSubmit: _,
+                  "onUpdate:modelValue": L
                 }, null, 8, ["disabled", "modelValue", "placeholder"]),
                 ce
               ]),
-              s(te, { open: c }, null, 8, ["open"]),
-              s(l(F), {
-                class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
+              n(le, { open: f }, null, 8, ["open"]),
+              n(l(G), {
+                class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 font-bold",
                 disabled: r.value,
-                onClick: b
+                onClick: _
               }, {
                 default: w(() => [
-                  s(l(G), {
-                    class: "relative z-10 shrink-0 fill-current",
+                  n(l(J), {
+                    class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  fe
+                  me
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -144,9 +147,9 @@ const v = (d) => (P("data-v-ef489963"), d = d(), Q(), d), re = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : D("", !0);
+    ])) : P("", !0);
   }
 });
 export {
-  Ce as default
+  qe as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBarHistory.vue2.js";
 /* empty css                       */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-38e0296d"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0e166ebf"]]);
 export {
-  d as default
+  a as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as v, createElementVNode as r, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
+import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as c, unref as o, withCtx as i, createVNode as x, createCommentVNode as v, createElementVNode as r, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
 import { formatMs as H } from "../../libs/formatters.js";
 import { ListboxButton as y, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
 import { ScalarIcon as z } from "@scalar/components";
@@ -29,11 +29,11 @@ const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P =
     return (t, s) => {
       var n;
       return u(), b(h, null, [
-        (n = m.value) != null && n.length ? (u(), i(o(y), {
+        (n = m.value) != null && n.length ? (u(), c(o(y), {
           key: 0,
           class: "addressbar-history-button mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
         }, {
-          default: c(() => [
+          default: i(() => [
             x(o(z), {
               icon: "History",
               size: "sm",
@@ -44,22 +44,22 @@ const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P =
         })) : v("", !0),
         r("div", {
           class: g([
-            "absolute bg-white left-0 top-8 w-full rounded-lg before:pointer-events-none before:absolute before:left-0 before:-top-8 before:h-[calc(100%+32px)] before:w-full before:rounded-lg z-50",
+            "absolute bg-white left-0 top-8 w-full rounded-lg before:pointer-events-none before:absolute before:left-0 before:-top-8 before:h-[calc(100%+32px)] before:w-full before:rounded-lg z-context",
             { "before:shadow-lg": t.open }
           ])
         }, [
           x(o(L), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
-            default: c(() => [
-              (u(!0), b(h, null, B(m.value, (e, f) => (u(), i(o(S), {
+            default: i(() => [
+              (u(!0), b(h, null, B(m.value, (e, f) => (u(), c(o(S), {
                 key: f,
                 class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
                 value: f,
                 onClick: (a) => w(e)
               }, {
-                default: c(() => {
+                default: i(() => {
                   var a;
                   return [
-                    e.response.method ? (u(), i(N, {
+                    e.response.method ? (u(), c(N, {
                       key: 0,
                       class: "text-[11px]",
                       method: e.response.method

package/dist/components/AddressBar/AddressBarServer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA+YA,wBAKG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA8YA,wBAKG"}

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -6,12 +6,12 @@ import { commandPaletteBus as L } from "../../libs/event-busses/command-palette-
 const M = {
   key: 0,
   class: "text-xxs text-c-2 ml-8"
-}, j = /* @__PURE__ */ c("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1), z = { class: "flex items-center justify-center h-4 w-4" }, F = /* @__PURE__ */ c("span", null, "Add Server", -1), P = {
+}, j = /* @__PURE__ */ c("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1), F = { class: "flex items-center justify-center h-4 w-4" }, P = /* @__PURE__ */ c("span", null, "Add Server", -1), T = {
   key: 1,
   class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
 }, K = /* @__PURE__ */ U({
   __name: "AddressBarServer",
-  setup(T) {
+  setup($) {
     const {
       activeRequest: S,
       activeCollection: k,
@@ -90,13 +90,13 @@ const M = {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: N
                 }, [
-                  c("div", z, [
+                  c("div", F, [
                     p(s(E), {
                       class: "h-2.5",
                       icon: "Add"
                     })
                   ]),
-                  F
+                  P
                 ])
               ]),
               _: 1
@@ -105,14 +105,14 @@ const M = {
         ]),
         default: _(() => [
           c("button", {
-            class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2 z-[1]",
+            class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2",
             type: "button",
             onClick: e[0] || (e[0] = R(() => {
             }, ["stop"]))
           }, b(f.value), 1)
         ]),
         _: 1
-      })) : f.value ? (l(), n("div", P, b(f.value), 1)) : v("", !0);
+      })) : f.value ? (l(), n("div", T, b(f.value), 1)) : v("", !0);
     };
   }
 });

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -18,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;
+    importCurl?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
@@ -31,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (v: string) => void;
     "update:modelValue": (v: string) => void;
+    curl: (v: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     colorPicker?: boolean;
     modelValue: string | number;
@@ -50,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;
+    importCurl?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
@@ -59,11 +62,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nullable: boolean;
     withVariables: boolean;
 }>>> & {
-    onSubmit?: ((v: string) => any) | undefined;
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onSubmit?: ((v: string) => any) | undefined;
+    onCurl?: ((v: string) => any) | undefined;
 }, {
-    colorPicker: boolean;
     emitOnBlur: boolean;
+    colorPicker: boolean;
     disableTabIndent: boolean;
     disableEnter: boolean;
     disableCloseBrackets: boolean;

package/dist/components/CodeInput/CodeInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA0VO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;;;kBAjBT,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;iBAjBT,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAoTG,GAAG;kBACN,GAAG;;AAzU9B,wBAsXC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAwWO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;;;;;;;;;;;kBAlBN,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;;;;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAmUG,GAAG;kBACN,GAAG;;AAxV9B,wBAqYC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1823eac1"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c35162a"]]);
 export {
-  e as default
+  _ as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, useAttrs as A, ref as a, toRef as l, watch as U, computed as _, openBlock as t, createElementBlock as s, Fragment as j, createBlock as c, mergeProps as Q, unref as r, renderSlot as C, createCommentVNode as m } from "vue";
-import { useCodeMirror as W, useDropdown as z, colorPicker as G } from "@scalar/use-codemirror";
-import { nanoid as H } from "nanoid";
+import { defineComponent as T, useAttrs as A, ref as u, toRef as t, watch as U, computed as C, openBlock as a, createElementBlock as s, Fragment as W, createBlock as p, mergeProps as j, unref as i, renderSlot as _, createCommentVNode as m } from "vue";
+import { useCodeMirror as L, useDropdown as Q, colorPicker as z } from "@scalar/use-codemirror";
+import { nanoid as G } from "nanoid";
 import x from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as J, backspaceCommand as K } from "./codeVariableWidget.js";
-import L from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { pillPlugin as H, backspaceCommand as J } from "./codeVariableWidget.js";
+import K from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import { useWorkspace as X } from "../../store/store.js";
 const Y = ["id"], Z = {
   key: 3,
@@ -34,32 +34,40 @@ const Y = ["id"], Z = {
     enum: {},
     type: {},
     nullable: { type: Boolean, default: !1 },
-    withVariables: { type: Boolean, default: !0 }
+    withVariables: { type: Boolean, default: !0 },
+    importCurl: { type: Boolean }
   },
-  emits: ["submit", "update:modelValue"],
-  setup(F, { expose: P, emit: S }) {
+  emits: ["submit", "update:modelValue", "curl"],
+  setup(S, { expose: F, emit: P }) {
     var B;
-    const e = F, u = S, f = A(), q = f.id || `id-${H()}`, b = a(!1), y = a(!1), h = a(""), v = a({ left: 0, top: 0 }), { activeEnvVariables: g, isReadOnly: V, environments: E, router: $ } = X();
+    const e = S, r = P, f = A(), q = f.id || `id-${G()}`, b = u(!1), h = u(!1), y = u(""), v = u({ left: 0, top: 0 }), { activeEnvVariables: g, isReadOnly: V, environments: E, router: $ } = X();
     function O(o) {
-      return o === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(o) : u("update:modelValue", o);
+      var n;
+      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (r("curl", o), (n = l.value) == null || n.dispatch({
+        changes: {
+          from: 0,
+          to: l.value.state.doc.length,
+          insert: String(e.modelValue)
+        }
+      }), null) : e.handleFieldChange ? e.handleFieldChange(o) : r("update:modelValue", o);
     }
     function R(o) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : u("submit", o);
+      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : r("submit", o);
     }
     function D(o) {
       b.value = !1, e.emitOnBlur && e.modelValue && R(o);
     }
     const d = [];
-    e.colorPicker && d.push(G), d.push(
-      J({
+    e.colorPicker && d.push(z), d.push(
+      H({
         environments: E,
         activeEnvVariables: g,
         isReadOnly: V
       }),
-      K
+      J
     );
-    const w = a(null), { codeMirror: n } = W({
-      content: l(
+    const w = u(null), { codeMirror: l } = L({
+      content: t(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
       onChange: (o) => {
@@ -68,48 +76,48 @@ const Y = ["id"], Z = {
       onFocus: () => b.value = !0,
       onBlur: (o) => D(o),
       codeMirrorRef: w,
-      disableTabIndent: l(() => e.disableTabIndent),
-      disableEnter: l(() => e.disableEnter),
-      disableCloseBrackets: l(() => e.disableCloseBrackets),
-      lineNumbers: l(() => e.lineNumbers),
-      language: l(() => e.language),
-      lint: l(() => e.lint),
+      disableTabIndent: t(() => e.disableTabIndent),
+      disableEnter: t(() => e.disableEnter),
+      disableCloseBrackets: t(() => e.disableCloseBrackets),
+      lineNumbers: t(() => e.lineNumbers),
+      language: t(() => e.language),
+      lint: t(() => e.lint),
       extensions: d,
-      placeholder: l(() => e.placeholder)
+      placeholder: t(() => e.placeholder)
     });
-    (B = n.value) == null || B.focus(), U(n, () => {
-      n.value && Object.prototype.hasOwnProperty.call(f, "autofocus") && n.value.focus();
+    (B = l.value) == null || B.focus(), U(l, () => {
+      l.value && Object.prototype.hasOwnProperty.call(f, "autofocus") && l.value.focus();
     });
-    const { handleDropdownSelect: I, updateDropdownVisibility: M } = z({
-      codeMirror: n,
-      query: h,
-      showDropdown: y,
+    const { handleDropdownSelect: I, updateDropdownVisibility: M } = Q({
+      codeMirror: l,
+      query: y,
+      showDropdown: h,
       dropdownPosition: v
-    }), N = _(() => {
+    }), N = C(() => {
       var o;
       return e.type === "boolean" || (o = e.type) != null && o.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    return P({
+    return F({
       focus: () => {
         var o;
-        (o = n.value) == null || o.focus();
+        (o = l.value) == null || o.focus();
       }
-    }), (o, i) => {
+    }), (o, n) => {
       var k;
-      return t(), s(j, null, [
-        e.enum && e.enum.length ? (t(), c(x, {
+      return a(), s(W, null, [
+        e.enum && e.enum.length ? (a(), p(x, {
           key: 0,
           modelValue: e.modelValue,
           value: e.enum,
-          "onUpdate:modelValue": i[0] || (i[0] = (p) => u("update:modelValue", p))
-        }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (k = e.type) != null && k.includes("boolean") ? (t(), c(x, {
+          "onUpdate:modelValue": n[0] || (n[0] = (c) => r("update:modelValue", c))
+        }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (k = e.type) != null && k.includes("boolean") ? (a(), p(x, {
           key: 1,
           modelValue: e.modelValue,
           value: N.value,
-          "onUpdate:modelValue": i[1] || (i[1] = (p) => u("update:modelValue", p))
-        }, null, 8, ["modelValue", "value"])) : (t(), s("div", Q({
+          "onUpdate:modelValue": n[1] || (n[1] = (c) => r("update:modelValue", c))
+        }, null, 8, ["modelValue", "value"])) : (a(), s("div", j({
           key: 2,
-          id: r(q)
+          id: i(q)
         }, o.$attrs, {
           ref_key: "codeMirrorRef",
           ref: w,
@@ -117,18 +125,18 @@ const Y = ["id"], Z = {
             "flow-code-input--error": o.error
           }]
         }), null, 16, Y)),
-        o.$slots.warning ? (t(), s("div", Z, [
-          C(o.$slots, "warning", {}, void 0, !0)
+        o.$slots.warning ? (a(), s("div", Z, [
+          _(o.$slots, "warning", {}, void 0, !0)
         ])) : m("", !0),
-        C(o.$slots, "icon", {}, void 0, !0),
-        o.required ? (t(), s("div", ee, " Required ")) : m("", !0),
-        y.value && e.withVariables && !r(V) ? (t(), c(L, {
+        _(o.$slots, "icon", {}, void 0, !0),
+        o.required ? (a(), s("div", ee, " Required ")) : m("", !0),
+        h.value && e.withVariables && !i(V) ? (a(), p(K, {
           key: 5,
-          activeEnvVariables: _(() => r(g)),
+          activeEnvVariables: C(() => i(g)),
           dropdownPosition: v.value,
-          query: h.value,
-          router: r($),
-          onSelect: r(I)
+          query: y.value,
+          router: i($),
+          onSelect: i(I)
         }, null, 8, ["activeEnvVariables", "dropdownPosition", "query", "router", "onSelect"])) : m("", !0)
       ], 64);
     };