@scalar/api-client 2.0.60 → 2.0.63

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @scalar/api-client
 
+## 2.0.63
+
+### Patch Changes
+
+- Updated dependencies [a07cfc8]
+- Updated dependencies [5483fc3]
+- Updated dependencies [1e41dfe]
+- Updated dependencies [023ca15]
+- Updated dependencies [85872b6]
+- Updated dependencies [ad89ca3]
+  - @scalar/types@0.0.7
+  - @scalar/oas-utils@0.2.42
+  - @scalar/components@0.12.43
+  - @scalar/use-toasts@0.7.6
+
+## 2.0.62
+
+### Patch Changes
+
+- Updated dependencies [5bd8337]
+- Updated dependencies [f931ac7]
+  - @scalar/openapi-parser@0.8.1
+  - @scalar/oas-utils@0.2.41
+
+## 2.0.61
+
+### Patch Changes
+
+- 4b52f29: fix: request sidebar item ellipsis menu events
+- 294ba08: fix: variable removal breaking line
+- e67f5a8: chore(api-client): removed axios dependency
+- 044fd7d: fix: strip variable from functio name and cta
+- 152c016: feat: add environment selector to addressbar
+- Updated dependencies [b4f9f97]
+- Updated dependencies [0afb293]
+- Updated dependencies [b4f9f97]
+- Updated dependencies [e67f5a8]
+- Updated dependencies [b4f9f97]
+- Updated dependencies [b4f9f97]
+- Updated dependencies [b63be39]
+- Updated dependencies [b231e7d]
+- Updated dependencies [152c016]
+- Updated dependencies [b4f9f97]
+  - @scalar/openapi-parser@0.8.0
+  - @scalar/oas-utils@0.2.40
+  - @scalar/openapi-types@0.1.0
+  - @scalar/components@0.12.42
+  - @scalar/types@0.0.6
+
 ## 2.0.60
 
 ### Patch Changes

