@scalar/api-client 2.3.34 → 2.4.2

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

@@ -1,8 +1,9 @@
-import { defineComponent as d, createBlock as a, openBlock as r, unref as t, withCtx as l, createVNode as o, createTextVNode as c, createCommentVNode as f, createElementVNode as m, normalizeClass as u, toDisplayString as g } from "vue";
-import { ScalarContextMenu as y, ScalarFloating as C, ScalarDropdownMenu as b, ScalarDropdownButton as p, ScalarIcon as n, ScalarDropdownDivider as v, ScalarTooltip as T } from "@scalar/components";
+import { defineComponent as d, createBlock as c, openBlock as p, unref as t, withCtx as n, createVNode as o, createTextVNode as a, createElementVNode as r, normalizeClass as k, toDisplayString as u } from "vue";
+import { ScalarContextMenu as b, ScalarFloating as v, ScalarDropdownMenu as C, ScalarDropdownButton as m, ScalarIcon as l, ScalarDropdownDivider as g, ScalarTooltip as y } from "@scalar/components";
 import { LibraryIcon as $ } from "@scalar/icons/library";
-import k from "../ScalarHotkey.vue.js";
-const w = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, z = { class: "custom-scroll nav-item-copy text-xs" }, V = /* @__PURE__ */ d({
+import { isMacOS as T } from "@scalar/use-tooltip";
+import f from "../ScalarHotkey.vue.js";
+const w = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, S = { class: "custom-scroll nav-item-copy text-xs" }, L = /* @__PURE__ */ d({
   __name: "TopNavItem",
   props: {
     hotkey: {},
@@ -12,122 +13,113 @@ const w = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
     isCollection: { type: Boolean }
   },
   emits: ["click", "close", "newTab", "copyUrl", "closeOtherTabs"],
-  setup(S) {
-    return (s, e) => (r(), a(t(y), { triggerClass: "overflow-hidden w-full" }, {
-      trigger: l(() => [
-        o(t(T), {
-          class: "scalar-client",
-          delay: 500,
-          disableClosingTrigger: !0,
-          resize: "",
-          sideOffset: 4
+  setup(z) {
+    return (s, e) => (p(), c(t(b), { triggerClass: "overflow-hidden w-full" }, {
+      trigger: n(() => [
+        o(t(y), {
+          content: `${t(T)() ? "⌘" : "^"} ${s.hotkey}`,
+          placement: "bottom"
         }, {
-          trigger: l(() => [
-            m("div", {
-              class: u(["nav-item app-no-drag-region", { "nav-item__active": s.active }]),
+          default: n(() => [
+            r("div", {
+              class: k(["nav-item app-no-drag-region", { "nav-item__active": s.active }]),
               onClick: e[1] || (e[1] = (i) => s.$emit("click"))
             }, [
-              m("div", w, [
-                s.isCollection ? (r(), a(t($), {
+              r("div", w, [
+                s.isCollection ? (p(), c(t($), {
                   key: 0,
                   class: "size-3.5 min-w-3.5 stroke-2",
                   src: s.icon
-                }, null, 8, ["src"])) : (r(), a(t(n), {
+                }, null, 8, ["src"])) : (p(), c(t(l), {
                   key: 1,
                   icon: s.icon,
                   size: "xs",
                   thickness: "2.5"
                 }, null, 8, ["icon"])),
-                m("span", z, g(s.label), 1)
+                r("span", S, u(s.label), 1)
               ]),
-              m("button", {
+              r("button", {
                 class: "nav-item-close",
                 type: "button",
                 onClick: e[0] || (e[0] = (i) => s.$emit("close"))
               }, [
-                o(t(n), {
+                o(t(l), {
                   icon: "Close",
                   thickness: "1.75"
                 })
               ])
             ], 2)
           ]),
-          content: l(() => [
-            s.hotkey ? (r(), a(k, {
-              key: 0,
-              hotkey: s.hotkey
-            }, null, 8, ["hotkey"])) : f("", !0)
-          ]),
           _: 1
-        })
+        }, 8, ["content"])
       ]),
-      content: l(() => [
-        o(t(C), { placement: "right-start" }, {
-          floating: l(() => [
-            o(t(b), { class: "scalar-app scalar-client" }, {
-              default: l(() => [
-                o(t(p), {
+      content: n(() => [
+        o(t(v), { placement: "right-start" }, {
+          floating: n(() => [
+            o(t(C), { class: "scalar-app scalar-client" }, {
+              default: n(() => [
+                o(t(m), {
                   class: "flex items-center gap-1.5",
                   onClick: e[2] || (e[2] = (i) => s.$emit("newTab"))
                 }, {
-                  default: l(() => [
-                    o(t(n), {
+                  default: n(() => [
+                    o(t(l), {
                       icon: "AddTab",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[6] || (e[6] = c(" New Tab ")),
-                    o(k, {
+                    e[6] || (e[6] = a(" New Tab ")),
+                    o(f, {
                       class: "bg-b-2 ml-auto",
                       hotkey: "T"
                     })
                   ]),
                   _: 1
                 }),
-                o(t(p), {
+                o(t(m), {
                   class: "flex items-center gap-1.5",
                   onClick: e[3] || (e[3] = (i) => s.$emit("copyUrl"))
                 }, {
-                  default: l(() => [
-                    o(t(n), {
+                  default: n(() => [
+                    o(t(l), {
                       icon: "Link",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[7] || (e[7] = c(" Copy URL "))
+                    e[7] || (e[7] = a(" Copy URL "))
                   ]),
                   _: 1
                 }),
-                o(t(v)),
-                o(t(p), {
+                o(t(g)),
+                o(t(m), {
                   class: "flex items-center gap-1.5",
                   onClick: e[4] || (e[4] = (i) => s.$emit("close"))
                 }, {
-                  default: l(() => [
-                    o(t(n), {
+                  default: n(() => [
+                    o(t(l), {
                       icon: "CloseTab",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[8] || (e[8] = c(" Close Tab ")),
-                    o(k, {
+                    e[8] || (e[8] = a(" Close Tab ")),
+                    o(f, {
                       class: "bg-b-2 ml-auto",
                       hotkey: "W"
                     })
                   ]),
                   _: 1
                 }),
-                o(t(p), {
+                o(t(m), {
                   class: "flex items-center gap-1.5",
                   onClick: e[5] || (e[5] = (i) => s.$emit("closeOtherTabs"))
                 }, {
-                  default: l(() => [
-                    o(t(n), {
+                  default: n(() => [
+                    o(t(l), {
                       icon: "CloseTabs",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[9] || (e[9] = c(" Close Other Tabs "))
+                    e[9] || (e[9] = a(" Close Other Tabs "))
                   ]),
                   _: 1
                 })
@@ -143,5 +135,5 @@ const w = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
   }
 });
 export {
-  V as default
+  L as default
 };

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -6,7 +6,7 @@ const _ = ["aria-labelledby"], k = { class: "text-c-1 flex flex-1 items-center g
   class: "sr-only"
 }, V = {
   key: 0,
-  class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full border font-semibold"
+  class: "bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold"
 }, $ = { class: "sr-only" }, D = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-2"

package/dist/hooks/useClientConfig.d.ts

@@ -7,14 +7,14 @@ export declare const useClientConfig: () => Ref<{
     showSidebar: boolean;
     theme: "alternate" | "default" | "moon" | "purple" | "solarized" | "bluePlanet" | "deepSpace" | "saturn" | "kepler" | "elysiajs" | "fastify" | "mars" | "laserwave" | "none";
     persistAuth: boolean;
+    title?: string | undefined;
     url?: string | undefined;
     content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-    title?: string | undefined;
     slug?: string | undefined;
     spec?: {
+        title?: string | undefined;
         url?: string | undefined;
         content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-        title?: string | undefined;
         slug?: string | undefined;
     } | undefined;
     authentication?: any;
@@ -24,19 +24,41 @@ export declare const useClientConfig: () => Ref<{
     servers?: any[] | undefined;
     _integration?: "go" | "elysiajs" | "fastify" | "adonisjs" | "docusaurus" | "dotnet" | "express" | "fastapi" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
     onRequestSent?: ((args_0: string, ...args: unknown[]) => void) | undefined;
+    plugins?: ((...args: unknown[]) => {
+        name: string;
+        views: {
+            "request.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+            "response.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+        };
+        hooks: {
+            onBeforeRequest: (...args: unknown[]) => void | Promise<void>;
+            onResponseReceived: (args_0: {
+                response: Response;
+                operation: Record<string, any>;
+            }, ...args: unknown[]) => void | Promise<void>;
+        };
+    })[] | undefined;
 }, {
     hideClientButton: boolean;
     showSidebar: boolean;
     theme: "alternate" | "default" | "moon" | "purple" | "solarized" | "bluePlanet" | "deepSpace" | "saturn" | "kepler" | "elysiajs" | "fastify" | "mars" | "laserwave" | "none";
     persistAuth: boolean;
+    title?: string | undefined;
     url?: string | undefined;
     content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-    title?: string | undefined;
     slug?: string | undefined;
     spec?: {
+        title?: string | undefined;
         url?: string | undefined;
         content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-        title?: string | undefined;
         slug?: string | undefined;
     } | undefined;
     authentication?: any;
@@ -46,19 +68,41 @@ export declare const useClientConfig: () => Ref<{
     servers?: any[] | undefined;
     _integration?: "go" | "elysiajs" | "fastify" | "adonisjs" | "docusaurus" | "dotnet" | "express" | "fastapi" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
     onRequestSent?: ((args_0: string, ...args: unknown[]) => void) | undefined;
+    plugins?: ((...args: unknown[]) => {
+        name: string;
+        views: {
+            "request.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+            "response.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+        };
+        hooks: {
+            onBeforeRequest: (...args: unknown[]) => void | Promise<void>;
+            onResponseReceived: (args_0: {
+                response: Response;
+                operation: Record<string, any>;
+            }, ...args: unknown[]) => void | Promise<void>;
+        };
+    })[] | undefined;
 } | {
     hideClientButton: boolean;
     showSidebar: boolean;
     theme: "alternate" | "default" | "moon" | "purple" | "solarized" | "bluePlanet" | "deepSpace" | "saturn" | "kepler" | "elysiajs" | "fastify" | "mars" | "laserwave" | "none";
     persistAuth: boolean;
+    title?: string | undefined;
     url?: string | undefined;
     content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-    title?: string | undefined;
     slug?: string | undefined;
     spec?: {
+        title?: string | undefined;
         url?: string | undefined;
         content?: string | Record<string, any> | ((...args: unknown[]) => Record<string, any>) | null | undefined;
-        title?: string | undefined;
         slug?: string | undefined;
     } | undefined;
     authentication?: any;
@@ -68,5 +112,27 @@ export declare const useClientConfig: () => Ref<{
     servers?: any[] | undefined;
     _integration?: "go" | "elysiajs" | "fastify" | "adonisjs" | "docusaurus" | "dotnet" | "express" | "fastapi" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
     onRequestSent?: ((args_0: string, ...args: unknown[]) => void) | undefined;
+    plugins?: ((...args: unknown[]) => {
+        name: string;
+        views: {
+            "request.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+            "response.section": {
+                title?: string | undefined;
+                component?: unknown;
+                props?: Record<string, any> | undefined;
+            }[];
+        };
+        hooks: {
+            onBeforeRequest: (...args: unknown[]) => void | Promise<void>;
+            onResponseReceived: (args_0: {
+                response: Response;
+                operation: Record<string, any>;
+            }, ...args: unknown[]) => void | Promise<void>;
+        };
+    })[] | undefined;
 }>;
 //# sourceMappingURL=useClientConfig.d.ts.map

package/dist/hooks/useClientConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClientConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACvG,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9D,eAAO,MAAM,2BAA2B,EAAe,YAAY,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAEhG,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;;;;;+CAC0pP,GAAG;;;;;mDAA8N,GAAG;;;;;;;;;;sCAA2wB,GAAI;;;;;;;+CAAn/B,GAAG;;;;WAAoJ,CAAC;eAAqC,CAAC,mCAAmC,GAAG;aAA0E,CAAC;YAAkC,CAAC;;;;;;;;sCAA6pB,GAAI;;;;;;;+CAAn/B,GAAG;;;;;mDAA8N,GAAG;;;;;;;;;;sCAA2wB,GAAI;EADpjR,CAAA"}
+{"version":3,"file":"useClientConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACvG,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9D,eAAO,MAAM,2BAA2B,EAAe,YAAY,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAEhG,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;;;;;;+CAC0+Y,GAAG;;;;;mDAAkO,GAAG;;;;;;;;;sCAAuuB,GAAI;gBAAuD,GAAG;;;;qBAAmH,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;qBAA2G,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;;8BAA8G,GAAG;;;;eAAuL,GAAI;;;;;;;;;;+CAA3rD,GAAG;;;aAAsH,CAAC;WAAiC,CAAC;eAAqC,CAAC,mCAAmC,GAAG;YAAyE,CAAC;;;;;;;;sCAA6pB,GAAI;gBAAuD,GAAG;;;;qBAAmH,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;qBAA2G,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;;8BAA8G,GAAG;;;;eAAuL,GAAI;;;;;;;;;;+CAA3rD,GAAG;;;;;mDAAkO,GAAG;;;;;;;;;sCAAuuB,GAAI;gBAAuD,GAAG;;;;qBAAmH,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;qBAA2G,CAAC;yBAA+C,CAAC;qBAAgC,CAAC;;;;8BAA8G,GAAG;;;;eAAuL,GAAI;;;EAD5kc,CAAA"}

package/dist/layouts/App/ApiClientApp.vue.d.ts

@@ -8,6 +8,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         name: string;
         uid: string;
     }) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=ApiClientApp.vue.d.ts.map

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAiK8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA0LjD,wBAOG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAyK8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAoMjD,wBAOG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, ref as T, onBeforeMount as v, onMounted as K, onBeforeUnmount as k, watch as C, computed as b, createElementBlock as E, openBlock as t, createElementVNode as S, createVNode as r, createBlock as a, createCommentVNode as H, unref as m, withCtx as d, KeepAlive as N, resolveDynamicComponent as A } from "vue";
-import { addScalarClassesToHeadless as B } from "@scalar/components";
+import { defineComponent as y, ref as v, onBeforeMount as K, onMounted as C, onBeforeUnmount as S, watch as b, computed as k, createBlock as t, openBlock as n, unref as r, withCtx as m, createElementVNode as p, createVNode as s, createCommentVNode as E, KeepAlive as H, resolveDynamicComponent as N } from "vue";
+import { addScalarClassesToHeadless as A, ScalarTeleportRoot as B } from "@scalar/components";
 import { getThemeStyles as D } from "@scalar/themes";
 import { useBreakpoints as L } from "@scalar/use-hooks/useBreakpoints";
 import { useColorMode as M } from "@scalar/use-hooks/useColorMode";
@@ -9,61 +9,66 @@ import V from "../../components/TopNav/TopNav.vue.js";
 import { useSidebar as O } from "../../hooks/useSidebar.js";
 import $ from "./MainLayout.vue.js";
 import { useActiveEntities as g } from "../../store/active-entities.js";
-import { APP_HOTKEYS as U } from "./hotkeys.js";
-import { handleHotKeyDown as W, DEFAULT_HOTKEYS as Y } from "../../libs/hot-keys.js";
-import { useWorkspace as F } from "../../store/store.js";
-const I = {
+import { APP_HOTKEYS as R } from "./hotkeys.js";
+import { handleHotKeyDown as U, DEFAULT_HOTKEYS as W } from "../../libs/hot-keys.js";
+import { useWorkspace as Y } from "../../store/store.js";
+const F = {
   id: "scalar-client-app",
   class: "contents"
-}, Q = ["innerHTML"], ie = /* @__PURE__ */ y({
+}, I = ["innerHTML"], ie = /* @__PURE__ */ y({
   __name: "ApiClientApp",
   emits: ["newTab"],
-  setup(R) {
-    const p = { ...Y, ...U }, s = T(null), u = (e) => {
-      s.value = e;
+  setup(Q) {
+    const u = { ...W, ...R }, i = v(null), f = (e) => {
+      i.value = e;
     };
     M();
-    const { activeWorkspace: n } = g(), { events: o } = F();
-    v(() => B());
-    const i = (e) => W(e, o.hotKeys, { hotKeys: p }), l = (e) => {
+    const { activeWorkspace: a } = g(), { events: o } = Y();
+    K(() => A());
+    const l = (e) => U(e, o.hotKeys, { hotKeys: u }), c = (e) => {
       e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), o.commandPalette.emit());
     };
-    K(() => {
-      window.addEventListener("keydown", i), o.hotKeys.on(l);
-    }), k(() => {
-      window.removeEventListener("keydown", i), o.hotKeys.off(l);
+    C(() => {
+      window.addEventListener("keydown", l), o.hotKeys.on(c);
+    }), S(() => {
+      window.removeEventListener("keydown", l), o.hotKeys.off(c);
     });
-    const { mediaQueries: f } = L(), { setSidebarOpen: _ } = O();
-    C(f.xl, _, {
+    const { mediaQueries: _ } = L(), { setSidebarOpen: w } = O();
+    b(_.xl, w, {
       immediate: !0
     });
-    const w = b(
+    const h = k(
       () => {
         var e;
-        return n.value && `<style>${D((e = n.value) == null ? void 0 : e.themeId)}</style>`;
+        return a.value && `<style>${D((e = a.value) == null ? void 0 : e.themeId)}</style>`;
       }
     );
-    return (e, j) => {
-      var c;
-      return t(), E("div", I, [
-        S("div", { innerHTML: w.value }, null, 8, Q),
-        r(V, { openNewTab: s.value }, null, 8, ["openNewTab"]),
-        (c = m(n)) != null && c.uid ? (t(), a($, { key: 0 }, {
-          default: d(() => [
-            r(m(x), { onNewTab: u }, {
-              default: d(({ Component: h }) => [
-                (t(), a(N, null, [
-                  (t(), a(A(h)))
-                ], 1024))
+    return (e, j) => (n(), t(r(B), null, {
+      default: m(() => {
+        var d;
+        return [
+          p("div", F, [
+            p("div", { innerHTML: h.value }, null, 8, I),
+            s(V, { openNewTab: i.value }, null, 8, ["openNewTab"]),
+            (d = r(a)) != null && d.uid ? (n(), t($, { key: 0 }, {
+              default: m(() => [
+                s(r(x), { onNewTab: f }, {
+                  default: m(({ Component: T }) => [
+                    (n(), t(H, null, [
+                      (n(), t(N(T)))
+                    ], 1024))
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
-            })
-          ]),
-          _: 1
-        })) : H("", !0),
-        r(m(P))
-      ]);
-    };
+            })) : E("", !0),
+            s(r(P))
+          ])
+        ];
+      }),
+      _: 1
+    }));
   }
 });
 export {