@scalar/api-reference 1.32.1 → 1.32.5

package/dist/features/api-client-modal/ApiClientModal.vue.js

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