@scalar/api-client 2.0.24 → 2.0.26

package/dist/components/CodeInput/codeDropdownWidget.d.ts

@@ -0,0 +1,24 @@
+import { type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate, WidgetType } from '@scalar/use-codemirror';
+declare class DropdownWidget extends WidgetType {
+    private queryTerm;
+    private onSelect;
+    private dropdown;
+    private withServers?;
+    constructor(queryTerm: string, onSelect: (item: string) => void, withServers?: boolean);
+    updateQueryTerm(newQueryTerm: string): void;
+    getQueryTerm(): string;
+    toDOM(view: EditorView): HTMLSpanElement;
+    destroy(): void;
+    eq(other: WidgetType): boolean;
+}
+export declare const dropdownPlugin: (props: {
+    withServers?: boolean;
+}) => ViewPlugin<{
+    decorations: DecorationSet;
+    widget: DropdownWidget | null;
+    view: EditorView;
+    handleDropdownSelect(item: string): void;
+    update(update: ViewUpdate): void;
+}>;
+export {};
+//# sourceMappingURL=codeDropdownWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeDropdownWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeDropdownWidget.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,UAAU,EAEf,UAAU,EACV,KAAK,UAAU,EACf,UAAU,EACX,MAAM,wBAAwB,CAAA;AAK/B,cAAM,cAAe,SAAQ,UAAU;IACrC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,QAAQ,CAAY;IAC5B,OAAO,CAAC,WAAW,CAAC,CAAS;gBAG3B,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAChC,WAAW,CAAC,EAAE,OAAO;IAQvB,eAAe,CAAC,YAAY,EAAE,MAAM;IAMpC,YAAY;IAIZ,KAAK,CAAC,IAAI,EAAE,UAAU;IAoCtB,OAAO;IAOP,EAAE,CAAC,KAAK,EAAE,UAAU;CAGrB;AAED,eAAO,MAAM,cAAc,UAAW;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE;iBAG5C,aAAa;YAClB,cAAc,GAAG,IAAI;UACvB,UAAU;+BAQW,MAAM;mBAqClB,UAAU;EAsC5B,CAAA"}

package/dist/components/CodeInput/codeDropdownWidget.js

