@scalar/api-client 2.3.12 → 2.3.14

package/dist/views/Request/RequestSection/RequestCodeExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AA8KA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA+PF,wBAOG"}
+{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AAwRA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA2WF,wBAOG"}

package/dist/views/Request/RequestSection/RequestCodeExample.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestCodeExample.vue2.js";
 /* empty css                        */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-57c43f8c"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fdb4baba"]]);
 export {
-  r as default
+  p as default
 };

package/dist/views/Request/RequestSection/RequestCodeExample.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as b, computed as i, openBlock as w, createElementBlock as x, createVNode as n, withCtx as c, createTextVNode as S, createElementVNode as m, unref as r, toDisplayString as C } from "vue";
-import { ScalarCombobox as k, ScalarButton as $, ScalarIcon as g } from "@scalar/components";
-import { snippetz as K } from "@scalar/snippetz";
-import V from "../../../components/DataTable/DataTable.vue.js";
-import H from "../../../components/DataTable/DataTableRow.vue.js";
-import U from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { filterSecurityRequirements as _ } from "./helpers/filter-security-requirements.js";
-import j from "../../Components/CodeSnippet/CodeSnippet.vue.js";
-import { useWorkspace as B } from "../../../store/store.js";
-const D = { class: "w-full" }, E = { class: "-mx-1 flex flex-1" }, N = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, P = /* @__PURE__ */ b({
+import { defineComponent as H, computed as a, ref as U, openBlock as v, createElementBlock as j, createVNode as i, withCtx as c, createTextVNode as D, createElementVNode as x, unref as r, toDisplayString as N, createBlock as C } from "vue";
+import { ScalarCombobox as R, ScalarButton as T, ScalarIcon as W, ScalarCodeBlock as q } from "@scalar/components";
+import { snippetz as z } from "@scalar/snippetz";
+import I from "../../../components/DataTable/DataTable.vue.js";
+import O from "../../../components/DataTable/DataTableRow.vue.js";
+import M from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { filterSecurityRequirements as P } from "./helpers/filter-security-requirements.js";
+import A from "../../Components/CodeSnippet/CodeSnippet.vue.js";
+import { useWorkspace as F } from "../../../store/store.js";
+const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, ne = /* @__PURE__ */ H({
   __name: "RequestCodeExample",
   props: {
     collection: {},
@@ -16,82 +16,120 @@ const D = { class: "w-full" }, E = { class: "-mx-1 flex flex-1" }, N = { class:
     server: {},
     workspace: {}
   },
-  setup(o) {
-    const { securitySchemes: u, workspaceMutators: p } = B(), f = i(
-      () => _(
-        o.operation.security || o.collection.security || [],
-        o.operation.selectedSecuritySchemeUids || o.collection.selectedSecuritySchemeUids,
-        u
+  setup(n) {
+    var b, K, S, h;
+    const { securitySchemes: k, workspaceMutators: w } = F(), f = a(() => {
+      var t, e, l;
+      return d.value.targetKey === "custom" && ((t = u.value) == null ? void 0 : t.some(
+        (o) => o.lang === d.value.clientKey
+      )) ? d.value : {
+        targetKey: ((e = n.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js",
+        clientKey: ((l = n.workspace.selectedHttpClient) == null ? void 0 : l.clientKey) ?? "fetch"
+      };
+    }), u = a(
+      () => n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"]
+    ), d = U(
+      (b = u.value) != null && b.length ? {
+        targetKey: "custom",
+        clientKey: (K = u.value[0]) == null ? void 0 : K.lang
+      } : {
+        targetKey: ((S = n.workspace.selectedHttpClient) == null ? void 0 : S.targetKey) ?? "js",
+        clientKey: ((h = n.workspace.selectedHttpClient) == null ? void 0 : h.clientKey) ?? "fetch"
+      }
+    ), $ = a(
+      () => P(
+        n.operation.security || n.collection.security || [],
+        n.operation.selectedSecuritySchemeUids || n.collection.selectedSecuritySchemeUids,
+        k
       )
-    ), a = i(() => {
-      const e = {};
-      return {
-        options: K().clients().map((t) => ({
-          label: t.title,
-          options: t.clients.map((s) => (e[`${t.key},${s.client}`] = s.title, {
-            id: `${t.key},${s.client}`,
-            label: s.title
+    ), y = a(() => {
+      const t = {}, e = z().clients().map((o) => ({
+        label: o.title,
+        options: o.clients.map((p) => (t[`${o.key},${p.client}`] = p.title, {
+          id: `${o.key},${p.client}`,
+          label: p.title
+        }))
+      })), l = (n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"] || []).map((o) => ({
+        id: `custom,${o.lang}`,
+        label: o.label || o.lang
+      })), m = l.length > 0 ? [
+        {
+          id: "customExamples",
+          label: "Code Examples",
+          options: l.map((o) => ({
+            id: o.id,
+            label: o.label ?? o.id
           }))
-        })),
-        dict: e
+        },
+        ...e
+      ] : e;
+      return l.forEach((o) => {
+        t[o.id] = o.label ?? o.id;
+      }), {
+        options: m,
+        dict: t
       };
-    }), d = i(() => {
-      var t;
-      const e = o.workspace.selectedHttpClient;
-      if (!e)
-        return ((t = a.value.options[0]) == null ? void 0 : t.options[0]) ?? {
-          id: "js,fetch",
-          label: "Fetch"
+    }), s = a(() => {
+      const t = f.value;
+      if (t.targetKey === "custom") {
+        const l = `custom,${t.clientKey}`;
+        return {
+          id: l,
+          label: y.value.dict[l] ?? "Unknown"
         };
-      const l = `${e.targetKey},${e.clientKey}`;
+      }
+      const e = `${t.targetKey},${t.clientKey}`;
       return {
-        id: l,
-        label: a.value.dict[l] ?? "Unknown"
+        id: e,
+        label: y.value.dict[e] ?? "Unknown"
       };
-    }), y = i(
-      () => {
-        var e;
-        return ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js";
-      }
-    ), v = i(
-      () => {
-        var e;
-        return ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.clientKey) ?? "fetch";
-      }
-    ), h = ({ id: e }) => {
-      const [l, t] = e.split(",");
-      !l || !t || p.edit(o.workspace.uid, "selectedHttpClient", {
-        targetKey: l,
-        clientKey: t
-      });
-    };
-    return (e, l) => (w(), x("div", D, [
-      n(U, {
+    }), E = a(
+      () => f.value.targetKey
+    ), V = a(
+      () => f.value.clientKey
+    ), B = ({ id: t }) => {
+      const [e, l] = t.split(",");
+      !e || !l || (d.value = {
+        targetKey: e,
+        clientKey: l
+      }, e !== "custom" && w.edit(n.workspace.uid, "selectedHttpClient", {
+        targetKey: e,
+        clientKey: l
+      }));
+    }, g = a(() => {
+      var l;
+      if (!s.value.id.startsWith("custom,"))
+        return;
+      const t = s.value.id.split(",")[1], e = (l = u.value) == null ? void 0 : l.find((m) => m.lang === t);
+      return e == null ? void 0 : e.source;
+    });
+    return (t, e) => (v(), j("div", G, [
+      i(M, {
         class: "group/preview w-full border-b-0",
         defaultOpen: !0
       }, {
-        title: c(() => l[0] || (l[0] = [
-          S("Code Snippet")
+        title: c(() => e[0] || (e[0] = [
+          D("Code Snippet")
         ])),
         actions: c(() => [
-          m("div", E, [
-            n(r(k), {
-              modelValue: d.value,
-              options: a.value.options,
+          x("div", J, [
+            i(r(R), {
+              modelValue: s.value,
+              options: y.value.options,
               placement: "bottom-end",
-              "onUpdate:modelValue": h
+              "onUpdate:modelValue": B
             }, {
               default: c(() => [
-                n(r($), {
+                i(r(T), {
                   class: "text-c-1 hover:bg-b-3 py-0.75 flex h-full w-fit gap-1.5 px-1.5 font-normal",
                   fullWidth: "",
                   variant: "ghost"
                 }, {
                   default: c(() => {
-                    var t;
+                    var l;
                     return [
-                      m("span", null, C((t = d.value) == null ? void 0 : t.label), 1),
-                      n(r(g), {
+                      x("span", null, N((l = s.value) == null ? void 0 : l.label), 1),
+                      i(r(W), {
                         icon: "ChevronDown",
                         size: "md"
                       })
@@ -105,20 +143,26 @@ const D = { class: "w-full" }, E = { class: "-mx-1 flex flex-1" }, N = { class:
           ])
         ]),
         default: c(() => [
-          n(V, { columns: [""] }, {
+          i(I, { columns: [""] }, {
             default: c(() => [
-              n(H, null, {
+              i(O, null, {
                 default: c(() => [
-                  m("div", N, [
-                    n(r(j), {
+                  x("div", L, [
+                    g.value ? (v(), C(r(q), {
+                      key: 0,
+                      class: "px-3 py-1.5",
+                      content: g.value,
+                      lang: s.value.id.split(",")[1] ?? "plaintext"
+                    }, null, 8, ["content", "lang"])) : (v(), C(r(A), {
+                      key: 1,
                       class: "px-3 py-1.5",
-                      client: v.value,
-                      example: e.example,
-                      operation: e.operation,
-                      securitySchemes: f.value,
-                      server: e.server,
-                      target: y.value
-                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"])
+                      client: V.value,
+                      example: t.example,
+                      operation: t.operation,
+                      securitySchemes: $.value,
+                      server: t.server,
+                      target: E.value
+                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"]))
                   ])
                 ]),
                 _: 1
@@ -133,5 +177,5 @@ const D = { class: "w-full" }, E = { class: "-mx-1 flex flex-1" }, N = { class:
   }
 });
 export {
-  P as default
+  ne as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -37,7 +37,7 @@ const P = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, T = {
       }));
     }, y = (s) => {
       s != null && s.createNew && w.name === "request" && k();
-    }, N = "2.3.12";
+    }, N = "2.3.14";
     return B(() => r.hotKeys.on(y)), E(() => r.hotKeys.off(y)), (s, e) => (u(), i("div", P, [
       o("div", {
         class: q(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.3.12",
+  "version": "2.3.14",
   "engines": {
     "node": ">=18"
   },
@@ -189,21 +189,21 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/components": "0.13.43",
+    "@scalar/components": "0.13.45",
     "@scalar/draggable": "0.1.11",
-    "@scalar/import": "0.3.9",
+    "@scalar/import": "0.3.11",
     "@scalar/icons": "0.1.3",
+    "@scalar/oas-utils": "0.2.128",
     "@scalar/object-utils": "1.1.13",
     "@scalar/openapi-parser": "0.10.14",
     "@scalar/openapi-types": "0.2.0",
-    "@scalar/postman-to-openapi": "0.1.49",
-    "@scalar/oas-utils": "0.2.126",
+    "@scalar/postman-to-openapi": "0.2.1",
     "@scalar/snippetz": "0.2.19",
     "@scalar/themes": "0.9.84",
     "@scalar/types": "0.1.6",
-    "@scalar/use-codemirror": "0.11.88",
-    "@scalar/use-toasts": "0.7.9",
     "@scalar/use-hooks": "0.1.38",
+    "@scalar/use-codemirror": "0.11.90",
+    "@scalar/use-toasts": "0.7.9",
     "@scalar/use-tooltip": "1.0.6"
   },
   "devDependencies": {