@scalar/api-client 2.0.30 → 2.0.32

package/dist/components/CodeInput/codeVariableWidget.js

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

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -17,7 +17,7 @@ const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
           i.onload = async (v) => {
             var p;
             const w = (p = v.target) == null ? void 0 : p.result;
-            _(w, h.value.uid, !1), n(), s("close");
+            _(w, h.value.uid), n(), s("close");
           }, i.readAsText(l);
         }
       },

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => void;
+    change: (value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isSquare?: boolean;
     method: string;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>>> & {
-    onChange?: ((value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => any) | undefined;
+    onChange?: ((value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => any) | undefined;
 }, {
     isSquare: boolean;
     isEditable: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAqPA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAyXA,wBAKG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31a24876"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-868c07b1"]]);
 export {
   m as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,46 +1,77 @@
-import { defineComponent as k, computed as h, openBlock as c, createElementBlock as s, createElementVNode as l, unref as e, createVNode as p, toDisplayString as I, Fragment as g, renderList as b, createBlock as N, pushScopeId as x, popScopeId as y } from "vue";
-import { useTopNav as C } from "../../store/topNav.js";
-import { ScalarIcon as m } from "@scalar/components";
-import S from "./TopNavItem.vue.js";
-const w = (o) => (x("data-v-31a24876"), o = o(), y(), o), B = { class: "flex h-10 t-app__top-nav" }, T = /* @__PURE__ */ w(() => /* @__PURE__ */ l("div", { class: "t-app__top-nav-draggable" }, null, -1)), V = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, j = {
+import { defineComponent as N, reactive as y, ref as x, watch as S, computed as C, openBlock as r, createElementBlock as u, createElementVNode as i, createVNode as v, unref as d, toDisplayString as w, Fragment as A, renderList as R, createBlock as z, pushScopeId as B, popScopeId as E } from "vue";
+import { ROUTES as T } from "../../constants.js";
+import { ScalarIcon as h } from "@scalar/components";
+import { capitalize as V } from "@scalar/oas-utils/helpers";
+import j from "./TopNavItem.vue.js";
+import { useWorkspace as q } from "../../store/workspace.js";
+const L = (l) => (B("data-v-868c07b1"), l = l(), E(), l), $ = { class: "flex h-10 t-app__top-nav" }, D = /* @__PURE__ */ L(() => /* @__PURE__ */ i("div", { class: "t-app__top-nav-draggable" }, null, -1)), F = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, M = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, F = /* @__PURE__ */ k({
+}, K = /* @__PURE__ */ N({
   __name: "TopNav",
-  setup(o) {
-    const {
-      topNavItems: n,
-      addNavItem: i,
-      activeNavItemIdx: v,
-      setNavItemIdx: d,
-      removeNavItem: u
-    } = C(), _ = h(() => v.value);
-    return (z, r) => (c(), s("nav", B, [
-      T,
-      l("div", V, [
-        e(n).length === 1 ? (c(), s("div", j, [
-          p(e(m), {
-            icon: e(n)[0].icon,
+  setup(l) {
+    const { activeRequest: f, router: n } = q(), t = y([{ label: "", path: "", icon: "Add" }]), a = x(0);
+    function p() {
+      var s;
+      const e = T.find((c) => n.currentRoute.value.name == c.name);
+      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
+        label: ((s = f.value) == null ? void 0 : s.summary) || "",
+        path: n.currentRoute.value.path,
+        icon: e.icon
+      } : t[a.value] = {
+        label: V(e == null ? void 0 : e.name) || "",
+        path: n.currentRoute.value.path,
+        icon: e.icon
+      });
+    }
+    function m() {
+      n.push(t[a.value].path);
+    }
+    function _() {
+      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, p();
+    }
+    function b(e) {
+      a.value = e, m();
+    }
+    S(
+      () => n.currentRoute.value.path,
+      () => {
+        p();
+      },
+      { immediate: !0 }
+    );
+    function k(e) {
+      t.splice(e, 1), a.value = Math.min(
+        a.value,
+        t.length - 1
+      ), m();
+    }
+    const g = C(() => a.value);
+    return (e, s) => (r(), u("nav", $, [
+      D,
+      i("div", F, [
+        t.length === 1 ? (r(), u("div", M, [
+          v(d(h), {
+            icon: t[0].icon,
             size: "xs",
             thickness: "2.5"
           }, null, 8, ["icon"]),
-          l("div", null, I(e(n)[0].label), 1)
-        ])) : (c(!0), s(g, { key: 1 }, b(e(n), (a, t) => (c(), N(S, {
-          key: t,
-          active: t === _.value,
-          hotkey: (t + 1).toString(),
-          icon: a.icon,
-          label: a.label,
-          onClick: (f) => e(d)(t),
-          onClose: (f) => e(u)(t)
+          i("div", null, w(t[0].label), 1)
+        ])) : (r(!0), u(A, { key: 1 }, R(t, (c, o) => (r(), z(j, {
+          key: o,
+          active: o === g.value,
+          hotkey: (o + 1).toString(),
+          icon: c.icon,
+          label: c.label,
+          onClick: (I) => b(o),
+          onClose: (I) => k(o)
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
-        l("button", {
+        i("button", {
           class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
-          onClick: r[0] || (r[0] = //@ts-ignore
-          (...a) => e(i) && e(i)(...a))
+          onClick: _
         }, [
-          p(e(m), {
+          v(d(h), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -51,5 +82,5 @@ const w = (o) => (x("data-v-31a24876"), o = o(), y(), o), B = { class: "flex h-1
   }
 });
 export {
-  F as default
+  K as default
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from './layouts/Modal/index.js';
 export * from './layouts/App/index.js';
 export { useWorkspace } from './store/workspace.js';
-export { modalRouter, webHashRouter, router } from './router.js';
+export { createModalRouter, webHashRouter, 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;AAChD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,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,iBAAiB,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -1,17 +1,17 @@
 import { useWorkspace as t } from "./store/workspace.js";
-import { modalRouter as a, router as i, webHashRouter as l } from "./router.js";
+import { createModalRouter as a, router as i, webHashRouter as l } from "./router.js";
 import { default as m } from "./layouts/App/ApiClientApp.vue.js";
 /* empty css                              */
-import { default as d } from "./layouts/Modal/ApiClientModal.vue.js";
-import { createApiClientModal as u, createApiClientModalSync as x } from "./layouts/Modal/api-client-modal.js";
-import { createApiClientApp as s } from "./layouts/App/createApiClientApp.js";
+import { default as c } from "./layouts/Modal/ApiClientModal.vue.js";
+import { createApiClientModal as n, createApiClientModalSync as u } from "./layouts/Modal/api-client-modal.js";
+import { createApiClientApp as s } from "./layouts/App/create-api-client-app.js";
 export {
   m as ApiClientApp,
-  d as ApiClientModal,
+  c as ApiClientModal,
   s as createApiClientApp,
-  u as createApiClientModal,
-  x as createApiClientModalSync,
-  a as modalRouter,
+  n as createApiClientModal,
+  u as createApiClientModalSync,
+  a as createModalRouter,
   i as router,
   t as useWorkspace,
   l as webHashRouter