@scalar/api-client 2.0.63 → 2.1.0

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

@@ -0,0 +1,57 @@
+import { defineComponent as v, openBlock as f, createBlock as m, unref as i, withCtx as S, createElementVNode as l, normalizeClass as x, createVNode as h, toDisplayString as w } from "vue";
+import { ScalarDropdownItem as k, ScalarIcon as C } from "@scalar/components";
+import { useWorkspace as b } from "../../store/store.js";
+const g = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, B = /* @__PURE__ */ v({
+  __name: "AddressBarServerItem",
+  props: {
+    serverOption: {},
+    type: {}
+  },
+  setup(a) {
+    const r = a, {
+      activeCollection: o,
+      activeRequest: s,
+      activeServer: n,
+      collectionMutators: p,
+      requestMutators: c
+    } = b(), d = (e) => {
+      r.type === "collection" && o.value ? p.edit(
+        o.value.uid,
+        "selectedServerUid",
+        e
+      ) : r.type === "request" && s.value && c.edit(
+        s.value.uid,
+        "selectedServerUid",
+        e
+      );
+    }, u = (e) => {
+      var t;
+      return ((t = n.value) == null ? void 0 : t.uid) === e;
+    };
+    return (e, t) => (f(), m(i(k), {
+      class: "flex !gap-1.5 group font-code text-xxs whitespace-nowrap text-ellipsis overflow-hidden",
+      value: e.serverOption.id,
+      onClick: t[0] || (t[0] = (y) => d(e.serverOption.id))
+    }, {
+      default: S(() => [
+        l("div", {
+          class: x([
+            "flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border",
+            u(e.serverOption.id) ? "bg-blue text-b-1" : "text-transparent"
+          ])
+        }, [
+          h(i(C), {
+            class: "relative top-[0.5px] size-2.5",
+            icon: "Checkmark",
+            thickness: "3.5"
+          })
+        ], 2),
+        l("span", g, w(e.serverOption.label), 1)
+      ]),
+      _: 1
+    }, 8, ["value"]));
+  }
+});
+export {
+  B as default
+};

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

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

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

@@ -18,7 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;
-    withServers?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
@@ -27,7 +26,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorPicker: boolean;
     nullable: boolean;
     withVariables: boolean;
-    withServers: boolean;
 }>, {
     focus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -52,7 +50,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;
-    withServers?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
@@ -61,12 +58,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorPicker: boolean;
     nullable: boolean;
     withVariables: boolean;
-    withServers: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
     onSubmit?: ((v: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }, {
-    withServers: boolean;
     colorPicker: boolean;
     emitOnBlur: boolean;
     disableTabIndent: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA0TO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;;;kBAlBP,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;iBAAP,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBA4RG,GAAG;kBACN,GAAG;;AAjT9B,wBAqVC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAoVO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;;;kBAjBT,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;;;;;;;;;;;;;iBAjBT,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAoTG,GAAG;kBACN,GAAG;;AAzU9B,wBAsXC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d0793c7f"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44609195"]]);
 export {
-  _ as default
+  a as default
 };

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

