@scalar/api-client 2.0.1 → 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;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,mCAAmC;4BACX,mBAAmB;IAQ3C;;;OAGG;iCAC0B,MAAM;IAMnC;;;OAGG;uBACgB,mBAAmB;IAyEtC,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,32 +1,31 @@
 import { clientRouter as b } from "../router.js";
-import { useWorkspace as R } from "../store/workspace.js";
-import { objectMerge as j } from "@scalar/oas-utils/helpers";
-import { getNestedValue as P } from "@scalar/object-utils/nested";
-import { toRaw as c, createApp as q } from "vue";
-import K from "./ApiClientModal.vue.js";
-/* empty css                    */
-const N = async (k, A, v = !0) => {
-  var f, h, S;
-  const s = c(A), {
-    activeCollection: d,
-    collectionMutators: I,
+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: g,
-    modalState: p,
+    importSpecFromUrl: m,
+    modalState: n,
     requests: U,
     securitySchemeMutators: M,
-    securitySchemes: x,
-    serverMutators: O,
-    workspaceMutators: n
-  } = R();
-  (f = s.spec) != null && f.url ? g(c(s.spec.url), c(s.proxyUrl)) : (h = s.spec) != null && h.content ? a(c((S = s.spec) == null ? void 0 : S.content)) : console.error(
+    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 u = q(K, { config: c(s), modalState: p });
-  u.use(b);
-  const m = (e = k) => {
+  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.",
@@ -35,21 +34,23 @@ const N = async (k, A, v = !0) => {
       );
       return;
     }
-    u.mount(e);
+    d.mount(e);
   };
-  return v && m(), n.edit("isReadOnly", !0), s.proxyUrl && n.edit("proxyUrl", s.proxyUrl), s.themeId && n.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) : j(s, e), e.spec && a(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 O.edit(
-        ((r = d.value) == null ? void 0 : r.selectedServerUid) ?? "",
+      var s;
+      return x.edit(
+        ((s = u.value) == null ? void 0 : s.selectedServerUid) ?? "",
         "url",
         e
       );
@@ -59,49 +60,55 @@ const N = async (k, A, v = !0) => {
      * maps the references useAuthenticationStore to the client auth
      */
     updateAuth: (e) => {
-      var i, l;
-      if (Object.values(x).forEach((o) => {
-        const t = (w, y = "value") => w.length && !P(o, y).length && M.edit(o.uid, y, w);
-        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 o = {
+        const r = {
           uid: e.preferredSecurityScheme
-        }, t = (i = e.securitySchemes) == null ? void 0 : i[e.preferredSecurityScheme ?? ""];
-        (t == null ? void 0 : t.type) === "oauth2" && (o.flowKey = (l = t.flows) != null && l.implicit ? "implicit" : "password"), I.edit(
-          d.value.uid,
+        }, 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",
-          [o]
+          [r]
         );
       }
     },
     /** Update the spec file, this will re-parse it and clear your store */
-    updateSpec: (e) => a(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(U).find(
-        ({ path: i, method: l }) => e ? (
+      const s = Object.values(U).find(
+        ({ path: c, method: l }) => e ? (
           // The given operation
-          i === e.path && l === e.method
+          c === e.path && l === e.method
         ) : (
           // Or the first request
           !0
         )
       );
-      r && b.push(`/request/${r.uid}`), p.open = !0;
+      s && b.push(`/request/${s.uid}`), n.open = !0;
     },
     /** Mount the references to a given element */
-    mount: m,
-    modalState: p
+    mount: f,
+    modalState: n
   };
 };
 export {

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
 };