@scalar/api-client 2.1.34 → 2.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/dist/components/AddressBar/AddressBar.vue.d.ts.map +1 -1
- package/dist/components/AddressBar/AddressBar.vue.js +2 -2
- package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map +1 -1
- package/dist/components/CommandPalette/CommandPaletteImport.vue.js +105 -119
- package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map +1 -1
- package/dist/components/CommandPalette/TheCommandPalette.vue.js +1 -1
- package/dist/components/CommandPalette/TheCommandPalette.vue2.js +14 -14
- package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts +15 -0
- package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts.map +1 -0
- package/dist/components/CommandPalette/WatchModeToggle.vue.js +39 -0
- package/dist/components/CommandPalette/WatchModeToggle.vue2.js +4 -0
- package/dist/components/ContextBar.vue.d.ts.map +1 -1
- package/dist/components/ContextBar.vue.js +1 -1
- package/dist/components/ContextBar.vue2.js +6 -6
- package/dist/components/DataTable/DataTableInput.vue.d.ts.map +1 -1
- package/dist/components/DataTable/DataTableInput.vue.js +3 -3
- package/dist/components/DataTable/DataTableInput.vue2.js +53 -40
- package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js +1 -1
- package/dist/components/ImportCollection/DropEventListener.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/DropEventListener.vue.js +39 -33
- package/dist/components/ImportCollection/ImportCollectionListener.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/ImportCollectionListener.vue.js +22 -20
- package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts +2 -0
- package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/ImportCollectionModal.vue.js +159 -100
- package/dist/components/ImportCollection/ImportCollectionModal.vue3.js +5 -0
- package/dist/components/ImportCollection/ImportNowButton.vue.d.ts +2 -0
- package/dist/components/ImportCollection/ImportNowButton.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/ImportNowButton.vue.js +35 -31
- package/dist/components/ImportCollection/IntegrationLogo.vue.d.ts +7 -0
- package/dist/components/ImportCollection/IntegrationLogo.vue.d.ts.map +1 -0
- package/dist/components/ImportCollection/IntegrationLogo.vue.js +46 -0
- package/dist/components/ImportCollection/IntegrationLogo.vue2.js +4 -0
- package/dist/components/ImportCollection/PrefetchError.vue.d.ts +8 -0
- package/dist/components/ImportCollection/PrefetchError.vue.d.ts.map +1 -0
- package/dist/components/ImportCollection/UrlQueryParameterChecker.vue.d.ts +2 -2
- package/dist/components/ImportCollection/UrlQueryParameterChecker.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/UrlQueryParameterChecker.vue.js +7 -7
- package/dist/components/ImportCollection/WorkspaceSelector.vue.d.ts.map +1 -1
- package/dist/components/ImportCollection/WorkspaceSelector.vue.js +2 -2
- package/dist/components/ImportCollection/hooks/useUrlPrefetcher.d.ts +29 -12
- package/dist/components/ImportCollection/hooks/useUrlPrefetcher.d.ts.map +1 -1
- package/dist/components/ImportCollection/hooks/useUrlPrefetcher.js +34 -42
- package/dist/components/OpenApiClientButton.vue.d.ts +13 -0
- package/dist/components/OpenApiClientButton.vue.d.ts.map +1 -0
- package/dist/components/OpenApiClientButton.vue.js +7 -0
- package/dist/components/OpenApiClientButton.vue2.js +36 -0
- package/dist/components/SideNav/SideNav.vue.d.ts.map +1 -1
- package/dist/components/SideNav/SideNav.vue.js +2 -2
- package/dist/components/SideNav/SideNav.vue2.js +8 -8
- package/dist/components/TopNav/TopNav.vue.d.ts.map +1 -1
- package/dist/components/TopNav/TopNav.vue.js +2 -2
- package/dist/components/TopNav/TopNav.vue2.js +14 -14
- package/dist/components/ViewLayout/ViewLayoutSection.vue.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -2
- package/dist/layouts/App/MainLayout.vue.d.ts.map +1 -1
- package/dist/layouts/App/MainLayout.vue.js +4 -4
- package/dist/layouts/App/create-api-client-app.d.ts +58 -41
- package/dist/layouts/App/create-api-client-app.d.ts.map +1 -1
- package/dist/layouts/Modal/ApiClientModal.vue.d.ts.map +1 -1
- package/dist/layouts/Modal/ApiClientModal.vue.js +1 -1
- package/dist/layouts/Modal/create-api-client-modal.d.ts +116 -82
- package/dist/layouts/Modal/create-api-client-modal.d.ts.map +1 -1
- package/dist/layouts/Web/ApiClientWeb.vue.d.ts.map +1 -1
- package/dist/layouts/Web/ApiClientWeb.vue.js +42 -38
- package/dist/layouts/Web/create-api-client-web.d.ts +58 -41
- package/dist/layouts/Web/create-api-client-web.d.ts.map +1 -1
- package/dist/libs/create-client.d.ts +58 -41
- package/dist/libs/create-client.d.ts.map +1 -1
- package/dist/store/collections.d.ts +34 -24
- package/dist/store/collections.d.ts.map +1 -1
- package/dist/store/import-spec.d.ts +6 -4
- package/dist/store/import-spec.d.ts.map +1 -1
- package/dist/store/store.d.ts +116 -82
- package/dist/store/store.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/dist/views/Request/Request.vue2.js +30 -31
- package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.js +21 -21
- package/dist/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue.d.ts.map +1 -1
- package/dist/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue.js +79 -71
- package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.d.ts.map +1 -1
- package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.js +2 -2
- package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue2.js +24 -24
- package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue.d.ts.map +1 -1
- package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue.js +8 -8
- package/dist/views/Request/RequestSection/RequestSection.vue.d.ts.map +1 -1
- package/dist/views/Request/RequestSection/RequestSection.vue.js +5 -124
- package/dist/views/Request/RequestSection/RequestSection.vue2.js +126 -0
- package/dist/views/Request/RequestSidebar.vue.js +3 -3
- package/dist/views/Request/RequestSidebar.vue2.js +29 -29
- package/dist/views/Request/RequestSidebarItem.vue.js +2 -2
- package/dist/views/Request/RequestSidebarItem.vue2.js +76 -76
- package/dist/views/Request/RequestSidebarItemMenu.vue.d.ts +2 -2
- package/dist/views/Request/RequestSidebarItemMenu.vue.js +3 -3
- package/dist/views/Request/RequestSidebarItemMenu.vue2.js +47 -47
- package/dist/views/Request/RequestSubpageHeader.vue.d.ts.map +1 -1
- package/dist/views/Request/RequestSubpageHeader.vue.js +1 -1
- package/dist/views/Request/RequestSubpageHeader.vue2.js +67 -42
- package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js +1 -1
- package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.d.ts.map +1 -1
- package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.js +1 -1
- package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map +1 -1
- package/dist/views/Request/ResponseSection/ResponseSection.vue.js +5 -99
- package/dist/views/Request/ResponseSection/ResponseSection.vue2.js +104 -2
- package/dist/views/Request/components/WorkspaceDropdown.vue.js +1 -1
- package/dist/views/Request/hooks/useOpenApiWatcher.js +24 -24
- package/dist/views/Request/types/sidebar-item.d.ts +1 -1
- package/dist/views/Request/types/sidebar-item.d.ts.map +1 -1
- package/package.json +8 -8
- package/dist/components/ImportCollection/ImportCollectionModal.vue2.js +0 -4
- package/dist/views/Request/RequestSection/RequestSection.vue3.js +0 -5
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as ne, useCssVars as re, computed as c, ref as
|
|
2
|
-
import { PathId as
|
|
3
|
-
import { ScalarButton as
|
|
1
|
+
import { defineComponent as ne, useCssVars as re, computed as c, ref as le, resolveComponent as se, openBlock as p, createElementBlock as k, normalizeClass as f, unref as n, createVNode as h, withCtx as g, createBlock as v, withModifiers as R, createElementVNode as a, toDisplayString as M, createCommentVNode as b, createTextVNode as j, renderSlot as ae, Fragment as oe, renderList as de } from "vue";
|
|
2
|
+
import { PathId as ue } from "../../router.js";
|
|
3
|
+
import { ScalarButton as T, ScalarIcon as x, ScalarTooltip as pe } from "@scalar/components";
|
|
4
4
|
import { Draggable as fe } from "@scalar/draggable";
|
|
5
5
|
import { RouterLink as me } from "vue-router";
|
|
6
6
|
import ce from "../../components/HttpMethod/HttpMethod.vue.js";
|
|
7
7
|
import { useSidebar as ge } from "../../hooks/useSidebar.js";
|
|
8
8
|
import { getModifiers as ve } from "../../libs/hot-keys.js";
|
|
9
9
|
import { useWorkspace as be } from "../../store/store.js";
|
|
10
|
-
const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relative" }, ye = { class: "flex items-start" }, we = { class: "flex h-5 items-center justify-center max-w-[14px]" }, ke = { class: "flex flex-1 flex-row justify-between editable-sidebar-hover" }, Ue = { class: "relative flex h-fit" },
|
|
10
|
+
const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relative" }, ye = { class: "flex items-start" }, we = { class: "flex h-5 items-center justify-center max-w-[14px]" }, ke = { class: "flex flex-1 flex-row justify-between editable-sidebar-hover" }, Ue = { class: "relative flex h-fit" }, qe = { class: "grid gap-1.5 pointer-events-none max-w-10 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, De = { class: "flex items-center text-c-2" }, Ce = { class: "text-pretty break-all" }, Re = { key: 2 }, B = "hover:bg-sidebar-active-b indent-padding-left", je = /* @__PURE__ */ ne({
|
|
11
11
|
__name: "RequestSidebarItem",
|
|
12
12
|
props: {
|
|
13
13
|
isDraggable: { type: Boolean, default: !1 },
|
|
@@ -17,70 +17,70 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
17
17
|
menuItem: {}
|
|
18
18
|
},
|
|
19
19
|
emits: ["onDragEnd", "newTab", "openMenu"],
|
|
20
|
-
setup(
|
|
20
|
+
setup(P, { emit: V }) {
|
|
21
21
|
re((e) => ({
|
|
22
|
-
"
|
|
23
|
-
"
|
|
22
|
+
"2ec00a5e": K.value,
|
|
23
|
+
"5f4d32c0": Q.value
|
|
24
24
|
}));
|
|
25
|
-
const r =
|
|
26
|
-
activeCollection:
|
|
27
|
-
activeRequest:
|
|
28
|
-
activeRouterParams:
|
|
25
|
+
const r = P, W = V, {
|
|
26
|
+
activeCollection: A,
|
|
27
|
+
activeRequest: $,
|
|
28
|
+
activeRouterParams: F,
|
|
29
29
|
activeWorkspace: y,
|
|
30
30
|
collections: U,
|
|
31
31
|
tags: Y,
|
|
32
32
|
isReadOnly: m,
|
|
33
|
-
requests:
|
|
34
|
-
requestExamples:
|
|
35
|
-
collectionMutators:
|
|
36
|
-
tagMutators:
|
|
33
|
+
requests: I,
|
|
34
|
+
requestExamples: q,
|
|
35
|
+
collectionMutators: D,
|
|
36
|
+
tagMutators: E,
|
|
37
37
|
requestMutators: S,
|
|
38
38
|
requestExampleMutators: z,
|
|
39
39
|
router: H,
|
|
40
40
|
events: L
|
|
41
41
|
} = be(), { collapsedSidebarFolders: N, toggleSidebarFolder: G } = ge(), i = c(() => {
|
|
42
|
-
var
|
|
43
|
-
const e = U[r.uid], t = Y[r.uid],
|
|
42
|
+
var s, u;
|
|
43
|
+
const e = U[r.uid], t = Y[r.uid], l = I[r.uid], o = q[r.uid];
|
|
44
44
|
return e ? {
|
|
45
|
-
title: ((
|
|
45
|
+
title: ((s = e.info) == null ? void 0 : s.title) ?? "Unknown title",
|
|
46
46
|
entity: e,
|
|
47
47
|
resourceTitle: "Collection",
|
|
48
48
|
children: e.children,
|
|
49
49
|
icon: e["x-scalar-icon"],
|
|
50
50
|
documentUrl: e.documentUrl,
|
|
51
|
-
|
|
51
|
+
watchMode: e.watchMode,
|
|
52
52
|
warning: "This cannot be undone. You’re about to delete the collection and all folders and requests inside it.",
|
|
53
|
-
edit: (
|
|
54
|
-
|
|
53
|
+
edit: (d, w) => {
|
|
54
|
+
D.edit(e.uid, "info.title", d), w && D.edit(e.uid, "x-scalar-icon", w);
|
|
55
55
|
},
|
|
56
|
-
delete: () =>
|
|
56
|
+
delete: () => D.delete(e, y.value)
|
|
57
57
|
} : t ? {
|
|
58
58
|
title: t.name,
|
|
59
59
|
entity: t,
|
|
60
60
|
resourceTitle: "Tag",
|
|
61
61
|
children: t.children,
|
|
62
62
|
warning: "This cannot be undone. You’re about to delete the tag and all requests inside it",
|
|
63
|
-
edit: (
|
|
64
|
-
delete: () =>
|
|
65
|
-
} :
|
|
66
|
-
title:
|
|
67
|
-
link: `/workspace/${y.value.uid}/request/${
|
|
68
|
-
method:
|
|
69
|
-
entity:
|
|
63
|
+
edit: (d) => E.edit(t.uid, "name", d),
|
|
64
|
+
delete: () => E.delete(t, r.parentUids[0])
|
|
65
|
+
} : l ? {
|
|
66
|
+
title: l.summary ?? [l.method, l.path].join(" - "),
|
|
67
|
+
link: `/workspace/${y.value.uid}/request/${l.uid}`,
|
|
68
|
+
method: l.method,
|
|
69
|
+
entity: l,
|
|
70
70
|
resourceTitle: "Request",
|
|
71
71
|
warning: "This cannot be undone. You’re about to delete the request.",
|
|
72
|
-
children:
|
|
73
|
-
edit: (
|
|
74
|
-
delete: () => S.delete(
|
|
72
|
+
children: l.examples,
|
|
73
|
+
edit: (d) => S.edit(l.uid, "summary", d),
|
|
74
|
+
delete: () => S.delete(l, r.parentUids[0])
|
|
75
75
|
} : {
|
|
76
76
|
title: o.name,
|
|
77
77
|
link: `/workspace/${y.value.uid}/request/${o.requestUid}/examples/${o.uid}`,
|
|
78
|
-
method: (
|
|
78
|
+
method: (u = I[o.requestUid]) == null ? void 0 : u.method,
|
|
79
79
|
entity: o,
|
|
80
80
|
resourceTitle: "Example",
|
|
81
81
|
warning: "This cannot be undone. You’re about to delete the example from the request.",
|
|
82
82
|
children: [],
|
|
83
|
-
edit: (
|
|
83
|
+
edit: (d) => z.edit(o.uid, "name", d),
|
|
84
84
|
delete: () => z.delete(o)
|
|
85
85
|
};
|
|
86
86
|
}), J = c(
|
|
@@ -88,20 +88,20 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
88
88
|
), K = c(() => r.parentUids.length ? m.value ? `${(r.parentUids.length - 1) * 12}px` : `${r.parentUids.length * 12}px` : "12px"), Q = c(() => r.parentUids.length ? m.value ? `${(r.parentUids.length - 1) * 12}px` : `${r.parentUids.length * 12}px` : "0px"), X = c(
|
|
89
89
|
() => {
|
|
90
90
|
var e;
|
|
91
|
-
return N[r.uid] || ((e =
|
|
91
|
+
return N[r.uid] || ((e = $.value) == null ? void 0 : e.uid) === r.uid && i.value.entity.examples.length > 1;
|
|
92
92
|
}
|
|
93
93
|
), Z = c(
|
|
94
94
|
() => {
|
|
95
95
|
var e;
|
|
96
|
-
return
|
|
96
|
+
return F.value[ue.Request] === "default" && ((e = $.value) == null ? void 0 : e.uid) === r.uid;
|
|
97
97
|
}
|
|
98
|
-
),
|
|
98
|
+
), C = le(null), O = c(() => {
|
|
99
99
|
let e = 0.5, t = 0.5;
|
|
100
|
-
if (!
|
|
101
|
-
const { draggingItem:
|
|
102
|
-
return !U[
|
|
103
|
-
}), _ = (e, t) => !(y.value.isReadOnly ||
|
|
104
|
-
e && (ve(["default"]).some((
|
|
100
|
+
if (!C.value) return { ceiling: e, floor: t };
|
|
101
|
+
const { draggingItem: l } = C.value;
|
|
102
|
+
return !U[l == null ? void 0 : l.id] && i.value.entity.type === "collection" ? (e = 1, t = 0) : i.value.entity.type === "tag" && (e = 0.8, t = 0.2), { ceiling: e, floor: t };
|
|
103
|
+
}), _ = (e, t) => !(y.value.isReadOnly || q[t.id] || U[e.id]), ee = (e, t) => {
|
|
104
|
+
e && (ve(["default"]).some((s) => e[s]) ? W("newTab", t.title || "", t.entity.uid) : t.link && H.push(t.link));
|
|
105
105
|
};
|
|
106
106
|
function te() {
|
|
107
107
|
L.commandPalette.emit({
|
|
@@ -113,11 +113,11 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
113
113
|
});
|
|
114
114
|
}
|
|
115
115
|
const ie = c(() => {
|
|
116
|
-
const { uid: e,
|
|
116
|
+
const { uid: e, watchModeStatus: t } = A.value || {};
|
|
117
117
|
return e !== i.value.entity.uid ? "text-c-3" : t === "WATCHING" ? "text-c-1" : t === "ERROR" ? "text-red" : "text-c-3";
|
|
118
118
|
});
|
|
119
119
|
return (e, t) => {
|
|
120
|
-
const
|
|
120
|
+
const l = se("RequestSidebarItem", !0);
|
|
121
121
|
return p(), k("div", {
|
|
122
122
|
class: f(["relative flex flex-row", [
|
|
123
123
|
n(m) && e.parentUids.length > 1 || !n(m) && e.parentUids.length ? "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 indent-border-line-offset" : ""
|
|
@@ -126,7 +126,7 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
126
126
|
h(n(fe), {
|
|
127
127
|
id: i.value.entity.uid,
|
|
128
128
|
ref_key: "draggableRef",
|
|
129
|
-
ref:
|
|
129
|
+
ref: C,
|
|
130
130
|
ceiling: O.value.ceiling,
|
|
131
131
|
class: "flex flex-1 flex-col gap-[.5px] text-sm",
|
|
132
132
|
floor: O.value.floor,
|
|
@@ -143,17 +143,17 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
143
143
|
class: "no-underline",
|
|
144
144
|
to: i.value.link,
|
|
145
145
|
onClick: t[1] || (t[1] = R(
|
|
146
|
-
(
|
|
146
|
+
(s) => ee(s, i.value),
|
|
147
147
|
["prevent"]
|
|
148
148
|
))
|
|
149
149
|
}, {
|
|
150
|
-
default: g(({ isExactActive:
|
|
151
|
-
var
|
|
150
|
+
default: g(({ isExactActive: s }) => {
|
|
151
|
+
var u, d;
|
|
152
152
|
return [
|
|
153
153
|
a("div", {
|
|
154
154
|
class: f(["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 w-full", [
|
|
155
|
-
|
|
156
|
-
|
|
155
|
+
B,
|
|
156
|
+
s || Z.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
|
|
157
157
|
]]),
|
|
158
158
|
tabindex: "0"
|
|
159
159
|
}, [
|
|
@@ -161,13 +161,13 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
161
161
|
class: f(["line-clamp-3 font-medium w-full pl-2 word-break-break-word", {
|
|
162
162
|
"editable-sidebar-hover-item": !n(m)
|
|
163
163
|
}])
|
|
164
|
-
},
|
|
164
|
+
}, M(i.value.title), 3),
|
|
165
165
|
a("div", he, [
|
|
166
166
|
a("div", xe, [
|
|
167
|
-
n(m) ? b("", !0) : (p(), v(n(
|
|
167
|
+
n(m) ? b("", !0) : (p(), v(n(T), {
|
|
168
168
|
key: 0,
|
|
169
169
|
class: f(["px-0.5 py-0 hover:bg-b-3 hidden group-hover:flex absolute -translate-y-1/2 right-0 aspect-square inset-y-2/4 h-fit", {
|
|
170
|
-
flex: ((
|
|
170
|
+
flex: ((d = (u = e.menuItem) == null ? void 0 : u.item) == null ? void 0 : d.entity.uid) === i.value.entity.uid && e.menuItem.open
|
|
171
171
|
}]),
|
|
172
172
|
size: "sm",
|
|
173
173
|
type: "button",
|
|
@@ -192,7 +192,7 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
192
192
|
}, 8, ["class"]))
|
|
193
193
|
]),
|
|
194
194
|
a("span", ye, [
|
|
195
|
-
t[9] || (t[9] =
|
|
195
|
+
t[9] || (t[9] = j(" ")),
|
|
196
196
|
i.value.method ? (p(), v(n(ce), {
|
|
197
197
|
key: 0,
|
|
198
198
|
class: "font-bold",
|
|
@@ -206,9 +206,9 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
206
206
|
_: 1
|
|
207
207
|
}, 8, ["to"])) : !n(m) || e.parentUids.length ? (p(), k("button", {
|
|
208
208
|
key: 1,
|
|
209
|
-
class: f(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5",
|
|
209
|
+
class: f(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5", B]),
|
|
210
210
|
type: "button",
|
|
211
|
-
onClick: t[3] || (t[3] = (
|
|
211
|
+
onClick: t[3] || (t[3] = (s) => n(G)(i.value.entity.uid))
|
|
212
212
|
}, [
|
|
213
213
|
a("span", we, [
|
|
214
214
|
ae(e.$slots, "leftIcon", {}, () => [
|
|
@@ -225,28 +225,28 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
225
225
|
})
|
|
226
226
|
], 2)
|
|
227
227
|
], !0),
|
|
228
|
-
t[10] || (t[10] =
|
|
228
|
+
t[10] || (t[10] = j(" "))
|
|
229
229
|
]),
|
|
230
230
|
a("div", ke, [
|
|
231
231
|
a("span", {
|
|
232
232
|
class: f(["line-clamp-3 font-medium text-left w-full word-break-break-word", {
|
|
233
233
|
"editable-sidebar-hover-item": !n(m)
|
|
234
234
|
}])
|
|
235
|
-
},
|
|
235
|
+
}, M(i.value.title), 3),
|
|
236
236
|
a("div", Ue, [
|
|
237
|
-
!n(m) && !J.value ? (p(), v(n(
|
|
237
|
+
!n(m) && !J.value ? (p(), v(n(T), {
|
|
238
238
|
key: 0,
|
|
239
239
|
class: f(["px-0.5 py-0 hover:bg-b-3 hidden group-hover:flex absolute -translate-y-1/2 right-0 aspect-square inset-y-2/4 h-fit", {
|
|
240
240
|
flex: ((o = e.menuItem.item) == null ? void 0 : o.entity.uid) === i.value.entity.uid && e.menuItem.open,
|
|
241
|
-
"right-5": i.value.
|
|
241
|
+
"right-5": i.value.watchMode
|
|
242
242
|
}]),
|
|
243
243
|
size: "sm",
|
|
244
244
|
variant: "ghost",
|
|
245
245
|
onClick: t[2] || (t[2] = R(
|
|
246
|
-
(
|
|
246
|
+
(s) => e.$emit("openMenu", {
|
|
247
247
|
item: i.value,
|
|
248
248
|
parentUids: e.parentUids,
|
|
249
|
-
targetRef:
|
|
249
|
+
targetRef: s.currentTarget.parentNode,
|
|
250
250
|
open: !0
|
|
251
251
|
}),
|
|
252
252
|
["stop", "prevent"]
|
|
@@ -260,7 +260,7 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
260
260
|
]),
|
|
261
261
|
_: 1
|
|
262
262
|
}, 8, ["class"])) : b("", !0),
|
|
263
|
-
i.value.
|
|
263
|
+
i.value.watchMode ? (p(), v(n(pe), {
|
|
264
264
|
key: 1,
|
|
265
265
|
side: "right",
|
|
266
266
|
sideOffset: 12
|
|
@@ -274,9 +274,9 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
274
274
|
}, null, 8, ["class"])
|
|
275
275
|
]),
|
|
276
276
|
content: g(() => [
|
|
277
|
-
a("div",
|
|
278
|
-
a("div",
|
|
279
|
-
a("p",
|
|
277
|
+
a("div", qe, [
|
|
278
|
+
a("div", De, [
|
|
279
|
+
a("p", Ce, " Watching: " + M(i.value.documentUrl), 1)
|
|
280
280
|
])
|
|
281
281
|
])
|
|
282
282
|
]),
|
|
@@ -287,22 +287,22 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
287
287
|
])
|
|
288
288
|
])) : b("", !0),
|
|
289
289
|
X.value ? (p(), k("div", Re, [
|
|
290
|
-
(p(!0), k(oe, null,
|
|
291
|
-
key:
|
|
292
|
-
isDraggable: !n(
|
|
290
|
+
(p(!0), k(oe, null, de(i.value.children, (s) => (p(), v(l, {
|
|
291
|
+
key: s,
|
|
292
|
+
isDraggable: !n(q)[s],
|
|
293
293
|
isDroppable: _,
|
|
294
294
|
menuItem: e.menuItem,
|
|
295
295
|
parentUids: [...e.parentUids, e.uid],
|
|
296
|
-
uid:
|
|
297
|
-
onNewTab: t[4] || (t[4] = (
|
|
298
|
-
onOnDragEnd: t[5] || (t[5] = (...
|
|
299
|
-
onOpenMenu: t[6] || (t[6] = (
|
|
296
|
+
uid: s,
|
|
297
|
+
onNewTab: t[4] || (t[4] = (u, d) => e.$emit("newTab", u, d)),
|
|
298
|
+
onOnDragEnd: t[5] || (t[5] = (...u) => e.$emit("onDragEnd", ...u)),
|
|
299
|
+
onOpenMenu: t[6] || (t[6] = (u) => e.$emit("openMenu", u))
|
|
300
300
|
}, null, 8, ["isDraggable", "menuItem", "parentUids", "uid"]))), 128)),
|
|
301
|
-
i.value.children.length === 0 ? (p(), v(n(
|
|
301
|
+
i.value.children.length === 0 ? (p(), v(n(T), {
|
|
302
302
|
key: 0,
|
|
303
303
|
class: f(["mb-[.5px] flex gap-1.5 h-8 text-c-1 py-0 justify-start text-xs w-full hover:bg-b-2", e.parentUids.length ? "pl-9" : ""]),
|
|
304
304
|
variant: "ghost",
|
|
305
|
-
onClick: t[7] || (t[7] = (
|
|
305
|
+
onClick: t[7] || (t[7] = (s) => te())
|
|
306
306
|
}, {
|
|
307
307
|
default: g(() => [
|
|
308
308
|
h(n(x), {
|
|
@@ -324,5 +324,5 @@ const he = { class: "flex flex-row gap-1 items-center" }, xe = { class: "relativ
|
|
|
324
324
|
}
|
|
325
325
|
});
|
|
326
326
|
export {
|
|
327
|
-
|
|
327
|
+
je as default
|
|
328
328
|
};
|
|
@@ -3,12 +3,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
menuItem: SidebarMenuItem;
|
|
4
4
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
5
5
|
closeMenu: () => any;
|
|
6
|
-
|
|
6
|
+
toggleWatchMode: (item: import("../../views/Request/types/index.js").SidebarItem | undefined) => any;
|
|
7
7
|
}, string, import("vue").PublicProps, Readonly<{
|
|
8
8
|
menuItem: SidebarMenuItem;
|
|
9
9
|
}> & Readonly<{
|
|
10
10
|
onCloseMenu?: (() => any) | undefined;
|
|
11
|
-
|
|
11
|
+
onToggleWatchMode?: ((item: import("../../views/Request/types/index.js").SidebarItem | undefined) => any) | undefined;
|
|
12
12
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=RequestSidebarItemMenu.vue.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from "./RequestSidebarItemMenu.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const m = /* @__PURE__ */ t
|
|
3
|
+
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const m = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a29cdf25"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as L, ref as P, watch as K, onMounted as F, onBeforeUnmount as j, openBlock as u, createElementBlock as w, Fragment as y, createBlock as p, unref as n, withKeys as G, withCtx as r, createVNode as o, createElementVNode as k, createCommentVNode as M, createTextVNode as N, toDisplayString as H } from "vue";
|
|
2
2
|
import J from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
|
|
3
3
|
import O from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
|
|
4
4
|
import Q from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
|
|
5
5
|
import { PathId as b } from "../../router.js";
|
|
6
|
-
import { useModal as z, ScalarDropdown as X, ScalarDropdownItem as
|
|
6
|
+
import { useModal as z, ScalarDropdown as X, ScalarDropdownItem as g, ScalarIcon as v, ScalarModal as S } from "@scalar/components";
|
|
7
7
|
import { useRouter as Y } from "vue-router";
|
|
8
8
|
import { useWorkspace as Z } from "../../store/store.js";
|
|
9
|
-
const ae = /* @__PURE__ */
|
|
9
|
+
const ae = /* @__PURE__ */ L({
|
|
10
10
|
__name: "RequestSidebarItemMenu",
|
|
11
11
|
props: {
|
|
12
12
|
menuItem: {}
|
|
13
13
|
},
|
|
14
|
-
emits: ["closeMenu", "
|
|
15
|
-
setup(
|
|
16
|
-
const a =
|
|
14
|
+
emits: ["closeMenu", "toggleWatchMode"],
|
|
15
|
+
setup(q, { emit: x }) {
|
|
16
|
+
const a = q, $ = x, { replace: E } = Y(), { activeWorkspace: h, activeRouterParams: C, events: B } = Z(), d = z(), I = z(), T = () => {
|
|
17
17
|
var e;
|
|
18
|
-
return
|
|
18
|
+
return B.commandPalette.emit({
|
|
19
19
|
commandName: "Add Example",
|
|
20
20
|
metaData: {
|
|
21
21
|
itemUid: (e = a.menuItem.item) == null ? void 0 : e.entity.uid
|
|
@@ -24,55 +24,55 @@ const ae = /* @__PURE__ */ A({
|
|
|
24
24
|
}, R = (e, t) => {
|
|
25
25
|
var m;
|
|
26
26
|
(m = a.menuItem.item) == null || m.edit(e, t), d.hide();
|
|
27
|
-
},
|
|
27
|
+
}, U = () => {
|
|
28
28
|
var e, t, m;
|
|
29
|
-
(e = a.menuItem.item) == null || e.delete(),
|
|
30
|
-
}, f =
|
|
31
|
-
|
|
29
|
+
(e = a.menuItem.item) == null || e.delete(), C.value[b.Request] === ((t = a.menuItem.item) == null ? void 0 : t.entity.uid) && E(`/workspace/${h.value.uid}/request/default`), C.value[b.Examples] === ((m = a.menuItem.item) == null ? void 0 : m.entity.uid) && E(`/workspace/${h.value}/request/default`), I.hide();
|
|
30
|
+
}, f = P(null);
|
|
31
|
+
K([() => a.menuItem.open, f], async ([e]) => {
|
|
32
32
|
var t, m;
|
|
33
33
|
e && ((m = (t = f.value) == null ? void 0 : t.$parent) != null && m.$el) && f.value.$parent.$el.focus();
|
|
34
34
|
});
|
|
35
|
-
const D = () => a.menuItem.open &&
|
|
36
|
-
|
|
37
|
-
const
|
|
38
|
-
|
|
35
|
+
const D = () => a.menuItem.open && $("closeMenu");
|
|
36
|
+
F(() => window.addEventListener("click", D)), j(() => window.removeEventListener("click", D));
|
|
37
|
+
const V = () => {
|
|
38
|
+
$("toggleWatchMode", a.menuItem.item);
|
|
39
39
|
};
|
|
40
40
|
return (e, t) => {
|
|
41
41
|
var m, W;
|
|
42
|
-
return
|
|
43
|
-
e.menuItem.targetRef && e.menuItem.open ? (
|
|
42
|
+
return u(), w(y, null, [
|
|
43
|
+
e.menuItem.targetRef && e.menuItem.open ? (u(), p(n(X), {
|
|
44
44
|
key: 0,
|
|
45
45
|
static: "",
|
|
46
46
|
targetRef: e.menuItem.targetRef,
|
|
47
47
|
teleport: "",
|
|
48
48
|
onKeydown: t[2] || (t[2] = G((l) => e.$emit("closeMenu"), ["escape"]))
|
|
49
49
|
}, {
|
|
50
|
-
items:
|
|
50
|
+
items: r(() => {
|
|
51
51
|
var l, s;
|
|
52
52
|
return [
|
|
53
|
-
((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "request" ? (
|
|
53
|
+
((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "request" ? (u(), p(n(g), {
|
|
54
54
|
key: 0,
|
|
55
55
|
class: "flex gap-2",
|
|
56
|
-
onClick:
|
|
56
|
+
onClick: T
|
|
57
57
|
}, {
|
|
58
|
-
default:
|
|
58
|
+
default: r(() => [
|
|
59
59
|
o(n(v), {
|
|
60
60
|
class: "inline-flex",
|
|
61
61
|
icon: "Example",
|
|
62
62
|
size: "md",
|
|
63
63
|
thickness: "1.5"
|
|
64
64
|
}),
|
|
65
|
-
t[6] || (t[6] =
|
|
65
|
+
t[6] || (t[6] = k("span", null, "Add Example", -1))
|
|
66
66
|
]),
|
|
67
67
|
_: 1
|
|
68
|
-
})) :
|
|
69
|
-
o(n(
|
|
68
|
+
})) : M("", !0),
|
|
69
|
+
o(n(g), {
|
|
70
70
|
ref_key: "menuRef",
|
|
71
71
|
ref: f,
|
|
72
72
|
class: "flex gap-2",
|
|
73
73
|
onClick: t[0] || (t[0] = (i) => n(d).show())
|
|
74
74
|
}, {
|
|
75
|
-
default:
|
|
75
|
+
default: r(() => {
|
|
76
76
|
var i;
|
|
77
77
|
return [
|
|
78
78
|
o(n(v), {
|
|
@@ -81,10 +81,10 @@ const ae = /* @__PURE__ */ A({
|
|
|
81
81
|
size: "md",
|
|
82
82
|
thickness: "1.5"
|
|
83
83
|
}),
|
|
84
|
-
|
|
85
|
-
((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "collection" ? (
|
|
84
|
+
k("span", null, [
|
|
85
|
+
((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "collection" ? (u(), w(y, { key: 0 }, [
|
|
86
86
|
N(" Edit ")
|
|
87
|
-
], 64)) : (
|
|
87
|
+
], 64)) : (u(), w(y, { key: 1 }, [
|
|
88
88
|
N(" Rename ")
|
|
89
89
|
], 64))
|
|
90
90
|
])
|
|
@@ -92,82 +92,82 @@ const ae = /* @__PURE__ */ A({
|
|
|
92
92
|
}),
|
|
93
93
|
_: 1
|
|
94
94
|
}, 512),
|
|
95
|
-
(s = e.menuItem.item) != null && s.documentUrl ? (
|
|
95
|
+
(s = e.menuItem.item) != null && s.documentUrl ? (u(), p(n(g), {
|
|
96
96
|
key: 1,
|
|
97
97
|
ref_key: "menuRef",
|
|
98
98
|
ref: f,
|
|
99
99
|
class: "flex gap-2",
|
|
100
|
-
onClick:
|
|
100
|
+
onClick: V
|
|
101
101
|
}, {
|
|
102
|
-
default:
|
|
102
|
+
default: r(() => {
|
|
103
103
|
var i, c;
|
|
104
104
|
return [
|
|
105
105
|
o(n(v), {
|
|
106
106
|
class: "inline-flex",
|
|
107
|
-
icon: (i = e.menuItem.item) != null && i.
|
|
107
|
+
icon: (i = e.menuItem.item) != null && i.watchMode ? "Unwatch" : "Watch",
|
|
108
108
|
size: "md",
|
|
109
109
|
thickness: "1.5"
|
|
110
110
|
}, null, 8, ["icon"]),
|
|
111
|
-
|
|
111
|
+
k("span", null, H((c = e.menuItem.item) != null && c.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
|
|
112
112
|
];
|
|
113
113
|
}),
|
|
114
114
|
_: 1
|
|
115
|
-
}, 512)) :
|
|
116
|
-
o(n(
|
|
115
|
+
}, 512)) : M("", !0),
|
|
116
|
+
o(n(g), {
|
|
117
117
|
class: "flex gap-2",
|
|
118
118
|
onClick: t[1] || (t[1] = (i) => n(I).show())
|
|
119
119
|
}, {
|
|
120
|
-
default:
|
|
120
|
+
default: r(() => [
|
|
121
121
|
o(n(v), {
|
|
122
122
|
class: "inline-flex",
|
|
123
123
|
icon: "Delete",
|
|
124
124
|
size: "md",
|
|
125
125
|
thickness: "1.5"
|
|
126
126
|
}),
|
|
127
|
-
t[7] || (t[7] =
|
|
127
|
+
t[7] || (t[7] = k("span", null, "Delete", -1))
|
|
128
128
|
]),
|
|
129
129
|
_: 1
|
|
130
130
|
})
|
|
131
131
|
];
|
|
132
132
|
}),
|
|
133
133
|
_: 1
|
|
134
|
-
}, 8, ["targetRef"])) :
|
|
135
|
-
o(n(
|
|
134
|
+
}, 8, ["targetRef"])) : M("", !0),
|
|
135
|
+
o(n(S), {
|
|
136
136
|
size: "xxs",
|
|
137
137
|
state: n(I),
|
|
138
138
|
title: `Delete ${(m = e.menuItem.item) == null ? void 0 : m.resourceTitle}`
|
|
139
139
|
}, {
|
|
140
|
-
default:
|
|
140
|
+
default: r(() => {
|
|
141
141
|
var l, s;
|
|
142
142
|
return [
|
|
143
143
|
o(J, {
|
|
144
144
|
variableName: ((l = e.menuItem.item) == null ? void 0 : l.title) ?? "",
|
|
145
145
|
warningMessage: (s = e.menuItem.item) == null ? void 0 : s.warning,
|
|
146
146
|
onClose: t[3] || (t[3] = (i) => n(I).hide()),
|
|
147
|
-
onDelete:
|
|
147
|
+
onDelete: U
|
|
148
148
|
}, null, 8, ["variableName", "warningMessage"])
|
|
149
149
|
];
|
|
150
150
|
}),
|
|
151
151
|
_: 1
|
|
152
152
|
}, 8, ["state", "title"]),
|
|
153
|
-
o(n(
|
|
153
|
+
o(n(S), {
|
|
154
154
|
size: "xxs",
|
|
155
155
|
state: n(d),
|
|
156
156
|
title: `Edit ${(W = e.menuItem.item) == null ? void 0 : W.resourceTitle}`
|
|
157
157
|
}, {
|
|
158
|
-
default:
|
|
158
|
+
default: r(() => {
|
|
159
159
|
var l, s, i, c;
|
|
160
160
|
return [
|
|
161
|
-
((l = e.menuItem.item) == null ? void 0 : l.resourceTitle) === "Collection" ? (
|
|
161
|
+
((l = e.menuItem.item) == null ? void 0 : l.resourceTitle) === "Collection" ? (u(), p(O, {
|
|
162
162
|
key: 0,
|
|
163
163
|
icon: ((s = e.menuItem.item) == null ? void 0 : s.icon) || "interface-content-folder",
|
|
164
164
|
name: (i = e.menuItem.item) == null ? void 0 : i.title,
|
|
165
|
-
onClose: t[4] || (t[4] = (
|
|
165
|
+
onClose: t[4] || (t[4] = (A) => n(d).hide()),
|
|
166
166
|
onEdit: R
|
|
167
|
-
}, null, 8, ["icon", "name"])) : (
|
|
167
|
+
}, null, 8, ["icon", "name"])) : (u(), p(Q, {
|
|
168
168
|
key: 1,
|
|
169
169
|
name: ((c = e.menuItem.item) == null ? void 0 : c.title) ?? "",
|
|
170
|
-
onClose: t[5] || (t[5] = (
|
|
170
|
+
onClose: t[5] || (t[5] = (A) => n(d).hide()),
|
|
171
171
|
onEdit: R
|
|
172
172
|
}, null, 8, ["name"]))
|
|
173
173
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestSubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RequestSubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"names":[],"mappings":";gBAsGc,OAAO;gBACP,OAAO;;;;;;gBADP,OAAO;gBACP,OAAO;;;;;;AAwQrB,wBAWG"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./RequestSubpageHeader.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-98729408"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|