@scalar/api-client 2.0.15 → 2.0.17

package/dist/views/Request/RequestSection/RequestTable.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as _, openBlock as u, createBlock as r, unref as i, withCtx as d, createElementBlock as b, Fragment as y, renderList as F, createCommentVNode as m, createVNode as c, createSlots as x, createTextVNode as U, toDisplayString as w, createElementVNode as p, computed as I, pushScopeId as C, popScopeId as E } from "vue";
-import N from "../../../components/DataTable/DataTable.vue.js";
-import T from "../../../components/DataTable/DataTableCell.vue.js";
-import q from "../../../components/DataTable/DataTableCheckbox.vue.js";
-import V from "../../../components/DataTable/DataTableInput.vue.js";
+import { defineComponent as F, openBlock as u, createBlock as d, unref as m, withCtx as r, createElementBlock as y, Fragment as w, renderList as I, createCommentVNode as c, createVNode as i, createSlots as C, createTextVNode as U, toDisplayString as V, createElementVNode as p, computed as x, pushScopeId as E, popScopeId as T } from "vue";
+import k from "../../../components/CodeInput/CodeInput.vue.js";
+import q from "../../../components/DataTable/DataTable.vue.js";
+import f from "../../../components/DataTable/DataTableCell.vue.js";
+import N from "../../../components/DataTable/DataTableCheckbox.vue.js";
 import D from "../../../components/DataTable/DataTableRow.vue.js";
 import { ScalarButton as H, ScalarIcon as z } from "@scalar/components";
 import A from "./RequestTableTooltip.vue.js";
