@scalar/api-client 2.0.25 → 2.0.27

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @scalar/api-client
 
+## 2.0.27
+
+### Patch Changes
+
+- 19d8b6a: feat: animate sidebar icon
+- c112f24: fix: remove ScalarCodeBlock that freezes browser in response preview
+- 83fc241: fix: constantly adding empty header
+- 2e1ef12: fix: set content type on body change and add proper header
+- Updated dependencies [19d8b6a]
+- Updated dependencies [c112f24]
+  - @scalar/components@0.12.18
+  - @scalar/use-codemirror@0.11.8
+
+## 2.0.26
+
+### Patch Changes
+
+- 54f7654: fix: add local storage to client.scalar/com
+- b0b3290: feat: create a default workspace if no OpenAPI document is passed to the modal
+- 7e01b12: fix: only trigger codeinput change event if the value has changed
+- b7211fb: fix: request history
+- Updated dependencies [67aefbf]
+- Updated dependencies [7761630]
+  - @scalar/components@0.12.17
+  - @scalar/oas-utils@0.2.16
+
 ## 2.0.25
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA8HQ,OAAO;;UAAP,OAAO;;AAqPf,wBAMG;AAOH,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":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAkHQ,OAAO;;UAAP,OAAO;;AA0Of,wBAMG;AAOH,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/AddressBar/AddressBarHistory.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as q, openBlock as n, createElementBlock as f, Fragment as d, unref as t, createBlock as i, withCtx as m, createVNode as x, createCommentVNode as b, createElementVNode as o, normalizeClass as h, renderList as U, toDisplayString as c } from "vue";
+import { defineComponent as y, openBlock as n, createElementBlock as p, Fragment as f, unref as e, createBlock as i, withCtx as m, createVNode as d, createCommentVNode as x, createElementVNode as r, normalizeClass as h, renderList as k, toDisplayString as u } from "vue";
 import { formatMs as w } from "../../libs/formatters.js";
-import { useWorkspace as y } from "../../store/workspace.js";
-import { ListboxButton as C, ListboxOptions as L, ListboxOption as R } from "@headlessui/vue";
-import { ScalarIcon as B } from "@scalar/components";
-import { httpStatusCodes as S } from "@scalar/oas-utils/helpers";
-import { useRouter as H } from "vue-router";
+import { useWorkspace as C } from "../../store/workspace.js";
+import { ListboxButton as q, ListboxOptions as U, ListboxOption as L } from "@headlessui/vue";
+import { ScalarIcon as R } from "@scalar/components";
+import { httpStatusCodes as B } from "@scalar/oas-utils/helpers";
+import { useRouter as S } from "vue-router";
 import P from "../HttpMethod/HttpMethod.vue.js";
 import { getStatusCodeColor as z } from "./httpStatusCodeColors.js";
