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

package/dist/GameScoreboard-9GYlLx72.js

@@ -1,165 +0,0 @@
-import { t as e } from "./Button-sSB4xpOw.js";
-import { t } from "./ViewUserModal-C5gjfuJ5.js";
-import { useEffect as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "swr";
-import s from "react-bootstrap/Modal";
-//#region src/components/UI/ArticlesSwitch.jsx
-function c({ setChecked: e, checked: t, readOnly: n }) {
-	return /* @__PURE__ */ a("label", {
-		className: `articles-switch mb-0 ${t && "checked"}`,
-		children: [/* @__PURE__ */ i("input", {
-			type: "checkbox",
-			readOnly: !!n,
-			checked: t,
-			onChange: () => {}
-		}), /* @__PURE__ */ i("span", {
-			onClick: (n) => {
-				if (e) {
-					e(!t);
-					return;
-				} else {
-					n.preventDefault();
-					return;
-				}
-			},
-			className: "slider"
-		})]
-	});
-}
-//#endregion
-//#region src/hooks/Games/useGameScoreboard.js
-var l = async (e) => {
-	if (process.env.NODE_ENV === "development") try {
-		let t = new URLSearchParams({ game: e.game }).toString();
-		return await (await fetch(`http://localhost:3001/api/community/games/scoreboard?${t}`)).json();
-	} catch {}
-	let t = new URLSearchParams({ game: e.game }).toString();
-	return fetch(`${e.url}?${t}`).then((e) => e.json());
-}, u = {
-	dedupingInterval: 1e3 * 60 * 30,
-	errorRetryInterval: 1e3 * 60 * 5,
-	refreshInterval: 0,
-	revalidateOnFocus: !1,
-	revalidateIfStale: !1,
-	shouldRetryOnError: !1
-}, d = (e) => {
-	let { data: t, error: n, isLoading: r, isValidating: i, mutate: a } = o(e?.game ? {
-		url: "https://articles.media/api/community/games/scoreboard",
-		game: e.game
-	} : null, l, u);
-	return {
-		data: t,
-		error: n,
-		isLoading: r,
-		isValidating: i,
-		mutate: a
-	};
-};
-//#endregion
-//#region src/components/Games/GameScoreboard.jsx
-function f({ game: o, metric: l, reloadScoreboard: u, setReloadScoreboard: f, prepend: p, append: m }) {
-	let [h, g] = r(!1), [_, v] = r(!1), { data: y, isLoading: b, mutate: x } = d({ game: o });
-	return n(() => {}, []), n(() => {
-		u && (f(!1), x());
-	}, [u]), /* @__PURE__ */ a("div", {
-		className: "scoreboard",
-		children: [
-			/* @__PURE__ */ a(s, {
-				show: h,
-				size: "md",
-				className: "articles-modal",
-				centered: !0,
-				onHide: () => g(!1),
-				children: [
-					/* @__PURE__ */ i(s.Header, { children: /* @__PURE__ */ i(s.Title, { children: "Scoreboard Settings" }) }),
-					/* @__PURE__ */ i(s.Body, { children: /* @__PURE__ */ a("div", {
-						className: "d-flex justify-content-between align-items-center",
-						onClick: () => v(!_),
-						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ i("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ i(c, { checked: _ })]
-					}) }),
-					/* @__PURE__ */ i(s.Footer, {
-						className: "justify-content-between",
-						children: /* @__PURE__ */ i(e, {
-							variant: "articles",
-							onClick: () => {
-								g(!1);
-							},
-							children: "Close"
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "prepend-container",
-				children: p
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "card card-articles card-sm mb-3 mb-lg-0",
-				children: [
-					/* @__PURE__ */ a("div", {
-						className: "card-header d-flex justify-content-between align-items-center",
-						children: [/* @__PURE__ */ a("span", { children: [o, " Scoreboard"] }), /* @__PURE__ */ i(e, {
-							onClick: () => {
-								x();
-							},
-							small: !0,
-							children: /* @__PURE__ */ i("i", { className: "fad fa-redo me-0" })
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "card-body p-0",
-						children: [(y?.length || 0) == 0 && /* @__PURE__ */ i("div", {
-							className: "small p-2",
-							children: "No scores yet"
-						}), y?.length > 0 && y?.map((e, n) => /* @__PURE__ */ a("div", {
-							className: "result d-flex flex-column justify-content-between border-bottom p-2",
-							children: [/* @__PURE__ */ a("div", {
-								className: "d-flex justify-content-between lh-sm",
-								children: [/* @__PURE__ */ a("div", {
-									className: "d-flex",
-									children: [/* @__PURE__ */ i("h5", {
-										className: "mb-0 me-3",
-										children: n + 1
-									}), /* @__PURE__ */ i("div", {
-										className: "lh-sm",
-										children: /* @__PURE__ */ i(t, {
-											populated_user: e.populated_user,
-											user_id: e.user_id
-										})
-									})]
-								}), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h5", {
-									className: "mb-0",
-									children: e.score || e.total
-								}) })]
-							}), e.last_play && e.public_last_play && /* @__PURE__ */ a("small", {
-								className: "mt-1",
-								style: { fontSize: "0.75rem" },
-								children: ["Played: ", format(new Date(e.last_play), "MM/d/yy hh:mmaa")]
-							})]
-						}, e._id))]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "card-footer d-flex justify-content-between align-items-center",
-						children: [/* @__PURE__ */ i("div", {
-							className: "small",
-							children: "Play to get on the board!"
-						}), /* @__PURE__ */ i(e, {
-							small: !0,
-							onClick: () => {
-								g(!0);
-							},
-							children: /* @__PURE__ */ i("i", { className: "fad fa-cog me-0" })
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "append-container",
-				children: m
-			})
-		]
-	});
-}
-//#endregion
-export { f as t };

package/dist/Link-8nSDV4sI.js

@@ -1,16 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/UI/Link.jsx
-function t(t) {
-	let { href: n, children: r, newPage: i, ...a } = t;
-	return /* @__PURE__ */ e("a", {
-		href: n,
-		...a,
-		...i && {
-			target: "_blank",
-			rel: "noopener noreferrer"
-		},
-		children: r
-	});
-}
-//#endregion
-export { t };

package/dist/SettingsModal-CiLvMoLW.js

@@ -1,303 +0,0 @@
-import { t as e } from "./Button-sSB4xpOw.js";
-import { useState as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Form as a, Modal as o } from "react-bootstrap";
-//#region src/components/Games/Settings/GraphicsTab.jsx
-function s({ useStore: t, config: a }) {
-	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);
-	return /* @__PURE__ */ i(n, { children: [
-		/* @__PURE__ */ r("div", { children: "Dark Mode" }),
-		/* @__PURE__ */ r("div", {
-			className: "mb-3",
-			children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
-				active: o === t,
-				onClick: () => {
-					s(t);
-				},
-				children: t ? "On" : "Off"
-			}, n))
-		}),
-		/* @__PURE__ */ r("div", { children: "Graphics Quality" }),
-		/* @__PURE__ */ r("div", {
-			className: "mb-3",
-			children: [
-				"Low",
-				"Medium",
-				"High"
-			].map((t) => /* @__PURE__ */ r(e, {
-				active: c === t,
-				onClick: () => {
-					l(t);
-				},
-				children: t
-			}, t))
-		}),
-		/* @__PURE__ */ r("div", { children: "Landing Animation" }),
-		/* @__PURE__ */ i("div", {
-			className: "mb-3",
-			children: [/* @__PURE__ */ r(e, {
-				active: u === !1,
-				onClick: () => {
-					d(!1);
-				},
-				children: "Disabled"
-			}), /* @__PURE__ */ r(e, {
-				active: u === !0,
-				onClick: () => {
-					d(!0);
-				},
-				children: "Enabled"
-			})]
-		}),
-		a?.tabs?.Graphics?.children
-	] });
-}
-//#endregion
-//#region src/components/Games/Settings/AudioTab.jsx
-function c({ useAudioStore: t, config: o }) {
-	let s = t((e) => e?.audioSettings), c = t((e) => e?.setAudioSettings);
-	return /* @__PURE__ */ i(n, { children: [
-		/* @__PURE__ */ r("div", { children: "Sound" }),
-		/* @__PURE__ */ i("div", {
-			className: "mb-3",
-			children: [/* @__PURE__ */ r(e, {
-				active: !s?.enabled,
-				onClick: () => {
-					c({
-						...s,
-						enabled: !1
-					});
-				},
-				children: "Disabled"
-			}), /* @__PURE__ */ r(e, {
-				active: s?.enabled,
-				onClick: () => {
-					c({
-						...s,
-						enabled: !0
-					});
-				},
-				children: "Enabled"
-			})]
-		}),
-		/* @__PURE__ */ r("div", {
-			className: "border mb-3 p-2",
-			children: o?.tabs?.Audio?.sliders?.map((e) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(a.Label, {
-				className: "mb-0",
-				children: e.label
-			}), /* @__PURE__ */ r(a.Range, {
-				value: s?.[e.key],
-				onChange: (t) => {
-					c({
-						...s,
-						[e.key]: t.target.value
-					});
-				}
-			})] }, e.key))
-		}),
-		o?.tabs?.Controls?.children
-	] });
-}
-//#endregion
-//#region src/components/Games/Settings/MultiplayerTab.jsx
-function l({ useStore: e, config: t }) {
-	return /* @__PURE__ */ i("div", {
-		className: "",
-		children: [e && /* @__PURE__ */ r(u, { useStore: e }), t?.tabs?.Multiplayer?.children]
-	});
-}
-function u({ useStore: t }) {
-	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);
-	return /* @__PURE__ */ i("div", {
-		className: "mb-3",
-		children: [
-			/* @__PURE__ */ i(a.Label, {
-				className: "mb-0",
-				children: [/* @__PURE__ */ i("div", { children: ["Status: ", /* @__PURE__ */ r("span", {
-					className: `badge ${s ? "bg-success" : "bg-danger"}`,
-					children: s ? "Online" : "Offline"
-				})] }), "Socket Server Host"]
-			}),
-			/* @__PURE__ */ r(a.Control, {
-				type: "text",
-				value: n,
-				onChange: (e) => o(e.target.value)
-			}),
-			/* @__PURE__ */ r(a.Label, {
-				className: "mb-0",
-				children: "Edit this to connect to a different multiplayer host!"
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "mt-3",
-				children: s ? /* @__PURE__ */ r(e, {
-					className: "",
-					onClick: () => {
-						l();
-					},
-					children: "Disconnect"
-				}) : /* @__PURE__ */ r(e, {
-					className: "",
-					onClick: () => {
-						c();
-					},
-					children: "Connect"
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/Games/Settings/ControlsTab.jsx
-function d({ useTouchControlsStore: e, config: t }) {
-	return /* @__PURE__ */ i("div", {
-		className: "",
-		children: [e && /* @__PURE__ */ r(f, { useTouchControlsStore: e }), t?.tabs?.Controls?.children]
-	});
-}
-function f({ useTouchControlsStore: t }) {
-	let n = t((e) => e?.enabled), a = t((e) => e?.setEnabled);
-	return /* @__PURE__ */ i("div", {
-		className: "mb-3",
-		children: [
-			/* @__PURE__ */ r("div", { children: "Touch Controls" }),
-			/* @__PURE__ */ r("div", {
-				className: "small mb-1",
-				children: "Adds on screen controls for touch devices."
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "mb-3",
-				children: [!1, !0].map((t, i) => /* @__PURE__ */ r(e, {
-					active: n === t,
-					onClick: () => {
-						a(t);
-					},
-					children: t ? "On" : "Off"
-				}, i))
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/Games/Settings/OtherTab.jsx
-function p({ useStore: t, config: a }) {
-	let o = t((e) => e?.debug), s = t((e) => e?.setDebug), c = t((e) => e?.toontownMode), l = t((e) => e?.setToontownMode);
-	return /* @__PURE__ */ i(n, { children: [
-		/* @__PURE__ */ r("div", { children: "Debug Mode" }),
-		/* @__PURE__ */ r("div", {
-			className: "mb-3",
-			children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
-				active: o === t,
-				onClick: () => {
-					s(t);
-				},
-				children: t ? "On" : "Off"
-			}, n))
-		}),
-		a?.tabs?.Other?.toontownMode && /* @__PURE__ */ i(n, { children: [
-			/* @__PURE__ */ r("div", { children: "Toontown Mode" }),
-			/* @__PURE__ */ r("div", {
-				className: "small mb-1",
-				children: "Mimics Toontown Online graphics."
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "mb-3",
-				children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
-					active: c === t,
-					onClick: () => {
-						l(t);
-					},
-					children: t ? "On" : "Off"
-				}, n))
-			})
-		] }),
-		a?.tabs?.Other?.children
-	] });
-}
-//#endregion
-//#region src/components/Games/Settings/SettingsModal.jsx
-function m({ show: n, setShow: a, store: u, useAudioStore: f, useTouchControlsStore: m, useSocketStore: h, config: g }) {
-	let [_, v] = t(!1), [y, b] = t(localStorage.getItem("articles_settings_tab") || "Graphics"), x = (e) => {
-		b(e), localStorage.setItem("articles_settings_tab", e);
-	};
-	return u((e) => e.darkMode), u((e) => e.setDarkMode), u((e) => e.arcadeMode), u((e) => e.setArcadeMode), /* @__PURE__ */ i(o, {
-		className: "articles-modal articles-settings-modal",
-		size: "md",
-		show: n,
-		centered: !0,
-		scrollable: !0,
-		onExited: () => {},
-		onHide: () => {
-			a(!1);
-		},
-		children: [
-			/* @__PURE__ */ r(o.Header, {
-				closeButton: !0,
-				children: /* @__PURE__ */ r(o.Title, { children: "Game Settings" })
-			}),
-			/* @__PURE__ */ i(o.Body, {
-				className: "flex-column p-0",
-				children: [
-					/* @__PURE__ */ r("div", {
-						className: "p-2",
-						children: [
-							"Graphics",
-							"Controls",
-							"Audio",
-							"Multiplayer",
-							"Other"
-						].map((t) => /* @__PURE__ */ r(e, {
-							active: y == t,
-							onClick: () => {
-								x(t);
-							},
-							children: t
-						}, t))
-					}),
-					/* @__PURE__ */ r("hr", { className: "my-0" }),
-					/* @__PURE__ */ i("div", {
-						className: "p-3",
-						children: [
-							y == "Controls" && /* @__PURE__ */ r(d, {
-								useStore: u,
-								useTouchControlsStore: m,
-								config: g
-							}),
-							y == "Graphics" && /* @__PURE__ */ r(s, {
-								useStore: u,
-								config: g
-							}),
-							y == "Audio" && /* @__PURE__ */ r(c, {
-								useAudioStore: f,
-								config: g
-							}),
-							y == "Multiplayer" && /* @__PURE__ */ r(l, {
-								useStore: h,
-								config: g
-							}),
-							y == "Other" && /* @__PURE__ */ r(p, {
-								useStore: u,
-								config: g
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ r(o.Footer, {
-				className: "justify-content-between",
-				children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(e, {
-					variant: "outline-dark",
-					onClick: () => {
-						a(!1);
-					},
-					children: "Close"
-				}), /* @__PURE__ */ r(e, {
-					variant: "outline-danger ms-3",
-					onClick: () => {},
-					children: "Reset"
-				})] })
-			})
-		]
-	});
-}
-//#endregion
-export { m as t };

package/dist/StatusModal-PG3i9NKf.js

@@ -1,75 +0,0 @@
-import { t as e } from "./Button-sSB4xpOw.js";
-import { n as t, t as n } from "./useAuthSiteStatus-Cj9IjMj7.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Modal as o } from "react-bootstrap";
-//#region src/components/Global/StatusModal.jsx
-function s({ show: s, setShow: c }) {
-	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" });
-	return /* @__PURE__ */ a(o, {
-		show: s,
-		size: "md",
-		className: "articles-modal",
-		centered: !0,
-		onHide: () => c(!1),
-		children: [
-			/* @__PURE__ */ i(o.Header, { children: /* @__PURE__ */ i(o.Title, { children: "Status Details" }) }),
-			/* @__PURE__ */ a(o.Body, { children: [
-				/* @__PURE__ */ a("div", {
-					className: "d-flex align-items-center mb-2",
-					children: [/* @__PURE__ */ a("h5", {
-						className: "mb-0 me-2",
-						children: ["Main Site Status: ", /* @__PURE__ */ i("span", {
-							className: `badge ${m ? "bg-success" : "bg-danger"}`,
-							children: p(m, h, g)
-						})]
-					}), /* @__PURE__ */ a(e, {
-						variant: "link",
-						size: "sm",
-						className: "p-0",
-						onClick: () => u(!l),
-						children: [l ? "Hide" : "View", " More"]
-					})]
-				}),
-				l && /* @__PURE__ */ a("pre", { children: [
-					g && "Loading...",
-					h && `Error: ${h.message}`,
-					m && JSON.stringify(m, null, 2)
-				] }),
-				/* @__PURE__ */ a("div", {
-					className: "d-flex align-items-center mb-2",
-					children: [/* @__PURE__ */ a("h5", {
-						className: "mb-0 me-2",
-						children: ["Auth Site Status: ", /* @__PURE__ */ i("span", {
-							className: `badge ${v ? "bg-success" : "bg-danger"}`,
-							children: p(v, y, b)
-						})]
-					}), /* @__PURE__ */ a(e, {
-						variant: "link",
-						size: "sm",
-						className: "p-0",
-						onClick: () => f(!d),
-						children: [d ? "Hide" : "View", " More"]
-					})]
-				}),
-				d && /* @__PURE__ */ a("pre", { children: [
-					b && "Loading...",
-					y && `Error: ${y.message}`,
-					v && JSON.stringify(v, null, 2)
-				] })
-			] }),
-			/* @__PURE__ */ i(o.Footer, {
-				className: "justify-content-between",
-				children: /* @__PURE__ */ i(e, {
-					variant: "articles",
-					onClick: () => {
-						c(!1);
-					},
-					children: "Close"
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { s as default };