@articles-media/articles-dev-box 1.0.25 → 1.0.27

package/README.md

@@ -37,6 +37,8 @@ npm run dev
 
 - ReturnToLauncherButton
     - For bringing users back to their state in the games showcase/launcher
+- SignInButton
+    - For bringing users to the accounts service to login at and redirecting back
 - GameScoreboard
     - Scoreboard for registered games that links with a user's Articles Media account.
 - Ad

package/dist/{Ad-BAvmOFcq.js → Ad-DW52TMZ4.js}

@@ -1,7 +1,7 @@
-import { n as e, t } from "./classnames-CpG5mzJ5.js";
-import { t as n } from "./Button-CU11ETla.js";
+import { n as e, t } from "./classnames-DCsil9eG.js";
+import { t as n } from "./Button-C8R7Qxqb.js";
 import { t as r } from "./Link-8nSDV4sI.js";
-import { n as i, o as a, r as o, s, t as c } from "./numberWithCommas-rN3cZDJL.js";
+import { n as i, o as a, r as o, s, t as c } from "./numberWithCommas-DXxghuXP.js";
 import * as l from "react";
 import { lazy as u, memo as d, useEffect as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -112,7 +112,10 @@ var E = async (e) => {
 	} catch {}
 	let t = new URLSearchParams({ ad_id: e.ad_id }).toString();
 	return fetch(`${e.url}?${t}`).then((e) => e.json()).then((e) => e.result);
-}, ee = { dedupingInterval: 1e3 * 60 * 60 }, te = (e, t) => {
+}, ee = {
+	dedupingInterval: 1e3 * 60 * 60,
+	errorRetryInterval: 1e3 * 60 * 5
+}, te = (e, t) => {
 	let { data: n, error: r, isLoading: i, mutate: a } = g(e ? {
 		url: `https://articles.media/api/ads/${e}`,
 		ad_id: e,
@@ -153,7 +156,8 @@ var A = async (e) => {
 	return fetch(e.url).then((e) => e.json());
 }, j = 60, M = {
 	dedupingInterval: o(j),
-	focusThrottleInterval: o(j)
+	focusThrottleInterval: o(j),
+	errorRetryInterval: 1e3 * 60 * 5
 }, N = (e) => {
 	let { data: t, error: n, isLoading: r, mutate: i } = g(e?.loading || e?.disabled ? null : { url: "https://articles.media/api/ads" }, A, M);
 	return {
@@ -162,7 +166,7 @@ var A = async (e) => {
 		isLoading: r,
 		mutate: i
 	};
-}, P = /* @__PURE__ */ e(t(), 1), F = u(() => import("./AdDetailsModal-Cv1ll9G-.js")), I = u(() => import("./AdConfirmExitModal-BNFKKayL.js"));
+}, P = /* @__PURE__ */ e(t(), 1), F = u(() => import("./AdDetailsModal-FPwnBWKy.js")), I = u(() => import("./AdConfirmExitModal-BiIXNJwG.js"));
 function L(e, t) {
 	return Math.floor(Math.random() * (t - e + 1)) + e;
 }

package/dist/Ad.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Ad-BAvmOFcq.js";
+import { t as e } from "./Ad-DW52TMZ4.js";
 export { e as default };

package/dist/{AdConfirmExitModal-BNFKKayL.js → AdConfirmExitModal-BiIXNJwG.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
 import { t } from "./Link-8nSDV4sI.js";
 import { useEffect as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/{AdDetailsModal-Cv1ll9G-.js → AdDetailsModal-FPwnBWKy.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
 import { t } from "./Link-8nSDV4sI.js";
 import { useEffect as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/{Button-CU11ETla.js → Button-C8R7Qxqb.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./classnames-CpG5mzJ5.js";
+import { n as e, t } from "./classnames-DCsil9eG.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/UI/Button.jsx

package/dist/CreditsModal.js

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
 import { useState as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Modal as i } from "react-bootstrap";

package/dist/FriendsList.js

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
 import t from "./useUserFriends.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Modal as i } from "react-bootstrap";

package/dist/{GameScoreboard-Dj5mTFTn.js → GameScoreboard-pTQKozrD.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./Button-CU11ETla.js";
-import { t } from "./ViewUserModal-C_gWUvXi.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
+import { t } from "./ViewUserModal-CrGeXxWG.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";
@@ -38,6 +38,7 @@ var l = async (e) => {
 	return fetch(`${e.url}?${t}`).then((e) => e.json());
 }, u = {
 	dedupingInterval: 1e3 * 60 * 30,
+	errorRetryInterval: 1e3 * 60 * 5,
 	refreshInterval: 0,
 	revalidateOnFocus: !1,
 	revalidateIfStale: !1,
@@ -57,32 +58,32 @@ var l = async (e) => {
 };
 //#endregion
 //#region src/components/Games/GameScoreboard.jsx
-function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, append: p }) {
-	let [m, h] = r(!1), [g, _] = r(!1), { data: v, isLoading: y, mutate: b } = d({ game: o });
+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(() => {
-		l && (u(!1), b());
-	}, [l]), /* @__PURE__ */ a("div", {
+		u && (f(!1), x());
+	}, [u]), /* @__PURE__ */ a("div", {
 		className: "scoreboard",
 		children: [
 			/* @__PURE__ */ a(s, {
-				show: m,
+				show: h,
 				size: "md",
 				className: "articles-modal",
 				centered: !0,
-				onHide: () => h(!1),
+				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: () => _(!g),
-						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ i("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ i(c, { checked: g })]
+						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: () => {
-								h(!1);
+								g(!1);
 							},
 							children: "Close"
 						})
@@ -91,7 +92,7 @@ function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, a
 			}),
 			/* @__PURE__ */ i("div", {
 				className: "prepend-container",
-				children: f
+				children: p
 			}),
 			/* @__PURE__ */ a("div", {
 				className: "card card-articles card-sm mb-3 mb-lg-0",
@@ -100,7 +101,7 @@ function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, a
 						className: "card-header d-flex justify-content-between align-items-center",
 						children: [/* @__PURE__ */ a("span", { children: [o, " Scoreboard"] }), /* @__PURE__ */ i(e, {
 							onClick: () => {
-								b();
+								x();
 							},
 							small: !0,
 							children: /* @__PURE__ */ i("i", { className: "fad fa-redo me-0" })
@@ -108,10 +109,10 @@ function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, a
 					}),
 					/* @__PURE__ */ a("div", {
 						className: "card-body p-0",
-						children: [(v?.length || 0) == 0 && /* @__PURE__ */ i("div", {
+						children: [(y?.length || 0) == 0 && /* @__PURE__ */ i("div", {
 							className: "small p-2",
 							children: "No scores yet"
-						}), v?.map((e, n) => /* @__PURE__ */ a("div", {
+						}), 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",
@@ -146,7 +147,7 @@ function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, a
 						}), /* @__PURE__ */ i(e, {
 							small: !0,
 							onClick: () => {
-								h(!0);
+								g(!0);
 							},
 							children: /* @__PURE__ */ i("i", { className: "fad fa-cog me-0" })
 						})]
@@ -155,7 +156,7 @@ function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, a
 			}),
 			/* @__PURE__ */ i("div", {
 				className: "append-container",
-				children: p
+				children: m
 			})
 		]
 	});

package/dist/GameScoreboard.js

@@ -1,2 +1,2 @@
-import { t as e } from "./GameScoreboard-Dj5mTFTn.js";
+import { t as e } from "./GameScoreboard-pTQKozrD.js";
 export { e as default };

package/dist/GlobalBody.js

@@ -1,10 +1,10 @@
 "use client";
-import { n as e, t } from "./classnames-CpG5mzJ5.js";
+import { n as e, t } from "./classnames-DCsil9eG.js";
 import { n, t as r } from "./useAuthSiteStatus-Cj9IjMj7.js";
 import { Suspense as i, lazy as a, memo as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Global/GlobalBody.jsx
-var d = /* @__PURE__ */ e(t(), 1), f = a(() => import("./StatusModal-CBzdZdAm.js"));
+var d = /* @__PURE__ */ e(t(), 1), f = a(() => import("./StatusModal-BrBJnAXD.js"));
 function p(e) {
 	let [t, a] = s(!1), { data: o, error: p, isLoading: m, mutate: h } = n({ disable: process.env.NODE_ENV !== "development" }), { data: g, error: _, isLoading: v, mutate: y } = r({ disable: process.env.NODE_ENV !== "development" });
 	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("link", {

package/dist/ReturnToLauncherButton.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.js";
 import { useEffect as t, useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Games/ReturnToLauncherButton.jsx

package/dist/{SettingsModal-tXcbd23J.js → SettingsModal-DQSSeIBg.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.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";
@@ -129,43 +129,82 @@ function l({ useStore: t }) {
 //#endregion
 //#region src/components/Games/Settings/ControlsTab.jsx
 function u({ useTouchControlsStore: e }) {
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		className: "",
-		children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h5", { children: "Control Settings" }), /* @__PURE__ */ r("p", { children: "Configure your key bindings and control preferences here." })] }), e && /* @__PURE__ */ r(d, { useTouchControlsStore: e })]
+		children: e && /* @__PURE__ */ r(d, { useTouchControlsStore: e })
 	});
 }
-function d({ useTouchControlsStore: e }) {
-	let t = e((e) => e.touchControls), n = e((e) => e.setTouchControls);
-	return /* @__PURE__ */ r("div", {
+function d({ useTouchControlsStore: t }) {
+	let n = t((e) => e?.enabled), a = t((e) => e?.setEnabled);
+	return /* @__PURE__ */ i("div", {
 		className: "mb-3",
-		children: [!1, !0].map((e, i) => /* @__PURE__ */ r(ArticlesButton, {
-			active: t === e,
-			onClick: () => {
-				n(e);
-			},
-			children: e ? "On" : "Off"
-		}, i))
+		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 f({ useStore: t }) {
-	let a = t((e) => e?.debug), o = t((e) => e?.setDebug);
-	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: a === t,
-			onClick: () => {
-				o(t);
-			},
-			children: t ? "On" : "Off"
-		}, n))
-	})] });
+function f({ useStore: t, config: a, children: o }) {
+	let s = t((e) => e?.debug), c = t((e) => e?.setDebug), l = t((e) => e?.toontownMode), u = 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: s === t,
+				onClick: () => {
+					c(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: l === t,
+					onClick: () => {
+						u(t);
+					},
+					children: t ? "On" : "Off"
+				}, n))
+			})
+		] }),
+		o && /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
+			className: "mb-3",
+			children: "Other Settings"
+		}), /* @__PURE__ */ r("div", {
+			className: "mb-3",
+			children: o
+		})] })
+	] });
 }
 //#endregion
 //#region src/components/Games/Settings/SettingsModal.jsx
-function p({ show: n, setShow: a, store: d, useAudioStore: p, config: m }) {
-	let [h, g] = t(!1), [_, v] = t("Graphics");
+function p({ show: n, setShow: a, store: d, useAudioStore: p, useTouchControlsStore: m, config: h }) {
+	let [g, _] = t(!1), [v, y] = t(localStorage.getItem("articles_settings_tab") || "Graphics"), b = (e) => {
+		y(e), localStorage.setItem("articles_settings_tab", e);
+	};
 	return d((e) => e.darkMode), d((e) => e.setDarkMode), d((e) => e.arcadeMode), d((e) => e.setArcadeMode), /* @__PURE__ */ i(o, {
 		className: "articles-modal",
 		size: "md",
@@ -193,9 +232,9 @@ function p({ show: n, setShow: a, store: d, useAudioStore: p, config: m }) {
 							"Multiplayer",
 							"Other"
 						].map((t) => /* @__PURE__ */ r(e, {
-							active: _ == t,
+							active: v == t,
 							onClick: () => {
-								v(t);
+								b(t);
 							},
 							children: t
 						}, t))
@@ -204,23 +243,27 @@ function p({ show: n, setShow: a, store: d, useAudioStore: p, config: m }) {
 					/* @__PURE__ */ i("div", {
 						className: "p-2",
 						children: [
-							_ == "Controls" && /* @__PURE__ */ r(u, {
+							v == "Controls" && /* @__PURE__ */ r(u, {
 								useStore: d,
-								config: m
+								useTouchControlsStore: m,
+								config: h
 							}),
-							_ == "Graphics" && /* @__PURE__ */ r(s, {
+							v == "Graphics" && /* @__PURE__ */ r(s, {
 								useStore: d,
-								config: m
+								config: h
 							}),
-							_ == "Audio" && /* @__PURE__ */ r(c, {
+							v == "Audio" && /* @__PURE__ */ r(c, {
 								useAudioStore: p,
-								config: m
+								config: h
 							}),
-							_ == "Multiplayer" && /* @__PURE__ */ r(l, {
+							v == "Multiplayer" && /* @__PURE__ */ r(l, {
 								useStore: d,
-								config: m
+								config: h
 							}),
-							_ == "Other" && /* @__PURE__ */ r(f, { useStore: d })
+							v == "Other" && /* @__PURE__ */ r(f, {
+								useStore: d,
+								config: h
+							})
 						]
 					})
 				]

package/dist/SettingsModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "./SettingsModal-tXcbd23J.js";
+import { t as e } from "./SettingsModal-DQSSeIBg.js";
 export { e as default };

package/dist/SignInButton.js

@@ -0,0 +1,29 @@
+"use client";
+import { t as e } from "./Button-C8R7Qxqb.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/User/SignInButton.jsx
+function a({ className: a, id: o, text: s }) {
+	let [c, l] = n(!1), u = process.env.NODE_ENV === "development" ? "http://localhost:3012" : "https://accounts.articles.media", [d, f] = n(`${u}/login`);
+	return t(() => {
+		l(!0);
+		let e = window.location.pathname, t = window.location.search;
+		f(`${u}/login?redirect=${encodeURIComponent(window.location.origin + e + t)}&type=subdomain`);
+	}, [u]), /* @__PURE__ */ r("a", {
+		href: d,
+		rel: "noopener noreferrer",
+		children: /* @__PURE__ */ i(e, {
+			className: `${a} w-100`,
+			id: o,
+			small: !0,
+			style: {
+				zIndex: 10,
+				position: "relative"
+			},
+			onClick: () => {},
+			children: [/* @__PURE__ */ r("i", { className: "fad fa-user" }), s || "Sign In"]
+		})
+	});
+}
+//#endregion
+export { a as default };

package/dist/{StatusModal-CBzdZdAm.js → StatusModal-BrBJnAXD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Button-CU11ETla.js";
+import { t as e } from "./Button-C8R7Qxqb.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";

package/dist/{ViewUserModal-C_gWUvXi.js → ViewUserModal-CrGeXxWG.js}

@@ -1,7 +1,7 @@
-import { n as e, t } from "./classnames-CpG5mzJ5.js";
-import { t as n } from "./Button-CU11ETla.js";
+import { n as e, t } from "./classnames-DCsil9eG.js";
+import { t as n } from "./Button-C8R7Qxqb.js";
 import { t as r } from "./Link-8nSDV4sI.js";
-import { a as i, i as a, n as o, o as s, r as c, t as l } from "./numberWithCommas-rN3cZDJL.js";
+import { a as i, i as a, n as o, o as s, r as c, t as l } from "./numberWithCommas-DXxghuXP.js";
 import { useEffect as u, useMemo as ee, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "swr";
@@ -829,13 +829,17 @@ function de({ activeLayoutProposalSentiments: e }) {
 }
 //#endregion
 //#region src/hooks/Politics/usePoliticalParties.js
-var L = (e) => fetch(e).then((e) => e.json());
-c(60), c(60);
-var fe = (e) => {
+var L = (e) => fetch(e).then((e) => e.json()), fe = (e) => {
 	let { data: t, error: n, isLoading: r, mutate: i } = h(process.env.NODE_ENV === "development" ? "http://localhost:3001/api/news/resources/political-parties" : "https://articles.media/api/news/resources/political-parties", L, e?.preload ? {
 		dedupingInterval: 1e3 * 60 * 10,
+		focusThrottleInterval: c(60),
+		errorRetryInterval: 1e3 * 60 * 5,
 		fallbackData: e?.preload
-	} : { dedupingInterval: 1e3 * 60 * 10 });
+	} : {
+		dedupingInterval: 1e3 * 60 * 10,
+		focusThrottleInterval: c(60),
+		errorRetryInterval: 1e3 * 60 * 5
+	});
 	return {
 		data: t,
 		error: n,
@@ -980,10 +984,11 @@ function R(e) {
 			]
 		});
 	};
-	function Oe(e) {
-		switch (e) {
+	function Oe(t) {
+		switch (t) {
 			case "Link": return /* @__PURE__ */ p("span", {
 				type: "button",
+				className: e.className,
 				onClick: () => {
 					T(!0);
 				},

package/dist/ViewUserModal.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "./ViewUserModal-C_gWUvXi.js";
+import { t as e } from "./ViewUserModal-CrGeXxWG.js";
 export { e as default };

package/dist/{classnames-CpG5mzJ5.js → classnames-DCsil9eG.js}

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
 	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
 		get: ((e) => i[e]).bind(null, d),
 		enumerable: !(s = n(i, d)) || s.enumerable

package/dist/index.js

@@ -1,16 +1,17 @@
 import e from "./ReturnToLauncherButton.js";
-import t from "./ArticlesAd.js";
-import { t as n } from "./Ad-BAvmOFcq.js";
-import { t as r } from "./ViewUserModal-C_gWUvXi.js";
-import { t as i } from "./GameScoreboard-Dj5mTFTn.js";
-import a from "./GlobalHead.js";
-import o from "./GlobalBody.js";
-import { t as s } from "./SettingsModal-tXcbd23J.js";
-import c from "./CreditsModal.js";
-import l from "./DarkModeHandler.js";
-import u from "./useUserFriends.js";
-import d from "./FriendsList.js";
-import f from "./useUserDetails.js";
-import p from "./useUserToken.js";
-import m from "./useFullscreen.js";
-export { n as Ad, t as ArticlesAd, c as CreditsModal, l as DarkModeHandler, d as FriendsList, i as GameScoreboard, o as GlobalBody, a as GlobalHead, e as ReturnToLauncherButton, s as SettingsModal, r as ViewUserModal, m as useFullscreen, f as useUserDetails, u as useUserFriends, p as useUserToken };
+import t from "./SignInButton.js";
+import n from "./ArticlesAd.js";
+import { t as r } from "./Ad-DW52TMZ4.js";
+import { t as i } from "./ViewUserModal-CrGeXxWG.js";
+import { t as a } from "./GameScoreboard-pTQKozrD.js";
+import o from "./GlobalHead.js";
+import s from "./GlobalBody.js";
+import { t as c } from "./SettingsModal-DQSSeIBg.js";
+import l from "./CreditsModal.js";
+import u from "./DarkModeHandler.js";
+import d from "./useUserFriends.js";
+import f from "./FriendsList.js";
+import p from "./useUserDetails.js";
+import m from "./useUserToken.js";
+import h from "./useFullscreen.js";
+export { r as Ad, n as ArticlesAd, l as CreditsModal, u as DarkModeHandler, f as FriendsList, a as GameScoreboard, s as GlobalBody, o as GlobalHead, e as ReturnToLauncherButton, c as SettingsModal, t as SignInButton, i as ViewUserModal, h as useFullscreen, p as useUserDetails, d as useUserFriends, m as useUserToken };

package/dist/{numberWithCommas-rN3cZDJL.js → numberWithCommas-DXxghuXP.js}

@@ -677,7 +677,7 @@ var R = {
 	night: "night"
 }, B = {
 	G: function(e, t, n) {
-		let r = e.getFullYear() > 0 ? 1 : 0;
+		let r = +(e.getFullYear() > 0);
 		switch (t) {
 			case "G":
 			case "GG":

package/dist/useUserDetails.js

@@ -10,7 +10,8 @@ var t = (e) => {
 	} : null, t, {
 		revalidateOnFocus: !1,
 		revalidateOnReconnect: !1,
-		shouldRetryOnError: !1
+		shouldRetryOnError: !1,
+		errorRetryInterval: 1e3 * 60 * 1
 	});
 	return {
 		data: r,

package/dist/useUserFriends.js

@@ -12,7 +12,8 @@ var t = async (e) => {
 	refreshInterval: 0,
 	revalidateOnFocus: !1,
 	revalidateIfStale: !1,
-	shouldRetryOnError: !1
+	shouldRetryOnError: !1,
+	errorRetryInterval: 1e3 * 60 * 1
 }, r = (r) => {
 	let { data: i, error: a, isLoading: o, isValidating: s, mutate: c } = e(r?.user_id && r?.user_token ? {
 		url: "https://articles.media/api/user/friends",

package/dist/useUserToken.js

@@ -4,7 +4,8 @@ var t = (e) => fetch(e).then((e) => e.json()), n = (n) => {
 	let { data: r, error: i, isLoading: a, mutate: o } = e(process.env.NODE_ENV === "development" ? `http://localhost:${n}/api/token` : "/api/token", t, {
 		revalidateOnFocus: !1,
 		revalidateOnReconnect: !1,
-		shouldRetryOnError: !1
+		shouldRetryOnError: !1,
+		errorRetryInterval: 1e3 * 60 * 1
 	});
 	return {
 		data: r,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@articles-media/articles-dev-box",
   "description": "Shared code, functions, and components for different Articles Media projects.",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -21,6 +21,7 @@
     "./ArticlesAd": "./dist/ArticlesAd.js",
     "./GameScoreboard": "./dist/GameScoreboard.js",
     "./ReturnToLauncherButton": "./dist/ReturnToLauncherButton.js",
+    "./SignInButton": "./dist/SignInButton.js",
     "./GlobalHead": "./dist/GlobalHead.js",
     "./GlobalBody": "./dist/GlobalBody.js",
     "./ViewUserModal": "./dist/ViewUserModal.js",
@@ -48,7 +49,7 @@
   "peerDependencies": {
     "react": ">=19.2.3",
     "react-dom": ">=19.2.3",
-    "swr": "^2.0.0",
+    "swr": "^2.4.1",
     "date-fns": "^4.0.0",
     "react-intersection-observer": "^10.0.0",
     "react-bootstrap": "^2.0.0"