@articles-media/articles-dev-box 1.0.30 → 1.0.32

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.
Files changed (51) hide show
  1. package/README.md +11 -3
  2. package/dist/Ad-BsG4C_lR.js +668 -0
  3. package/dist/Ad.js +2 -2
  4. package/dist/AdConfirmExitModal-heFPJNdX.js +55 -0
  5. package/dist/AdDetailsModal-D2-4lh9e.js +107 -0
  6. package/dist/ArticlesAd.js +15 -10
  7. package/dist/Button-DvEZjsVV.js +32 -0
  8. package/dist/CreditsModal.js +54 -34
  9. package/dist/DarkModeHandler.js +21 -13
  10. package/dist/FriendsList.js +49 -47
  11. package/dist/GameMenu-BD1HSDJ-.js +84 -0
  12. package/dist/GameMenu.js +2 -0
  13. package/dist/GameScoreboard-DVoXXDnM.js +174 -0
  14. package/dist/GameScoreboard.js +2 -2
  15. package/dist/GlobalBody.js +58 -23
  16. package/dist/GlobalHead.js +5 -5
  17. package/dist/Link-CguWJy6y.js +16 -0
  18. package/dist/ReturnToLauncherButton.js +26 -22
  19. package/dist/SessionButton.js +62 -38
  20. package/dist/SettingsModal-yU_TsVYh.js +430 -0
  21. package/dist/SettingsModal.js +2 -2
  22. package/dist/SignInButton.js +21 -17
  23. package/dist/SocketServerUrlHandler.js +14 -10
  24. package/dist/StatusModal-BXRbJQ10.js +84 -0
  25. package/dist/ToontownModeHandler.js +13 -10
  26. package/dist/ViewUserModal-Dgo1C4sR.js +1798 -0
  27. package/dist/ViewUserModal.js +2 -2
  28. package/dist/articles-dev-box.css +498 -2
  29. package/dist/classnames-No-mjhw1.js +66 -0
  30. package/dist/index.js +23 -22
  31. package/dist/numberWithCommas-B0B9bjWC.js +2198 -0
  32. package/dist/typicalZustandStoreExcludes.js +4 -3
  33. package/dist/typicalZustandStoreStateSlice.js +57 -46
  34. package/dist/useAuthSiteStatus-ZK1GbPBV.js +34 -0
  35. package/dist/useFullscreen.js +38 -18
  36. package/dist/useUserDetails.js +17 -16
  37. package/dist/useUserFriends.js +23 -21
  38. package/dist/useUserToken.js +12 -11
  39. package/package.json +2 -1
  40. package/dist/Ad-CFuDgQYL.js +0 -504
  41. package/dist/AdConfirmExitModal-skW9lp88.js +0 -55
  42. package/dist/AdDetailsModal-CdTR2Y9l.js +0 -107
  43. package/dist/Button-sSB4xpOw.js +0 -31
  44. package/dist/GameScoreboard-9GYlLx72.js +0 -165
  45. package/dist/Link-8nSDV4sI.js +0 -16
  46. package/dist/SettingsModal-gPPyBi4S.js +0 -302
  47. package/dist/StatusModal-PG3i9NKf.js +0 -75
  48. package/dist/ViewUserModal-C5gjfuJ5.js +0 -1549
  49. package/dist/classnames-DCsil9eG.js +0 -39
  50. package/dist/numberWithCommas-DSRplpBy.js +0 -1170
  51. package/dist/useAuthSiteStatus-Cj9IjMj7.js +0 -29