-const M = (s) => (C("data-v-9b63a166"), s = s(), E(), s), O = { class: "text-c-2 max-w-[100%] overflow-hidden filemask flex items-end justify-end" }, j = ["onClick"], K = /* @__PURE__ */ M(() => /* @__PURE__ */ p("span", null, "File", -1)), Z = /* @__PURE__ */ _({
+const M = (s) => (E("data-v-fe74a9ea"), s = s(), T(), s), O = { class: "text-c-2 max-w-[100%] overflow-hidden filemask flex items-end justify-end" }, j = ["onClick"], K = /* @__PURE__ */ M(() => /* @__PURE__ */ p("span", null, "File", -1)), Z = /* @__PURE__ */ F({
   __name: "RequestTable",
   props: {
     items: {},
@@ -14,12 +14,12 @@ const M = (s) => (C("data-v-9b63a166"), s = s(), E(), s), O = { class: "text-c-2
     showUploadButton: { type: Boolean, default: !1 }
   },
   emits: ["updateRow", "toggleRow", "addRow", "deleteRow", "inputFocus", "inputBlur", "uploadFile", "removeFile"],
-  setup(s, { emit: k }) {
-    const g = s, t = k, h = g.isEnabledHidden ? ["", ""] : ["", "", "36px"], f = (e, n, l) => {
+  setup(s, { emit: g }) {
+    const h = s, t = g, B = h.isEnabledHidden ? ["", ""] : ["", "", "36px"], b = (e, n, l) => {
       t("updateRow", e, n, l);
-    }, $ = (e) => {
+    }, _ = (e) => {
       t("uploadFile", e);
-    }, B = (e) => !!(e.description || e.type || e.default || e.format), v = (e) => I(() => {
+    }, $ = (e) => !!(e.description || e.type || e.default || e.format), v = (e) => x(() => {
       if (e.type === "integer" && e.value !== void 0) {
         const n = Number(e.value);
         if (e.minimum !== void 0 && n < e.minimum)
@@ -29,83 +29,100 @@ const M = (s) => (C("data-v-9b63a166"), s = s(), E(), s), O = { class: "text-c-2
       }
       return !1;
     }), R = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default;
-    return (e, n) => (u(), r(N, {
+    return (e, n) => (u(), d(q, {
       class: "flex-1",
-      columns: i(h)
+      columns: m(B)
     }, {
-      default: d(() => [
-        (u(!0), b(y, null, F(e.items, (l, a) => (u(), r(D, { key: a }, {
-          default: d(() => [
-            e.isEnabledHidden ? m("", !0) : (u(), r(q, {
+      default: r(() => [
+        (u(!0), y(w, null, I(e.items, (l, a) => (u(), d(D, { key: a }, {
+          default: r(() => [
+            e.isEnabledHidden ? c("", !0) : (u(), d(N, {
               key: 0,
-              modelValue: l.enabled,
+              modelValue: !!l.required,
               "onUpdate:modelValue": (o) => t("toggleRow", a, o)
             }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-            c(V, {
-              modelValue: l.key,
-              placeholder: "Key",
-              required: l.required,
-              onBlur: n[0] || (n[0] = (o) => t("inputBlur")),
-              onFocus: n[1] || (n[1] = (o) => t("inputFocus")),
-              onInput: (o) => e.items && a === e.items.length - 1 && t("addRow"),
-              onSelectVariable: (o) => f(a, "key", o),
-              "onUpdate:modelValue": (o) => t("updateRow", a, "key", o)
-            }, null, 8, ["modelValue", "required", "onInput", "onSelectVariable", "onUpdate:modelValue"]),
-            c(V, {
-              enum: l.enum,
-              max: l.maximum,
-              min: l.minimum,
-              modelValue: l.value,
-              placeholder: "Value",
-              type: l.type === "integer" ? "number" : "text",
-              onBlur: n[2] || (n[2] = (o) => t("inputBlur")),
-              onFocus: n[3] || (n[3] = (o) => t("inputFocus")),
-              onInput: (o) => e.items && a === e.items.length - 1 && t("addRow"),
-              onSelectVariable: (o) => f(a, "value", o),
-              "onUpdate:modelValue": (o) => t("updateRow", a, "value", o)
-            }, x({
-              icon: d(() => [
-                B(l) ? (u(), r(A, {
-                  key: 0,
-                  item: { ...l, default: R(l) }
-                }, null, 8, ["item"])) : m("", !0)
+            i(f, null, {
+              default: r(() => [
+                i(k, {
+                  disableCloseBrackets: "",
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  modelValue: l.key,
+                  placeholder: "Key",
+                  required: l.required,
+                  onBlur: n[0] || (n[0] = (o) => t("inputBlur")),
+                  onFocus: n[1] || (n[1] = (o) => t("inputFocus")),
+                  onInput: (o) => e.items && a === e.items.length - 1 && t("addRow"),
+                  onSelectVariable: (o) => b(a, "key", o),
+                  "onUpdate:modelValue": (o) => t("updateRow", a, "key", o)
+                }, null, 8, ["modelValue", "required", "onInput", "onSelectVariable", "onUpdate:modelValue"])
               ]),
               _: 2
-            }, [
-              v(l).value ? {
-                name: "warning",
-                fn: d(() => [
-                  U(w(v(l).value), 1)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["enum", "max", "min", "modelValue", "type", "onInput", "onSelectVariable", "onUpdate:modelValue"]),
-            e.showUploadButton ? (u(), r(T, {
+            }, 1024),
+            i(f, null, {
+              default: r(() => [
+                i(k, {
+                  disableCloseBrackets: "",
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  enum: l.enum,
+                  max: l.maximum,
+                  min: l.minimum,
+                  modelValue: l.value,
+                  nullable: l.nullable,
+                  placeholder: "Value",
+                  type: l.type,
+                  onBlur: n[2] || (n[2] = (o) => t("inputBlur")),
+                  onFocus: n[3] || (n[3] = (o) => t("inputFocus")),
+                  onInput: (o) => e.items && a === e.items.length - 1 && t("addRow"),
+                  onSelectVariable: (o) => b(a, "value", o),
+                  "onUpdate:modelValue": (o) => t("updateRow", a, "value", o)
+                }, C({
+                  icon: r(() => [
+                    $(l) ? (u(), d(A, {
+                      key: 0,
+                      item: { ...l, default: R(l) }
+                    }, null, 8, ["item"])) : c("", !0)
+                  ]),
+                  _: 2
+                }, [
+                  v(l).value ? {
+                    name: "warning",
+                    fn: r(() => [
+                      U(V(v(l).value), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["enum", "max", "min", "modelValue", "nullable", "type", "onInput", "onSelectVariable", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1024),
+            e.showUploadButton ? (u(), d(f, {
               key: 1,
               class: "group/upload p-1 overflow-hidden relative text-ellipsis whitespace-nowrap"
             }, {
-              default: d(() => {
+              default: r(() => {
                 var o;
                 return [
-                  l.file ? (u(), b(y, { key: 0 }, [
+                  l.file ? (u(), y(w, { key: 0 }, [
                     p("div", O, [
-                      p("span", null, w((o = l.file) == null ? void 0 : o.name), 1)
+                      p("span", null, V((o = l.file) == null ? void 0 : o.name), 1)
                     ]),
                     p("button", {
                       class: "absolute bg-b-2 font-medium centered-x centered-y hidden rounded text-center p-0.5 w-[calc(100%_-_8px)] group-hover/upload:block text-xs",
                       type: "button",
                       onClick: (S) => t("removeFile", a)
                     }, " Delete ", 8, j)
-                  ], 64)) : (u(), r(i(H), {
+                  ], 64)) : (u(), d(m(H), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 border-0 py-px text-c-2",
                     size: "sm",
                     variant: "outlined",
-                    onClick: (S) => $(a)
+                    onClick: (S) => _(a)
                   }, {
-                    default: d(() => [
+                    default: r(() => [
                       K,
-                      c(i(z), {
+                      i(m(z), {
                         class: "ml-1 stroke-[2.5]",
                         icon: "UploadSimple",
                         size: "xs"
@@ -116,7 +133,7 @@ const M = (s) => (C("data-v-9b63a166"), s = s(), E(), s), O = { class: "text-c-2
                 ];
               }),
               _: 2
-            }, 1024)) : m("", !0)
+            }, 1024)) : c("", !0)
           ]),
           _: 2
         }, 1024))), 128))

package/dist/views/Request/RequestSidebarItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AAmOA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;AA0GlD,iBAAS,cAAc;gBAvET,IAAI;;gBAAJ,IAAI;EAwVjB;AACD,QAAA,MAAM,eAAe;IAnXjB;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,OAAO;IACrB,qEAAqE;gBACzD,MAAM,EAAE;UACd,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc;;;;;;;;IAdpD;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,OAAO;IACrB,qEAAqE;gBACzD,MAAM,EAAE;UACd,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc;;;;;;;;iBATtC,OAAO;iBAMP,OAAO;MA+WvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AA0OA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;AA8GlD,iBAAS,cAAc;gBA3ET,IAAI;;gBAAJ,IAAI;EA8VjB;AACD,QAAA,MAAM,eAAe;IAzXjB;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,OAAO;IACrB,qEAAqE;gBACzD,MAAM,EAAE;UACd,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc;;;;;;;;IAdpD;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,OAAO;IACrB,qEAAqE;gBACzD,MAAM,EAAE;UACd,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc;;;;;;;;iBATtC,OAAO;iBAMP,OAAO;MAqXvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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/views/Request/RequestSidebarItem.vue.js

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

package/dist/views/Request/RequestSidebarItem.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as V, useCssVars as x, computed as l, resolveComponent as O, openBlock as o, createElementBlock as d, normalizeClass as p, unref as r, createVNode as u, withCtx as U, createBlock as f, createElementVNode as n, toDisplayString as y, createCommentVNode as b, createTextVNode as q, renderSlot as j, withDirectives as F, Fragment as L, renderList as T, vShow as K } from "vue";
-import { useWorkspace as W } from "../../store/workspace.js";
-import { ScalarIcon as A } from "@scalar/components";
-import { Draggable as G } from "@scalar/draggable";
-import { useRouter as H, RouterLink as J } from "vue-router";
-import M from "./RequestSidebarItemMenu.vue.js";
-import P from "../../components/HttpMethod/HttpMethod.vue.js";
-import { useSidebar as Q } from "../../hooks/useSidebar.js";
-const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y = { class: "relative" }, Z = { class: "flex" }, _ = { class: "z-10 mr-[-.5px] flex h-fit items-center justify-center" }, ee = { class: "z-10 font-medium" }, te = { key: 2 }, k = "hover:before:bg-sidebar-active-b before:absolute before:inset-0 before:rounded before-left-offset", pe = /* @__PURE__ */ V({
+import { defineComponent as O, useCssVars as V, computed as l, resolveComponent as j, openBlock as n, createElementBlock as d, normalizeClass as p, unref as r, createVNode as m, withCtx as U, createBlock as f, createElementVNode as o, toDisplayString as y, createCommentVNode as b, createTextVNode as q, renderSlot as F, withDirectives as L, Fragment as T, renderList as K, vShow as W } from "vue";
+import { useWorkspace as A } from "../../store/workspace.js";
+import { ScalarIcon as G } from "@scalar/components";
+import { Draggable as H } from "@scalar/draggable";
+import { useRouter as J, RouterLink as M } from "vue-router";
+import P from "./RequestSidebarItemMenu.vue.js";
+import Q from "../../components/HttpMethod/HttpMethod.vue.js";
+import { useSidebar as X } from "../../hooks/useSidebar.js";
+const Y = { class: "z-10 font-medium w-full editable-sidebar-hover-item pl-2" }, Z = { class: "relative" }, _ = { class: "flex" }, ee = { class: "z-10 flex h-fit items-center justify-center max-w-[14px]" }, te = { class: "z-10 font-medium" }, re = { key: 2 }, w = "hover:bg-sidebar-active-b indent-padding-left", ue = /* @__PURE__ */ O({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -15,29 +15,30 @@ const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y =
     item: {}
   },
   emits: ["onDragEnd"],
-  setup(w) {
-    x((e) => ({
-      "1aa238fc": R.value
+  setup(k) {
+    V((e) => ({
+      "3ec1394c": E.value,
+      "4a0da8f2": R.value
     }));
-    const s = w, { activeRequest: g, folders: C, isReadOnly: a, requests: c, requestExamples: $ } = W(), { collapsedSidebarFolders: h, toggleSidebarFolder: S } = Q(), E = H(), v = l(() => "childUids" in s.item), R = l(() => s.parentUids.length ? a ? `-${(s.parentUids.length - 1) * 16}px` : `-${s.parentUids.length * 16}px` : "0px"), z = (e, t) => {
-      e.metaKey ? window.open(`/request/${t}`, "_blank") : E.push(`/request/${t}`);
+    const i = k, { activeRequest: g, folders: $, isReadOnly: a, requests: c, requestExamples: C } = A(), { collapsedSidebarFolders: h, toggleSidebarFolder: S } = X(), x = J(), v = l(() => "childUids" in i.item), E = l(() => i.parentUids.length ? a.value ? `${(i.parentUids.length - 1) * 12}px` : `${i.parentUids.length * 12}px` : "12px"), R = l(() => i.parentUids.length ? a.value ? `${(i.parentUids.length - 1) * 12}px` : `${i.parentUids.length * 12}px` : "0px"), z = (e, t) => {
+      e.metaKey ? window.open(`/request/${t}`, "_blank") : x.push(`/request/${t}`);
     }, D = (e) => {
       var t;
       return "spec" in e ? (t = e.spec.info) == null ? void 0 : t.title : "summary" in e ? e.summary || e.path : "name" in e ? e.name : "";
-    }, I = l(() => ("requestUid" in s.item ? c[s.item.requestUid] : s.item).method), B = l(
+    }, I = l(() => ("requestUid" in i.item ? c[i.item.requestUid] : i.item).method), B = l(
       () => {
         var e;
-        return h[s.item.uid] || ((e = g.value) == null ? void 0 : e.uid) === s.item.uid && s.item.childUids.length > 1;
+        return h[i.item.uid] || ((e = g.value) == null ? void 0 : e.uid) === i.item.uid && i.item.childUids.length > 1;
       }
     );
     return (e, t) => {
-      const N = O("RequestSidebarItem", !0);
-      return o(), d("div", {
+      const N = j("RequestSidebarItem", !0);
+      return n(), d("div", {
         class: p(["relative flex flex-row", [
-          r(a) && e.parentUids.length > 1 || !r(a) && e.parentUids.length ? "before:bg-b-3 pl-4 before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-px mb-[.5px] last:mb-0" : ""
+          r(a) && e.parentUids.length > 1 || !r(a) && e.parentUids.length ? "before:bg-b-3 before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-px mb-[.5px] last:mb-0 indent-border-line-offset" : ""
         ]])
       }, [
-        u(r(G), {
+        m(r(H), {
           id: e.item.uid,
           ceiling: v.value ? 0.8 : 0.5,
           class: "flex flex-1 flex-col gap-[.5px] text-sm",
@@ -45,35 +46,34 @@ const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y =
           isDraggable: e.parentUids.length > 0 && e.isDraggable,
           isDroppable: e.isDroppable,
           parentIds: e.parentUids,
-          onOnDragEnd: t[3] || (t[3] = (...i) => e.$emit("onDragEnd", ...i))
+          onOnDragEnd: t[3] || (t[3] = (...s) => e.$emit("onDragEnd", ...s))
         }, {
           default: U(() => [
-            "summary" in e.item || "requestUid" in e.item ? (o(), f(r(J), {
+            "summary" in e.item || "requestUid" in e.item ? (n(), f(r(M), {
               key: 0,
               custom: "",
               to: `/request/${e.item.uid}`
             }, {
               default: U(() => {
-                var i;
+                var s;
                 return [
-                  n("div", {
+                  o("div", {
                     class: p(["group relative flex min-h-8 cursor-pointer flex-row items-start justify-between gap-2 py-1.5 pr-2 rounded editable-sidebar-hover", [
-                      k,
-                      ((i = r(g)) == null ? void 0 : i.uid) === e.item.uid ? "before:bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2",
-                      (e.isDroppable, "pl-3")
+                      w,
+                      ((s = r(g)) == null ? void 0 : s.uid) === e.item.uid ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
                     ]]),
                     tabindex: "0",
-                    onClick: t[0] || (t[0] = (m) => z(m, e.item.uid))
+                    onClick: t[0] || (t[0] = (u) => z(u, e.item.uid))
                   }, [
-                    n("span", X, y(D(e.item)), 1),
-                    n("div", Y, [
-                      r(a) ? b("", !0) : (o(), f(M, {
+                    o("span", Y, y(D(e.item)), 1),
+                    o("div", Z, [
+                      r(a) ? b("", !0) : (n(), f(P, {
                         key: 0,
                         item: e.item
                       }, null, 8, ["item"])),
-                      n("span", Z, [
+                      o("span", _, [
                         q("   "),
-                        u(r(P), {
+                        m(r(Q), {
                           class: "font-bold",
                           method: I.value
                         }, null, 8, ["method"])
@@ -83,20 +83,20 @@ const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y =
                 ];
               }),
               _: 1
-            }, 8, ["to"])) : !r(a) || e.parentUids.length ? (o(), d("button", {
+            }, 8, ["to"])) : !r(a) || e.parentUids.length ? (n(), d("button", {
               key: 1,
-              class: p(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 z-[1]", k]),
+              class: p(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 z-[1]", w]),
               type: "button",
-              onClick: t[1] || (t[1] = (i) => r(S)(e.item.uid))
+              onClick: t[1] || (t[1] = (s) => r(S)(e.item.uid))
             }, [
-              n("span", _, [
-                j(e.$slots, "leftIcon", {}, () => [
-                  n("div", {
+              o("span", ee, [
+                F(e.$slots, "leftIcon", {}, () => [
+                  o("div", {
                     class: p({
                       "rotate-90": r(h)[e.item.uid]
                     })
                   }, [
-                    u(r(A), {
+                    m(r(G), {
                       class: "text-c-3 text-sm",
                       icon: "ChevronRight",
                       size: "sm"
@@ -105,19 +105,19 @@ const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y =
                 ], !0),
                 q("   ")
               ]),
-              n("span", ee, y(D(e.item)), 1)
+              o("span", te, y(D(e.item)), 1)
             ])) : b("", !0),
-            "childUids" in e.item ? F((o(), d("div", te, [
-              (o(!0), d(L, null, T(e.item.childUids, (i) => (o(), f(N, {
-                key: i,
+            "childUids" in e.item ? L((n(), d("div", re, [
+              (n(!0), d(T, null, K(e.item.childUids, (s) => (n(), f(N, {
+                key: s,
                 isDraggable: e.isDraggable,
                 isDroppable: e.isDroppable,
-                item: r(C)[i] || r(c)[i] || r($)[i],
+                item: r($)[s] || r(c)[s] || r(C)[s],
                 parentUids: [...e.parentUids, e.item.uid],
-                onOnDragEnd: t[2] || (t[2] = (...m) => e.$emit("onDragEnd", ...m))
+                onOnDragEnd: t[2] || (t[2] = (...u) => e.$emit("onDragEnd", ...u))
               }, null, 8, ["isDraggable", "isDroppable", "item", "parentUids"]))), 128))
             ], 512)), [
-              [K, B.value]
+              [W, B.value]
             ]) : b("", !0)
           ]),
           _: 3
@@ -127,5 +127,5 @@ const X = { class: "z-10 font-medium w-full editable-sidebar-hover-item" }, Y =
   }
 });
 export {
-  pe as default
+  ue as default
 };

package/dist/views/Request/RequestSidebarItemMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAM1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AA+YhC,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":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAM1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AAmShC,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/RequestSidebarItemMenu.vue.js

@@ -1,109 +1,82 @@
-import { defineComponent as y, computed as D, openBlock as p, createBlock as m, unref as t, withCtx as s, createVNode as e, createCommentVNode as b, withModifiers as z, createElementVNode as i } from "vue";
-import a from "../../components/ScalarHotkey.vue.js";
-import { useWorkspace as E } from "../../store/workspace.js";
-import { ScalarDropdown as I, ScalarDropdownItem as n, ScalarIcon as l, ScalarDropdownDivider as S, ScalarButton as v } from "@scalar/components";
-const w = /* @__PURE__ */ i("span", null, "Add Example", -1), C = /* @__PURE__ */ i("span", null, "Rename", -1), R = /* @__PURE__ */ i("span", null, "Duplicate", -1), q = /* @__PURE__ */ i("span", null, "Delete", -1), N = /* @__PURE__ */ y({
+import { defineComponent as _, computed as h, openBlock as c, createBlock as m, unref as e, withCtx as s, createVNode as t, createCommentVNode as k, withModifiers as g, createElementVNode as a } from "vue";
+import { useWorkspace as z } from "../../store/workspace.js";
+import { ScalarDropdown as D, ScalarDropdownItem as o, ScalarIcon as i, ScalarDropdownDivider as E, ScalarButton as S } from "@scalar/components";
+const v = /* @__PURE__ */ a("span", null, "Add Example", -1), w = /* @__PURE__ */ a("span", null, "Rename", -1), C = /* @__PURE__ */ a("span", null, "Duplicate", -1), b = /* @__PURE__ */ a("span", null, "Delete", -1), B = /* @__PURE__ */ _({
   __name: "RequestSidebarItemMenu",
   props: {
     item: {}
   },
-  setup(u) {
-    const o = u, { createExampleFromRequest: x, requestMutators: f } = E(), c = () => {
-      if (!("summary" in o.item)) return;
-      const r = x(o.item);
-      f.edit(o.item.uid, "childUids", [
-        ...o.item.childUids,
-        r.uid
+  setup(d) {
+    const l = d, { createExampleFromRequest: u, requestMutators: p } = z(), f = () => {
+      if (!("summary" in l.item)) return;
+      const n = u(l.item);
+      p.edit(l.item.uid, "childUids", [
+        ...l.item.childUids,
+        n.uid
       ]);
-    }, h = () => {
-      console.log("rename");
-    }, _ = () => {
-      console.log("duplicate");
-    }, g = () => {
-      console.log("delete");
-    }, k = D(() => "summary" in o.item);
-    return (r, d) => (p(), m(t(I), { teleport: "#scalar-client" }, {
+    }, x = h(() => "summary" in l.item);
+    return (n, r) => (c(), m(e(D), { teleport: "#scalar-client" }, {
       items: s(() => [
-        k.value ? (p(), m(t(n), {
+        x.value ? (c(), m(e(o), {
           key: 0,
           class: "flex !gap-2",
-          onClick: c
+          onClick: f
         }, {
           default: s(() => [
-            e(t(l), {
-              class: "text-c-2 inline-flex p-px",
-              icon: "Add",
-              size: "xs"
+            t(e(i), {
+              class: "inline-flex !stroke-[1.5]",
+              icon: "AddLine",
+              size: "sm"
             }),
-            w,
-            e(a, {
-              class: "absolute right-2 text-c-3",
-              hotkey: "1",
-              onHotkeyPressed: c
-            })
+            v
           ]),
           _: 1
-        })) : b("", !0),
-        e(t(n), { class: "flex !gap-2" }, {
+        })) : k("", !0),
+        t(e(o), { class: "flex !gap-2" }, {
           default: s(() => [
-            e(t(l), {
-              class: "text-c-2 inline-flex p-px",
+            t(e(i), {
+              class: "inline-flex !stroke-[1.5]",
               icon: "Edit",
-              size: "xs"
+              size: "sm"
             }),
-            C,
-            e(a, {
-              class: "absolute right-2 text-c-3",
-              hotkey: "2",
-              onHotkeyPressed: h
-            })
+            w
           ]),
           _: 1
         }),
-        e(t(n), { class: "flex !gap-2" }, {
+        t(e(o), { class: "flex !gap-2" }, {
           default: s(() => [
-            e(t(l), {
-              class: "text-c-2 inline-flex p-px",
+            t(e(i), {
+              class: "inline-flex !stroke-[1.5]",
               icon: "Duplicate",
-              size: "xs"
+              size: "sm"
             }),
-            R,
-            e(a, {
-              class: "absolute right-2 text-c-3",
-              hotkey: "3",
-              onHotkeyPressed: _
-            })
+            C
           ]),
           _: 1
         }),
-        e(t(S)),
-        e(t(n), { class: "flex !gap-2" }, {
+        t(e(E)),
+        t(e(o), { class: "flex !gap-2" }, {
           default: s(() => [
-            e(t(l), {
-              class: "text-c-2 inline-flex p-px",
+            t(e(i), {
+              class: "inline-flex !stroke-[1.5]",
               icon: "Trash",
-              size: "xs"
+              size: "sm"
             }),
-            q,
-            e(a, {
-              class: "absolute right-2 text-c-3",
-              hotkey: "4",
-              onHotkeyPressed: g
-            })
+            b
           ]),
           _: 1
         })
       ]),
       default: s(() => [
-        e(t(v), {
+        t(e(S), {
           class: "z-10 hover:bg-b-3 transition-none p-1 group-hover:flex ui-open:flex absolute left-0 hidden -translate-x-full -ml-1",
           size: "sm",
           variant: "ghost",
-          onClick: d[0] || (d[0] = z(() => {
+          onClick: r[0] || (r[0] = g(() => {
           }, ["stop"]))
         }, {
           default: s(() => [
-            e(t(l), {
+            t(e(i), {
               icon: "Ellipses",
               size: "sm"
             })
@@ -116,5 +89,5 @@ const w = /* @__PURE__ */ i("span", null, "Add Example", -1), C = /* @__PURE__ *
   }
 });
 export {
-  N as default
+  B as default
 };

package/dist/views/Request/ResponseSection/ResponseSection.vue.js

@@ -43,9 +43,9 @@ const E = { class: "flex items-center flex-1" }, H = { class: "custom-scroll fle
     return (e, o) => (r(), n(g, null, {
       title: u(() => [
         p(S(R), {
-          class: "text-c-3 mr-1.5 rotate-180 stroke-2",
+          class: "text-c-3 mr-2 rotate-180 stroke-[2]",
           icon: "ExternalLink",
-          size: "md"
+          size: "sm"
         }),
         f("div", E, [
           C(" Response "),

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.15",
+  "version": "2.0.17",
   "engines": {
     "node": ">=18"
   },
@@ -81,6 +81,10 @@
       "import": "./dist/Modal/index.js",
       "types": "./dist/Modal/index.d.ts"
     },
+    "./App": {
+      "import": "./dist/App/index.js",
+      "types": "./dist/App/index.d.ts"
+    },
     "./css/*.css": {
       "import": "./dist/css/*.css",
       "require": "./dist/css/*.css"
@@ -110,14 +114,14 @@
     "vue": "^3.4.22",
     "vue-router": "^4.3.0",
     "zod": "^3.22.4",
-    "@scalar/components": "0.12.12",
+    "@scalar/components": "0.12.13",
     "@scalar/draggable": "0.1.3",
-    "@scalar/oas-utils": "0.2.13",
     "@scalar/object-utils": "1.1.4",
     "@scalar/themes": "0.9.13",
+    "@scalar/use-codemirror": "0.11.6",
+    "@scalar/oas-utils": "0.2.13",
     "@scalar/use-toasts": "0.7.4",
-    "@scalar/use-tooltip": "1.0.2",
-    "@scalar/use-codemirror": "0.11.5"
+    "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.8",
@@ -139,9 +143,10 @@
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",
     "dev": "vite",
-    "dev:modal": "vite ./playground -c ./vite.config.ts",
     "lint:check": "eslint .",
     "lint:fix": "eslint .  --fix",
+    "playground:app": "vite ./playground/app -c ./vite.config.ts",
+    "playground:modal": "vite ./playground/modal -c ./vite.config.ts",
     "preview": "vite preview",
     "test": "vitest",
     "types:build": "vue-tsc -p tsconfig.build.json",