@articles-media/articles-dev-box 1.3.5 → 1.3.8
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/dist/GlobalBody.js +6 -30
- package/dist/GlobalClientModals.js +26 -4
- package/dist/PageTemplateLandingPage.js +104 -67
- package/dist/{SettingsModal-DfrM7Ai1.js → SettingsModal-Da71CVHO.js} +1 -1
- package/dist/SettingsModal.js +1 -1
- package/dist/{StatusModal-DkHAimHp.js → StatusModal-i254NkBz.js} +58 -27
- package/dist/index.js +1 -1
- package/dist/typicalZustandStoreStateSlice.js +4 -0
- package/package.json +1 -1
package/dist/GlobalBody.js
CHANGED
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Suspense, lazy, memo, useState } from "react";
|
|
2
|
+
import { t as require_classnames } from "./classnames-No-mjhw1.js";
|
|
3
|
+
import { lazy, memo } from "react";
|
|
5
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var StatusModal = lazy(() => import("./StatusModal-DkHAimHp.js"));
|
|
5
|
+
require_classnames();
|
|
6
|
+
lazy(() => import("./StatusModal-i254NkBz.js"));
|
|
9
7
|
function GlobalBody({ fontawesome = true }) {
|
|
10
|
-
const [statusModal, setStatusModal] = useState(false);
|
|
11
|
-
const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
12
|
-
const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
13
8
|
return /* @__PURE__ */ jsxs(Fragment, { children: [fontawesome && /* @__PURE__ */ jsx("link", {
|
|
14
9
|
rel: "stylesheet",
|
|
15
10
|
href: `https://cdn.articles.media/fonts/fontawesome/css/all.min.css`
|
|
16
|
-
}), process.env.NODE_ENV === "development" && /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */ jsx("style", { children: `
|
|
11
|
+
}), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("style", { children: `
|
|
18
12
|
@keyframes grow-shrink {
|
|
19
13
|
0% { transform: translateY(-50px); }
|
|
20
14
|
50% { transform: translateY(0px); }
|
|
@@ -46,25 +40,7 @@ function GlobalBody({ fontawesome = true }) {
|
|
|
46
40
|
.articles-global-body.auth-connected {
|
|
47
41
|
border-color: blue;
|
|
48
42
|
}
|
|
49
|
-
` })
|
|
50
|
-
/* @__PURE__ */ jsx("div", {
|
|
51
|
-
onClick: () => {
|
|
52
|
-
setStatusModal(true);
|
|
53
|
-
},
|
|
54
|
-
className: (0, import_classnames.default)(`articles-global-body`, {
|
|
55
|
-
"main-connected": mainSiteStatus,
|
|
56
|
-
"auth-connected": authSiteStatus
|
|
57
|
-
}),
|
|
58
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
59
|
-
className: "content",
|
|
60
|
-
children: /* @__PURE__ */ jsx("i", { className: "fas fa-thumbs-up" })
|
|
61
|
-
})
|
|
62
|
-
}),
|
|
63
|
-
statusModal && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(StatusModal, {
|
|
64
|
-
show: statusModal,
|
|
65
|
-
setShow: setStatusModal
|
|
66
|
-
}) })
|
|
67
|
-
] })] });
|
|
43
|
+
` }) })] });
|
|
68
44
|
}
|
|
69
45
|
var GlobalBody_default = memo(GlobalBody);
|
|
70
46
|
//#endregion
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
|
|
3
|
+
import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-D-D-KwEN.js";
|
|
4
4
|
import { lazy } from "react";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
//#region src/components/Global/GlobalClientModals.jsx
|
|
7
|
+
var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
|
|
7
8
|
var InfoModal = lazy(() => import("./InfoModal.js"));
|
|
8
9
|
var CreditsModal = lazy(() => import("./CreditsModal.js"));
|
|
9
10
|
var FriendsList = lazy(() => import("./FriendsList.js"));
|
|
10
11
|
var SettingsModal = lazy(() => import("./SettingsModal.js"));
|
|
11
12
|
var InviteModal = lazy(() => import("./InviteModal.js"));
|
|
13
|
+
var StatusModal = lazy(() => import("./StatusModal-i254NkBz.js"));
|
|
12
14
|
function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, useSocketStore, packageInfo, settingsModalConfig, infoModalConfig }) {
|
|
13
15
|
const showInfoModal = useStore((state) => state.showInfoModal);
|
|
14
16
|
const setShowInfoModal = useStore((state) => state.setShowInfoModal);
|
|
@@ -20,12 +22,14 @@ function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, us
|
|
|
20
22
|
const setShowFriendsModal = useStore((state) => state.setShowFriendsModal);
|
|
21
23
|
const showInviteModal = useStore((state) => state.showInviteModal);
|
|
22
24
|
const setShowInviteModal = useStore((state) => state.setShowInviteModal);
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
+
const showDevStatusModal = useStore((state) => state.showDevStatusModal);
|
|
26
|
+
const setShowDevStatusModal = useStore((state) => state.setShowDevStatusModal);
|
|
25
27
|
if (!settingsModalConfig) {
|
|
26
28
|
console.error("GlobalClientModals: settingsModalConfig is not provided!");
|
|
27
29
|
return;
|
|
28
30
|
}
|
|
31
|
+
const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
32
|
+
const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
29
33
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
30
34
|
showInfoModal && /* @__PURE__ */ jsx(InfoModal, {
|
|
31
35
|
show: showInfoModal,
|
|
@@ -56,6 +60,24 @@ function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, us
|
|
|
56
60
|
show: showInviteModal,
|
|
57
61
|
setShow: setShowInviteModal,
|
|
58
62
|
useSocketStore
|
|
63
|
+
}),
|
|
64
|
+
showDevStatusModal && /* @__PURE__ */ jsx(StatusModal, {
|
|
65
|
+
show: showDevStatusModal,
|
|
66
|
+
setShow: setShowDevStatusModal,
|
|
67
|
+
useSocketStore
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ jsx("div", {
|
|
70
|
+
onClick: () => {
|
|
71
|
+
setShowDevStatusModal(true);
|
|
72
|
+
},
|
|
73
|
+
className: (0, import_classnames.default)(`articles-global-body`, {
|
|
74
|
+
"main-connected": mainSiteStatus,
|
|
75
|
+
"auth-connected": authSiteStatus
|
|
76
|
+
}),
|
|
77
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
78
|
+
className: "content",
|
|
79
|
+
children: /* @__PURE__ */ jsx("i", { className: "fas fa-thumbs-up" })
|
|
80
|
+
})
|
|
59
81
|
})
|
|
60
82
|
] });
|
|
61
83
|
}
|
|
@@ -15,7 +15,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
|
|
|
15
15
|
const { data: userToken, error: userTokenError, isLoading: userTokenLoading, mutate: userTokenMutate } = useUserToken(process.env.NEXT_PUBLIC_GAME_PORT);
|
|
16
16
|
const { data: userDetails, error: userDetailsError, isLoading: userDetailsLoading, mutate: userDetailsMutate } = useUserDetails({ token: userToken });
|
|
17
17
|
const darkMode = useStore((state) => state.darkMode);
|
|
18
|
-
|
|
18
|
+
useStore((state) => state.lobbyDetails);
|
|
19
19
|
const landingAnimation = useStore((state) => state.landingAnimation);
|
|
20
20
|
return /* @__PURE__ */ jsxs("div", {
|
|
21
21
|
className: "landing-page dev-box-template-landing-page",
|
|
@@ -83,63 +83,13 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
|
|
|
83
83
|
children: [/* @__PURE__ */ jsx("i", { className: "fad fa-play me-2" }), "Single Player"]
|
|
84
84
|
})
|
|
85
85
|
}),
|
|
86
|
-
multiplayerConfig && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(OnlinePlayers, {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
children: [
|
|
94
|
-
/* @__PURE__ */ jsxs("div", {
|
|
95
|
-
className: "d-flex justify-content-between align-items-center w-100 mb-2",
|
|
96
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
97
|
-
className: "mb-0",
|
|
98
|
-
style: { fontSize: "0.9rem" },
|
|
99
|
-
children: /* @__PURE__ */ jsxs("b", { children: ["Server ", serverNumber] })
|
|
100
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
101
|
-
className: "mb-0",
|
|
102
|
-
children: [lobbyLookup?.players?.length || 0, "/4"]
|
|
103
|
-
})]
|
|
104
|
-
}),
|
|
105
|
-
/* @__PURE__ */ jsx("div", {
|
|
106
|
-
className: "d-flex justify-content-around w-100 mb-1",
|
|
107
|
-
children: [
|
|
108
|
-
1,
|
|
109
|
-
2,
|
|
110
|
-
3,
|
|
111
|
-
4
|
|
112
|
-
].map((player_count) => {
|
|
113
|
-
let playerLookup = false;
|
|
114
|
-
if (lobbyLookup?.players?.length >= player_count) playerLookup = true;
|
|
115
|
-
return /* @__PURE__ */ jsx("div", {
|
|
116
|
-
className: "icon",
|
|
117
|
-
style: {
|
|
118
|
-
width: "20px",
|
|
119
|
-
height: "20px",
|
|
120
|
-
...playerLookup ? { backgroundColor: "black" } : { backgroundColor: "gray" },
|
|
121
|
-
border: "1px solid black"
|
|
122
|
-
}
|
|
123
|
-
}, player_count);
|
|
124
|
-
})
|
|
125
|
-
}),
|
|
126
|
-
/* @__PURE__ */ jsx(Link, {
|
|
127
|
-
className: ``,
|
|
128
|
-
href: {
|
|
129
|
-
pathname: `/play`,
|
|
130
|
-
query: { server: serverNumber }
|
|
131
|
-
},
|
|
132
|
-
style: { ...multiplayerConfig?.comingSoon ? { pointerEvents: "none" } : {} },
|
|
133
|
-
children: /* @__PURE__ */ jsx(ArticlesButton, {
|
|
134
|
-
small: true,
|
|
135
|
-
className: "px-3",
|
|
136
|
-
disabled: multiplayerConfig?.comingSoon,
|
|
137
|
-
children: multiplayerConfig?.comingSoon ? "Coming Soon" : "Join Game"
|
|
138
|
-
})
|
|
139
|
-
})
|
|
140
|
-
]
|
|
141
|
-
}, id);
|
|
142
|
-
})
|
|
86
|
+
multiplayerConfig && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(OnlinePlayers, {
|
|
87
|
+
useStore,
|
|
88
|
+
multiplayerConfig
|
|
89
|
+
}), /* @__PURE__ */ jsx(Servers, {
|
|
90
|
+
useStore,
|
|
91
|
+
multiplayerConfig,
|
|
92
|
+
Link
|
|
143
93
|
})] }),
|
|
144
94
|
CardBodyAppendContent && CardBodyAppendContent
|
|
145
95
|
]
|
|
@@ -195,17 +145,104 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
|
|
|
195
145
|
]
|
|
196
146
|
});
|
|
197
147
|
}
|
|
198
|
-
function
|
|
148
|
+
function Servers({ useStore, multiplayerConfig, Link }) {
|
|
199
149
|
const lobbyDetails = useStore((state) => state.lobbyDetails);
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
150
|
+
useStore((state) => state.lobbyDetails.online_player_count);
|
|
151
|
+
useStore((state) => state.lobbyDetails.landing_player_count);
|
|
152
|
+
return /* @__PURE__ */ jsx("div", {
|
|
153
|
+
className: "servers",
|
|
154
|
+
children: Array.from({ length: multiplayerConfig?.defaultServers }).map((_, id) => {
|
|
155
|
+
const serverNumber = id + 1;
|
|
156
|
+
let lobbyLookup = lobbyDetails?.games?.find((lobby) => parseInt(lobby.server_id) == serverNumber);
|
|
157
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
158
|
+
className: "server",
|
|
159
|
+
children: [
|
|
160
|
+
/* @__PURE__ */ jsxs("div", {
|
|
161
|
+
className: "d-flex justify-content-between align-items-center w-100 mb-2",
|
|
162
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
163
|
+
className: "mb-0",
|
|
164
|
+
style: { fontSize: "0.9rem" },
|
|
165
|
+
children: /* @__PURE__ */ jsxs("b", { children: ["Server ", serverNumber] })
|
|
166
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
167
|
+
className: "mb-0",
|
|
168
|
+
children: [lobbyLookup?.players?.length || 0, "/4"]
|
|
169
|
+
})]
|
|
170
|
+
}),
|
|
171
|
+
/* @__PURE__ */ jsx("div", {
|
|
172
|
+
className: "d-flex justify-content-around w-100 mb-1",
|
|
173
|
+
children: [
|
|
174
|
+
1,
|
|
175
|
+
2,
|
|
176
|
+
3,
|
|
177
|
+
4
|
|
178
|
+
].map((player_count) => {
|
|
179
|
+
let playerLookup = false;
|
|
180
|
+
if (lobbyLookup?.players?.length >= player_count) playerLookup = true;
|
|
181
|
+
return /* @__PURE__ */ jsx("div", {
|
|
182
|
+
className: "icon",
|
|
183
|
+
style: {
|
|
184
|
+
width: "20px",
|
|
185
|
+
height: "20px",
|
|
186
|
+
...playerLookup ? { backgroundColor: "black" } : { backgroundColor: "gray" },
|
|
187
|
+
border: "1px solid black"
|
|
188
|
+
}
|
|
189
|
+
}, player_count);
|
|
190
|
+
})
|
|
191
|
+
}),
|
|
192
|
+
/* @__PURE__ */ jsx(Link, {
|
|
193
|
+
className: ``,
|
|
194
|
+
href: {
|
|
195
|
+
pathname: `/play`,
|
|
196
|
+
query: { server: serverNumber }
|
|
197
|
+
},
|
|
198
|
+
style: { ...multiplayerConfig?.comingSoon ? { pointerEvents: "none" } : {} },
|
|
199
|
+
children: /* @__PURE__ */ jsx(ArticlesButton, {
|
|
200
|
+
small: true,
|
|
201
|
+
className: "px-3",
|
|
202
|
+
disabled: multiplayerConfig?.comingSoon,
|
|
203
|
+
children: multiplayerConfig?.comingSoon ? "Coming Soon" : "Join Game"
|
|
204
|
+
})
|
|
205
|
+
})
|
|
206
|
+
]
|
|
207
|
+
}, id);
|
|
208
|
+
})
|
|
208
209
|
});
|
|
209
210
|
}
|
|
211
|
+
function OnlinePlayers({ useStore, multiplayerConfig }) {
|
|
212
|
+
const lobbyDetails = useStore((state) => state.lobbyDetails);
|
|
213
|
+
const landing_player_count = useStore((state) => state.lobbyDetails.landing_player_count);
|
|
214
|
+
const online_player_count = useStore((state) => state.lobbyDetails.online_player_count);
|
|
215
|
+
switch (multiplayerConfig.onlinePlayersTemplate) {
|
|
216
|
+
case "2.0": return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
|
|
217
|
+
className: "fw-bold mb-0 small text-center",
|
|
218
|
+
children: [
|
|
219
|
+
online_player_count || 0,
|
|
220
|
+
" player",
|
|
221
|
+
online_player_count !== 1 && "s",
|
|
222
|
+
" ",
|
|
223
|
+
online_player_count === 1 ? "is" : "are",
|
|
224
|
+
" online."
|
|
225
|
+
]
|
|
226
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
227
|
+
className: "d-flex justify-content-center mb-2",
|
|
228
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
229
|
+
className: "badge bg-black text-white me-1",
|
|
230
|
+
children: [landing_player_count || 0, " in lobby"]
|
|
231
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
232
|
+
className: "badge bg-black text-white",
|
|
233
|
+
children: [online_player_count - landing_player_count || 0, " in game"]
|
|
234
|
+
})]
|
|
235
|
+
})] });
|
|
236
|
+
default: return /* @__PURE__ */ jsxs("div", {
|
|
237
|
+
className: "fw-bold mb-1 small text-center",
|
|
238
|
+
children: [
|
|
239
|
+
lobbyDetails?.online_player_count || lobbyDetails?.players?.length || 0,
|
|
240
|
+
" player",
|
|
241
|
+
(lobbyDetails?.online_player_count || lobbyDetails?.players?.length !== 1) && "s",
|
|
242
|
+
" in the lobby."
|
|
243
|
+
]
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
}
|
|
210
247
|
//#endregion
|
|
211
248
|
export { PageTemplateLandingPage as default };
|
|
@@ -246,7 +246,7 @@ function OtherTab({ useStore, config }) {
|
|
|
246
246
|
var package_default = {
|
|
247
247
|
name: "@articles-media/articles-dev-box",
|
|
248
248
|
description: "Shared code, functions, and components for different Articles Media projects.",
|
|
249
|
-
version: "1.3.
|
|
249
|
+
version: "1.3.8",
|
|
250
250
|
type: "module",
|
|
251
251
|
sideEffects: false,
|
|
252
252
|
imports: { "#root/src/*": "./src/*" },
|
package/dist/SettingsModal.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SettingsModal } from "./SettingsModal-
|
|
1
|
+
import { t as SettingsModal } from "./SettingsModal-Da71CVHO.js";
|
|
2
2
|
export { SettingsModal as default };
|
|
@@ -4,7 +4,8 @@ import { useState } from "react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { Modal } from "react-bootstrap";
|
|
6
6
|
//#region src/components/Global/StatusModal.jsx
|
|
7
|
-
function StatusModal({ show, setShow }) {
|
|
7
|
+
function StatusModal({ show, setShow, useSocketStore }) {
|
|
8
|
+
const socket = useSocketStore((state) => state.socket);
|
|
8
9
|
const [showMainDetails, setShowMainDetails] = useState(false);
|
|
9
10
|
const [showAuthDetails, setShowAuthDetails] = useState(false);
|
|
10
11
|
const getStatusCode = (data, error, loading) => {
|
|
@@ -15,6 +16,12 @@ function StatusModal({ show, setShow }) {
|
|
|
15
16
|
};
|
|
16
17
|
const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" });
|
|
17
18
|
const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" });
|
|
19
|
+
function openFolder(folderName) {
|
|
20
|
+
socket.emit("open-folder", folderName, (response) => {
|
|
21
|
+
if (response.success) console.log(`Opened folder: ${folderName}`);
|
|
22
|
+
else console.error(`Failed to open folder: ${folderName}`, response.error);
|
|
23
|
+
});
|
|
24
|
+
}
|
|
18
25
|
return /* @__PURE__ */ jsxs(Modal, {
|
|
19
26
|
show,
|
|
20
27
|
size: "md",
|
|
@@ -26,19 +33,31 @@ function StatusModal({ show, setShow }) {
|
|
|
26
33
|
/* @__PURE__ */ jsxs(Modal.Body, { children: [
|
|
27
34
|
/* @__PURE__ */ jsxs("div", {
|
|
28
35
|
className: "d-flex align-items-center mb-2",
|
|
29
|
-
children: [
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
children: [
|
|
37
|
+
/* @__PURE__ */ jsxs("h5", {
|
|
38
|
+
className: "mb-0 me-2",
|
|
39
|
+
children: ["Main Site Status: ", /* @__PURE__ */ jsx("span", {
|
|
40
|
+
className: `badge ${mainSiteStatus ? "bg-success" : "bg-danger"}`,
|
|
41
|
+
children: getStatusCode(mainSiteStatus, mainSiteStatusError, mainSiteStatusLoading)
|
|
42
|
+
})]
|
|
43
|
+
}),
|
|
44
|
+
/* @__PURE__ */ jsxs(ArticlesButton, {
|
|
45
|
+
variant: "link",
|
|
46
|
+
size: "sm",
|
|
47
|
+
className: "p-0",
|
|
48
|
+
onClick: () => setShowMainDetails(!showMainDetails),
|
|
49
|
+
children: [showMainDetails ? "Hide" : "View", " More"]
|
|
50
|
+
}),
|
|
51
|
+
/* @__PURE__ */ jsx(ArticlesButton, {
|
|
52
|
+
variant: "link",
|
|
53
|
+
size: "sm",
|
|
54
|
+
className: "p-0 d-inline-block ms-2",
|
|
55
|
+
onClick: () => {
|
|
56
|
+
openFolder("articles.media");
|
|
57
|
+
},
|
|
58
|
+
children: "Open Folder"
|
|
59
|
+
})
|
|
60
|
+
]
|
|
42
61
|
}),
|
|
43
62
|
showMainDetails && /* @__PURE__ */ jsxs("pre", { children: [
|
|
44
63
|
mainSiteStatusLoading && "Loading...",
|
|
@@ -47,19 +66,31 @@ function StatusModal({ show, setShow }) {
|
|
|
47
66
|
] }),
|
|
48
67
|
/* @__PURE__ */ jsxs("div", {
|
|
49
68
|
className: "d-flex align-items-center mb-2",
|
|
50
|
-
children: [
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ jsxs("h5", {
|
|
71
|
+
className: "mb-0 me-2",
|
|
72
|
+
children: ["Auth Site Status: ", /* @__PURE__ */ jsx("span", {
|
|
73
|
+
className: `badge ${authSiteStatus ? "bg-success" : "bg-danger"}`,
|
|
74
|
+
children: getStatusCode(authSiteStatus, authSiteStatusError, authSiteStatusLoading)
|
|
75
|
+
})]
|
|
76
|
+
}),
|
|
77
|
+
/* @__PURE__ */ jsxs(ArticlesButton, {
|
|
78
|
+
variant: "link",
|
|
79
|
+
size: "sm",
|
|
80
|
+
className: "p-0",
|
|
81
|
+
onClick: () => setShowAuthDetails(!showAuthDetails),
|
|
82
|
+
children: [showAuthDetails ? "Hide" : "View", " More"]
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ jsx(ArticlesButton, {
|
|
85
|
+
variant: "link",
|
|
86
|
+
size: "sm",
|
|
87
|
+
className: "p-0 d-inline-block ms-2",
|
|
88
|
+
onClick: () => {
|
|
89
|
+
openFolder("accounts.articles.media");
|
|
90
|
+
},
|
|
91
|
+
children: "Open Folder"
|
|
92
|
+
})
|
|
93
|
+
]
|
|
63
94
|
}),
|
|
64
95
|
showAuthDetails && /* @__PURE__ */ jsxs("pre", { children: [
|
|
65
96
|
authSiteStatusLoading && "Loading...",
|
package/dist/index.js
CHANGED
|
@@ -16,7 +16,7 @@ import { t as GameScoreboard } from "./GameScoreboard-BvE_sIDW.js";
|
|
|
16
16
|
import PageTemplateLandingPage from "./PageTemplateLandingPage.js";
|
|
17
17
|
import GlobalHead from "./GlobalHead.js";
|
|
18
18
|
import GlobalBody_default from "./GlobalBody.js";
|
|
19
|
-
import { t as SettingsModal } from "./SettingsModal-
|
|
19
|
+
import { t as SettingsModal } from "./SettingsModal-Da71CVHO.js";
|
|
20
20
|
import CreditsModal from "./CreditsModal.js";
|
|
21
21
|
import InfoModal from "./InfoModal.js";
|
|
22
22
|
import DarkModeHandler from "./DarkModeHandler.js";
|
|
@@ -70,6 +70,10 @@ var typicalZustandStoreStateSlice = (set, get, generateRandomNickname) => ({
|
|
|
70
70
|
setShowInviteModal: (newValue) => {
|
|
71
71
|
set((prev) => ({ showInviteModal: newValue }));
|
|
72
72
|
},
|
|
73
|
+
showDevStatusModal: false,
|
|
74
|
+
setShowDevStatusModal: (newValue) => {
|
|
75
|
+
set((prev) => ({ showDevStatusModal: newValue }));
|
|
76
|
+
},
|
|
73
77
|
graphicsQuality: "High",
|
|
74
78
|
setGraphicsQuality: (value) => set({ graphicsQuality: value }),
|
|
75
79
|
lobbyDetails: {
|
package/package.json
CHANGED