@scalar/api-client 2.2.6 → 2.2.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @scalar/api-client
 
+## 2.2.7
+
+### Patch Changes
+
+- a90d827: feat(components): create ScalarTeleport component
+- d0adebf: fix: updates tailwind config content
+- c2be791: fix: watches text input to fuse search
+- 3b4a788: fix: updates default row for request body
+- f4440f5: feat: added logo functionality to the importer
+- 4c5be96: feat: adds isHttpMethod to helpers
+- Updated dependencies [a90d827]
+- Updated dependencies [3b4a788]
+- Updated dependencies [4c5be96]
+- Updated dependencies [4c5be96]
+  - @scalar/components@0.13.2
+  - @scalar/oas-utils@0.2.85
+  - @scalar/use-codemirror@0.11.46
+  - @scalar/import@0.2.3
+
 ## 2.2.6
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d3290fc"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-455b0236"]]);
 export {
-  d as default
+  m as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -95,7 +95,7 @@ const te = {
                   isEditable: !a(c),
                   isSquare: "",
                   method: a(l).method,
-                  teleport: ".scalar-client",
+                  teleport: "",
                   onChange: V
                 }, null, 8, ["isEditable", "method"])
               ]),

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, computed as u, watch as E, openBlock as l, createBlock as S, unref as n, withCtx as w, createElementBlock as o, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as a, createTextVNode as O, toDisplayString as b } from "vue";
+import { defineComponent as V, computed as c, watch as E, openBlock as l, createBlock as S, unref as o, withCtx as w, createElementBlock as n, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as a, createTextVNode as O, toDisplayString as b } from "vue";
 import { useActiveEntities as R } from "../../store/active-entities.js";
 import { ScalarDropdown as W, ScalarDropdownDivider as A, ScalarDropdownItem as I, ScalarIcon as L } from "@scalar/components";
 import C from "./AddressBarServerItem.vue.js";