@@ -1,20 +1,20 @@
-import { defineComponent as E, useAttrs as q, ref as y, toRef as o, watch as I, computed as M, openBlock as t, createElementBlock as s, Fragment as N, createBlock as v, mergeProps as T, unref as A, renderSlot as g, createCommentVNode as B } from "vue";
-import { useCodeMirror as U, colorPicker as W } from "@scalar/use-codemirror";
-import { nanoid as j } from "nanoid";
-import V from "../DataTable/DataTableInputSelect.vue.js";
-import { dropdownPlugin as z } from "./codeDropdownWidget.js";
-import { pillPlugin as D, backspaceCommand as G } from "./codeVariableWidget.js";
-import { useWorkspace as H } from "../../store/workspace.js";
-const J = ["id"], K = {
+import { defineComponent as T, useAttrs as A, ref as a, toRef as l, watch as U, computed as _, openBlock as t, createElementBlock as s, Fragment as j, createBlock as c, mergeProps as Q, unref as r, renderSlot as C, createCommentVNode as m } from "vue";
+import { useCodeMirror as W, useDropdown as z, colorPicker as G } from "@scalar/use-codemirror";
+import { nanoid as H } from "nanoid";
+import x from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as J, backspaceCommand as K } from "./codeVariableWidget.js";
+import L from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { useWorkspace as X } from "../../store/store.js";
+const Y = ["id"], Z = {
   key: 3,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, L = {
+}, ee = {
   key: 4,
   class: "required absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[.cm-focused]:opacity-0 pointer-events-none"
-}, Q = {
+}, oe = {
   inheritAttrs: !1
-}, ae = /* @__PURE__ */ E({
-  ...Q,
+}, se = /* @__PURE__ */ T({
+  ...oe,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -34,101 +34,106 @@ const J = ["id"], K = {
     enum: {},
     type: {},
     nullable: { type: Boolean, default: !1 },
-    withVariables: { type: Boolean, default: !0 },
-    withServers: { type: Boolean, default: !1 }
+    withVariables: { type: Boolean, default: !0 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(k, { expose: w, emit: C }) {
-    var b;
-    const e = k, n = C, d = q(), _ = d.id || `id-${j()}`, p = y(!1), {
-      activeWorkspace: x,
-      activeParsedEnvironments: c,
-      isReadOnly: F,
-      environments: m,
-      router: S
-    } = H();
-    function P(l) {
-      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : n("update:modelValue", l);
+  setup(F, { expose: P, emit: S }) {
+    var B;
+    const e = F, u = S, f = A(), q = f.id || `id-${H()}`, b = a(!1), y = a(!1), h = a(""), v = a({ left: 0, top: 0 }), { activeEnvVariables: g, isReadOnly: V, environments: E, router: $ } = X();
+    function O(o) {
+      return o === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(o) : u("update:modelValue", o);
     }
-    function O(l) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : n("submit", l);
+    function R(o) {
+      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : u("submit", o);
     }
-    function R(l) {
-      p.value = !1, e.emitOnBlur && e.modelValue && O(l);
+    function D(o) {
+      b.value = !1, e.emitOnBlur && e.modelValue && R(o);
     }
-    const r = [];
-    e.colorPicker && r.push(W), e.withVariables && !x.value.isReadOnly && r.push(
-      z({
-        withServers: e.withServers,
-        activeParsedEnvironments: c,
-        environments: m,
-        router: S
-      })
-    ), r.push(
-      D({ environments: m, activeParsedEnvironments: c, isReadOnly: F }),
-      G
+    const d = [];
+    e.colorPicker && d.push(G), d.push(
+      J({
+        environments: E,
+        activeEnvVariables: g,
+        isReadOnly: V
+      }),
+      K
     );
-    const f = y(null), { codeMirror: a } = U({
-      content: o(
+    const w = a(null), { codeMirror: n } = W({
+      content: l(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
-      onChange: P,
-      onFocus: () => p.value = !0,
-      onBlur: (l) => R(l),
-      codeMirrorRef: f,
-      disableTabIndent: o(() => e.disableTabIndent),
-      disableEnter: o(() => e.disableEnter),
-      disableCloseBrackets: o(() => e.disableCloseBrackets),
-      lineNumbers: o(() => e.lineNumbers),
-      language: o(() => e.language),
-      lint: o(() => e.lint),
-      extensions: r,
-      placeholder: o(() => e.placeholder)
+      onChange: (o) => {
+        O(o), M();
+      },
+      onFocus: () => b.value = !0,
+      onBlur: (o) => D(o),
+      codeMirrorRef: w,
+      disableTabIndent: l(() => e.disableTabIndent),
+      disableEnter: l(() => e.disableEnter),
+      disableCloseBrackets: l(() => e.disableCloseBrackets),
+      lineNumbers: l(() => e.lineNumbers),
+      language: l(() => e.language),
+      lint: l(() => e.lint),
+      extensions: d,
+      placeholder: l(() => e.placeholder)
     });
-    (b = a.value) == null || b.focus(), I(a, () => {
-      a.value && Object.prototype.hasOwnProperty.call(d, "autofocus") && a.value.focus();
+    (B = n.value) == null || B.focus(), U(n, () => {
+      n.value && Object.prototype.hasOwnProperty.call(f, "autofocus") && n.value.focus();
     });
-    const $ = M(() => {
-      var l;
-      return e.type === "boolean" || (l = e.type) != null && l.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
+    const { handleDropdownSelect: I, updateDropdownVisibility: M } = z({
+      codeMirror: n,
+      query: h,
+      showDropdown: y,
+      dropdownPosition: v
+    }), N = _(() => {
+      var o;
+      return e.type === "boolean" || (o = e.type) != null && o.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    return w({
+    return P({
       focus: () => {
-        var l;
-        (l = a.value) == null || l.focus();
+        var o;
+        (o = n.value) == null || o.focus();
       }
-    }), (l, u) => {
-      var h;
-      return t(), s(N, null, [
-        e.enum && e.enum.length ? (t(), v(V, {
+    }), (o, i) => {
+      var k;
+      return t(), s(j, null, [
+        e.enum && e.enum.length ? (t(), c(x, {
           key: 0,
           modelValue: e.modelValue,
           value: e.enum,
-          "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, {
+          "onUpdate:modelValue": i[0] || (i[0] = (p) => u("update:modelValue", p))
+        }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (k = e.type) != null && k.includes("boolean") ? (t(), c(x, {
           key: 1,
           modelValue: e.modelValue,
-          value: $.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (i) => n("update:modelValue", i))
-        }, null, 8, ["modelValue", "value"])) : (t(), s("div", T({
+          value: N.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (p) => u("update:modelValue", p))
+        }, null, 8, ["modelValue", "value"])) : (t(), s("div", Q({
           key: 2,
-          id: A(_)
-        }, l.$attrs, {
+          id: r(q)
+        }, o.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: f,
+          ref: w,
           class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative", {
-            "flow-code-input--error": l.error
+            "flow-code-input--error": o.error
           }]
-        }), null, 16, J)),
-        l.$slots.warning ? (t(), s("div", K, [
-          g(l.$slots, "warning", {}, void 0, !0)
-        ])) : B("", !0),
-        g(l.$slots, "icon", {}, void 0, !0),
-        l.required ? (t(), s("div", L, " Required ")) : B("", !0)
+        }), null, 16, Y)),
+        o.$slots.warning ? (t(), s("div", Z, [
+          C(o.$slots, "warning", {}, void 0, !0)
+        ])) : m("", !0),
+        C(o.$slots, "icon", {}, void 0, !0),
+        o.required ? (t(), s("div", ee, " Required ")) : m("", !0),
+        y.value && e.withVariables && !r(V) ? (t(), c(L, {
+          key: 5,
+          activeEnvVariables: _(() => r(g)),
+          dropdownPosition: v.value,
+          query: h.value,
+          router: r($),
+          onSelect: r(I)
+        }, null, 8, ["activeEnvVariables", "dropdownPosition", "query", "router", "onSelect"])) : m("", !0)
       ], 64);
     };
   }
 });
 export {
-  ae as default
+  se as default
 };

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

@@ -1,11 +1,11 @@
-import type { WorkspaceStore } from '../../store/workspace.js';
-import type { Environment } from '@scalar/oas-utils/entities/workspace/environment';
+import type { WorkspaceStore } from '../../store/index.js';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
 import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
-type ActiveParsedEnvironments = WorkspaceStore['activeParsedEnvironments'];
+type ActiveParsedEnvironments = WorkspaceStore['activeEnvVariables'];
 type IsReadOnly = WorkspaceStore['isReadOnly'];
 export declare const pillPlugin: (props: {
     environments: Record<string, Environment>;
-    activeParsedEnvironments: ActiveParsedEnvironments;
+    activeEnvVariables: ActiveParsedEnvironments;
     isReadOnly: IsReadOnly;
 }) => ViewPlugin<{
     decorations: DecorationSet;

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,uCA8B3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAG/B,KAAK,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAA;AACpE,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAiH9C,eAAO,MAAM,UAAU,UAAW;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACzC,kBAAkB,EAAE,wBAAwB,CAAA;IAC5C,UAAU,EAAE,UAAU,CAAA;CACvB;iBAGkB,aAAa;mBAMX,UAAU;2BAMF,UAAU;EAiCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,34 +1,41 @@
-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";
+var v = Object.defineProperty;
+var u = (n, t, e) => t in n ? v(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var l = (n, t, e) => u(n, typeof t != "symbol" ? t + "" : t, e);
+import { ScalarButton as h, ScalarIcon as f, ScalarTooltip as b } from "@scalar/components";
+import { variableRegex as g } from "@scalar/oas-utils/helpers";
 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, a, s, o) {
+import { defineComponent as V, h as o, createApp as C } from "vue";
+import { parseEnvVariables as k } from "../../libs/environment-parser.js";
+const D = (n) => {
+  var e;
+  return ((e = n.value.find(
+    (a) => a.key === "color"
+  )) == null ? void 0 : e.value) || "grey";
+};
+class c extends E {
+  constructor(e, a, i, s) {
     super();
-    r(this, "app");
-    r(this, "environments");
-    r(this, "activeParsedEnvironments");
-    r(this, "isReadOnly");
-    this.variableName = t, this.variableName = t, this.environments = a, this.activeParsedEnvironments = s, this.isReadOnly = o;
+    l(this, "app");
+    l(this, "environments");
+    l(this, "activeEnvVariables");
+    l(this, "isReadOnly");
+    this.variableName = e, this.variableName = e, this.environments = a, this.activeEnvVariables = i, this.isReadOnly = s;
   }
   toDOM() {
-    const t = document.createElement("span");
-    t.className = "cm-pill", t.textContent = `${this.variableName}`;
-    const a = C({
+    const e = document.createElement("span");
+    e.className = "cm-pill", e.textContent = `${this.variableName}`;
+    const a = V({
       props: { variableName: { type: String, default: null } },
       render: () => {
-        const s = this.activeParsedEnvironments.value.find(
-          (c) => c.key === this.variableName
+        const i = k(this.activeEnvVariables.value).find(
+          (r) => r.key === this.variableName
         );
-        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,
+        i && (e.className += ` bg-${D(this.activeEnvVariables)}`);
+        const s = i ? o("div", { class: "p-2" }, i.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
+          o("span", { class: "p-2" }, "Variable not found"),
+          !this.isReadOnly && 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",
@@ -37,13 +44,13 @@ class d extends E {
                 }
               },
               [
-                i(g, { class: "w-2", icon: "Add", size: "xs" }),
+                o(f, { class: "w-2", icon: "Add", size: "xs" }),
                 "Add variable"
               ]
             )
           ])
         ]);
-        return i(
+        return o(
           b,
           {
             align: "start",
@@ -53,54 +60,54 @@ class d extends E {
             sideOffset: 6
           },
           {
-            trigger: () => i("span", `${this.variableName}`),
-            content: () => i(
+            trigger: () => o("span", `${this.variableName}`),
+            content: () => o(
               "div",
               {
                 class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
               },
-              o
+              s
             )
           }
         );
       }
     });
-    return this.app = D(a, { variableName: this.variableName }), this.app.mount(t), t;
+    return this.app = C(a, { variableName: this.variableName }), this.app.mount(e), e;
   }
   destroy() {
     this.app && this.app.unmount();
   }
-  eq(t) {
-    return t instanceof d && t.variableName === this.variableName;
+  eq(e) {
+    return e instanceof c && e.variableName === this.variableName;
   }
   ignoreEvent() {
     return !1;
   }
 }
-const $ = (n) => x.fromClass(
+const P = (n) => x.fromClass(
   class {
-    constructor(e) {
-      r(this, "decorations");
-      this.decorations = this.buildDecorations(e);
+    constructor(t) {
+      l(this, "decorations");
+      this.decorations = this.buildDecorations(t);
     }
-    update(e) {
-      (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
+    update(t) {
+      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
     }
-    buildDecorations(e) {
-      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 = a + l.index, u = m + l[0].length, h = l[1];
-          t.add(
+    buildDecorations(t) {
+      const e = new y();
+      for (const { from: a, to: i } of t.visibleRanges) {
+        const s = t.state.doc.sliceString(a, i);
+        let r;
+        for (; (r = g.exec(s)) !== null; ) {
+          const d = a + r.index, m = d + r[0].length, p = r[1];
+          e.add(
+            d,
             m,
-            u,
             w.widget({
-              widget: new d(
-                h,
+              widget: new c(
+                p,
                 n.environments,
-                n.activeParsedEnvironments,
+                n.activeEnvVariables,
                 n.isReadOnly
               ),
               side: 1
@@ -108,24 +115,24 @@ const $ = (n) => x.fromClass(
           );
         }
       }
-      return t.finish();
+      return e.finish();
     }
   },
   {
-    decorations: (e) => e.decorations
+    decorations: (t) => t.decorations
   }
-), A = N.domEventHandlers({
-  keydown(n, e) {
+), T = N.domEventHandlers({
+  keydown(n, t) {
     if (n.key === "Backspace") {
-      const { state: t } = e, { from: a, to: s } = t.selection.main;
-      if (a === 0 && s === t.doc.length)
-        return e.dispatch({
-          changes: { from: 0, to: t.doc.length },
+      const { state: e } = t, { from: a, to: i } = e.selection.main;
+      if (a === 0 && i === e.doc.length)
+        return t.dispatch({
+          changes: { from: 0, to: e.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 },
+      if (a === i && a > 0 && e.doc.sliceString(a - 2, a) === "}}")
+        return t.dispatch({
+          changes: { from: a - 2, to: i },
           selection: { anchor: a - 2 }
         }), n.preventDefault(), !0;
     }
@@ -133,6 +140,6 @@ const $ = (n) => x.fromClass(
   }
 });
 export {
-  A as backspaceCommand,
-  $ as pillPlugin
+  T as backspaceCommand,
+  P as pillPlugin
 };

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

@@ -0,0 +1,33 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    options?(_: {}): any;
+    submit?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    disabled?: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => void;
+    cancel: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    disabled?: boolean;
+}>>> & {
+    onSubmit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+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=CommandActionForm.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAuDA,iBAAS,cAAc;qBA8DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;eAhGR,OAAO;;;;;eAAP,OAAO;;;;UAuGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,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/components/CommandPalette/CommandActionForm.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as n, openBlock as i, createElementBlock as a, withKeys as d, withModifiers as l, createElementVNode as o, renderSlot as s, createVNode as r, unref as m, withCtx as p, createTextVNode as f } from "vue";
+import { ScalarButton as u } from "@scalar/components";
+const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2" }, x = { class: "flex flex-1 max-h-8" }, $ = /* @__PURE__ */ n({
+  __name: "CommandActionForm",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["submit", "cancel"],
+  setup(h) {
+    return (e, t) => (i(), a("form", {
+      class: "flex w-full flex-col gap-3",
+      onKeydown: t[0] || (t[0] = d(l(() => {
+      }, ["stop"]), ["enter"])),
+      onSubmit: t[1] || (t[1] = l((v) => e.$emit("submit"), ["prevent", "stop"]))
+    }, [
+      o("div", c, [
+        s(e.$slots, "default")
+      ]),
+      o("div", b, [
+        o("div", x, [
+          s(e.$slots, "options")
+        ]),
+        r(m(u), {
+          class: "max-h-8 text-xs p-0 px-3",
+          disabled: e.disabled,
+          type: "submit"
+        }, {
+          default: p(() => [
+            s(e.$slots, "submit", {}, () => [
+              f("Continue")
+            ])
+          ]),
+          _: 3
+        }, 8, ["disabled"])
+      ])
+    ], 32));
+  }
+});
+export {
+  $ as default
+};