@scalar/api-client 2.0.54 → 2.0.56

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

@@ -1,88 +1,92 @@
-import { defineComponent as K, computed as d, onMounted as P, ref as $, watch as x, openBlock as E, createBlock as T, withCtx as i, createTextVNode as y, toDisplayString as A, createElementVNode as R, createVNode as g, unref as B, withModifiers as M, nextTick as h } from "vue";
+import { defineComponent as x, computed as d, onMounted as C, ref as K, watch as $, openBlock as E, createBlock as T, withCtx as i, createTextVNode as y, toDisplayString as A, createElementVNode as R, createVNode as g, unref as B, withModifiers as M, nextTick as h } from "vue";
 import N from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { useWorkspace as S } from "../../../store/workspace.js";
 import V from "./RequestTable.vue.js";
 import { ScalarButton as W } from "@scalar/components";
 import { createRequestExampleParameter as _ } from "@scalar/oas-utils/entities/workspace/spec";
-const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 request-meta-buttons" }, O = /* @__PURE__ */ K({
+const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 request-meta-buttons" }, O = /* @__PURE__ */ x({
   __name: "RequestParams",
   props: {
     title: {},
     paramKey: {}
   },
   setup(k) {
-    const s = k, { activeRequest: n, activeExample: t, requestExampleMutators: u } = S(), l = d(
+    const s = k, { activeRequest: n, activeExample: a, requestExampleMutators: u } = S(), r = d(
       () => {
         var e;
-        return ((e = t.value) == null ? void 0 : e.parameters[s.paramKey]) ?? [];
+        return ((e = a.value) == null ? void 0 : e.parameters[s.paramKey]) ?? [];
       }
     );
-    P(() => {
+    C(() => {
       c();
     });
     const o = () => {
-      if (!n.value || !t.value) return;
-      const e = _({ enabled: !1 }), r = [...l.value, e];
+      if (!n.value || !a.value) return;
+      const e = _({ enabled: !1 }), t = [...r.value, e];
       u.edit(
-        t.value.uid,
+        a.value.uid,
         `parameters.${s.paramKey}`,
-        r
+        t
       );
-    }, p = $(null), b = (e, r, m) => {
-      if (!n.value || !t.value) return;
-      const f = l.value;
+    }, p = K(null), b = (e, t, m) => {
+      if (!n.value || !a.value) return;
+      const f = r.value;
       if (f.length > e) {
-        const a = [...f];
-        a[e] = { ...a[e], [r]: m }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), u.edit(
-          t.value.uid,
+        const l = [...f];
+        l[e] = { ...l[e], [t]: m }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), u.edit(
+          a.value.uid,
           `parameters.${s.paramKey}`,
-          a
+          l
         );
       } else {
-        const a = [_({ [r]: m })];
+        const l = [_({ [t]: m })];
         u.edit(
-          t.value.uid,
+          a.value.uid,
           `parameters.${s.paramKey}`,
-          a
+          l
         ), h(() => {
           var v;
           if (!p.value) return;
-          (v = p.value.querySelectorAll("input")[r === "key" ? 0 : 1]) == null || v.focus();
+          (v = p.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || v.focus();
         });
       }
-    }, q = (e, r) => n.value && t.value && u.edit(
-      t.value.uid,
+    }, q = (e, t) => n.value && a.value && u.edit(
+      a.value.uid,
       `parameters.${s.paramKey}.${e}.enabled`,
-      r
-    ), w = () => {
-      !n.value || !t.value || (u.edit(
-        t.value.uid,
+      t
+    ), P = () => {
+      if (!n.value || !a.value) return;
+      const e = r.value.filter(
+        (t) => t.enabled || t.required
+      );
+      u.edit(
+        a.value.uid,
         `parameters.${s.paramKey}`,
-        []
+        e
       ), h(() => {
         o();
-      }));
+      });
     };
     function c() {
-      if (l.value.length === 0)
+      if (r.value.length === 0)
         o();
-      else if (l.value.length >= 1) {
-        const e = l.value[l.value.length - 1];
+      else if (r.value.length >= 1) {
+        const e = r.value[r.value.length - 1];
         e.key !== "" && e.value !== "" && o();
       }
     }
-    const C = d(
-      () => l.value.filter((e) => e.key || e.value).length
+    const w = d(
+      () => r.value.filter((e) => e.key || e.value).length
     );
-    return x(
-      () => t.value,
-      (e, r) => {
-        e !== r && c();
+    return $(
+      () => a.value,
+      (e, t) => {
+        e !== t && c();
       },
       { immediate: !0 }
-    ), (e, r) => (E(), T(N, {
+    ), (e, t) => (E(), T(N, {
       class: "group/params",
-      itemCount: C.value
+      itemCount: w.value
     }, {
       title: i(() => [
         y(A(e.title), 1)
@@ -93,7 +97,7 @@ const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
             class: "px-1 transition-none",
             size: "sm",
             variant: "ghost",
-            onClick: M(w, ["stop"])
+            onClick: M(P, ["stop"])
           }, {
             default: i(() => [
               y(" Clear ")
@@ -110,7 +114,7 @@ const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
           g(V, {
             class: "flex-1",
             columns: ["32px", "", ""],
-            items: l.value,
+            items: r.value,
             onAddRow: o,
             onToggleRow: q,
             onUpdateRow: b

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

@@ -1 +1 @@
-{"version":3,"file":"RequestTableTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;;UAI1D,uBAAuB;;UAAvB,uBAAuB;;AA2JrD,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":"RequestTableTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;;UAK1D,uBAAuB;;UAAvB,uBAAuB;;AA6JrD,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/views/Request/RequestSection/RequestTableTooltip.vue.js

@@ -1,37 +1,43 @@
-import { defineComponent as m, openBlock as t, createBlock as c, unref as i, withCtx as a, createElementVNode as n, createVNode as l, createElementBlock as o, toDisplayString as s, createCommentVNode as r } from "vue";
-import { ScalarTooltip as f, ScalarIcon as p } from "@scalar/components";
-const d = { class: "pl-1 pr-1.5 py-[9px]" }, b = { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, h = { class: "flex items-center text-c-2" }, u = { key: 0 }, g = {
+import { defineComponent as l, computed as f, openBlock as t, createBlock as p, unref as i, withCtx as n, createElementVNode as m, createVNode as d, createElementBlock as o, toDisplayString as r, createCommentVNode as s } from "vue";
+import { ScalarTooltip as u, ScalarIcon as b } from "@scalar/components";
+const x = { class: "pl-1 pr-1.5 py-[9px]" }, h = { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, _ = {
+  key: 0,
+  class: "flex items-center text-c-2"
+}, g = { key: 0 }, k = {
   key: 1,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex"
-}, x = {
+}, y = {
   key: 2,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, _ = {
+}, w = {
   key: 3,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, k = {
+}, v = {
   key: 4,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, y = {
-  key: 0,
+}, C = {
+  key: 1,
   class: "leading-snug text-pretty text-sm",
   style: { maxWidth: "16rem" }
-}, B = /* @__PURE__ */ m({
+}, S = /* @__PURE__ */ l({
   __name: "RequestTableTooltip",
   props: {
     item: {}
   },
-  setup(w) {
-    return (e, v) => (t(), c(i(f), {
+  setup(a) {
+    const e = a, c = f(
+      () => e.item.type || e.item.format || e.item.minimum || e.item.maximum || e.item.default
+    );
+    return (z, B) => (t(), p(i(u), {
       align: "start",
       class: "w-full",
       delay: 0,
       side: "left",
       triggerClass: "before:absolute before:content-[''] before:bg-gradient-to-r before:from-transparent before:to-b-1 before:min-h-full before:right-[23px] before:w-3 absolute h-8 right-0"
     }, {
-      trigger: a(() => [
-        n("div", d, [
-          l(i(p), {
+      trigger: n(() => [
+        m("div", x, [
+          d(i(b), {
             class: "text-c-3 group-hover/info:text-c-1",
             icon: "Info",
             size: "sm",
@@ -39,16 +45,16 @@ const d = { class: "pl-1 pr-1.5 py-[9px]" }, b = { class: "grid gap-1.5 pointer-
           })
         ])
       ]),
-      content: a(() => [
-        n("div", b, [
-          n("div", h, [
-            e.item.type ? (t(), o("span", u, s(e.item.type), 1)) : r("", !0),
-            e.item.format ? (t(), o("span", g, s(e.item.format), 1)) : r("", !0),
-            e.item.minimum ? (t(), o("span", x, "min: " + s(e.item.minimum), 1)) : r("", !0),
-            e.item.maximum ? (t(), o("span", _, "max: " + s(e.item.maximum), 1)) : r("", !0),
-            e.item.default ? (t(), o("span", k, "default: " + s(e.item.default), 1)) : r("", !0)
-          ]),
-          e.item.description ? (t(), o("span", y, s(e.item.description), 1)) : r("", !0)
+      content: n(() => [
+        m("div", h, [
+          c.value ? (t(), o("div", _, [
+            e.item.type ? (t(), o("span", g, r(e.item.type), 1)) : s("", !0),
+            e.item.format ? (t(), o("span", k, r(e.item.format), 1)) : s("", !0),
+            e.item.minimum ? (t(), o("span", y, "min: " + r(e.item.minimum), 1)) : s("", !0),
+            e.item.maximum ? (t(), o("span", w, "max: " + r(e.item.maximum), 1)) : s("", !0),
+            e.item.default ? (t(), o("span", v, "default: " + r(e.item.default), 1)) : s("", !0)
+          ])) : s("", !0),
+          e.item.description ? (t(), o("span", C, r(e.item.description), 1)) : s("", !0)
         ])
       ]),
       _: 1
@@ -56,5 +62,5 @@ const d = { class: "pl-1 pr-1.5 py-[9px]" }, b = { class: "grid gap-1.5 pointer-
   }
 });
 export {
-  B as default
+  S as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.54",
+  "version": "2.0.56",
   "engines": {
     "node": ">=18"
   },
@@ -127,14 +127,14 @@
     "vue-router": "^4.3.0",
     "whatwg-mimetype": "^4.0.0",
     "zod": "^3.22.4",
-    "@scalar/components": "0.12.35",
+    "@scalar/components": "0.12.37",
     "@scalar/draggable": "0.1.4",
-    "@scalar/oas-utils": "0.2.34",
+    "@scalar/oas-utils": "0.2.36",
     "@scalar/object-utils": "1.1.7",
-    "@scalar/themes": "0.9.25",
-    "@scalar/types": "0.0.1",
     "@scalar/use-codemirror": "0.11.10",
+    "@scalar/types": "0.0.2",
     "@scalar/use-toasts": "0.7.5",
+    "@scalar/themes": "0.9.25",
     "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {

package/dist/components/Search/SearchButton.vue.js

@@ -1,7 +0,0 @@
-import o from "./SearchButton.vue2.js";
-/* empty css                  */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c26b5ad"]]);
-export {
-  m as default
-};

package/dist/components/Search/SearchButton.vue2.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, openBlock as r, createElementBlock as a, createElementVNode as t, createVNode as i, unref as p, pushScopeId as d, popScopeId as l } from "vue";
-import { ScalarIcon as m } from "@scalar/components";
-const u = (e) => (d("data-v-2c26b5ad"), e = e(), l(), e), f = { class: "search-button-fade sticky top-0 z-50 px-3 py-2.5 pb-2.5" }, h = { class: "w-[15px] flex items-center justify-center" }, _ = /* @__PURE__ */ u(() => /* @__PURE__ */ t("div", { class: "sidebar-search-input ml-1.5 flex w-full items-center justify-between text-sm font-medium" }, [
-  /* @__PURE__ */ t("span", { class: "sidebar-search-placeholder" }, "Search")
-], -1)), v = /* @__PURE__ */ n({
-  __name: "SearchButton",
-  emits: ["openSearchModal"],
-  setup(e, { emit: s }) {
-    const c = s;
-    return (x, o) => (r(), a("div", f, [
-      t("button", {
-        class: "border-1/2 text-c-2 flex w-full items-center rounded p-1.5",
-        type: "button",
-        onClick: o[0] || (o[0] = (b) => c("openSearchModal"))
-      }, [
-        t("div", h, [
-          i(p(m), {
-            icon: "Search",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ]),
-        _
-      ])
-    ]));
-  }
-});
-export {
-  v as default
-};