@scalar/api-client 2.14.0 → 2.15.0

package/dist/v2/features/app/components/AppSidebar.vue2.js

@@ -1,17 +1,20 @@
-import { defineComponent as A, mergeModels as k, computed as p, capitalize as D, useModel as f, createBlock as S, openBlock as m, unref as o, createSlots as $, withCtx as i, createVNode as l, createTextVNode as u, toDisplayString as z, createElementVNode as s, normalizeClass as E, createElementBlock as M, createCommentVNode as w } from "vue";
-import { ScalarSidebarItem as N, ScalarButton as y } from "@scalar/components";
-import { ScalarIconGlobe as V } from "@scalar/icons";
-import q from "../../../../assets/rabbit.ascii.js";
-import G from "../../../../assets/rabbitjump.ascii.js";
-import W from "../../../../components/ScalarAsciiArt.vue.js";
-import { dragHandleFactory as R } from "../../../helpers/drag-handle-factory.js";
-import j from "../../../components/sidebar/Sidebar.vue.js";
-const H = {
+import { defineComponent as T, mergeModels as w, computed as c, capitalize as x, useModel as B, ref as P, createElementBlock as C, openBlock as m, createVNode as r, createBlock as f, createCommentVNode as v, unref as i, createSlots as V, withCtx as l, createTextVNode as k, toDisplayString as q, createElementVNode as d, normalizeClass as G } from "vue";
+import { useModal as R, ScalarIconButton as j, ScalarSidebarItem as H, ScalarButton as O, ScalarModal as K } from "@scalar/components";
+import { ScalarIconDotsThree as L, ScalarIconGlobe as U } from "@scalar/icons";
+import { getParentEntry as W } from "@scalar/workspace-store/navigation";
+import F from "../../../../assets/rabbit.ascii.js";
+import J from "../../../../assets/rabbitjump.ascii.js";
+import M from "../../../../components/ScalarAsciiArt.vue.js";
+import Y from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import Q from "./ItemDecorator.vue.js";
+import { dragHandleFactory as X } from "../../../helpers/drag-handle-factory.js";
+import Z from "../../../components/sidebar/Sidebar.vue.js";
+const _ = { class: "flex" }, ee = {
   key: 0,
   class: "empty-sidebar-item-content overflow-hidden px-2.5 py-2.5"
-}, L = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, P = { class: "gap-1.5 p-2" }, Y = /* @__PURE__ */ A({
+}, te = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, ae = { class: "gap-1.5 p-2" }, ve = /* @__PURE__ */ T({
   __name: "AppSidebar",
-  props: /* @__PURE__ */ k({
+  props: /* @__PURE__ */ w({
     layout: {},
     sidebarState: {},
     isWorkspaceOpen: { type: Boolean },
@@ -28,105 +31,189 @@ const H = {
     },
     sidebarWidthModifiers: {}
   }),
-  emits: /* @__PURE__ */ k(["click:workspace", "selectItem", "select:workspace", "create:workspace"], ["update:isSidebarOpen", "update:sidebarWidth"]),
-  setup(r, { emit: B }) {
-    const n = B, g = p(() => D(r.activeWorkspace.name)), b = f(r, "isSidebarOpen"), c = f(r, "sidebarWidth"), d = p(() => r.sidebarState.items.value.length <= 1), v = p(
-      () => R({
-        store: r.store,
-        sidebarState: r.sidebarState
+  emits: /* @__PURE__ */ w(["click:workspace", "selectItem", "select:workspace", "create:workspace"], ["update:isSidebarOpen", "update:sidebarWidth"]),
+  setup(n, { emit: h }) {
+    const u = h, I = c(() => x(n.activeWorkspace.name)), S = B(n, "isSidebarOpen"), y = B(n, "sidebarWidth"), b = c(() => n.sidebarState.items.value.length <= 1), g = c(
+      () => X({
+        store: n.store,
+        sidebarState: n.sidebarState
       })
-    ), O = (t, e) => v.value.handleDragEnd(t, e), C = (t, e) => v.value.isDroppable(t, e);
-    return (t, e) => (m(), S(o(j), {
-      isSidebarOpen: b.value,
-      "onUpdate:isSidebarOpen": e[3] || (e[3] = (a) => b.value = a),
-      sidebarWidth: c.value,
-      "onUpdate:sidebarWidth": e[4] || (e[4] = (a) => c.value = a),
-      activeWorkspace: t.activeWorkspace,
-      documents: Object.values(t.store.workspace.documents),
-      eventBus: t.eventBus,
-      isDroppable: C,
-      layout: t.layout,
-      sidebarState: t.sidebarState,
-      workspaces: t.workspaces,
-      "onCreate:workspace": e[5] || (e[5] = (a) => n("create:workspace")),
-      onReorder: e[6] || (e[6] = (a, I) => O(a, I)),
-      "onSelect:workspace": e[7] || (e[7] = (a) => n("select:workspace", a)),
-      onSelectItem: e[8] || (e[8] = (a) => n("selectItem", a))
-    }, $({
-      workspaceButton: i(() => [
-        l(o(N), {
-          is: "button",
-          active: t.isWorkspaceOpen,
-          icon: o(V),
-          onClick: e[0] || (e[0] = (a) => n("click:workspace"))
-        }, {
-          default: i(() => [
-            u(z(g.value), 1)
-          ]),
-          _: 1
-        }, 8, ["active", "icon"])
-      ]),
-      _: 2
-    }, [
-      t.layout !== "modal" ? {
-        name: "footer",
-        fn: i(() => [
-          s("div", {
-            class: E({
-              "empty-sidebar-item border-t": d.value
-            })
-          }, [
-            d.value ? (m(), M("div", H, [
-              s("div", L, [
-                l(W, {
-                  art: o(q),
-                  class: "rabbitsit font-bold"
-                }, null, 8, ["art"]),
-                l(W, {
-                  art: o(G),
-                  class: "rabbitjump absolute top-0 left-0 font-bold"
-                }, null, 8, ["art"])
-              ]),
-              e[9] || (e[9] = s("div", { class: "mt-2 mb-2 text-center text-sm text-balance" }, [
-                s("b", { class: "font-medium" }, "Let's Get Started"),
-                s("p", { class: "mt-2 leading-3" }, " Create request, folder, collection or import from OpenAPI/Postman ")
-              ], -1))
-            ])) : w("", !0),
-            s("div", P, [
-              d.value ? (m(), S(o(y), {
-                key: 0,
-                class: "w-full",
-                size: "sm",
-                onClick: e[1] || (e[1] = (a) => t.eventBus.emit("ui:open:command-palette", {
-                  action: "import-from-openapi-swagger-postman-curl",
-                  payload: void 0
-                }))
-              }, {
-                default: i(() => [...e[10] || (e[10] = [
-                  u(" Import Collection ", -1)
-                ])]),
-                _: 1
-              })) : w("", !0),
-              l(o(y), {
-                class: "w-full",
-                hotkey: "K",
-                size: "sm",
-                variant: "outlined",
-                onClick: e[2] || (e[2] = (a) => t.eventBus.emit("ui:open:command-palette"))
-              }, {
-                default: i(() => [...e[11] || (e[11] = [
-                  u(" Add Item ", -1)
-                ])]),
-                _: 1
+    ), D = (t, e) => g.value.handleDragEnd(t, e), $ = (t, e) => g.value.isDroppable(t, e), o = P(null), p = R(), N = c(() => {
+      const t = o.value?.item;
+      return t?.type === "document" ? "This cannot be undone. You're about to delete the document and all tags and operations inside it." : `Are you sure you want to delete this ${t?.type ?? "item"}? This action cannot be undone.`;
+    }), z = () => {
+      const t = o.value?.item;
+      if (!t)
+        return;
+      const e = n.sidebarState.getEntryById(t.id), a = W("document", e), s = W("operation", e);
+      if (a) {
+        if (t.type === "document")
+          n.eventBus.emit("document:delete:document", { name: t.id });
+        else if (t.type === "tag")
+          n.eventBus.emit("tag:delete:tag", {
+            documentName: a.id,
+            name: t.name
+          });
+        else if (t.type === "operation") {
+          if (!s)
+            return;
+          n.eventBus.emit("operation:delete:operation", {
+            meta: {
+              method: s.method,
+              path: s.path
+            },
+            documentName: a.id
+          });
+        } else if (t.type === "example") {
+          if (!s)
+            return;
+          n.eventBus.emit("operation:delete:example", {
+            meta: {
+              method: s.method,
+              path: s.path,
+              exampleKey: t.name
+            },
+            documentName: a.id
+          });
+        }
+        p.hide(), o.value = null;
+      }
+    }, A = (t, e) => {
+      t.preventDefault(), t.stopPropagation(), o.value = {
+        item: e,
+        target: t.currentTarget,
+        isOpen: !0
+      };
+    }, E = () => {
+      o.value && (o.value.isOpen = !1);
+    };
+    return (t, e) => (m(), C("div", _, [
+      r(i(Z), {
+        isSidebarOpen: S.value,
+        "onUpdate:isSidebarOpen": e[3] || (e[3] = (a) => S.value = a),
+        sidebarWidth: y.value,
+        "onUpdate:sidebarWidth": e[4] || (e[4] = (a) => y.value = a),
+        activeWorkspace: t.activeWorkspace,
+        documents: Object.values(t.store.workspace.documents),
+        eventBus: t.eventBus,
+        isDroppable: $,
+        layout: t.layout,
+        sidebarState: t.sidebarState,
+        workspaces: t.workspaces,
+        "onCreate:workspace": e[5] || (e[5] = (a) => u("create:workspace")),
+        onReorder: e[6] || (e[6] = (a, s) => D(a, s)),
+        "onSelect:workspace": e[7] || (e[7] = (a) => u("select:workspace", a)),
+        onSelectItem: e[8] || (e[8] = (a) => u("selectItem", a))
+      }, V({
+        workspaceButton: l(() => [
+          r(i(H), {
+            is: "button",
+            active: t.isWorkspaceOpen,
+            icon: i(U),
+            onClick: e[0] || (e[0] = (a) => u("click:workspace"))
+          }, {
+            default: l(() => [
+              k(q(I.value), 1)
+            ]),
+            _: 1
+          }, 8, ["active", "icon"])
+        ]),
+        decorator: l(({ item: a }) => [
+          r(i(j), {
+            icon: i(L),
+            weight: "bold",
+            label: "More options",
+            size: "sm",
+            onClick: (s) => A(s, a)
+          }, null, 8, ["icon", "onClick"])
+        ]),
+        _: 2
+      }, [
+        t.layout !== "modal" ? {
+          name: "footer",
+          fn: l(() => [
+            d("div", {
+              class: G({
+                "empty-sidebar-item border-t": b.value
               })
-            ])
-          ], 2)
+            }, [
+              b.value ? (m(), C("div", ee, [
+                d("div", te, [
+                  r(M, {
+                    art: i(F),
+                    class: "rabbitsit font-bold"
+                  }, null, 8, ["art"]),
+                  r(M, {
+                    art: i(J),
+                    class: "rabbitjump absolute top-0 left-0 font-bold"
+                  }, null, 8, ["art"])
+                ]),
+                e[11] || (e[11] = d("div", { class: "mt-2 mb-2 text-center text-sm text-balance" }, [
+                  d("b", { class: "font-medium" }, "Let's Get Started"),
+                  d("p", { class: "mt-2 leading-3" }, " Create request, folder, collection or import from OpenAPI/Postman ")
+                ], -1))
+              ])) : v("", !0),
+              d("div", ae, [
+                b.value ? (m(), f(i(O), {
+                  key: 0,
+                  class: "w-full",
+                  size: "sm",
+                  onClick: e[1] || (e[1] = (a) => t.eventBus.emit("ui:open:command-palette", {
+                    action: "import-from-openapi-swagger-postman-curl",
+                    payload: void 0
+                  }))
+                }, {
+                  default: l(() => [...e[12] || (e[12] = [
+                    k(" Import Collection ", -1)
+                  ])]),
+                  _: 1
+                })) : v("", !0),
+                r(i(O), {
+                  class: "w-full",
+                  hotkey: "K",
+                  size: "sm",
+                  variant: "outlined",
+                  onClick: e[2] || (e[2] = (a) => t.eventBus.emit("ui:open:command-palette"))
+                }, {
+                  default: l(() => [...e[13] || (e[13] = [
+                    k(" Add Item ", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["isSidebarOpen", "sidebarWidth", "activeWorkspace", "documents", "eventBus", "layout", "sidebarState", "workspaces"]),
+      o.value && o.value.isOpen ? (m(), f(Q, {
+        key: 0,
+        eventBus: t.eventBus,
+        item: o.value.item,
+        sidebarState: t.sidebarState,
+        target: o.value.target,
+        onCloseMenu: E,
+        onShowDeleteModal: e[9] || (e[9] = (a) => i(p).show())
+      }, null, 8, ["eventBus", "item", "sidebarState", "target"])) : v("", !0),
+      o.value ? (m(), f(i(K), {
+        key: 1,
+        size: "xxs",
+        state: i(p),
+        title: `Delete ${o.value.item.title}`
+      }, {
+        default: l(() => [
+          r(Y, {
+            variableName: o.value.item.title,
+            warningMessage: N.value,
+            onClose: e[10] || (e[10] = (a) => i(p).hide()),
+            onDelete: z
+          }, null, 8, ["variableName", "warningMessage"])
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["isSidebarOpen", "sidebarWidth", "activeWorkspace", "documents", "eventBus", "layout", "sidebarState", "workspaces"]));
+        _: 1
+      }, 8, ["state", "title"])) : v("", !0)
+    ]));
   }
 });
 export {
-  Y as default
+  ve as default
 };

package/dist/v2/features/app/components/ItemDecorator.vue.d.ts

@@ -0,0 +1,22 @@
+import type { SidebarState } from '@scalar/sidebar';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+type __VLS_Props = {
+    /** The item to display the decorator for */
+    item: TraversedEntry;
+    /** The event bus to emit events to */
+    eventBus: WorkspaceEventBus;
+    /** The sidebar state to get the parent entry from */
+    sidebarState: SidebarState<TraversedEntry>;
+    /** The target to position the dropdown relative to */
+    target: HTMLElement;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    closeMenu: () => any;
+    showDeleteModal: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCloseMenu?: (() => any) | undefined;
+    onShowDeleteModal?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ItemDecorator.vue.d.ts.map

package/dist/v2/features/app/components/ItemDecorator.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemDecorator.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/ItemDecorator.vue"],"names":[],"mappings":"AAkLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAIhF,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,IAAI,EAAE,cAAc,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,qDAAqD;IACrD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,sDAAsD;IACtD,MAAM,EAAE,WAAW,CAAA;CACpB,CAAC;;;;;;;;AAsVF,wBAOG"}

package/dist/v2/features/app/components/ItemDecorator.vue.js

@@ -0,0 +1,138 @@
+import { defineComponent as M, ref as p, createBlock as d, openBlock as i, unref as n, withCtx as o, createVNode as l, withKeys as S, createCommentVNode as r, createElementVNode as c, createTextVNode as s } from "vue";
+import { ScalarFloating as E, ScalarDropdownMenu as $, ScalarDropdownButton as y, ScalarIcon as f, ScalarDropdownDivider as b } from "@scalar/components";
+import { getParentEntry as w } from "@scalar/workspace-store/navigation";
+import { onClickOutside as z } from "@vueuse/core";
+const N = { class: "flex items-center gap-2" }, O = { class: "flex items-center gap-2" }, T = { class: "flex items-center gap-2" }, V = { class: "text-red flex items-center gap-2" }, W = /* @__PURE__ */ M({
+  __name: "ItemDecorator",
+  props: {
+    item: {},
+    eventBus: {},
+    sidebarState: {},
+    target: {}
+  },
+  emits: ["closeMenu", "showDeleteModal"],
+  setup(e, { emit: B }) {
+    const u = B, g = p(null);
+    z(e.target, () => u("closeMenu"), {
+      ignore: [g]
+    });
+    const v = () => e.item.type === "document" || e.item.type === "tag", k = () => e.item.type === "document", x = () => e.item.type === "operation", A = () => e.item.type === "document" && e.item.id !== "drafts" || e.item.type === "tag" || e.item.type === "operation" || e.item.type === "example", D = () => {
+      if (e.item.type === "document" && e.eventBus.emit("ui:open:command-palette", {
+        action: "create-request",
+        payload: {
+          documentId: e.item.id
+        }
+      }), e.item.type === "tag") {
+        const a = e.sidebarState.getEntryById(e.item.id);
+        e.eventBus.emit("ui:open:command-palette", {
+          action: "create-request",
+          payload: {
+            documentId: w("document", a)?.id,
+            tagId: e.item.name
+          }
+        });
+      }
+    }, I = () => {
+      e.item.type === "document" && e.eventBus.emit("ui:open:command-palette", {
+        action: "add-tag",
+        payload: {
+          documentId: e.item.id
+        }
+      });
+    }, C = () => {
+      if (e.item.type === "operation") {
+        const a = e.sidebarState.getEntryById(e.item.id);
+        e.eventBus.emit("ui:open:command-palette", {
+          action: "add-example",
+          payload: {
+            documentId: w("document", a)?.id,
+            operationId: e.item.id
+          }
+        });
+      }
+    };
+    return (a, t) => (i(), d(n(E), {
+      placement: "bottom-end",
+      target: a.target,
+      teleport: ""
+    }, {
+      floating: o(() => [
+        l(n($), {
+          ref_key: "dropdownMenuRef",
+          ref: g,
+          onClick: t[4] || (t[4] = (m) => u("closeMenu")),
+          onKeydown: t[5] || (t[5] = S((m) => u("closeMenu"), ["escape"]))
+        }, {
+          default: o(() => [
+            v() ? (i(), d(n(y), {
+              key: 0,
+              onClick: t[0] || (t[0] = (m) => D())
+            }, {
+              default: o(() => [
+                c("div", N, [
+                  l(n(f), {
+                    icon: "Add",
+                    size: "sm"
+                  }),
+                  t[6] || (t[6] = s(" Add Operation ", -1))
+                ])
+              ]),
+              _: 1
+            })) : r("", !0),
+            k() ? (i(), d(n(y), {
+              key: 1,
+              onClick: t[1] || (t[1] = (m) => I())
+            }, {
+              default: o(() => [
+                c("div", O, [
+                  l(n(f), {
+                    icon: "Add",
+                    size: "sm"
+                  }),
+                  t[7] || (t[7] = s(" Add Tag ", -1))
+                ])
+              ]),
+              _: 1
+            })) : r("", !0),
+            x() ? (i(), d(n(y), {
+              key: 2,
+              onClick: t[2] || (t[2] = (m) => C())
+            }, {
+              default: o(() => [
+                c("div", T, [
+                  l(n(f), {
+                    icon: "Add",
+                    size: "sm"
+                  }),
+                  t[8] || (t[8] = s(" Add Example ", -1))
+                ])
+              ]),
+              _: 1
+            })) : r("", !0),
+            (x() || v() || k()) && A() ? (i(), d(n(b), { key: 3 })) : r("", !0),
+            A() ? (i(), d(n(y), {
+              key: 4,
+              onClick: t[3] || (t[3] = (m) => u("showDeleteModal"))
+            }, {
+              default: o(() => [
+                c("div", V, [
+                  l(n(f), {
+                    icon: "Delete",
+                    size: "sm"
+                  }),
+                  t[9] || (t[9] = s(" Delete ", -1))
+                ])
+              ]),
+              _: 1
+            })) : r("", !0)
+          ]),
+          _: 1
+        }, 512)
+      ]),
+      _: 1
+    }, 8, ["target"]));
+  }
+});
+export {
+  W as default
+};

package/dist/v2/features/app/components/ItemDecorator.vue2.js

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

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts

@@ -16,12 +16,20 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 declare const _default: import("vue").DefineComponent<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Document id to create the example for */
+    documentId?: string;
+    /** Preselected path and method to create the example for */
+    operationId?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     back: (keyboardEvent: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Document id to create the example for */
+    documentId?: string;
+    /** Preselected path and method to create the example for */
+    operationId?: string;
 }> & Readonly<{
     onClose?: (() => any) | undefined;
     onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAoRA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAcpE;;;;;;;;;;;;;GAaG;;IAGD,iEAAiE;oBACjD,cAAc;;;;;IAD9B,iEAAiE;oBACjD,cAAc;;;;;AAHhC,wBAubC"}
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAoSA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAcpE;;;;;;;;;;;;;GAaG;;IAGD,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;;IALpB,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;;AAPtB,wBAucC"}