@scalar/api-client 2.2.17 → 2.2.19

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

@@ -1,216 +1,253 @@
-import { defineComponent as ne, useId as ie, reactive as le, watch as O, onMounted as de, onBeforeUnmount as ue, computed as ce, openBlock as n, createElementBlock as v, Fragment as g, withDirectives as me, createVNode as c, unref as s, normalizeClass as f, createSlots as pe, withCtx as l, createElementVNode as i, isRef as fe, withKeys as k, withModifiers as m, createBlock as d, renderList as W, createTextVNode as I, toDisplayString as be, createCommentVNode as C, vShow as he } from "vue";
-import ve from "../../assets/rabbit.ascii.js";
-import Se from "../../assets/rabbitjump.ascii.js";
-import Re from "../../components/HttpMethod/HttpMethod.vue.js";
-import A from "../../components/ScalarAsciiArt.vue.js";
-import { useSearch as we } from "../../components/Search/useSearch.js";
-import ye from "../../components/Sidebar/SidebarButton.vue.js";
-import { useActiveEntities as ge } from "../../store/active-entities.js";
-import { createInitialRequest as ke } from "../../store/requests.js";
-import Ie from "./RequestSidebarItemMenu.vue.js";
-import { dragHandlerFactory as Ce } from "./handle-drag.js";
-import { ScalarSearchInput as qe, ScalarSearchResultList as De, ScalarSearchResultItem as $e, ScalarIcon as F, ScalarButton as Me } from "@scalar/components";
-import { LibraryIcon as xe } from "@scalar/icons";
-import { useToasts as Pe } from "@scalar/use-toasts";
-import { useRouter as Te } from "vue-router";
-import Ee from "./RequestSidebarItem.vue.js";
-import Ve from "../../components/Sidebar/Sidebar.vue.js";
-import { useWorkspace as Be } from "../../store/store.js";
-import { useSidebar as Oe } from "../../hooks/useSidebar.js";
-const We = {
-  class: "search-button-fade sticky px-3 py-2.5 top-0 z-10",
+import { defineComponent as ce, useId as me, reactive as pe, watch as A, onMounted as fe, onBeforeUnmount as be, computed as he, ref as ve, openBlock as r, createElementBlock as S, Fragment as C, withDirectives as F, createVNode as u, unref as s, normalizeClass as f, createSlots as Se, withCtx as d, createElementVNode as i, createBlock as l, createCommentVNode as b, isRef as ye, withKeys as x, withModifiers as h, vShow as K, renderList as N, createTextVNode as $, toDisplayString as Re, nextTick as ge } from "vue";
+import ke from "../../assets/rabbit.ascii.js";
+import we from "../../assets/rabbitjump.ascii.js";
+import Ie from "../../components/EnvironmentSelector/EnvironmentSelector.vue.js";
+import Ce from "../../components/HttpMethod/HttpMethod.vue.js";
+import U from "../../components/ScalarAsciiArt.vue.js";
+import { useSearch as xe } from "../../components/Search/useSearch.js";
+import $e from "../../components/Sidebar/SidebarButton.vue.js";
+import qe from "../../components/Sidebar/SidebarToggle.vue.js";
+import { useActiveEntities as De } from "../../store/active-entities.js";
+import { createInitialRequest as Me } from "../../store/requests.js";
+import Ve from "./RequestSidebarItemMenu.vue.js";
+import { dragHandlerFactory as Te } from "./handle-drag.js";
+import { ScalarIcon as q, ScalarSearchInput as Pe, ScalarSearchResultList as Ee, ScalarSearchResultItem as Be, ScalarButton as Oe } from "@scalar/components";
+import { LibraryIcon as We } from "@scalar/icons";
+import { useToasts as ze } from "@scalar/use-toasts";
+import { useRouter as Ae } from "vue-router";
+import Fe from "./RequestSidebarItem.vue.js";
+import Ke from "../../components/Sidebar/Sidebar.vue.js";
+import Ne from "./components/WorkspaceDropdown.vue.js";
+import { useLayout as Ue } from "../../hooks/useLayout.js";
+import { useWorkspace as Le } from "../../store/store.js";
+import { useSidebar as He } from "../../hooks/useSidebar.js";
+const je = { class: "flex items-center h-[48px] px-3 top-0 bg-b-1 sticky z-20" }, Ge = {
+  key: 1,
+  class: "text-c-3"
+}, Je = {
+  class: "search-button-fade sticky px-3 py-2.5 z-10 pt-0 top-[48px] focus-within:z-20",
   role: "search"
-}, Ae = {
+}, Qe = {
   key: 1,
   class: "contents"
-}, Fe = { class: "empty-sidebar-item-content px-2.5 py-2.5" }, Ke = { class: "w-[60px] h-[68px] m-auto rabbit-ascii mt-2 relative" }, nt = /* @__PURE__ */ ne({
+}, Xe = { class: "empty-sidebar-item-content px-2.5 py-2.5" }, Ye = { class: "w-[60px] h-[68px] m-auto rabbit-ascii mt-2 relative" }, gt = /* @__PURE__ */ ce({
   __name: "RequestSidebar",
   props: {
     showSidebar: { type: Boolean },
     isReadonly: { type: Boolean }
   },
-  emits: ["update:showSidebar", "newTab", "clearDrafts"],
-  setup(K, { emit: N }) {
-    const q = K, D = N, $ = Be(), {
-      activeWorkspaceCollections: u,
-      activeRequest: U,
-      activeWorkspaceRequests: S,
-      activeWorkspace: R
-    } = ge(), { findRequestParents: z, isReadOnly: H, events: b, requestMutators: M, requests: L } = $, { handleDragEnd: j, isDroppable: G } = Ce(
-      R,
-      $
-    ), { collapsedSidebarFolders: J, setCollapsedSidebarFolder: Q } = Oe(), { replace: x } = Te(), X = () => {
-      b.commandPalette.emit({
+  emits: ["update:modelValue", "update:showSidebar", "newTab", "clearDrafts"],
+  setup(L, { emit: H }) {
+    const D = L, M = H, { layout: V } = Ue();
+    console.log("layout", V);
+    const T = Le(), {
+      activeWorkspaceCollections: m,
+      activeRequest: j,
+      activeWorkspaceRequests: R,
+      activeWorkspace: g
+    } = De(), { findRequestParents: G, isReadOnly: J, events: y, requestMutators: P, requests: Q } = T, { handleDragEnd: X, isDroppable: Y } = Te(
+      g,
+      T
+    ), { collapsedSidebarFolders: Z, setCollapsedSidebarFolder: _ } = He(), { replace: E } = Ae(), ee = () => {
+      y.commandPalette.emit({
         commandName: "Import from OpenAPI/Swagger/Postman"
       });
-    }, P = ie(), { toast: Y } = Pe(), p = le({ open: !1 });
-    O(
-      U,
-      (t) => {
-        t && z(t).forEach(
-          (e) => Q(e, !0)
+    }, B = me(), { toast: te } = ze(), v = pe({ open: !1 });
+    A(
+      j,
+      (e) => {
+        e && G(e).forEach(
+          (t) => _(t, !0)
         );
       },
       { immediate: !0 }
     );
     const {
-      searchText: h,
-      searchResultsWithPlaceholderResults: w,
-      selectedSearchResult: y,
-      onSearchResultClick: Z,
-      fuseSearch: _,
-      searchInputRef: T,
-      searchResultRefs: ee,
-      navigateSearchResults: E,
-      selectSearchResult: te
-    } = we(), V = (t) => {
-      var e;
-      t && (t.toggleSidebar && D("update:showSidebar", q.showSidebar), t.focusRequestSearch && ((e = T.value) == null || e.focus()));
+      searchText: c,
+      searchResultsWithPlaceholderResults: k,
+      selectedSearchResult: w,
+      onSearchResultClick: oe,
+      fuseSearch: se,
+      searchInputRef: I,
+      searchResultRefs: ae,
+      navigateSearchResults: O,
+      selectSearchResult: re
+    } = xe(), W = (e) => {
+      var t;
+      e && (e.toggleSidebar && M("update:showSidebar", D.showSidebar), e.focusRequestSearch && ((t = I.value) == null || t.focus()));
     };
-    de(() => b.hotKeys.on(V)), ue(() => {
-      b.hotKeys.off(V);
+    fe(() => y.hotKeys.on(W)), be(() => {
+      y.hotKeys.off(W);
     });
-    const oe = (t) => {
-      if (t != null && t.documentUrl) {
-        t.watchMode = !t.watchMode;
-        const e = u.value.find(
-          (o) => o.uid === t.entity.uid
+    const ne = (e) => {
+      if (e != null && e.documentUrl) {
+        e.watchMode = !e.watchMode;
+        const t = m.value.find(
+          (o) => o.uid === e.entity.uid
         );
-        e && (e.watchMode = t.watchMode);
+        t && (t.watchMode = e.watchMode);
       }
     };
-    O(
-      () => u.value.map((t) => t.watchMode),
-      (t, e) => {
-        t.forEach((o, r) => {
-          var a;
-          if (!q.isReadonly && o !== e[r]) {
-            const ae = `${(a = u.value[r].info) == null ? void 0 : a.title}: Watch Mode ${o ? "enabled" : "disabled"}`;
-            Y(ae, "info");
+    A(
+      () => m.value.map((e) => e.watchMode),
+      (e, t) => {
+        e.forEach((o, a) => {
+          var n;
+          if (!D.isReadonly && o !== t[a]) {
+            const ue = `${(n = m.value[a].info) == null ? void 0 : n.title}: Watch Mode ${o ? "enabled" : "disabled"}`;
+            te(ue, "info");
           }
         });
       }
     );
-    const se = ce(() => {
-      var e;
-      const t = w.value[y.value];
-      return (e = t == null ? void 0 : t.item) != null && e.id ? `#search-input-${t.item.id}` : void 0;
-    }), re = () => {
-      const t = u.value.find(
+    const ie = he(() => {
+      var t;
+      const e = k.value[w.value];
+      return (t = e == null ? void 0 : e.item) != null && t.id ? `#search-input-${e.item.id}` : void 0;
+    }), le = () => {
+      const e = m.value.find(
         (o) => {
-          var r;
-          return ((r = o.info) == null ? void 0 : r.title) === "Drafts";
+          var a;
+          return ((a = o.info) == null ? void 0 : a.title) === "Drafts";
         }
       );
-      if (t && t.requests.forEach((o) => {
-        M.delete(L[o], t.uid);
-      }), S.value.length) {
-        const o = u.value[0], r = o == null ? void 0 : o.requests[0];
-        r && x(`/workspace/${R.value.uid}/request/${r}`);
+      if (e && e.requests.forEach((o) => {
+        P.delete(Q[o], e.uid);
+      }), R.value.length) {
+        const o = m.value[0], a = o == null ? void 0 : o.requests[0];
+        a && E(`/workspace/${g.value.uid}/request/${a}`);
       } else {
-        const { request: o } = ke();
-        t && (M.add(o, t.uid), x(`/workspace/${R.value.uid}/request/${o.uid}`));
+        const { request: o } = Me();
+        e && (P.add(o, e.uid), E(`/workspace/${g.value.uid}/request/${o.uid}`));
       }
+    }, p = ve(!1), de = () => {
+      p.value = !p.value, p.value || (c.value = ""), p.value && ge(() => {
+        var e;
+        (e = I.value) == null || e.focus();
+      });
     };
-    return (t, e) => (n(), v(g, null, [
-      me(c(s(Ve), {
-        class: f([t.showSidebar ? "sidebar-active-width" : ""]),
-        showSidebar: t.showSidebar,
-        "onUpdate:showSidebar": e[8] || (e[8] = (o) => t.$emit("update:showSidebar", o))
-      }, pe({
-        content: l(() => [
-          i("div", We, [
-            c(s(qe), {
+    return (e, t) => (r(), S(C, null, [
+      F(u(s(Ke), {
+        class: f([e.showSidebar ? "sidebar-active-width" : ""]),
+        showSidebar: e.showSidebar,
+        "onUpdate:showSidebar": t[10] || (t[10] = (o) => e.$emit("update:showSidebar", o))
+      }, Se({
+        content: d(() => [
+          i("div", je, [
+            u(qe, {
+              class: f(["gitbook-hidden xl:hidden", [{ "!flex": s(V) === "modal" }]]),
+              modelValue: e.showSidebar,
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => e.$emit("update:showSidebar", o))
+            }, null, 8, ["class", "modelValue"]),
+            e.isReadonly ? b("", !0) : (r(), l(s(Ne), { key: 0 })),
+            e.isReadonly ? b("", !0) : (r(), S("span", Ge, "/")),
+            e.isReadonly ? b("", !0) : (r(), l(Ie, { key: 2 })),
+            i("button", {
+              class: "ml-auto",
+              type: "button",
+              onClick: de
+            }, [
+              u(s(q), {
+                class: "text-c-3 text-sm hover:bg-b-2 p-1.75 rounded-lg max-w-8 max-h-8",
+                icon: "Search"
+              })
+            ])
+          ]),
+          F(i("div", Je, [
+            u(s(Pe), {
               ref_key: "searchInputRef",
-              ref: T,
-              modelValue: s(h),
-              "onUpdate:modelValue": e[0] || (e[0] = (o) => fe(h) ? h.value = o : null),
-              "aria-activedescendant": se.value,
-              "aria-controls": s(P),
+              ref: I,
+              modelValue: s(c),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => ye(c) ? c.value = o : null),
+              "aria-activedescendant": ie.value,
+              "aria-controls": s(B),
               sidebar: "",
-              onInput: s(_),
+              onBlur: t[2] || (t[2] = (o) => p.value = s(c).length > 0),
+              onInput: s(se),
               onKeydown: [
-                e[1] || (e[1] = k(m((o) => s(E)("down"), ["stop"]), ["down"])),
-                e[2] || (e[2] = k(m((o) => s(te)(), ["stop"]), ["enter"])),
-                e[3] || (e[3] = k(m((o) => s(E)("up"), ["stop"]), ["up"]))
+                t[3] || (t[3] = x(h((o) => s(O)("down"), ["stop"]), ["down"])),
+                t[4] || (t[4] = x(h((o) => s(re)(), ["stop"]), ["enter"])),
+                t[5] || (t[5] = x(h((o) => s(O)("up"), ["stop"]), ["up"]))
               ]
             }, null, 8, ["modelValue", "aria-activedescendant", "aria-controls", "onInput"])
+          ], 512), [
+            [K, p.value || s(c)]
           ]),
           i("div", {
             class: f(["flex flex-1 flex-col overflow-visible px-3 pb-3 pt-0", {
-              "pb-14": !t.isReadonly
+              "pb-14": !e.isReadonly
             }]),
-            onDragenter: e[6] || (e[6] = m(() => {
+            onDragenter: t[8] || (t[8] = h(() => {
             }, ["prevent"])),
-            onDragover: e[7] || (e[7] = m(() => {
+            onDragover: t[9] || (t[9] = h(() => {
             }, ["prevent"]))
           }, [
-            s(h) ? (n(), d(s(De), {
+            s(c) ? (r(), l(s(Ee), {
               key: 0,
-              id: s(P),
+              id: s(B),
               "aria-label": "Search Results",
               class: "gap-px",
-              noResults: !s(w).length
+              noResults: !s(k).length
             }, {
-              default: l(() => [
-                (n(!0), v(g, null, W(s(w), (o, r) => (n(), d(s($e), {
+              default: d(() => [
+                (r(!0), S(C, null, N(s(k), (o, a) => (r(), l(s(Be), {
                   id: `#search-input-${o.item.id}`,
                   key: o.refIndex,
                   ref_for: !0,
-                  ref: (a) => s(ee)[r] = a,
-                  active: s(y) === r,
+                  ref: (n) => s(ae)[a] = n,
+                  active: s(w) === a,
                   class: "px-2",
                   href: o.item.link,
-                  onClick: m((a) => s(Z)(o), ["prevent"]),
-                  onFocus: (a) => y.value = r
+                  onClick: h((n) => s(oe)(o), ["prevent"]),
+                  onFocus: (n) => w.value = a
                 }, {
-                  addon: l(() => [
-                    e[10] || (e[10] = i("span", { class: "sr-only" }, "HTTP Method:", -1)),
-                    c(Re, {
+                  addon: d(() => [
+                    t[12] || (t[12] = i("span", { class: "sr-only" }, "HTTP Method:", -1)),
+                    u(Ce, {
                       class: "font-bold",
                       method: o.item.httpVerb ?? "get"
                     }, null, 8, ["method"])
                   ]),
-                  default: l(() => [
-                    I(be(o.item.title) + " ", 1)
+                  default: d(() => [
+                    $(Re(o.item.title) + " ", 1)
                   ]),
                   _: 2
                 }, 1032, ["id", "active", "href", "onClick", "onFocus"]))), 128))
               ]),
               _: 1
-            }, 8, ["id", "noResults"])) : (n(), v("nav", Ae, [
-              (n(!0), v(g, null, W(s(u), (o) => {
-                var r;
-                return n(), d(Ee, {
+            }, 8, ["id", "noResults"])) : (r(), S("nav", Qe, [
+              (r(!0), S(C, null, N(s(m), (o) => {
+                var a;
+                return r(), l(Fe, {
                   key: o.uid,
-                  isDraggable: !t.isReadonly && ((r = o.info) == null ? void 0 : r.title) !== "Drafts",
-                  isDroppable: s(G),
-                  menuItem: p,
+                  isDraggable: !e.isReadonly && ((a = o.info) == null ? void 0 : a.title) !== "Drafts",
+                  isDroppable: s(Y),
+                  menuItem: v,
                   parentUids: [],
                   uid: o.uid,
-                  onNewTab: e[4] || (e[4] = (a, B) => D("newTab", { name: a, uid: B })),
-                  onOnDragEnd: s(j),
-                  onOpenMenu: e[5] || (e[5] = (a) => Object.assign(p, a))
+                  onNewTab: t[6] || (t[6] = (n, z) => M("newTab", { name: n, uid: z })),
+                  onOnDragEnd: s(X),
+                  onOpenMenu: t[7] || (t[7] = (n) => Object.assign(v, n))
                 }, {
-                  leftIcon: l(() => {
-                    var a;
+                  leftIcon: d(() => {
+                    var n;
                     return [
-                      ((a = o.info) == null ? void 0 : a.title) === "Drafts" ? (n(), d(s(F), {
+                      ((n = o.info) == null ? void 0 : n.title) === "Drafts" ? (r(), l(s(q), {
                         key: 0,
                         class: "text-sidebar-c-2 group-hover:hidden",
                         icon: "Scribble",
                         thickness: "2.25"
-                      })) : (n(), d(s(xe), {
+                      })) : (r(), l(s(We), {
                         key: 1,
                         class: "min-w-3.5 text-sidebar-c-2 size-3.5 stroke-2 group-hover:hidden",
                         src: o["x-scalar-icon"] || "interface-content-folder"
                       }, null, 8, ["src"])),
                       i("div", {
                         class: f({
-                          "rotate-90": s(J)[o.uid]
+                          "rotate-90": s(Z)[o.uid]
                         })
                       }, [
-                        c(s(F), {
+                        u(s(q), {
                           class: "text-c-3 hidden text-sm group-hover:block",
                           icon: "ChevronRight",
                           size: "md"
@@ -224,47 +261,47 @@ const We = {
             ]))
           ], 34)
         ]),
-        button: l(() => [
+        button: d(() => [
           i("div", {
             class: f({
-              "empty-sidebar-item": s(S).length <= 1
+              "empty-sidebar-item": s(R).length <= 1
             })
           }, [
-            i("div", Fe, [
-              i("div", Ke, [
-                c(A, {
-                  art: s(ve),
+            i("div", Xe, [
+              i("div", Ye, [
+                u(U, {
+                  art: s(ke),
                   class: "font-bold rabbitsit"
                 }, null, 8, ["art"]),
-                c(A, {
-                  art: s(Se),
+                u(U, {
+                  art: s(we),
                   class: "font-bold absolute top-0 left-0 rabbitjump"
                 }, null, 8, ["art"])
               ]),
-              e[11] || (e[11] = i("div", { class: "text-center text-balance text-sm mb-2 mt-2" }, [
+              t[13] || (t[13] = i("div", { class: "text-center text-balance text-sm mb-2 mt-2" }, [
                 i("b", { class: "font-medium" }, "Let's Get Started"),
                 i("p", { class: "mt-2" }, " Create request, folder, collection or import from OpenAPI/Postman ")
               ], -1))
             ]),
-            t.isReadonly ? C("", !0) : (n(), d(s(Me), {
+            e.isReadonly ? b("", !0) : (r(), l(s(Oe), {
               key: 0,
               class: f(["mb-1.5 w-full h-fit hidden opacity-0 p-1.5", {
-                "flex opacity-100": s(S).length <= 1
+                "flex opacity-100": s(R).length <= 1
               }]),
-              onClick: X
+              onClick: ee
             }, {
-              default: l(() => e[12] || (e[12] = [
-                I(" Import Collection ")
+              default: d(() => t[14] || (t[14] = [
+                $(" Import Collection ")
               ])),
               _: 1
             }, 8, ["class"])),
-            t.isReadonly ? C("", !0) : (n(), d(ye, {
+            e.isReadonly ? b("", !0) : (r(), l($e, {
               key: 1,
-              click: s(b).commandPalette.emit,
+              click: s(y).commandPalette.emit,
               hotkey: "K"
             }, {
-              title: l(() => e[13] || (e[13] = [
-                I("Add Item")
+              title: d(() => t[15] || (t[15] = [
+                $("Add Item")
               ])),
               _: 1
             }, 8, ["click"]))
@@ -272,24 +309,24 @@ const We = {
         ]),
         _: 2
       }, [
-        t.isReadonly ? void 0 : {
+        e.isReadonly ? void 0 : {
           name: "header",
-          fn: l(() => []),
+          fn: d(() => []),
           key: "0"
         }
       ]), 1032, ["class", "showSidebar"]), [
-        [he, t.showSidebar]
+        [K, e.showSidebar]
       ]),
-      !s(H) && p ? (n(), d(Ie, {
+      !s(J) && v ? (r(), l(Ve, {
         key: 0,
-        menuItem: p,
-        onClearDrafts: re,
-        onCloseMenu: e[9] || (e[9] = (o) => p.open = !1),
-        onToggleWatchMode: oe
-      }, null, 8, ["menuItem"])) : C("", !0)
+        menuItem: v,
+        onClearDrafts: le,
+        onCloseMenu: t[11] || (t[11] = (o) => v.open = !1),
+        onToggleWatchMode: ne
+      }, null, 8, ["menuItem"])) : b("", !0)
     ], 64));
   }
 });
 export {
-  nt as default
+  gt as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"names":[],"mappings":"AAoHA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;;;;;AAwPF,wBAQG"}
+{"version":3,"file":"RequestSubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"names":[],"mappings":"AAmHA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;;;;;AAmPF,wBAQG"}

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

@@ -1,7 +1,7 @@
 import e from "./RequestSubpageHeader.vue2.js";
 /* empty css                          */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-48474404"]]);
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-69d0a8c3"]]);
 export {
   p as default
 };