@@ -0,0 +1,110 @@
+var m = Object.defineProperty;
+var g = (d, t, e) => t in d ? m(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
+var n = (d, t, e) => g(d, typeof t != "symbol" ? t + "" : t, e);
+import { router as f } from "../../router.js";
+import { ViewPlugin as y, Decoration as h, StateEffect as T, WidgetType as S } from "@scalar/use-codemirror";
+import { createApp as q, h as p, Teleport as x } from "vue";
+import v from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+class u extends S {
+  constructor(e, s, o) {
+    super();
+    n(this, "queryTerm");
+    n(this, "onSelect");
+    n(this, "dropdown", null);
+    n(this, "withServers");
+    this.queryTerm = e, this.onSelect = s, this.withServers = o;
+  }
+  updateQueryTerm(e) {
+    this.queryTerm !== e && (this.queryTerm = e);
+  }
+  getQueryTerm() {
+    return this.queryTerm;
+  }
+  toDOM(e) {
+    const s = document.createElement("span");
+    return s.style.position = "fixed", setTimeout(() => {
+      var c;
+      const o = e.state.selection.main.head, i = e.coordsAtPos(o - this.queryTerm.length - 2);
+      if (i) {
+        const r = (c = document.querySelector(".scalar-client")) == null ? void 0 : c.getBoundingClientRect();
+        r && (this.dropdown = q({
+          render: () => p(x, { to: ".scalar-client" }, [
+            p(v, {
+              query: this.queryTerm,
+              onSelect: this.onSelect,
+              withServers: this.withServers,
+              style: {
+                position: "absolute",
+                left: `${i.left - r.left}px`,
+                top: `calc(${i.bottom - r.top}px + 6px)`
+              }
+            })
+          ])
+        })), this.dropdown.use(f), this.dropdown.mount(s);
+      }
+    }, 0), s;
+  }
+  destroy() {
+    this.dropdown && (this.dropdown.unmount(), this.dropdown = null);
+  }
+  eq(e) {
+    return e instanceof u && this.queryTerm === e.queryTerm;
+  }
+}
+const P = (d) => y.fromClass(
+  class {
+    constructor(t) {
+      n(this, "decorations");
+      n(this, "widget", null);
+      n(this, "view");
+      this.view = t, this.decorations = h.none, this.handleDropdownSelect = this.handleDropdownSelect.bind(this);
+    }
+    handleDropdownSelect(t) {
+      var w;
+      if (!this.widget) return;
+      const { state: e, dispatch: s } = this.view, o = e.selection.main.head, i = Math.max(0, o - this.widget.getQueryTerm().length - 2), c = o, r = `{{${t}}}`;
+      s({
+        changes: { from: i, to: c, insert: r }
+      }), (w = this.widget) == null || w.destroy(), this.widget = null, this.decorations = h.none, this.view.dispatch({
+        effects: T.appendConfig.of([])
+      });
+      const l = i + r.length, a = "";
+      this.widget = new u(
+        a,
+        this.handleDropdownSelect,
+        d.withServers
+      ), this.decorations = h.set([
+        h.widget({
+          widget: this.widget,
+          side: 1
+        }).range(l)
+      ]), this.view.dispatch({
+        selection: { anchor: l }
+      }), this.view.focus();
+    }
+    update(t) {
+      var r, l;
+      const e = t.state.selection.main.head, s = t.state.doc.sliceString(0, e), o = [], i = s.lastIndexOf("{{"), c = s.lastIndexOf("}}");
+      if (i > c) {
+        const a = s.slice(i + 2);
+        !this.widget || this.widget.getQueryTerm() !== a ? ((r = this.widget) == null || r.destroy(), this.widget = new u(
+          a,
+          this.handleDropdownSelect
+        )) : this.widget.updateQueryTerm(a), o.push(
+          h.widget({
+            widget: this.widget,
+            side: 1
+          }).range(e)
+        );
+      } else
+        (l = this.widget) == null || l.destroy(), this.widget = null;
+      this.decorations = h.set(o);
+    }
+  },
+  {
+    decorations: (t) => t.decorations
+  }
+);
+export {
+  P as dropdownPlugin
+};

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

@@ -0,0 +1,8 @@
+import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
+export declare const pillPlugin: ViewPlugin<{
+    decorations: DecorationSet;
+    update(update: ViewUpdate): void;
+    buildDecorations(view: EditorView): import("@codemirror/state").RangeSet<Decoration>;
+}>;
+export declare const backspaceCommand: import("@codemirror/state").Extension;
+//# sourceMappingURL=codeVariableWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AA+F/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -0,0 +1,124 @@
+var u = Object.defineProperty;
+var f = (t, a, e) => a in t ? u(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e;
+var c = (t, a, e) => f(t, typeof a != "symbol" ? a + "" : a, e);
+import { useWorkspace as v } from "../../store/workspace.js";
+import { ScalarButton as h, ScalarIcon as b, ScalarTooltip as g } from "@scalar/components";
+import { ViewPlugin as x, RangeSetBuilder as w, Decoration as N, EditorView as y, WidgetType as C } from "@scalar/use-codemirror";
+import { defineComponent as k, h as o, createApp as D } from "vue";
+const { activeParsedEnvironments: S, isReadOnly: E } = v();
+class l extends C {
+  constructor(e) {
+    super();
+    c(this, "app");
+    this.variableName = e;
+  }
+  toDOM() {
+    const e = document.createElement("span");
+    e.className = "cm-pill", e.textContent = `${this.variableName}`;
+    const n = k({
+      props: ["variableName"],
+      render() {
+        const s = S.value.find(
+          (i) => i.key === this.variableName
+        ), r = s ? o("div", { class: "p-2" }, s.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
+          o("span", { class: "p-2" }, "Variable not found"),
+          !E.value && o("div", { class: "p-1" }, [
+            o(
+              h,
+              {
+                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",
+                variant: "ghost",
+                onClick: () => {
+                  window.location.href = "/environment";
+                }
+              },
+              [
+                o(b, { class: "w-2", icon: "Add", size: "xs" }),
+                "Add variable"
+              ]
+            )
+          ])
+        ]);
+        return o(
+          g,
+          {
+            align: "start",
+            class: "bg-b-1 w-full",
+            delay: 0,
+            side: "bottom",
+            sideOffset: 6
+          },
+          {
+            trigger: () => o("span", `${this.variableName}`),
+            content: () => o(
+              "div",
+              {
+                class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
+              },
+              r
+            )
+          }
+        );
+      }
+    });
+    return this.app = D(n, { variableName: this.variableName }), this.app.mount(e), e;
+  }
+  destroy() {
+    this.app && this.app.unmount();
+  }
+  eq(e) {
+    return e instanceof l && e.variableName === this.variableName;
+  }
+  ignoreEvent(e) {
+    return !1;
+  }
+}
+const V = x.fromClass(
+  class {
+    constructor(t) {
+      c(this, "decorations");
+      this.decorations = this.buildDecorations(t);
+    }
+    update(t) {
+      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
+    }
+    buildDecorations(t) {
+      const a = new w();
+      for (const { from: e, to: n } of t.visibleRanges) {
+        const s = t.state.doc.sliceString(e, n), r = /{{(.*?)}}/g;
+        let i;
+        for (; (i = r.exec(s)) !== null; ) {
+          const d = e + i.index, p = d + i[0].length, m = i[1];
+          a.add(
+            d,
+            p,
+            N.widget({
+              widget: new l(m),
+              side: 1
+            })
+          );
+        }
+      }
+      return a.finish();
+    }
+  },
+  {
+    decorations: (t) => t.decorations
+  }
+), T = y.domEventHandlers({
+  keydown(t, a) {
+    if (t.key === "Backspace") {
+      const { state: e } = a, { from: n, to: s } = e.selection.main;
+      if (n === s && n > 0 && e.doc.sliceString(n - 2, n) === "}}")
+        return a.dispatch({
+          changes: { from: n - 2, to: s },
+          selection: { anchor: n - 2 }
+        }), t.preventDefault(), !0;
+    }
+    return !1;
+  }
+});
+export {
+  T as backspaceCommand,
+  V as pillPlugin
+};

package/dist/components/CommandPalette/CommandPaletteCollection.vue.d.ts

@@ -1,20 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=CommandPaletteCollection.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";WAuES,MAAM;;;;WAAN,MAAM;;;;AAkIf,wBAOG;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":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";;;;;AAgMA,wBAMG"}

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

