@scalar/api-reference 1.31.7 → 1.31.9

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

@@ -1,21 +1,23 @@
-import { defineComponent as A, createElementBlock as p, openBlock as s, createElementVNode as r, renderSlot as v, createCommentVNode as l, normalizeClass as T, unref as c, createTextVNode as h, withModifiers as V, createVNode as C, withCtx as E, toDisplayString as u, createBlock as N } from "vue";
-import { ScalarSidebarGroupToggle as O, ScalarIcon as R } from "@scalar/components";
-import { scrollToId as U } from "@scalar/helpers/dom/scroll-to-id";
+import { defineComponent as $, createElementBlock as l, openBlock as n, createElementVNode as a, renderSlot as g, createCommentVNode as r, normalizeClass as A, unref as d, createTextVNode as p, withModifiers as T, createVNode as b, withCtx as v, toDisplayString as h, createBlock as E, normalizeStyle as N } from "vue";
+import { ScalarSidebarGroupToggle as O } from "@scalar/components";
+import { scrollToId as V } from "@scalar/helpers/dom/scroll-to-id";
+import { getHttpMethodInfo as H } from "@scalar/helpers/http/http-info";
 import { sleep as k } from "@scalar/helpers/testing/sleep";
-import { combineUrlAndPath as H } from "@scalar/oas-utils/helpers";
-import { useConfig as I } from "../../hooks/useConfig.js";
-import { useNavState as P } from "../../hooks/useNavState.js";
-import D from "./SidebarHttpBadge.vue.js";
-const L = ["id"], M = {
+import { ScalarIconWebhooksLogo as I } from "@scalar/icons";
+import { combineUrlAndPath as R } from "@scalar/oas-utils/helpers";
+import { useConfig as U } from "../../hooks/useConfig.js";
+import { useNavState as L } from "../../hooks/useNavState.js";
+import M from "./SidebarHttpBadge.vue.js";
+const P = ["id"], z = {
   key: 0,
   class: "sidebar-heading-chevron"
-}, z = ["aria-expanded"], F = ["href", "tabindex"], G = { class: "sidebar-heading-link-title" }, j = {
-  key: 1,
+}, D = ["aria-expanded"], F = ["href", "tabindex"], G = { class: "sidebar-heading-link-title" }, W = {
+  key: 0,
   class: "sidebar-heading-link-method"
-}, q = {
+}, j = {
   key: 1,
   class: "action-menu"
-}, x = /* @__PURE__ */ A({
+}, te = /* @__PURE__ */ $({
   __name: "SidebarElement",
   props: {
     id: {},
@@ -25,82 +27,84 @@ const L = ["id"], M = {
     open: { type: Boolean }
   },
   emits: ["toggleOpen"],
-  setup(y, { emit: w }) {
-    const i = y, m = w, { getFullHash: f, isIntersectionEnabled: d, replaceUrlState: S } = P(), n = I(), g = async () => {
-      var e, t;
-      d.value = !1, i.hasChildren && m("toggleOpen"), (t = (e = i.item) == null ? void 0 : e.select) == null || t.call(e), await k(100), d.value = !0;
-    }, B = () => {
-      if (n.value.pathRouting)
-        return H(n.value.pathRouting.basePath, i.item.id);
+  setup(C, { emit: y }) {
+    const o = C, m = y, { getFullHash: u, isIntersectionEnabled: s, replaceUrlState: w } = L(), i = U(), c = async () => {
+      s.value = !1, o.hasChildren && m("toggleOpen"), await k(100), s.value = !0;
+    }, S = () => {
+      if (i.value.pathRouting)
+        return R(i.value.pathRouting.basePath, o.item.id);
       if (typeof window < "u") {
         const e = new URL(window.location.href);
-        return e.hash = f(i.item.id), `${e.pathname}${e.search}${e.hash}`;
+        return e.hash = u(o.item.id), `${e.pathname}${e.search}${e.hash}`;
       }
-      return `#${f(i.item.id)}`;
-    }, $ = async (e) => {
-      var t, a, o, b;
-      (a = (t = n.value).onSidebarClick) == null || a.call(t, i.item.id), n.value.pathRouting && (e.preventDefault(), i.hasChildren && m("toggleOpen"), (b = (o = i.item) == null ? void 0 : o.select) == null || b.call(o), m("toggleOpen"), d.value = !1, S(i.item.id), U(i.item.id), await k(100), d.value = !0);
+      return `#${u(o.item.id)}`;
+    }, B = async (e) => {
+      var t, f;
+      (f = (t = i.value).onSidebarClick) == null || f.call(t, o.item.id), i.value.pathRouting && (e.preventDefault(), o.hasChildren && m("toggleOpen"), m("toggleOpen"), s.value = !1, w(o.item.id), V(o.item.id), await k(100), s.value = !0);
     };
-    return (e, t) => {
-      var a, o;
-      return s(), p("li", {
-        id: e.id,
-        class: "sidebar-group-item"
+    return (e, t) => (n(), l("li", {
+      id: e.id,
+      class: "sidebar-group-item"
+    }, [
+      a("div", {
+        class: A(["sidebar-heading", {
+          "sidebar-group-item__folder": e.hasChildren,
+          active_page: e.isActive,
+          deprecated: "deprecated" in e.item && e.item.deprecated
+        }]),
+        onClick: c
       }, [
-        r("div", {
-          class: T(["sidebar-heading", {
-            "sidebar-group-item__folder": e.hasChildren,
-            active_page: e.isActive,
-            deprecated: e.item.deprecated ?? !1
-          }]),
-          onClick: g
-        }, [
-          e.hasChildren && !c(n).defaultOpenAllTags ? (s(), p("p", M, [
-            r("button", {
-              "aria-expanded": e.open,
-              class: "toggle-nested-icon",
-              type: "button",
-              onClick: V(g, ["stop"])
-            }, [
-              C(c(O), { open: e.open }, {
-                label: E(() => [
-                  h(u(e.open ? "Collapse" : "Expand") + " " + u(e.item.title), 1)
-                ]),
-                _: 1
-              }, 8, ["open"])
-            ], 8, z),
-            t[0] || (t[0] = h("   "))
-          ])) : l("", !0),
-          r("a", {
-            class: "sidebar-heading-link",
-            href: B(),
-            tabindex: e.hasChildren ? -1 : 0,
-            onClick: $
+        e.hasChildren && !d(i).defaultOpenAllTags ? (n(), l("p", z, [
+          a("button", {
+            "aria-expanded": e.open,
+            class: "toggle-nested-icon",
+            type: "button",
+            onClick: T(c, ["stop"])
           }, [
-            (o = (a = e.item) == null ? void 0 : a.icon) != null && o.src ? (s(), N(c(R), {
-              key: 0,
-              class: "sidebar-icon",
-              icon: e.item.icon.src
-            }, null, 8, ["icon"])) : l("", !0),
-            r("p", G, u(e.item.title), 1),
-            e.item.httpVerb && !e.hasChildren ? (s(), p("p", j, [
-              t[1] || (t[1] = h("   ")),
-              t[2] || (t[2] = r("span", { class: "sr-only" }, "HTTP Method: ", -1)),
-              C(D, {
-                active: e.isActive,
-                method: e.item.httpVerb
-              }, null, 8, ["active", "method"])
-            ])) : l("", !0)
-          ], 8, F)
-        ], 2),
-        e.open ? v(e.$slots, "default", { key: 0 }, void 0, !0) : l("", !0),
-        e.$slots["action-menu"] ? (s(), p("div", q, [
-          v(e.$slots, "action-menu", {}, void 0, !0)
-        ])) : l("", !0)
-      ], 8, L);
-    };
+            b(d(O), { open: e.open }, {
+              label: v(() => [
+                p(h(e.open ? "Collapse" : "Expand") + " " + h(e.item.title), 1)
+              ]),
+              _: 1
+            }, 8, ["open"])
+          ], 8, D),
+          t[0] || (t[0] = p("   "))
+        ])) : r("", !0),
+        a("a", {
+          class: "sidebar-heading-link",
+          href: S(),
+          tabindex: e.hasChildren ? -1 : 0,
+          onClick: B
+        }, [
+          a("p", G, h(e.item.title), 1),
+          "method" in e.item && !e.hasChildren ? (n(), l("p", W, [
+            t[1] || (t[1] = p("   ")),
+            t[2] || (t[2] = a("span", { class: "sr-only" }, "HTTP Method: ", -1)),
+            b(M, {
+              active: e.isActive,
+              method: e.item.method
+            }, {
+              default: v(() => [
+                "webhook" in e.item ? (n(), E(d(I), {
+                  key: 0,
+                  weight: "bold",
+                  style: N({
+                    color: d(H)(e.item.method).colorVar
+                  })
+                }, null, 8, ["style"])) : r("", !0)
+              ]),
+              _: 1
+            }, 8, ["active", "method"])
+          ])) : r("", !0)
+        ], 8, F)
+      ], 2),
+      e.open ? g(e.$slots, "default", { key: 0 }, void 0, !0) : r("", !0),
+      e.$slots["action-menu"] ? (n(), l("div", j, [
+        g(e.$slots, "action-menu", {}, void 0, !0)
+      ])) : r("", !0)
+    ], 8, P));
   }
 });
 export {
-  x as default
+  te as default
 };

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

@@ -2,6 +2,21 @@ type __VLS_Props = {
     method: string;
     active?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=SidebarHttpBadge.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHttpBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarHttpBadge.vue"],"names":[],"mappings":"AAgDA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;;AA0EF,wBAOG"}
+{"version":3,"file":"SidebarHttpBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarHttpBadge.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAQF,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Sidebar/SidebarHttpBadge.vue.js

@@ -1,7 +1,7 @@
 import t from "./SidebarHttpBadge.vue2.js";
 /* empty css                      */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4929f40c"]]);
+const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-43724d28"]]);
 export {
-  e as default
+  d as default
 };

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

@@ -1,14 +1,15 @@
-import { defineComponent as o, createBlock as t, openBlock as a, unref as r, normalizeClass as s } from "vue";
+import { defineComponent as t, createBlock as o, openBlock as a, unref as r, normalizeClass as s, withCtx as d, renderSlot as i } from "vue";
 import n from "../HttpMethod/HttpMethod.vue.js";
-const c = /* @__PURE__ */ o({
+const h = /* @__PURE__ */ t({
   __name: "SidebarHttpBadge",
   props: {
     method: {},
     active: { type: Boolean }
   },
   setup(p) {
-    return (e, d) => (a(), t(r(n), {
+    return (e, m) => (a(), o(r(n), {
       class: s([
+        "flex items-center justify-end gap-1",
         "sidebar-heading-type",
         `sidebar-heading-type--${e.method.toLowerCase()}`,
         { "sidebar-heading-type-active": e.active }
@@ -16,9 +17,14 @@ const c = /* @__PURE__ */ o({
       method: e.method,
       property: "--method-color",
       short: ""
-    }, null, 8, ["class", "method"]));
+    }, {
+      default: d(() => [
+        i(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "method"]));
   }
 });
 export {
-  c as default
+  h as default
 };

package/dist/features/ApiClientModal/ApiClientModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ApiClientModal/ApiClientModal.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAYzE,KAAK,WAAW,GAAG;IAEjB,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAA;IAC/D,oBAAoB,EAAE,WAAW,CAAC,QAAQ,CAAA;CAC3C,CAAC;;AA8JF,wBAOG"}
+{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ApiClientModal/ApiClientModal.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAYzE,KAAK,WAAW,GAAG;IAEjB,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAA;IAC/D,oBAAoB,EAAE,WAAW,CAAC,QAAQ,CAAA;CAC3C,CAAC;;AAuLF,wBAOG"}

package/dist/features/ApiClientModal/ApiClientModal.vue.js

@@ -1,53 +1,65 @@
-import { defineComponent as d, ref as h, onMounted as S, watch as E, onBeforeUnmount as b, createElementBlock as x, openBlock as D } from "vue";
-import { useActiveEntities as M, useWorkspace as g } from "@scalar/api-client/store";
+import { defineComponent as h, ref as S, onMounted as E, watch as g, onBeforeUnmount as D, createElementBlock as b, openBlock as x } from "vue";
+import { useActiveEntities as M, useWorkspace as U } from "@scalar/api-client/store";
 import { mutateSecuritySchemeDiff as k } from "@scalar/api-client/views/Request/libs";
 import { getServersFromOpenApiDocument as A } from "@scalar/oas-utils/transforms";
-import { watchDebounced as U } from "@vueuse/core";
-import B from "microdiff";
-import { useNavState as _ } from "../../hooks/useNavState.js";
-import { useApiClient as y } from "./useApiClient.js";
-import { useExampleStore as C } from "../../legacy/stores/useExampleStore.js";
-const q = /* @__PURE__ */ d({
+import { watchDebounced as d } from "@vueuse/core";
+import C from "microdiff";
+import { useNavState as y } from "../../hooks/useNavState.js";
+import { useApiClient as B } from "./useApiClient.js";
+import { useExampleStore as L } from "../../legacy/stores/useExampleStore.js";
+const z = /* @__PURE__ */ h({
   __name: "ApiClientModal",
   props: {
     configuration: {},
     dereferencedDocument: {}
   },
-  setup(a) {
-    const c = h(null), { client: i, init: p } = y(), { selectedExampleKey: v, operationId: l } = C(), u = M(), r = g(), { isIntersectionEnabled: m } = _();
-    return S(() => {
-      c.value && p({
-        el: c.value,
-        configuration: a.configuration,
-        store: r
+  setup(n) {
+    const a = S(null), { client: c, init: v } = B(), { selectedExampleKey: p, operationId: s } = L(), u = M(), i = U(), { isIntersectionEnabled: m } = y();
+    return E(() => {
+      a.value && v({
+        el: a.value,
+        configuration: n.configuration,
+        store: i
       });
-    }), U(
-      () => a.configuration,
-      (t, o) => {
-        if (!o || !u.activeCollection.value)
+    }), d(
+      () => n.dereferencedDocument,
+      (e) => {
+        var r, o;
+        e && (u.activeCollection.value && ((r = c.value) == null || r.resetStore()), i.importSpecFile(void 0, "default", {
+          dereferencedDocument: e,
+          shouldLoad: !1,
+          documentUrl: (o = n.configuration) == null ? void 0 : o.url,
+          useCollectionSecurity: !0,
+          ...n.configuration
+        }));
+      }
+    ), d(
+      () => n.configuration,
+      (e, r) => {
+        if (!r || !u.activeCollection.value)
           return;
-        const n = u.activeCollection.value, f = B(o, t);
+        const o = u.activeCollection.value, f = C(r, e);
         if (!f.some(
-          (e) => e.path[0] === "url" || e.path[0] === "content" || e.path[1] === "url" || e.path[1] === "content"
+          (t) => t.path[0] === "url" || t.path[0] === "content" || t.path[1] === "url" || t.path[1] === "content"
         )) {
-          if (f.forEach((e) => {
-            e.path[0] === "authentication" && k(e, u, r);
-          }), t.servers || o.servers) {
-            n.servers.forEach((s) => {
-              r.serverMutators.delete(s, n.uid);
+          if (f.forEach((t) => {
+            t.path[0] === "authentication" && k(t, u, i);
+          }), e.servers || r.servers) {
+            o.servers.forEach((l) => {
+              i.serverMutators.delete(l, o.uid);
             });
-            const e = A(
-              t.servers ?? a.dereferencedDocument.servers,
+            const t = A(
+              e.servers ?? n.dereferencedDocument.servers,
               {
-                baseServerURL: t.baseServerURL
+                baseServerURL: e.baseServerURL
               }
             );
-            e.forEach((s) => {
-              r.serverMutators.add(s, n.uid);
-            }), e.length && r.collectionMutators.edit(
-              n.uid,
+            t.forEach((l) => {
+              i.serverMutators.add(l, o.uid);
+            }), t.length && i.collectionMutators.edit(
+              o.uid,
               "selectedServerUid",
-              e[e.length - 1].uid
+              t[t.length - 1].uid
             );
           }
         }
@@ -56,17 +68,17 @@ const q = /* @__PURE__ */ d({
         }, 1e3);
       },
       { deep: !0, debounce: 300 }
-    ), E(v, (t) => {
-      i.value && t && l.value && i.value.updateExample(t, l.value);
-    }), b(() => {
-      var t;
-      return (t = i.value) == null ? void 0 : t.app.unmount();
-    }), (t, o) => (D(), x("div", {
+    ), g(p, (e) => {
+      c.value && e && s.value && c.value.updateExample(e, s.value);
+    }), D(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.app.unmount();
+    }), (e, r) => (x(), b("div", {
       ref_key: "el",
-      ref: c
+      ref: a
     }, null, 512));
   }
 });
 export {
-  q as default
+  z as default
 };