@scalar/api-client 2.0.0 → 2.0.2

package/dist/Modal/ApiClientModal.vue.d.ts

@@ -1,4 +1,4 @@
-import { type useModal } from '@scalar/components';
+import type { useModal } from '@scalar/components';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** Controls opening and closing the modal */
     modalState: ReturnType<typeof useModal>;

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

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/ApiClientModal.vue"],"names":[],"mappings":"AAqCA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,oBAAoB,CAAA;;IAOzB,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;IADvC,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;AA0EzC,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":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/ApiClientModal.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;IAOhD,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;IADvC,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;AAqGzC,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/Modal/ApiClientModal.vue.js

@@ -1,24 +1,8 @@
-import { defineComponent as o, onBeforeMount as a, openBlock as r, createBlock as l, unref as e, withCtx as s, createVNode as n } from "vue";
-import { addScalarClassesToHeadless as d, ScalarModal as f } from "@scalar/components";
-import { RouterView as p } from "vue-router";
-const C = /* @__PURE__ */ o({
-  __name: "ApiClientModal",
-  props: {
-    modalState: {}
-  },
-  setup(u) {
-    return a(() => d()), (t, m) => (r(), l(e(f), {
-      bodyClass: "h-full",
-      size: "full",
-      state: t.modalState
-    }, {
-      default: s(() => [
-        n(e(p), { key: "$route.fullPath" })
-      ]),
-      _: 1
-    }, 8, ["state"]));
-  }
-});
+import o from "./ApiClientModal.vue2.js";
+/* empty css                    */
+/* empty css                    */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d109beff"]]);
 export {
-  C as default
+  m as default
 };

package/dist/Modal/ApiClientModal.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, watch as r, onBeforeUnmount as s, withDirectives as c, openBlock as m, createElementBlock as d, createElementVNode as t, createVNode as i, unref as p, vShow as u } from "vue";
+import { RouterView as f } from "vue-router";
+const v = { class: "scalar" }, h = { className: "scalar-container" }, _ = { className: "scalar-app scalar-client" }, S = /* @__PURE__ */ l({
+  __name: "ApiClientModal",
+  props: {
+    modalState: {}
+  },
+  setup(n) {
+    const a = n;
+    return r(
+      () => a.modalState.open,
+      (e) => {
+        e ? document.documentElement.style.overflow = "hidden" : document.documentElement.style.removeProperty("overflow");
+      }
+    ), s(() => document.documentElement.style.removeProperty("overflow")), (e, o) => c((m(), d("div", v, [
+      t("div", h, [
+        t("div", _, [
+          i(p(f), { key: "$route.fullPath" })
+        ]),
+        t("div", {
+          class: "scalar-app-exit",
+          onClick: o[0] || (o[0] = (w) => e.modalState.hide())
+        })
+      ])
+    ], 512)), [
+      [u, e.modalState.open]
+    ]);
+  }
+});
+export {
+  S as default
+};

package/dist/Modal/api-client-modal.d.ts