@@ -1,66 +1,63 @@
-import { defineComponent as m, ref as s, onMounted as p, openBlock as d, createElementBlock as f, Fragment as h, createElementVNode as e, toDisplayString as x, withModifiers as _, withDirectives as b, vModelText as v, createVNode as w, unref as g, withCtx as C, createTextVNode as N } from "vue";
-import { useWorkspace as y } from "../../store/workspace.js";
+import { defineComponent as d, ref as s, onMounted as p, openBlock as f, createElementBlock as x, withModifiers as h, createElementVNode as e, withDirectives as _, vModelText as v, createVNode as b, unref as w, withCtx as C, createTextVNode as N } from "vue";
+import { useWorkspace as g } from "../../store/workspace.js";
 import { ScalarButton as k } from "@scalar/components";
-const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, S = /* @__PURE__ */ e("label", {
+const y = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, M = /* @__PURE__ */ e("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "collectionanme"
-}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), F = /* @__PURE__ */ m({
+}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), W = /* @__PURE__ */ d({
   __name: "CommandPaletteCollection",
-  props: {
-    title: {}
-  },
   emits: ["close"],
-  setup(D, { emit: i }) {
-    const a = i, { collectionMutators: c } = y(), l = s(""), r = () => {
-      c.add({
-        spec: {
-          openapi: "3.1.0",
-          info: {
-            title: l.value,
-            version: "0.0.1"
+  setup(S, { emit: c }) {
+    const a = c, { activeWorkspace: i, collectionMutators: r } = g(), t = s(""), u = () => {
+      r.add(
+        {
+          spec: {
+            openapi: "3.1.0",
+            info: {
+              title: t.value,
+              version: "0.0.1"
+            }
           }
-        }
-      }), a("close");
-    }, o = s(null);
+        },
+        i.value.uid
+      ), a("close");
+    }, l = s(null);
     return p(() => {
-      var t;
-      (t = o.value) == null || t.focus();
-    }), (t, n) => (d(), f(h, null, [
-      e("h2", null, x(t.title), 1),
-      e("form", {
-        class: "flex w-full flex-col gap-3",
-        onSubmit: _(r, ["prevent"])
-      }, [
-        e("div", M, [
-          S,
-          b(e("input", {
-            id: "collectionanme",
-            ref_key: "collectionInput",
-            ref: o,
-            "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u),
-            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-            label: "Collection Name",
-            placeholder: "Collection Name"
-          }, null, 512), [
-            [v, l.value]
-          ])
-        ]),
-        e("div", V, [
-          B,
-          w(g(k), {
-            class: "max-h-8 text-xs p-0 px-3",
-            type: "submit"
-          }, {
-            default: C(() => [
-              N(" Continue ")
-            ]),
-            _: 1
-          })
+      var o;
+      (o = l.value) == null || o.focus();
+    }), (o, n) => (f(), x("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: h(u, ["prevent"])
+    }, [
+      e("div", y, [
+        M,
+        _(e("input", {
+          id: "collectionanme",
+          ref_key: "collectionInput",
+          ref: l,
+          "onUpdate:modelValue": n[0] || (n[0] = (m) => t.value = m),
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Collection Name",
+          placeholder: "Collection Name"
+        }, null, 512), [
+          [v, t.value]
         ])
-      ], 32)
-    ], 64));
+      ]),
+      e("div", V, [
+        B,
+        b(w(k), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit"
+        }, {
+          default: C(() => [
+            N(" Continue ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
   }
 });
 export {
-  F as default
+  W as default
 };

package/dist/components/CommandPalette/CommandPaletteExample.vue.d.ts

@@ -1,9 +1,11 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title: string;
+    /** The request uid to pre-select */
+    metaData?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title: string;
+    /** The request uid to pre-select */
+    metaData?: string;
 }>>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;

package/dist/components/CommandPalette/CommandPaletteExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";WAyGS,MAAM;;;;WAAN,MAAM;;;;AAwQf,wBAOG;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":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAqIE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA2SnB,wBAOG;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"}