-const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = { class: "text-c-2 gap-0" }, V = { class: "font-code text-c-3 flex flex-row items-center gap-1.5 text-sm font-medium" }, Q = /* @__PURE__ */ q({
+const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, H = { class: "text-c-2 gap-0" }, N = { class: "font-code text-c-3 flex flex-row items-center gap-1.5 text-sm font-medium" }, G = /* @__PURE__ */ y({
   __name: "AddressBarHistory",
   props: {
     open: { type: Boolean }
   },
-  setup($) {
-    const { requestsHistory: u, activeRequest: g, requestExampleMutators: _ } = y(), v = H();
-    function p(a, r) {
-      const e = new URL(a.responseURL), s = new URLSearchParams(e.search).get("scalar_url");
-      return s ? new URL(s)[r].toString() : e.origin;
+  setup(V) {
+    const { activeRequest: l, requestExampleMutators: b } = C(), g = S();
+    function _(a) {
+      const o = new URL(a), s = new URLSearchParams(o.search).get("scalar_url");
+      return s ? new URL(s).href : o.href;
     }
-    function k(a) {
-      const r = u.value[a];
-      g.value.uid !== r.request.requestUid && v.push(`/request/${r.request.requestUid}`), _.set(r.request);
+    function v(a) {
+      const o = l.value.history[a];
+      l.value.uid !== o.request.requestUid && g.push(`/request/${o.request.requestUid}`), b.set(o.request);
     }
-    return (a, r) => (n(), f(d, null, [
-      t(u).length ? (n(), i(t(C), {
+    return (a, o) => (n(), p(f, null, [
+      e(l).history.length ? (n(), i(e(q), {
         key: 0,
         class: "hover:bg-b-2 mr-1 rounded p-1.5"
       }, {
         default: m(() => [
-          x(t(B), {
+          d(e(R), {
             class: "text-c-3",
             icon: "History",
             size: "sm",
@@ -36,38 +36,38 @@ const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = {
           })
         ]),
         _: 1
-      })) : b("", !0),
-      o("div", {
+      })) : x("", !0),
+      r("div", {
         class: h([
           "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
           { "before:shadow-lg": a.open }
         ])
       }, [
-        x(t(L), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur" }, {
+        d(e(U), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur" }, {
           default: m(() => [
-            (n(!0), f(d, null, U(t(u), ({ response: e }, l) => (n(), i(t(R), {
-              key: l,
+            (n(!0), p(f, null, k(e(l).history, ({ response: t }, s) => (n(), i(e(L), {
+              key: s,
               class: "ui-active:bg-b-2 text-c-1 ui-active:text-c-1 flex cursor-pointer flex-row gap-2.5 rounded py-1.5 pr-3",
-              value: l,
-              onClick: (s) => k(l)
+              value: s,
+              onClick: (c) => v(s)
             }, {
               default: m(() => {
-                var s;
+                var c;
                 return [
-                  o("div", E, [
-                    e.config.method ? (n(), i(P, {
+                  r("div", E, [
+                    t.config.method ? (n(), i(P, {
                       key: 0,
                       class: "text-[11px] min-w-[44px]",
-                      method: e.config.method
-                    }, null, 8, ["method"])) : b("", !0),
-                    o("span", N, c(p(e.request, "origin") + p(e.request, "pathname")), 1)
+                      method: t.config.method
+                    }, null, 8, ["method"])) : x("", !0),
+                    r("span", H, u(_(t.config.url)), 1)
                   ]),
-                  o("div", V, [
-                    o("span", null, c(t(w)(e.duration)), 1),
-                    o("span", {
-                      class: h([t(z)(e.status).color])
-                    }, c(e.status), 3),
-                    o("span", null, c((s = t(S)[e.status]) == null ? void 0 : s.name), 1)
+                  r("div", N, [
+                    r("span", null, u(e(w)(t.duration)), 1),
+                    r("span", {
+                      class: h([e(z)(t.status).color])
+                    }, u(t.status), 3),
+                    r("span", null, u((c = e(B)[t.status]) == null ? void 0 : c.name), 1)
                   ])
                 ];
               }),
@@ -81,5 +81,5 @@ const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = {
   }
 });
 export {
-  Q as default
+  G as default
 };

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,OAoRO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,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;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,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;kBACT,OAAO;;;;;;;;;;;;;;cAFV,OAAO;iBAEJ,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAId,OAAO;;qBAwPG,GAAG;kBACN,GAAG;;AA7Q9B,wBAgTC;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,OA0RO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,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;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,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;kBACT,OAAO;;;;;;;;;;;;;;cAFV,OAAO;iBAEJ,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAId,OAAO;;qBA2PG,GAAG;kBACN,GAAG;;AAhR9B,wBAmTC;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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93d0e1be"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c9fc64f"]]);
 export {
-  _ as default
+  c as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, useAttrs as P, ref as b, toRef as o, watch as O, computed as $, openBlock as t, createElementBlock as s, Fragment as R, createBlock as h, mergeProps as q, unref as E, renderSlot as y, createCommentVNode as g } from "vue";
+import { defineComponent as S, useAttrs as P, ref as b, toRef as o, watch as O, computed as $, openBlock as t, createElementBlock as i, Fragment as R, createBlock as h, mergeProps as q, unref as E, renderSlot as y, createCommentVNode as g } from "vue";
 import { useCodeMirror as I, colorPicker as M } from "@scalar/use-codemirror";
 import { nanoid as N } from "nanoid";
 import B from "../DataTable/DataTableInputSelect.vue.js";
@@ -38,11 +38,11 @@ const j = ["id"], z = {
     withServers: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(v, { emit: k }) {
+  setup(v, { emit: V }) {
     var m;
-    const e = v, a = k, d = P(), V = d.id || `id-${N()}`, p = b(!1), { activeWorkspace: w } = W();
+    const e = v, a = V, d = P(), k = d.id || `id-${N()}`, p = b(!1), { activeWorkspace: w } = W();
     function C(l) {
-      return e.handleFieldChange ? e.handleFieldChange(l) : a("update:modelValue", l);
+      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : a("update:modelValue", l);
     }
     function _(l) {
       return e.handleFieldSubmit ? e.handleFieldSubmit(l) : a("submit", l);
@@ -78,20 +78,20 @@ const j = ["id"], z = {
     });
     return (l, u) => {
       var f;
-      return t(), s(R, null, [
+      return t(), i(R, null, [
         e.enum && e.enum.length ? (t(), h(B, {
           key: 0,
           modelValue: e.modelValue,
           value: e.enum,
-          "onUpdate:modelValue": u[0] || (u[0] = (i) => a("update:modelValue", i))
+          "onUpdate:modelValue": u[0] || (u[0] = (s) => a("update:modelValue", s))
         }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (f = e.type) != null && f.includes("boolean") ? (t(), h(B, {
           key: 1,
           modelValue: e.modelValue,
           value: F.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (i) => a("update:modelValue", i))
-        }, null, 8, ["modelValue", "value"])) : (t(), s("div", q({
+          "onUpdate:modelValue": u[1] || (u[1] = (s) => a("update:modelValue", s))
+        }, null, 8, ["modelValue", "value"])) : (t(), i("div", q({
           key: 2,
-          id: E(V)
+          id: E(k)
         }, l.$attrs, {
           ref_key: "codeMirrorRef",
           ref: c,
@@ -99,11 +99,11 @@ const j = ["id"], z = {
             "flow-code-input--error": l.error
           }]
         }), null, 16, j)),
-        l.$slots.warning ? (t(), s("div", z, [
+        l.$slots.warning ? (t(), i("div", z, [
           y(l.$slots, "warning", {}, void 0, !0)
         ])) : g("", !0),
         y(l.$slots, "icon", {}, void 0, !0),
-        l.required ? (t(), s("div", D, " Required ")) : g("", !0)
+        l.required ? (t(), i("div", D, " Required ")) : g("", !0)
       ], 64);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AA+F/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAqH/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,30 +1,32 @@
 var u = Object.defineProperty;
-var f = (t, a, e) => a in t ? u(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e;
-var c = (t, a, e) => f(t, typeof a != "symbol" ? a + "" : a, e);
+var f = (e, n, t) => n in e ? u(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var c = (e, n, t) => f(e, typeof n != "symbol" ? n + "" : n, t);
 import { useWorkspace as v } from "../../store/workspace.js";
-import { ScalarButton as h, ScalarIcon as b, ScalarTooltip as g } from "@scalar/components";
+import { ScalarButton as g, ScalarIcon as b, ScalarTooltip as h } from "@scalar/components";
 import { ViewPlugin as x, RangeSetBuilder as w, Decoration as N, EditorView as y, WidgetType as C } from "@scalar/use-codemirror";
-import { defineComponent as k, h as o, createApp as D } from "vue";
-const { activeParsedEnvironments: S, isReadOnly: E } = v();
+import { defineComponent as E, h as s, createApp as k } from "vue";
+const { activeParsedEnvironments: D, isReadOnly: S, environments: $ } = v(), A = (e) => "_scalarEnvId" in e ? `bg-${$[e._scalarEnvId].color}` : "bg-grey";
 class l extends C {
-  constructor(e) {
+  constructor(t) {
     super();
     c(this, "app");
-    this.variableName = e;
+    this.variableName = t;
   }
   toDOM() {
-    const e = document.createElement("span");
-    e.className = "cm-pill", e.textContent = `${this.variableName}`;
-    const n = k({
+    const t = document.createElement("span");
+    t.className = "cm-pill", t.textContent = `${this.variableName}`;
+    const a = E({
       props: ["variableName"],
       render() {
-        const s = S.value.find(
+        const o = D.value.find(
           (i) => i.key === this.variableName
-        ), r = s ? o("div", { class: "p-2" }, s.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
-          o("span", { class: "p-2" }, "Variable not found"),
-          !E.value && o("div", { class: "p-1" }, [
-            o(
-              h,
+        );
+        o && (t.className += ` ${A(o)}`);
+        const r = o ? s("div", { class: "p-2" }, o.value) : s("div", { class: "divide-y divide-1/2 grid" }, [
+          s("span", { class: "p-2" }, "Variable not found"),
+          !S.value && s("div", { class: "p-1" }, [
+            s(
+              g,
               {
                 class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
                 variant: "ghost",
@@ -33,14 +35,14 @@ class l extends C {
                 }
               },
               [
-                o(b, { class: "w-2", icon: "Add", size: "xs" }),
+                s(b, { class: "w-2", icon: "Add", size: "xs" }),
                 "Add variable"
               ]
             )
           ])
         ]);
-        return o(
-          g,
+        return s(
+          h,
           {
             align: "start",
             class: "bg-b-1 w-full",
@@ -49,8 +51,8 @@ class l extends C {
             sideOffset: 6
           },
           {
-            trigger: () => o("span", `${this.variableName}`),
-            content: () => o(
+            trigger: () => s("span", `${this.variableName}`),
+            content: () => s(
               "div",
               {
                 class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
@@ -61,35 +63,35 @@ class l extends C {
         );
       }
     });
-    return this.app = D(n, { variableName: this.variableName }), this.app.mount(e), e;
+    return this.app = k(a, { variableName: this.variableName }), this.app.mount(t), t;
   }
   destroy() {
     this.app && this.app.unmount();
   }
-  eq(e) {
-    return e instanceof l && e.variableName === this.variableName;
+  eq(t) {
+    return t instanceof l && t.variableName === this.variableName;
   }
-  ignoreEvent(e) {
+  ignoreEvent(t) {
     return !1;
   }
 }
 const V = x.fromClass(
   class {
-    constructor(t) {
+    constructor(e) {
       c(this, "decorations");
-      this.decorations = this.buildDecorations(t);
+      this.decorations = this.buildDecorations(e);
     }
-    update(t) {
-      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
+    update(e) {
+      (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
     }
-    buildDecorations(t) {
-      const a = new w();
-      for (const { from: e, to: n } of t.visibleRanges) {
-        const s = t.state.doc.sliceString(e, n), r = /{{(.*?)}}/g;
+    buildDecorations(e) {
+      const n = new w();
+      for (const { from: t, to: a } of e.visibleRanges) {
+        const o = e.state.doc.sliceString(t, a), r = /{{(.*?)}}/g;
         let i;
-        for (; (i = r.exec(s)) !== null; ) {
-          const d = e + i.index, p = d + i[0].length, m = i[1];
-          a.add(
+        for (; (i = r.exec(o)) !== null; ) {
+          const d = t + i.index, p = d + i[0].length, m = i[1];
+          n.add(
             d,
             p,
             N.widget({
@@ -99,21 +101,21 @@ const V = x.fromClass(
           );
         }
       }
-      return a.finish();
+      return n.finish();
     }
   },
   {
-    decorations: (t) => t.decorations
+    decorations: (e) => e.decorations
   }
 ), T = y.domEventHandlers({
-  keydown(t, a) {
-    if (t.key === "Backspace") {
-      const { state: e } = a, { from: n, to: s } = e.selection.main;
-      if (n === s && n > 0 && e.doc.sliceString(n - 2, n) === "}}")
-        return a.dispatch({
-          changes: { from: n - 2, to: s },
-          selection: { anchor: n - 2 }
-        }), t.preventDefault(), !0;
+  keydown(e, n) {
+    if (e.key === "Backspace") {
+      const { state: t } = n, { from: a, to: o } = t.selection.main;
+      if (a === o && a > 0 && t.doc.sliceString(a - 2, a) === "}}")
+        return n.dispatch({
+          changes: { from: a - 2, to: o },
+          selection: { anchor: a - 2 }
+        }), e.preventDefault(), !0;
     }
     return !1;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eA0Ge,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AA8JxB,wBAOG;AAOH,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,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":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eAoGe,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AAkJxB,wBAOG;AAOH,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,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/HttpMethod/HttpMethod.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as s, openBlock as i, createBlock as c, unref as a, withCtx as k, createElementVNode as r, normalizeClass as l, toDisplayString as p, createCommentVNode as q, createElementBlock as y } from "vue";
-import { ScalarListbox as x, ScalarIcon as C } from "@scalar/components";
+import { defineComponent as g, computed as s, openBlock as i, createBlock as m, unref as t, withCtx as y, createElementVNode as r, normalizeClass as l, toDisplayString as p, createCommentVNode as q, createElementBlock as k } from "vue";
+import { ScalarListbox as C, ScalarIcon as x } from "@scalar/components";
 import { getRequest as B, REQUEST_METHODS as V } from "@scalar/oas-utils/helpers";
-import { cva as D, cx as b } from "cva";
-const z = /* @__PURE__ */ S({
+import { cva as w, cx as f } from "cva";
+const z = /* @__PURE__ */ g({
   __name: "HttpMethod",
   props: {
     isSquare: { type: Boolean, default: !1 },
@@ -10,17 +10,17 @@ const z = /* @__PURE__ */ S({
     isEditable: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(f, { emit: v }) {
-    const n = f, h = v, t = s(() => B(n.method)), u = Object.entries(V).map(
-      ([e, { short: o }]) => ({ id: e, label: o })
+  setup(b, { emit: v }) {
+    const n = b, h = v, o = s(() => B(n.method)), u = Object.entries(V).map(
+      ([e, { short: a }]) => ({ id: e, label: a })
     ), d = s({
       get: () => u.find(({ id: e }) => e === n.method),
       set: (e) => (e == null ? void 0 : e.id) && h("change", e.id)
-    }), m = D({
+    }), c = w({
       base: "text-center font-code text-3xs justify-center items-center flex",
       variants: {
         isSquare: {
-          true: "px-2.5 rounded-md bg-mix-transparent bg-mix-amount-90 dark:bg-mix-amount-80",
+          true: "px-2.5 rounded-md shadow-border",
           false: "rounded-full"
         },
         isEditable: {
@@ -28,32 +28,25 @@ const z = /* @__PURE__ */ S({
           false: "cusor-pointer"
         }
       }
-    }), E = s(() => t.value.short);
-    return (e, o) => e.isEditable ? (i(), c(a(x), {
+    }), E = s(() => o.value.short);
+    return (e, a) => e.isEditable ? (i(), m(t(C), {
       key: 0,
       modelValue: d.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (g) => d.value = g),
-      options: a(u)
+      "onUpdate:modelValue": a[0] || (a[0] = (S) => d.value = S),
+      options: t(u)
     }, {
-      default: k(() => [
+      default: y(() => [
         r("div", {
           class: l(["h-full", { "pointer-events-none": !e.isEditable }])
         }, [
           r("button", {
-            class: l([
-              "relative h-full gap-1",
-              a(b)(
-                a(m)({ isSquare: e.isSquare, isEditable: e.isEditable }),
-                t.value.color,
-                e.isSquare && t.value.backgroundColor
-              )
-            ]),
+            class: l(["relative h-full gap-1", t(f)(t(c)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
             type: "button"
           }, [
             r("span", null, p(E.value), 1),
-            e.isEditable ? (i(), c(a(C), {
+            e.isEditable ? (i(), m(t(x), {
               key: 0,
-              class: l(t.value.color),
+              class: l(o.value.color),
               icon: "ChevronDown",
               size: "xs"
             }, null, 8, ["class"])) : q("", !0)
@@ -61,18 +54,18 @@ const z = /* @__PURE__ */ S({
         ], 2)
       ]),
       _: 1
-    }, 8, ["modelValue", "options"])) : (i(), y("div", {
+    }, 8, ["modelValue", "options"])) : (i(), k("div", {
       key: 1,
       class: l([
         "relative gap-1",
-        a(b)(
-          a(m)({ isSquare: e.isSquare, isEditable: e.isEditable }),
-          t.value.color,
-          e.isSquare && t.value.backgroundColor
+        t(f)(
+          t(c)({ isSquare: e.isSquare, isEditable: e.isEditable }),
+          o.value.color,
+          e.isSquare && o.value.backgroundColor
         )
       ]),
       type: "button"
-    }, p(t.value.short), 3));
+    }, p(o.value.short), 3));
   }
 });
 export {

package/dist/components/Sidebar/SidebarToggle.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=SidebarToggle.vue.d.ts.map

package/dist/components/Sidebar/SidebarToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarToggle.vue"],"names":[],"mappings":";gBA+Cc,OAAO;;;;gBAAP,OAAO;;;;AAiErB,wBAOG;AAOH,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/Sidebar/SidebarToggle.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as s, openBlock as l, createElementBlock as n, createElementVNode as e, normalizeClass as r } from "vue";
+const a = {
+  class: "size-3.5",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, d = /* @__PURE__ */ e("defs", null, [
+  /* @__PURE__ */ e("clipPath", { id: "mask" }, [
+    /* @__PURE__ */ e("path", {
+      "clip-rule": "evenodd",
+      d: "M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z"
+    })
+  ])
+], -1), i = { "clip-path": "url(#mask)" }, c = /* @__PURE__ */ e("path", {
+  d: "M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, null, -1), h = /* @__PURE__ */ s({
+  __name: "SidebarToggle",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(u) {
+    return (t, o) => (l(), n("button", {
+      class: "text-c-3 hover:bg-b-3 active:text-c-1 p-2 rounded",
+      type: "button",
+      onClick: o[0] || (o[0] = (p) => t.$emit("update:modelValue", !t.modelValue))
+    }, [
+      (l(), n("svg", a, [
+        d,
+        e("g", i, [
+          e("path", {
+            class: r(["transition-transform duration-300", t.modelValue ? "translate-x-0" : "-translate-x-1/2"]),
+            d: "M1 3.2h8v17.5H1z",
+            fill: "currentColor"
+          }, null, 2)
+        ]),
+        c
+      ]))
+    ]));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Sidebar/SidebarToggle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SidebarToggle.vue.js";
+export {
+  f as default
+};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './layouts/Modal/index.js';
 export * from './layouts/App/index.js';
 export { useWorkspace } from './store/workspace.js';
+export { modalRouter, router } from './router.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -1,13 +1,16 @@
-import { useWorkspace as r } from "./store/workspace.js";
-import { default as a } from "./layouts/App/ApiClientApp.vue.js";
+import { useWorkspace as t } from "./store/workspace.js";
+import { modalRouter as a, router as i } from "./router.js";
+import { default as f } from "./layouts/App/ApiClientApp.vue.js";
 /* empty css                              */
-import { default as l } from "./layouts/Modal/ApiClientModal.vue.js";
-import { createApiClientModal as m } from "./layouts/Modal/api-client-modal.js";
-import { createApiClientApp as x } from "./layouts/App/createApiClientApp.js";
+import { default as x } from "./layouts/Modal/ApiClientModal.vue.js";
+import { createApiClientModal as d } from "./layouts/Modal/api-client-modal.js";
+import { createApiClientApp as n } from "./layouts/App/createApiClientApp.js";
 export {
-  a as ApiClientApp,
-  l as ApiClientModal,
-  x as createApiClientApp,
-  m as createApiClientModal,
-  r as useWorkspace
+  f as ApiClientApp,
+  x as ApiClientModal,
+  n as createApiClientApp,
+  d as createApiClientModal,
+  a as modalRouter,
+  i as router,
+  t as useWorkspace
 };