package/dist/components/CodeInput/CodeInput.vue.js

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

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -40,7 +40,7 @@ const J = ["id"], K = {
   emits: ["submit", "update:modelValue"],
   setup(k, { expose: w, emit: C }) {
     var b;
-    const e = k, r = C, d = q(), _ = d.id || `id-${j()}`, p = y(!1), {
+    const e = k, n = C, d = q(), _ = d.id || `id-${j()}`, p = y(!1), {
       activeWorkspace: x,
       activeParsedEnvironments: c,
       isReadOnly: F,
@@ -48,26 +48,27 @@ const J = ["id"], K = {
       router: S
     } = H();
     function P(l) {
-      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : r("update:modelValue", l);
+      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : n("update:modelValue", l);
     }
     function O(l) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : r("submit", l);
+      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : n("submit", l);
     }
     function R(l) {
       p.value = !1, e.emitOnBlur && e.modelValue && O(l);
     }
-    const a = [];
-    e.colorPicker && a.push(W), e.withVariables && !x.value.isReadOnly && a.push(
+    const r = [];
+    e.colorPicker && r.push(W), e.withVariables && !x.value.isReadOnly && r.push(
       z({
         withServers: e.withServers,
         activeParsedEnvironments: c,
         environments: m,
         router: S
       })
-    ), a.push(
-      D({ environments: m, activeParsedEnvironments: c, isReadOnly: F })
-    ), a.push(G);
-    const f = y(null), { codeMirror: n } = U({
+    ), r.push(
+      D({ environments: m, activeParsedEnvironments: c, isReadOnly: F }),
+      G
+    );
+    const f = y(null), { codeMirror: a } = U({
       content: o(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
@@ -81,11 +82,11 @@ const J = ["id"], K = {
       lineNumbers: o(() => e.lineNumbers),
       language: o(() => e.language),
       lint: o(() => e.lint),
-      extensions: a,
+      extensions: r,
       placeholder: o(() => e.placeholder)
     });
-    (b = n.value) == null || b.focus(), I(n, () => {
-      n.value && Object.prototype.hasOwnProperty.call(d, "autofocus") && n.value.focus();
+    (b = a.value) == null || b.focus(), I(a, () => {
+      a.value && Object.prototype.hasOwnProperty.call(d, "autofocus") && a.value.focus();
     });
     const $ = M(() => {
       var l;
@@ -94,7 +95,7 @@ const J = ["id"], K = {
     return w({
       focus: () => {
         var l;
-        (l = n.value) == null || l.focus();
+        (l = a.value) == null || l.focus();
       }
     }), (l, u) => {
       var h;
@@ -103,12 +104,12 @@ const J = ["id"], K = {
           key: 0,
           modelValue: e.modelValue,
           value: e.enum,
-          "onUpdate:modelValue": u[0] || (u[0] = (i) => r("update:modelValue", i))
+          "onUpdate:modelValue": u[0] || (u[0] = (i) => n("update:modelValue", i))
         }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (h = e.type) != null && h.includes("boolean") ? (t(), v(V, {
           key: 1,
           modelValue: e.modelValue,
           value: $.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (i) => r("update:modelValue", i))
+          "onUpdate:modelValue": u[1] || (u[1] = (i) => n("update:modelValue", i))
         }, null, 8, ["modelValue", "value"])) : (t(), s("div", T({
           key: 2,
           id: A(_)

package/dist/components/CodeInput/codeVariableWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AACnF,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAuB/B,KAAK,wBAAwB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAA;AAC1E,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AA2G9C,eAAO,MAAM,UAAU,UAAW;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACzC,wBAAwB,EAAE,wBAAwB,CAAA;IAClD,UAAU,EAAE,UAAU,CAAA;CACvB;iBAGkB,aAAa;mBAMX,UAAU;2BAMF,UAAU;EAkCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AACnF,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAuB/B,KAAK,wBAAwB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAA;AAC1E,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AA2G9C,eAAO,MAAM,UAAU,UAAW;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACzC,wBAAwB,EAAE,wBAAwB,CAAA;IAClD,UAAU,EAAE,UAAU,CAAA;CACvB;iBAGkB,aAAa;mBAMX,UAAU;2BAMF,UAAU;EAkCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,33 +1,33 @@
-var u = Object.defineProperty;
-var h = (n, e, t) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var r = (n, e, t) => h(n, typeof e != "symbol" ? e + "" : e, t);
+var p = Object.defineProperty;
+var v = (n, e, t) => e in n ? p(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var r = (n, e, t) => v(n, typeof e != "symbol" ? e + "" : e, t);
 import { ScalarButton as f, ScalarIcon as g, ScalarTooltip as b } from "@scalar/components";
-import { ViewPlugin as x, RangeSetBuilder as w, Decoration as y, EditorView as N, WidgetType as E } from "@scalar/use-codemirror";
-import { defineComponent as C, h as a, createApp as S } from "vue";
-const k = (n, e) => "_scalarEnvId" in n ? `bg-${e[n._scalarEnvId].color}` : "bg-grey";
+import { ViewPlugin as x, RangeSetBuilder as y, Decoration as w, EditorView as N, WidgetType as E } from "@scalar/use-codemirror";
+import { defineComponent as C, h as i, createApp as D } from "vue";
+const S = (n, e) => "_scalarEnvId" in n ? `bg-${e[n._scalarEnvId].color}` : "bg-grey";
 class d extends E {
-  constructor(t, i, s, o) {
+  constructor(t, a, s, o) {
     super();
     r(this, "app");
     r(this, "environments");
     r(this, "activeParsedEnvironments");
     r(this, "isReadOnly");
-    this.variableName = t, this.variableName = t, this.environments = i, this.activeParsedEnvironments = s, this.isReadOnly = o;
+    this.variableName = t, this.variableName = t, this.environments = a, this.activeParsedEnvironments = s, this.isReadOnly = o;
   }
   toDOM() {
     const t = document.createElement("span");
     t.className = "cm-pill", t.textContent = `${this.variableName}`;
-    const i = C({
+    const a = C({
       props: { variableName: { type: String, default: null } },
       render: () => {
         const s = this.activeParsedEnvironments.value.find(
           (c) => c.key === this.variableName
         );
-        s && (t.className += ` ${k(s, this.environments)}`);
-        const o = s ? a("div", { class: "p-2" }, s.value) : a("div", { class: "divide-y divide-1/2 grid" }, [
-          a("span", { class: "p-2" }, "Variable not found"),
-          !this.isReadOnly && a("div", { class: "p-1" }, [
-            a(
+        s && (t.className += ` ${S(s, this.environments)}`);
+        const o = s ? i("div", { class: "p-2" }, s.value) : i("div", { class: "divide-y divide-1/2 grid" }, [
+          i("span", { class: "p-2" }, "Variable not found"),
+          !this.isReadOnly && i("div", { class: "p-1" }, [
+            i(
               f,
               {
                 class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
@@ -37,13 +37,13 @@ class d extends E {
                 }
               },
               [
-                a(g, { class: "w-2", icon: "Add", size: "xs" }),
+                i(g, { class: "w-2", icon: "Add", size: "xs" }),
                 "Add variable"
               ]
             )
           ])
         ]);
-        return a(
+        return i(
           b,
           {
             align: "start",
@@ -53,8 +53,8 @@ class d extends E {
             sideOffset: 6
           },
           {
-            trigger: () => a("span", `${this.variableName}`),
-            content: () => a(
+            trigger: () => i("span", `${this.variableName}`),
+            content: () => i(
               "div",
               {
                 class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
@@ -65,7 +65,7 @@ class d extends E {
         );
       }
     });
-    return this.app = S(i, { variableName: this.variableName }), this.app.mount(t), t;
+    return this.app = D(a, { variableName: this.variableName }), this.app.mount(t), t;
   }
   destroy() {
     this.app && this.app.unmount();
@@ -87,18 +87,18 @@ const $ = (n) => x.fromClass(
       (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
     }
     buildDecorations(e) {
-      const t = new w();
-      for (const { from: i, to: s } of e.visibleRanges) {
-        const o = e.state.doc.sliceString(i, s), c = /{{(.*?)}}/g;
+      const t = new y();
+      for (const { from: a, to: s } of e.visibleRanges) {
+        const o = e.state.doc.sliceString(a, s), c = /{{(.*?)}}/g;
         let l;
         for (; (l = c.exec(o)) !== null; ) {
-          const m = i + l.index, v = m + l[0].length, p = l[1];
+          const m = a + l.index, u = m + l[0].length, h = l[1];
           t.add(
             m,
-            v,
-            y.widget({
+            u,
+            w.widget({
               widget: new d(
-                p,
+                h,
                 n.environments,
                 n.activeParsedEnvironments,
                 n.isReadOnly
@@ -117,11 +117,16 @@ const $ = (n) => x.fromClass(
 ), A = N.domEventHandlers({
   keydown(n, e) {
     if (n.key === "Backspace") {
-      const { state: t } = e, { from: i, to: s } = t.selection.main;
-      if (i === s && i > 0 && t.doc.sliceString(i - 2, i) === "}}")
+      const { state: t } = e, { from: a, to: s } = t.selection.main;
+      if (a === 0 && s === t.doc.length)
         return e.dispatch({
-          changes: { from: i - 2, to: s },
-          selection: { anchor: i - 2 }
+          changes: { from: 0, to: t.doc.length },
+          selection: { anchor: 0 }
+        }), n.preventDefault(), !0;
+      if (a === s && a > 0 && t.doc.sliceString(a - 2, a) === "}}")
+        return e.dispatch({
+          changes: { from: a - 2, to: s },
+          selection: { anchor: a - 2 }
         }), n.preventDefault(), !0;
     }
     return !1;

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=EnvironmentSelector.vue.d.ts.map

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAgdA,wBAKG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as y, computed as S, openBlock as a, createElementBlock as f, createVNode as n, unref as e, withCtx as o, Fragment as N, renderList as D, createBlock as v, withModifiers as h, createElementVNode as r, normalizeClass as x, createTextVNode as l, toDisplayString as k, createCommentVNode as j } from "vue";
+import { useWorkspace as z } from "../../store/workspace.js";
+import { ScalarDropdown as B, ScalarDropdownItem as d, ScalarIcon as c, ScalarDropdownDivider as I, ScalarButton as V } from "@scalar/components";
+import { useRouter as M } from "vue-router";
+const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, $ = { class: "flex items-center justify-center h-4 w-4" }, O = /* @__PURE__ */ r("span", { class: "leading-none" }, "Manage Environments", -1), G = /* @__PURE__ */ y({
+  __name: "EnvironmentSelector",
+  setup(R) {
+    const {
+      environments: u,
+      activeWorkspace: s,
+      workspaceMutators: w,
+      activeEnvironment: _,
+      isReadOnly: g
+    } = z(), b = M(), m = (i) => {
+      w.edit(s.value.uid, "activeEnvironmentId", i);
+    }, C = () => b.push(`/workspace/${s.value.uid}/environment`), E = S(() => [
+      // Always add the default environment
+      u.default,
+      ...Object.values(u).filter((i) => i.uid !== "default")
+    ]);
+    return (i, p) => (a(), f("div", null, [
+      n(e(B), null, {
+        items: o(() => [
+          (a(!0), f(N, null, D(E.value, (t) => (a(), v(e(d), {
+            key: t.uid,
+            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            onClick: h((F) => m(t.uid), ["stop"])
+          }, {
+            default: o(() => [
+              r("div", {
+                class: x([
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
+                  e(s).activeEnvironmentId === t.uid ? "bg-blue text-b-1" : "text-transparent"
+                ])
+              }, [
+                n(e(c), {
+                  class: "size-2.5",
+                  icon: "Checkmark",
+                  thickness: "3.5"
+                })
+              ], 2),
+              l(" " + k(t.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128)),
+          n(e(d), {
+            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            onClick: p[0] || (p[0] = h((t) => m(""), ["stop"]))
+          }, {
+            default: o(() => [
+              r("div", {
+                class: x([
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
+                  e(s).activeEnvironmentId === "" ? "bg-blue text-b-1" : "text-transparent"
+                ])
+              }, [
+                n(e(c), {
+                  class: "size-2.5",
+                  icon: "Checkmark",
+                  thickness: "3.5"
+                })
+              ], 2),
+              l(" No Environment ")
+            ]),
+            _: 1
+          }),
+          n(e(I)),
+          e(g) ? j("", !0) : (a(), v(e(d), {
+            key: 0,
+            class: "flex items-center gap-1.5",
+            onClick: C
+          }, {
+            default: o(() => [
+              r("div", $, [
+                n(e(c), {
+                  icon: "Brackets",
+                  size: "sm"
+                })
+              ]),
+              O
+            ]),
+            _: 1
+          }))
+        ]),
+        default: o(() => [
+          n(e(V), {
+            class: "font-normal h-auto justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 text-c-2 w-fit",
+            fullWidth: "",
+            variant: "ghost"
+          }, {
+            default: o(() => {
+              var t;
+              return [
+                r("h2", W, [
+                  l(k(((t = e(_)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
+                  n(e(c), {
+                    class: "size-2.5",
+                    icon: "ChevronDown",
+                    thickness: "3.5"
+                  })
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  G as default
+};

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EnvironmentSelector.vue.js";
+export {
+  f as default
+};