@@ -15,7 +15,7 @@ const j = {
 }, K = /* @__PURE__ */ V({
   __name: "AddressBarServer",
   setup(P) {
-    const { activeRequest: y, activeCollection: k, activeServer: x } = R(), { isReadOnly: D, servers: _, collectionMutators: N, events: B } = T(), c = u(
+    const { activeRequest: y, activeCollection: k, activeServer: x } = R(), { isReadOnly: D, servers: _, collectionMutators: N, events: B } = T(), d = c(
       () => {
         var t, e;
         return (e = (t = y.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
@@ -26,7 +26,7 @@ const j = {
           };
         });
       }
-    ), d = u(
+    ), u = c(
       () => {
         var t, e;
         return (e = (t = k.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
@@ -37,10 +37,10 @@ const j = {
           };
         });
       }
-    ), h = u(
+    ), h = c(
       () => {
         var t, e;
-        return ((t = c.value) == null ? void 0 : t.length) && ((e = d.value) == null ? void 0 : e.length);
+        return ((t = d.value) == null ? void 0 : t.length) && ((e = u.value) == null ? void 0 : e.length);
       }
     );
     E([k, y], ([t, e]) => {
@@ -52,43 +52,43 @@ const j = {
     });
     const U = () => B.commandPalette.emit({
       commandName: "Add Server"
-    }), f = u(() => {
+    }), f = c(() => {
       var t, e, r;
       return (e = (t = x.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? x.value.url.slice(0, -1) : ((r = x.value) == null ? void 0 : r.url) || "";
     });
     return (t, e) => {
       var r, s;
-      return c.value && ((r = c.value) == null ? void 0 : r.length) > 1 || d.value && ((s = d.value) == null ? void 0 : s.length) > 1 ? (l(), S(n(W), {
+      return d.value && ((r = d.value) == null ? void 0 : r.length) > 1 || u.value && ((s = u.value) == null ? void 0 : s.length) > 1 ? (l(), S(o(W), {
         key: 0,
         class: "w-max",
-        teleport: ".scalar-client"
+        teleport: ""
       }, {
         items: w(() => [
-          h.value ? (l(), o("div", z, " Request Servers ")) : v("", !0),
-          (l(!0), o(m, null, g(c.value, (i) => (l(), S(C, {
+          h.value ? (l(), n("div", z, " Request Servers ")) : v("", !0),
+          (l(!0), n(m, null, g(d.value, (i) => (l(), S(C, {
             key: i.id,
             serverOption: i,
             type: "request"
           }, null, 8, ["serverOption"]))), 128)),
-          h.value ? (l(), o(m, { key: 1 }, [
-            p(n(A)),
+          h.value ? (l(), n(m, { key: 1 }, [
+            p(o(A)),
             e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
           ], 64)) : v("", !0),
-          (l(!0), o(m, null, g(d.value, (i) => (l(), S(C, {
+          (l(!0), n(m, null, g(u.value, (i) => (l(), S(C, {
             key: i.id,
             serverOption: i,
             type: "collection"
           }, null, 8, ["serverOption"]))), 128)),
-          n(D) ? v("", !0) : (l(), o(m, { key: 2 }, [
-            p(n(A)),
-            p(n(I), null, {
+          o(D) ? v("", !0) : (l(), n(m, { key: 2 }, [
+            p(o(A)),
+            p(o(I), null, {
               default: w(() => [
                 a("div", {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: U
                 }, [
                   a("div", F, [
-                    p(n(L), {
+                    p(o(L), {
                       icon: "Add",
                       size: "sm"
                     })
@@ -107,7 +107,7 @@ const j = {
           ])
         ]),
         _: 1
-      })) : f.value ? (l(), o("div", M, b(f.value), 1)) : v("", !0);
+      })) : f.value ? (l(), n("div", M, b(f.value), 1)) : v("", !0);
     };
   }
 });

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,26 +1,26 @@
-import { defineComponent as P, ref as c, computed as x, openBlock as h, createBlock as C, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as W, createTextVNode as j } from "vue";
-import H from "../HttpMethod/HttpMethod.vue.js";
-import { useActiveEntities as I } from "../../store/active-entities.js";
+import { defineComponent as W, ref as c, computed as x, openBlock as h, createBlock as C, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as j, createTextVNode as H } from "vue";
+import I from "../HttpMethod/HttpMethod.vue.js";
+import { useActiveEntities as P } from "../../store/active-entities.js";
 import { ScalarListbox as w, ScalarButton as D, ScalarIcon as k } from "@scalar/components";
-import { useToasts as $ } from "@scalar/use-toasts";
-import { useRouter as A } from "vue-router";
-import L from "./CommandActionForm.vue.js";
-import O from "./CommandActionInput.vue.js";
-import { isHTTPMethod as F } from "../HttpMethod/helpers.js";
+import { isHttpMethod as $ } from "@scalar/oas-utils/helpers";
+import { useToasts as A } from "@scalar/use-toasts";
+import { useRouter as L } from "vue-router";
+import O from "./CommandActionForm.vue.js";
+import F from "./CommandActionInput.vue.js";
 import { useWorkspace as G } from "../../store/store.js";
-const J = { class: "flex" }, se = /* @__PURE__ */ P({
+const J = { class: "flex" }, se = /* @__PURE__ */ W({
   __name: "CommandPaletteRequest",
   props: {
     metaData: {}
   },
   emits: ["close", "back"],
   setup(S, { emit: _ }) {
-    const r = S, b = _, { push: M } = A(), { toast: N } = $(), {
+    const r = S, b = _, { push: M } = L(), { toast: N } = A(), {
       activeCollection: R,
       activeWorkspace: U,
       activeWorkspaceCollections: g,
-      activeRequest: T
-    } = I(), { requestMutators: y, tags: z } = G(), o = c(""), m = c("get"), p = x(
+      activeRequest: y
+    } = P(), { requestMutators: T, tags: z } = G(), o = c(""), m = c("get"), p = x(
       () => g.value.map((t) => {
         var e;
         return {
@@ -61,7 +61,7 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid);
       }) : d.value.find((t) => {
         var e, a;
-        return t.label === ((a = (e = T.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
+        return t.label === ((a = (e = y.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
       })
     ), B = (t) => m.value = t, E = () => {
       var e;
@@ -69,9 +69,9 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         N("Please enter a name before creating a request.", "error");
         return;
       }
-      if (!((e = l.value) != null && e.id) || !F(m.value))
+      if (!((e = l.value) != null && e.id) || !$(m.value))
         return;
-      const t = y.add(
+      const t = T.add(
         {
           path: "",
           method: m.value,
@@ -90,13 +90,13 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
         }
       }), b("close");
     };
-    return (t, e) => (h(), C(L, {
+    return (t, e) => (h(), C(O, {
       disabled: !o.value.trim(),
       onSubmit: E
     }, {
       options: u(() => [
         f("div", J, [
-          i(H, {
+          i(I, {
             isEditable: !0,
             isSquare: "",
             method: m.value,
@@ -152,14 +152,14 @@ const J = { class: "flex" }, se = /* @__PURE__ */ P({
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : W("", !0)
+          }, 8, ["modelValue", "options"])) : j("", !0)
         ])
       ]),
       submit: u(() => e[4] || (e[4] = [
-        j("Create Request")
+        H("Create Request")
       ])),
       default: u(() => [
-        i(O, {
+        i(F, {
           modelValue: o.value,
           "onUpdate:modelValue": e[0] || (e[0] = (a) => o.value = a),
           label: "Request Name",

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -1,7 +1,7 @@
 import t from "./HttpMethod.vue2.js";
 /* empty css                */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-fcbb6eeb"]]);
+const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-46723816"]]);
 export {
-  f as default
+  _ as default
 };

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as a, openBlock as c, createBlock as y, unref as t, withCtx as q, createElementVNode as s, normalizeClass as l, toDisplayString as p, createElementBlock as w } from "vue";
-import { cva as k, ScalarListbox as x, cx as m } from "@scalar/components";
+import { defineComponent as g, computed as a, openBlock as c, createBlock as y, unref as t, withCtx as q, createElementVNode as l, normalizeClass as s, toDisplayString as p, createElementBlock as k } from "vue";
+import { cva as w, ScalarListbox as x, cx as m } from "@scalar/components";
 import { getHttpMethodInfo as f, REQUEST_METHODS as B } from "@scalar/oas-utils/helpers";
 const H = /* @__PURE__ */ g({
   __name: "HttpMethod",
@@ -12,12 +12,12 @@ const H = /* @__PURE__ */ g({
   setup(b, { emit: h }) {
     const r = b, v = h, o = a(() => f(r.method)), n = Object.entries(B).map(([e]) => ({
       id: e,
-      label: e.charAt(0) + e.toLowerCase().slice(1),
+      label: e.toUpperCase(),
       color: f(e).color
     })), i = a({
       get: () => n.find(({ id: e }) => e === r.method),
       set: (e) => (e == null ? void 0 : e.id) && v("change", e.id)
-    }), d = k({
+    }), d = w({
       base: "text-center font-code text-3xs justify-center items-center flex",
       variants: {
         isSquare: {
@@ -34,25 +34,25 @@ const H = /* @__PURE__ */ g({
       key: 0,
       modelValue: i.value,
       "onUpdate:modelValue": u[0] || (u[0] = (S) => i.value = S),
-      class: "mt-1 font-code text-sm uppercase",
+      class: "mt-1 font-code text-sm scalar-client",
       options: t(n)
     }, {
       default: q(() => [
-        s("div", {
-          class: l(["h-full", { "pointer-events-none": !e.isEditable }])
+        l("div", {
+          class: s(["h-full", { "pointer-events-none": !e.isEditable }])
         }, [
-          s("button", {
-            class: l(["relative h-full", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+          l("button", {
+            class: s(["relative h-full", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
             type: "button"
           }, [
-            s("span", null, p(E.value), 1)
+            l("span", null, p(E.value), 1)
           ], 2)
         ], 2)
       ]),
       _: 1
-    }, 8, ["modelValue", "options"])) : (c(), w("div", {
+    }, 8, ["modelValue", "options"])) : (c(), k("div", {
       key: 1,
-      class: l(["relative gap-1 whitespace-nowrap", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+      class: s(["relative gap-1 whitespace-nowrap", t(m)(t(d)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
       type: "button"
     }, p(o.value.short), 3));
   }

package/dist/components/HttpMethod/index.d.ts

@@ -1,3 +1,2 @@
 export { default as HttpMethod } from './HttpMethod.vue.js';
-export * from './helpers.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/HttpMethod/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/HttpMethod/index.js

@@ -1,6 +1,4 @@
-import { default as e } from "./HttpMethod.vue.js";
-import { isHTTPMethod as d } from "./helpers.js";
+import { default as o } from "./HttpMethod.vue.js";
 export {
-  e as HttpMethod,
-  d as isHTTPMethod
+  o as HttpMethod
 };

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AA2XA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AAybF,wBAQG"}
+{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AA4ZA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;;;;;;AAodF,wBAQG"}