@@ -20,6 +20,8 @@ export type OpenClientPayload = {
 };
 /** Initialize Scalar API Client Modal */
 export declare const createScalarApiClient: (el: HTMLElement | null, initialConfig: ClientConfiguration, mountOnInitialize?: boolean) => Promise<{
+    /** The vue app instance for the modal, be careful with this */
+    app: import("vue").App<Element>;
     /** Update the API client config */
     updateConfig(newConfig: ClientConfiguration, mergeConfigs?: boolean): void;
     /**
@@ -33,7 +35,7 @@ export declare const createScalarApiClient: (el: HTMLElement | null, initialConf
      */
     updateAuth: (auth: AuthenticationState) => void;
     /** Update the spec file, this will re-parse it and clear your store */
-    updateSpec: (spec: SpecConfiguration) => Promise<void>;
+    updateSpec: (spec: SpecConfiguration) => void;
     /** Open the  API client modal */
     open: (payload?: OpenClientPayload) => void;
     /** Mount the references to a given element */

package/dist/Modal/api-client-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-client-modal.d.ts","sourceRoot":"","sources":["../../src/Modal/api-client-modal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAE/E,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,2BAA2B,CAAA;AAO3E,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,IAAI,EAAE,iBAAiB,CAAA;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4DAA4D;IAE5D,mFAAmF;IACnF,YAAY,CAAC,EACT,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAA;CACR,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,CAAA;CAAE,CAAA;AAEvE,yCAAyC;AACzC,eAAO,MAAM,qBAAqB,OAE5B,WAAW,GAAG,IAAI,iBAEP,mBAAmB;IA8DhC,mCAAmC;4BACX,mBAAmB;IAQ3C;;;OAGG;iCAC0B,MAAM;IAMnC;;;OAGG;uBACgB,mBAAmB;IAmDtC,uEAAuE;uBACpD,iBAAiB;IACpC,iCAAiC;qBAChB,iBAAiB;IAalC,8CAA8C;;;;;;;EAIjD,CAAA"}
+{"version":3,"file":"api-client-modal.d.ts","sourceRoot":"","sources":["../../src/Modal/api-client-modal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAG/E,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,2BAA2B,CAAA;AAQ3E,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,IAAI,EAAE,iBAAiB,CAAA;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4DAA4D;IAE5D,mFAAmF;IACnF,YAAY,CAAC,EACT,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAA;CACR,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,CAAA;CAAE,CAAA;AAEvE,yCAAyC;AACzC,eAAO,MAAM,qBAAqB,OAE5B,WAAW,GAAG,IAAI,iBAEP,mBAAmB;IA+DhC,+DAA+D;;IAE/D,mCAAmC;4BACX,mBAAmB;IAQ3C;;;OAGG;iCAC0B,MAAM;IAMnC;;;OAGG;uBACgB,mBAAmB;IAyEtC,uEAAuE;uBACpD,iBAAiB;IAapC,iCAAiC;qBAChB,iBAAiB;IAalC,8CAA8C;;;;;;;EAIjD,CAAA"}

package/dist/Modal/api-client-modal.js

@@ -1,31 +1,31 @@
-import { clientRouter as w } from "../router.js";
-import { useWorkspace as x } from "../store/workspace.js";
-import { objectMerge as M } from "@scalar/oas-utils/helpers";
-import { getNestedValue as O } from "@scalar/object-utils/nested";
-import { toRaw as c, createApp as R } from "vue";
-import j from "./ApiClientModal.vue.js";
-/* empty css                    */
-const _ = async (b, k, A = !0) => {
-  var d, u, m;
-  const s = c(k), {
-    activeCollection: v,
-    importSpecFile: i,
-    importSpecFromUrl: S,
-    modalState: a,
-    requests: y,
-    securitySchemeMutators: I,
-    securitySchemes: g,
-    serverMutators: U,
-    workspaceMutators: l
-  } = x();
-  (d = s.spec) != null && d.url ? S(c(s.spec.url), c(s.proxyUrl)) : (u = s.spec) != null && u.content ? i(c((m = s.spec) == null ? void 0 : m.content)) : console.error(
+import { clientRouter as b } from "../router.js";
+import { useWorkspace as O } from "../store/workspace.js";
+import { objectMerge as R } from "@scalar/oas-utils/helpers";
+import { getNestedValue as j } from "@scalar/object-utils/nested";
+import { toRaw as i, createApp as C } from "vue";
+import q from "./ApiClientModal.vue.js";
+const N = async (k, v, I = !0) => {
+  var h, S, w;
+  const o = i(v), {
+    activeCollection: u,
+    collectionMutators: g,
+    importSpecFile: a,
+    importSpecFromUrl: m,
+    modalState: n,
+    requests: U,
+    securitySchemeMutators: M,
+    securitySchemes: P,
+    serverMutators: x,
+    workspaceMutators: p
+  } = O();
+  (h = o.spec) != null && h.url ? m(i(o.spec.url), i(o.proxyUrl)) : (S = o.spec) != null && S.content ? a(i((w = o.spec) == null ? void 0 : w.content)) : console.error(
     "[@scalar/api-client-modal] Could not create the API client.",
     "Please provide an OpenAPI document: { spec: { url: '…' } }",
     "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client-modal"
   );
-  const p = R(j, { config: c(s), modalState: a });
-  p.use(w);
-  const n = (e = b) => {
+  const d = C(q, { config: i(o), modalState: n });
+  d.use(b);
+  const f = (e = k) => {
     if (!e) {
       console.error(
         "[@scalar/api-client-modal] Could not create the API client.",
@@ -34,21 +34,23 @@ const _ = async (b, k, A = !0) => {
       );
       return;
     }
-    p.mount(e);
+    d.mount(e);
   };
-  return A && n(), l.edit("isReadOnly", !0), s.proxyUrl && l.edit("proxyUrl", s.proxyUrl), s.themeId && l.edit("themeId", s.themeId), {
+  return I && f(), p.edit("isReadOnly", !0), o.proxyUrl && p.edit("proxyUrl", o.proxyUrl), o.themeId && p.edit("themeId", o.themeId), {
+    /** The vue app instance for the modal, be careful with this */
+    app: d,
     /** Update the API client config */
-    updateConfig(e, r = !0) {
-      r ? Object.assign(s, e) : M(s, e), e.spec && i(e.spec);
+    updateConfig(e, s = !0) {
+      s ? Object.assign(o, e) : R(o, e), e.spec && a(e.spec);
     },
     /**
      * TODO this is just temporary for the modal, we'll put in a proper solution later
      * Here we update the currently selected serverUrl
      */
     updateServerUrl: (e) => {
-      var r;
-      return U.edit(
-        ((r = v.value) == null ? void 0 : r.selectedServerUid) ?? "",
+      var s;
+      return x.edit(
+        ((s = u.value) == null ? void 0 : s.selectedServerUid) ?? "",
         "url",
         e
       );
@@ -58,41 +60,57 @@ const _ = async (b, k, A = !0) => {
      * maps the references useAuthenticationStore to the client auth
      */
     updateAuth: (e) => {
-      Object.values(g).forEach((o) => {
-        const t = (f, h = "value") => f.length && !O(o, h).length && I.edit(o.uid, h, f);
-        switch (o.type) {
+      var c, l;
+      if (Object.values(P).forEach((r) => {
+        const t = (y, A = "value") => y.length && !j(r, A).length && M.edit(r.uid, A, y);
+        switch (r.type) {
           case "apiKey":
             t(e.apiKey.token);
             break;
           case "http":
-            o.scheme === "bearer" ? t(e.http.bearer.token) : o.scheme === "basic" && (t(e.http.basic.username), t(e.http.basic.password, "secondValue"));
+            r.scheme === "bearer" ? t(e.http.bearer.token) : r.scheme === "basic" && (t(e.http.basic.username), t(e.http.basic.password, "secondValue"));
             break;
           case "oauth2":
-            t(e.oAuth2.clientId, "clientId"), o.flows.implicit ? (t(e.oAuth2.accessToken, "flows.implicit.token"), t(e.oAuth2.scopes, "flows.implicit.selectedScopes")) : o.flows.password && (t(e.oAuth2.accessToken, "flows.password.token"), t(e.oAuth2.scopes, "flows.password.selectedScopes"), t(e.oAuth2.username, "flows.password.value"), t(e.oAuth2.password, "flows.password.secondValue"));
+            t(e.oAuth2.clientId, "clientId"), r.flows.implicit ? (t(e.oAuth2.accessToken, "flows.implicit.token"), t(e.oAuth2.scopes, "flows.implicit.selectedScopes")) : r.flows.password && (t(e.oAuth2.accessToken, "flows.password.token"), t(e.oAuth2.scopes, "flows.password.selectedScopes"), t(e.oAuth2.username, "flows.password.value"), t(e.oAuth2.password, "flows.password.secondValue"));
             break;
         }
-      });
+      }), e.preferredSecurityScheme) {
+        const r = {
+          uid: e.preferredSecurityScheme
+        }, t = (c = e.securitySchemes) == null ? void 0 : c[e.preferredSecurityScheme ?? ""];
+        (t == null ? void 0 : t.type) === "oauth2" && (r.flowKey = (l = t.flows) != null && l.implicit ? "implicit" : "password"), g.edit(
+          u.value.uid,
+          "selectedSecuritySchemes",
+          [r]
+        );
+      }
     },
     /** Update the spec file, this will re-parse it and clear your store */
-    updateSpec: (e) => i(e),
+    updateSpec: (e) => {
+      e != null && e.url ? m(i(e.url), i(o.proxyUrl)) : e != null && e.content ? a(i(e == null ? void 0 : e.content)) : console.error(
+        "[@scalar/api-client-modal] Could not create the API client.",
+        "Please provide an OpenAPI document: { spec: { url: '…' } }",
+        "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client-modal"
+      );
+    },
     /** Open the  API client modal */
     open: (e) => {
-      const r = Object.values(y).find(
-        ({ path: o, method: t }) => e ? (
+      const s = Object.values(U).find(
+        ({ path: c, method: l }) => e ? (
           // The given operation
-          o === e.path && t === e.method
+          c === e.path && l === e.method
         ) : (
           // Or the first request
           !0
         )
       );
-      r && w.push(`/request/${r.uid}`), a.open = !0;
+      s && b.push(`/request/${s.uid}`), n.open = !0;
     },
     /** Mount the references to a given element */
-    mount: n,
-    modalState: a
+    mount: f,
+    modalState: n
   };
 };
 export {
-  _ as createScalarApiClient
+  N as createScalarApiClient
 };

package/dist/Modal/index.js

@@ -1,6 +1,6 @@
-import { createScalarApiClient as r } from "./api-client-modal.js";
-import { default as l } from "./ApiClientModal.vue.js";
+import { default as r } from "./ApiClientModal.vue.js";
+import { createScalarApiClient as l } from "./api-client-modal.js";
 export {
-  l as ApiClientModal,
-  r as createScalarApiClient
+  r as ApiClientModal,
+  l as createScalarApiClient
 };

package/dist/index.js

@@ -1,15 +1,14 @@
-import { default as a } from "./App.vue.js";
+import { default as o } from "./App.vue.js";
 /* empty css         */
-import { useWorkspace as p } from "./store/workspace.js";
-import { clientRouter as f, clientRoutes as m } from "./router.js";
-import { default as n } from "./Modal/ApiClientModal.vue.js";
-/* empty css                          */
-import { createScalarApiClient as u } from "./Modal/api-client-modal.js";
+import { useWorkspace as l } from "./store/workspace.js";
+import { clientRouter as i, clientRoutes as f } from "./router.js";
+import { default as m } from "./Modal/ApiClientModal.vue.js";
+import { createScalarApiClient as s } from "./Modal/api-client-modal.js";
 export {
-  n as ApiClientModal,
-  a as ScalarClient,
-  f as clientRouter,
-  m as clientRoutes,
-  u as createScalarApiClient,
-  p as useWorkspace
+  m as ApiClientModal,
+  o as ScalarClient,
+  i as clientRouter,
+  f as clientRoutes,
+  s as createScalarApiClient,
+  l as useWorkspace
 };

package/dist/libs/sendRequest.js

@@ -1,21 +1,23 @@
 import { redirectToProxy as A, shouldUseProxy as C } from "@scalar/oas-utils/helpers";
 import E from "axios";
 import R from "js-cookie";
-const u = (c = []) => c.reduce(
+const c = (d = []) => d.reduce(
   (o, i) => (i.key && (o[i.key] = i.value), o),
   {}
-), g = async (c, o, i, s, y) => {
+), g = async (d, o, i, s, y) => {
   var w;
   let n = i;
   o.parameters.path.forEach((e) => {
     !e.key || !e.value || (n = n.replace(`{${e.key}}`, e.value));
   });
-  const r = u(o.parameters.headers);
-  let d = null;
+  const r = c(
+    o.parameters.headers.filter(({ enabled: e }) => e)
+  );
+  let u = null;
   if (o.body.activeBody === "binary" && o.body.binary)
-    r["Content-Type"] = o.body.binary.type, r["Content-Disposition"] = `attachment; filename="${o.body.binary.name}"`, d = o.body.binary;
+    r["Content-Type"] = o.body.binary.type, r["Content-Disposition"] = `attachment; filename="${o.body.binary.name}"`, u = o.body.binary;
   else if (o.body.activeBody === "raw")
-    d = o.body.raw.value;
+    u = o.body.raw.value;
   else if (o.body.activeBody === "formData") {
     r["Content-Type"] = "multipart/form-data";
     const e = new FormData();
@@ -23,7 +25,7 @@ const u = (c = []) => c.reduce(
       (t) => {
         t.key && t.value ? e.append(t.key, t.value) : t.file && e.append(t.file.name, t.file);
       }
-    ), d = e);
+    ), u = e);
   }
   const f = [], [k, p] = n.split("?");
   new URLSearchParams(p ?? "").forEach((e, t) => {
@@ -33,14 +35,12 @@ const u = (c = []) => c.reduce(
       enabled: !0
     });
   });
-  const b = {
-    ...u(o.parameters.query),
-    ...u(f)
+  const h = {
+    ...c(o.parameters.query.filter(({ enabled: e }) => e)),
+    ...c(f)
   }, l = {
-    ...u(
-      (o.parameters.cookies ?? []).filter(
-        (e) => e.enabled
-      )
+    ...c(
+      (o.parameters.cookies ?? []).filter(({ enabled: e }) => e)
     )
   };
   if (s != null && s.scheme) {
@@ -51,7 +51,7 @@ const u = (c = []) => c.reduce(
           l[e.name] = e.value;
           break;
         case "query":
-          b[e.name] = e.value;
+          h[e.name] = e.value;
           break;
         case "header":
           r[e.name] = e.value;
@@ -67,13 +67,13 @@ const u = (c = []) => c.reduce(
       secure: !0
     });
   });
-  const h = new URLSearchParams(b).toString();
-  n = `${k}${h ? "?" + h : ""}`;
+  const b = new URLSearchParams(h).toString();
+  n = `${k}${b ? "?" + b : ""}`;
   const D = {
     url: A(y, n),
-    method: c.method,
+    method: d.method,
     headers: r,
-    data: d
+    data: u
   }, v = Date.now();
   try {
     const e = await E(D);