@@ -1,165 +0,0 @@
1
- import { t as e } from "./Button-sSB4xpOw.js";
2
- import { t } from "./ViewUserModal-C5gjfuJ5.js";
3
- import { useEffect as n, useState as r } from "react";
4
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
5
- import o from "swr";
6
- import s from "react-bootstrap/Modal";
7
- //#region src/components/UI/ArticlesSwitch.jsx
8
- function c({ setChecked: e, checked: t, readOnly: n }) {
9
- return /* @__PURE__ */ a("label", {
10
- className: `articles-switch mb-0 ${t && "checked"}`,
11
- children: [/* @__PURE__ */ i("input", {
12
- type: "checkbox",
13
- readOnly: !!n,
14
- checked: t,
15
- onChange: () => {}
16
- }), /* @__PURE__ */ i("span", {
17
- onClick: (n) => {
18
- if (e) {
19
- e(!t);
20
- return;
21
- } else {
22
- n.preventDefault();
23
- return;
24
- }
25
- },
26
- className: "slider"
27
- })]
28
- });
29
- }
30
- //#endregion
31
- //#region src/hooks/Games/useGameScoreboard.js
32
- var l = async (e) => {
33
- if (process.env.NODE_ENV === "development") try {
34
- let t = new URLSearchParams({ game: e.game }).toString();
35
- return await (await fetch(`http://localhost:3001/api/community/games/scoreboard?${t}`)).json();
36
- } catch {}
37
- let t = new URLSearchParams({ game: e.game }).toString();
38
- return fetch(`${e.url}?${t}`).then((e) => e.json());
39
- }, u = {
40
- dedupingInterval: 1e3 * 60 * 30,
41
- errorRetryInterval: 1e3 * 60 * 5,
42
- refreshInterval: 0,
43
- revalidateOnFocus: !1,
44
- revalidateIfStale: !1,
45
- shouldRetryOnError: !1
46
- }, d = (e) => {
47
- let { data: t, error: n, isLoading: r, isValidating: i, mutate: a } = o(e?.game ? {
48
- url: "https://articles.media/api/community/games/scoreboard",
49
- game: e.game
50
- } : null, l, u);
51
- return {
52
- data: t,
53
- error: n,
54
- isLoading: r,
55
- isValidating: i,
56
- mutate: a
57
- };
58
- };
59
- //#endregion
60
- //#region src/components/Games/GameScoreboard.jsx
61
- function f({ game: o, metric: l, reloadScoreboard: u, setReloadScoreboard: f, prepend: p, append: m }) {
62
- let [h, g] = r(!1), [_, v] = r(!1), { data: y, isLoading: b, mutate: x } = d({ game: o });
63
- return n(() => {}, []), n(() => {
64
- u && (f(!1), x());
65
- }, [u]), /* @__PURE__ */ a("div", {
66
- className: "scoreboard",
67
- children: [
68
- /* @__PURE__ */ a(s, {
69
- show: h,
70
- size: "md",
71
- className: "articles-modal",
72
- centered: !0,
73
- onHide: () => g(!1),
74
- children: [
75
- /* @__PURE__ */ i(s.Header, { children: /* @__PURE__ */ i(s.Title, { children: "Scoreboard Settings" }) }),
76
- /* @__PURE__ */ i(s.Body, { children: /* @__PURE__ */ a("div", {
77
- className: "d-flex justify-content-between align-items-center",
78
- onClick: () => v(!_),
79
- children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ i("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ i(c, { checked: _ })]
80
- }) }),
81
- /* @__PURE__ */ i(s.Footer, {
82
- className: "justify-content-between",
83
- children: /* @__PURE__ */ i(e, {
84
- variant: "articles",
85
- onClick: () => {
86
- g(!1);
87
- },
88
- children: "Close"
89
- })
90
- })
91
- ]
92
- }),
93
- /* @__PURE__ */ i("div", {
94
- className: "prepend-container",
95
- children: p
96
- }),
97
- /* @__PURE__ */ a("div", {
98
- className: "card card-articles card-sm mb-3 mb-lg-0",
99
- children: [
100
- /* @__PURE__ */ a("div", {
101
- className: "card-header d-flex justify-content-between align-items-center",
102
- children: [/* @__PURE__ */ a("span", { children: [o, " Scoreboard"] }), /* @__PURE__ */ i(e, {
103
- onClick: () => {
104
- x();
105
- },
106
- small: !0,
107
- children: /* @__PURE__ */ i("i", { className: "fad fa-redo me-0" })
108
- })]
109
- }),
110
- /* @__PURE__ */ a("div", {
111
- className: "card-body p-0",
112
- children: [(y?.length || 0) == 0 && /* @__PURE__ */ i("div", {
113
- className: "small p-2",
114
- children: "No scores yet"
115
- }), y?.length > 0 && y?.map((e, n) => /* @__PURE__ */ a("div", {
116
- className: "result d-flex flex-column justify-content-between border-bottom p-2",
117
- children: [/* @__PURE__ */ a("div", {
118
- className: "d-flex justify-content-between lh-sm",
119
- children: [/* @__PURE__ */ a("div", {
120
- className: "d-flex",
121
- children: [/* @__PURE__ */ i("h5", {
122
- className: "mb-0 me-3",
123
- children: n + 1
124
- }), /* @__PURE__ */ i("div", {
125
- className: "lh-sm",
126
- children: /* @__PURE__ */ i(t, {
127
- populated_user: e.populated_user,
128
- user_id: e.user_id
129
- })
130
- })]
131
- }), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h5", {
132
- className: "mb-0",
133
- children: e.score || e.total
134
- }) })]
135
- }), e.last_play && e.public_last_play && /* @__PURE__ */ a("small", {
136
- className: "mt-1",
137
- style: { fontSize: "0.75rem" },
138
- children: ["Played: ", format(new Date(e.last_play), "MM/d/yy hh:mmaa")]
139
- })]
140
- }, e._id))]
141
- }),
142
- /* @__PURE__ */ a("div", {
143
- className: "card-footer d-flex justify-content-between align-items-center",
144
- children: [/* @__PURE__ */ i("div", {
145
- className: "small",
146
- children: "Play to get on the board!"
147
- }), /* @__PURE__ */ i(e, {
148
- small: !0,
149
- onClick: () => {
150
- g(!0);
151
- },
152
- children: /* @__PURE__ */ i("i", { className: "fad fa-cog me-0" })
153
- })]
154
- })
155
- ]
156
- }),
157
- /* @__PURE__ */ i("div", {
158
- className: "append-container",
159
- children: m
160
- })
161
- ]
162
- });
163
- }
164
- //#endregion
165
- export { f as t };
@@ -1,16 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- //#region src/components/UI/Link.jsx
3
- function t(t) {
4
- let { href: n, children: r, newPage: i, ...a } = t;
5
- return /* @__PURE__ */ e("a", {
6
- href: n,
7
- ...a,
8
- ...i && {
9
- target: "_blank",
10
- rel: "noopener noreferrer"
11
- },
12
- children: r
13
- });
14
- }
15
- //#endregion
16
- export { t };
@@ -1,302 +0,0 @@
1
- import { t as e } from "./Button-sSB4xpOw.js";
2
- import { useState as t } from "react";
3
- import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
- import { Form as a, Modal as o } from "react-bootstrap";
5
- //#region src/components/Games/Settings/GraphicsTab.jsx
6
- function s({ useStore: t, config: a }) {
7
- let o = t((e) => e?.darkMode), s = t((e) => e?.setDarkMode), c = t((e) => e?.graphicsQuality), l = t((e) => e?.setGraphicsQuality), u = t((e) => e?.landingAnimation), d = t((e) => e?.setLandingAnimation);
8
- return /* @__PURE__ */ i(n, { children: [
9
- /* @__PURE__ */ r("div", { children: "Dark Mode" }),
10
- /* @__PURE__ */ r("div", {
11
- className: "mb-3",
12
- children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
13
- active: o === t,
14
- onClick: () => {
15
- s(t);
16
- },
17
- children: t ? "On" : "Off"
18
- }, n))
19
- }),
20
- /* @__PURE__ */ r("div", { children: "Graphics Quality" }),
21
- /* @__PURE__ */ r("div", {
22
- className: "mb-3",
23
- children: [
24
- "Low",
25
- "Medium",
26
- "High"
27
- ].map((t) => /* @__PURE__ */ r(e, {
28
- active: c === t,
29
- onClick: () => {
30
- l(t);
31
- },
32
- children: t
33
- }, t))
34
- }),
35
- /* @__PURE__ */ r("div", { children: "Landing Animation" }),
36
- /* @__PURE__ */ i("div", {
37
- className: "mb-3",
38
- children: [/* @__PURE__ */ r(e, {
39
- active: u === !1,
40
- onClick: () => {
41
- d(!1);
42
- },
43
- children: "Disabled"
44
- }), /* @__PURE__ */ r(e, {
45
- active: u === !0,
46
- onClick: () => {
47
- d(!0);
48
- },
49
- children: "Enabled"
50
- })]
51
- }),
52
- a?.tabs?.Graphics?.children
53
- ] });
54
- }
55
- //#endregion
56
- //#region src/components/Games/Settings/AudioTab.jsx
57
- function c({ useAudioStore: t, config: o }) {
58
- let s = t((e) => e?.audioSettings), c = t((e) => e?.setAudioSettings);
59
- return /* @__PURE__ */ i(n, { children: [
60
- /* @__PURE__ */ r("div", { children: "Sound" }),
61
- /* @__PURE__ */ i("div", {
62
- className: "mb-3",
63
- children: [/* @__PURE__ */ r(e, {
64
- active: !s?.enabled,
65
- onClick: () => {
66
- c({
67
- ...s,
68
- enabled: !1
69
- });
70
- },
71
- children: "Disabled"
72
- }), /* @__PURE__ */ r(e, {
73
- active: s?.enabled,
74
- onClick: () => {
75
- c({
76
- ...s,
77
- enabled: !0
78
- });
79
- },
80
- children: "Enabled"
81
- })]
82
- }),
83
- o?.tabs?.Audio?.sliders?.map((e) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(a.Label, {
84
- className: "mb-0",
85
- children: e.label
86
- }), /* @__PURE__ */ r(a.Range, {
87
- value: s?.[e.key],
88
- onChange: (t) => {
89
- c({
90
- ...s,
91
- [e.key]: t.target.value
92
- });
93
- }
94
- })] }, e.key))
95
- ] });
96
- }
97
- //#endregion
98
- //#region src/components/Games/Settings/MultiplayerTab.jsx
99
- function l({ useStore: e, config: t }) {
100
- return /* @__PURE__ */ r("div", {
101
- className: "",
102
- children: e && /* @__PURE__ */ r(u, { useStore: e })
103
- });
104
- }
105
- function u({ useStore: t }) {
106
- let n = t((e) => e.serverUrl), o = t((e) => e.setServerUrl), s = t((e) => e.connected), c = t((e) => e.connectSocket), l = t((e) => e.disconnectSocket);
107
- return /* @__PURE__ */ i("div", { children: [
108
- /* @__PURE__ */ i(a.Label, {
109
- className: "mb-0",
110
- children: [/* @__PURE__ */ i("div", { children: ["Status: ", /* @__PURE__ */ r("span", {
111
- className: `badge ${s ? "bg-success" : "bg-danger"}`,
112
- children: s ? "Online" : "Offline"
113
- })] }), "Socket Server Host"]
114
- }),
115
- /* @__PURE__ */ r(a.Control, {
116
- type: "text",
117
- value: n,
118
- onChange: (e) => o(e.target.value)
119
- }),
120
- /* @__PURE__ */ r(a.Label, {
121
- className: "mb-0",
122
- children: "Edit this to connect to a different multiplayer host!"
123
- }),
124
- /* @__PURE__ */ r("div", {
125
- className: "mt-3",
126
- children: s ? /* @__PURE__ */ r(e, {
127
- className: "",
128
- onClick: () => {
129
- l();
130
- },
131
- children: "Disconnect"
132
- }) : /* @__PURE__ */ r(e, {
133
- className: "",
134
- onClick: () => {
135
- c();
136
- },
137
- children: "Connect"
138
- })
139
- })
140
- ] });
141
- }
142
- //#endregion
143
- //#region src/components/Games/Settings/ControlsTab.jsx
144
- function d({ useTouchControlsStore: e }) {
145
- return /* @__PURE__ */ r("div", {
146
- className: "",
147
- children: e && /* @__PURE__ */ r(f, { useTouchControlsStore: e })
148
- });
149
- }
150
- function f({ useTouchControlsStore: t }) {
151
- let n = t((e) => e?.enabled), a = t((e) => e?.setEnabled);
152
- return /* @__PURE__ */ i("div", {
153
- className: "mb-3",
154
- children: [
155
- /* @__PURE__ */ r("div", { children: "Touch Controls" }),
156
- /* @__PURE__ */ r("div", {
157
- className: "small mb-1",
158
- children: "Adds on screen controls for touch devices."
159
- }),
160
- /* @__PURE__ */ r("div", {
161
- className: "mb-3",
162
- children: [!1, !0].map((t, i) => /* @__PURE__ */ r(e, {
163
- active: n === t,
164
- onClick: () => {
165
- a(t);
166
- },
167
- children: t ? "On" : "Off"
168
- }, i))
169
- })
170
- ]
171
- });
172
- }
173
- //#endregion
174
- //#region src/components/Games/Settings/OtherTab.jsx
175
- function p({ useStore: t, config: a, children: o }) {
176
- let s = t((e) => e?.debug), c = t((e) => e?.setDebug), l = t((e) => e?.toontownMode), u = t((e) => e?.setToontownMode);
177
- return /* @__PURE__ */ i(n, { children: [
178
- /* @__PURE__ */ r("div", { children: "Debug Mode" }),
179
- /* @__PURE__ */ r("div", {
180
- className: "mb-3",
181
- children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
182
- active: s === t,
183
- onClick: () => {
184
- c(t);
185
- },
186
- children: t ? "On" : "Off"
187
- }, n))
188
- }),
189
- a?.tabs?.Other?.toontownMode && /* @__PURE__ */ i(n, { children: [
190
- /* @__PURE__ */ r("div", { children: "Toontown Mode" }),
191
- /* @__PURE__ */ r("div", {
192
- className: "small mb-1",
193
- children: "Mimics Toontown Online graphics."
194
- }),
195
- /* @__PURE__ */ r("div", {
196
- className: "mb-3",
197
- children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
198
- active: l === t,
199
- onClick: () => {
200
- u(t);
201
- },
202
- children: t ? "On" : "Off"
203
- }, n))
204
- })
205
- ] }),
206
- o && /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
207
- className: "mb-3",
208
- children: "Other Settings"
209
- }), /* @__PURE__ */ r("div", {
210
- className: "mb-3",
211
- children: o
212
- })] })
213
- ] });
214
- }
215
- //#endregion
216
- //#region src/components/Games/Settings/SettingsModal.jsx
217
- function m({ show: n, setShow: a, store: u, useAudioStore: f, useTouchControlsStore: m, useSocketStore: h, config: g }) {
218
- let [_, v] = t(!1), [y, b] = t(localStorage.getItem("articles_settings_tab") || "Graphics"), x = (e) => {
219
- b(e), localStorage.setItem("articles_settings_tab", e);
220
- };
221
- return u((e) => e.darkMode), u((e) => e.setDarkMode), u((e) => e.arcadeMode), u((e) => e.setArcadeMode), /* @__PURE__ */ i(o, {
222
- className: "articles-modal",
223
- size: "md",
224
- show: n,
225
- centered: !0,
226
- scrollable: !0,
227
- onExited: () => {},
228
- onHide: () => {
229
- a(!1);
230
- },
231
- children: [
232
- /* @__PURE__ */ r(o.Header, {
233
- closeButton: !0,
234
- children: /* @__PURE__ */ r(o.Title, { children: "Game Settings" })
235
- }),
236
- /* @__PURE__ */ i(o.Body, {
237
- className: "flex-column p-0",
238
- children: [
239
- /* @__PURE__ */ r("div", {
240
- className: "p-2",
241
- children: [
242
- "Graphics",
243
- "Controls",
244
- "Audio",
245
- "Multiplayer",
246
- "Other"
247
- ].map((t) => /* @__PURE__ */ r(e, {
248
- active: y == t,
249
- onClick: () => {
250
- x(t);
251
- },
252
- children: t
253
- }, t))
254
- }),
255
- /* @__PURE__ */ r("hr", { className: "my-0" }),
256
- /* @__PURE__ */ i("div", {
257
- className: "p-3",
258
- children: [
259
- y == "Controls" && /* @__PURE__ */ r(d, {
260
- useStore: u,
261
- useTouchControlsStore: m,
262
- config: g
263
- }),
264
- y == "Graphics" && /* @__PURE__ */ r(s, {
265
- useStore: u,
266
- config: g
267
- }),
268
- y == "Audio" && /* @__PURE__ */ r(c, {
269
- useAudioStore: f,
270
- config: g
271
- }),
272
- y == "Multiplayer" && /* @__PURE__ */ r(l, {
273
- useStore: h,
274
- config: g
275
- }),
276
- y == "Other" && /* @__PURE__ */ r(p, {
277
- useStore: u,
278
- config: g
279
- })
280
- ]
281
- })
282
- ]
283
- }),
284
- /* @__PURE__ */ r(o.Footer, {
285
- className: "justify-content-between",
286
- children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(e, {
287
- variant: "outline-dark",
288
- onClick: () => {
289
- a(!1);
290
- },
291
- children: "Close"
292
- }), /* @__PURE__ */ r(e, {
293
- variant: "outline-danger ms-3",
294
- onClick: () => {},
295
- children: "Reset"
296
- })] })
297
- })
298
- ]
299
- });
300
- }
301
- //#endregion
302
- export { m as t };
@@ -1,75 +0,0 @@
1
- import { t as e } from "./Button-sSB4xpOw.js";
2
- import { n as t, t as n } from "./useAuthSiteStatus-Cj9IjMj7.js";
3
- import { useState as r } from "react";
4
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
5
- import { Modal as o } from "react-bootstrap";
6
- //#region src/components/Global/StatusModal.jsx
7
- function s({ show: s, setShow: c }) {
8
- let [l, u] = r(!1), [d, f] = r(!1), p = (e, t, n) => n ? "..." : t ? t.response?.status || "Error" : e ? "200" : "-", { data: m, error: h, isLoading: g, mutate: _ } = t({ disable: process.env.NODE_ENV !== "development" }), { data: v, error: y, isLoading: b, mutate: x } = n({ disable: process.env.NODE_ENV !== "development" });
9
- return /* @__PURE__ */ a(o, {
10
- show: s,
11
- size: "md",
12
- className: "articles-modal",
13
- centered: !0,
14
- onHide: () => c(!1),
15
- children: [
16
- /* @__PURE__ */ i(o.Header, { children: /* @__PURE__ */ i(o.Title, { children: "Status Details" }) }),
17
- /* @__PURE__ */ a(o.Body, { children: [
18
- /* @__PURE__ */ a("div", {
19
- className: "d-flex align-items-center mb-2",
20
- children: [/* @__PURE__ */ a("h5", {
21
- className: "mb-0 me-2",
22
- children: ["Main Site Status: ", /* @__PURE__ */ i("span", {
23
- className: `badge ${m ? "bg-success" : "bg-danger"}`,
24
- children: p(m, h, g)
25
- })]
26
- }), /* @__PURE__ */ a(e, {
27
- variant: "link",
28
- size: "sm",
29
- className: "p-0",
30
- onClick: () => u(!l),
31
- children: [l ? "Hide" : "View", " More"]
32
- })]
33
- }),
34
- l && /* @__PURE__ */ a("pre", { children: [
35
- g && "Loading...",
36
- h && `Error: ${h.message}`,
37
- m && JSON.stringify(m, null, 2)
38
- ] }),
39
- /* @__PURE__ */ a("div", {
40
- className: "d-flex align-items-center mb-2",
41
- children: [/* @__PURE__ */ a("h5", {
42
- className: "mb-0 me-2",
43
- children: ["Auth Site Status: ", /* @__PURE__ */ i("span", {
44
- className: `badge ${v ? "bg-success" : "bg-danger"}`,
45
- children: p(v, y, b)
46
- })]
47
- }), /* @__PURE__ */ a(e, {
48
- variant: "link",
49
- size: "sm",
50
- className: "p-0",
51
- onClick: () => f(!d),
52
- children: [d ? "Hide" : "View", " More"]
53
- })]
54
- }),
55
- d && /* @__PURE__ */ a("pre", { children: [
56
- b && "Loading...",
57
- y && `Error: ${y.message}`,
58
- v && JSON.stringify(v, null, 2)
59
- ] })
60
- ] }),
61
- /* @__PURE__ */ i(o.Footer, {
62
- className: "justify-content-between",
63
- children: /* @__PURE__ */ i(e, {
64
- variant: "articles",
65
- onClick: () => {
66
- c(!1);
67
- },
68
- children: "Close"
69
- })
70
- })
71
- ]
72
- });
73
- }
74
- //#endregion
75
- export { s as default };