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

package/README.md

@@ -67,6 +67,10 @@ npm run dev
     - Hook for getting the details of the current user if a valid user token is found.
 - useFullscreen
     - Hook for going fullscreen on the body or provided element
+- typicalZustandStoreExcludes
+    - Array of strings that every game published by Articles Media would want to normally exclude from persisting in base game store.
+- typicalZustandStoreStateSlice
+    - Slice of zustand states that every game normally uses
 
 # Roadmap
 ⏹️ Remove Bootstrap reliance  

package/dist/CreditsModal.js

@@ -3,8 +3,8 @@ import { useState as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Modal as i } from "react-bootstrap";
 //#region src/components/Games/Credits/CreditsModal.jsx
-function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u, publisher: d, introText: f }) {
-	let [p, m] = t(!1);
+function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u, publisher: d, introText: f, outroText: p }) {
+	let [m, h] = t(!1);
 	return /* @__PURE__ */ r(i, {
 		className: "articles-modal",
 		size: "md",
@@ -54,13 +54,17 @@ function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u,
 						})
 					})] }),
 					c && l && /* @__PURE__ */ r("div", {
-						className: "",
+						className: "mb-3",
 						children: [/* @__PURE__ */ n("div", { children: "Attributions:" }), /* @__PURE__ */ n("a", {
 							href: `https://github.com/${c}/${l}/blob/main/README.md#attributions`,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							children: /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ n("i", { className: "fab fa-github" }), "View on GitHub"] })
 						})]
+					}),
+					p && /* @__PURE__ */ n("div", {
+						className: "mb-3",
+						children: p
 					})
 				]
 			}),

package/dist/{SettingsModal-D9ZVzkoS.js → SettingsModal-CiLvMoLW.js}

@@ -3,16 +3,16 @@ 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 }) {
-	let a = t((e) => e?.darkMode), o = t((e) => e?.setDarkMode), s = t((e) => e?.graphicsQuality), c = t((e) => e?.setGraphicsQuality), l = t((e) => e?.landingAnimation), u = t((e) => e?.setLandingAnimation);
+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: a === t,
+				active: o === t,
 				onClick: () => {
-					o(t);
+					s(t);
 				},
 				children: t ? "On" : "Off"
 			}, n))
@@ -25,9 +25,9 @@ function s({ useStore: t }) {
 				"Medium",
 				"High"
 			].map((t) => /* @__PURE__ */ r(e, {
-				active: s === t,
+				active: c === t,
 				onClick: () => {
-					c(t);
+					l(t);
 				},
 				children: t
 			}, t))
@@ -36,19 +36,20 @@ function s({ useStore: t }) {
 		/* @__PURE__ */ i("div", {
 			className: "mb-3",
 			children: [/* @__PURE__ */ r(e, {
-				active: l === !1,
+				active: u === !1,
 				onClick: () => {
-					u(!1);
+					d(!1);
 				},
 				children: "Disabled"
 			}), /* @__PURE__ */ r(e, {
-				active: l === !0,
+				active: u === !0,
 				onClick: () => {
-					u(!0);
+					d(!0);
 				},
 				children: "Enabled"
 			})]
-		})
+		}),
+		a?.tabs?.Graphics?.children
 	] });
 }
 //#endregion
@@ -79,71 +80,78 @@ function c({ useAudioStore: t, config: o }) {
 				children: "Enabled"
 			})]
 		}),
-		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))
+		/* @__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__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		className: "",
-		children: e && /* @__PURE__ */ r(u, { useStore: e })
+		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", { 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"
+	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 }) {
-	return /* @__PURE__ */ r("div", {
+function d({ useTouchControlsStore: e, config: t }) {
+	return /* @__PURE__ */ i("div", {
 		className: "",
-		children: e && /* @__PURE__ */ r(f, { useTouchControlsStore: e })
+		children: [e && /* @__PURE__ */ r(f, { useTouchControlsStore: e }), t?.tabs?.Controls?.children]
 	});
 }
 function f({ useTouchControlsStore: t }) {
@@ -171,16 +179,16 @@ function f({ useTouchControlsStore: t }) {
 }
 //#endregion
 //#region src/components/Games/Settings/OtherTab.jsx
-function p({ 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);
+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: s === t,
+				active: o === t,
 				onClick: () => {
-					c(t);
+					s(t);
 				},
 				children: t ? "On" : "Off"
 			}, n))
@@ -194,21 +202,15 @@ function p({ useStore: t, config: a, children: o }) {
 			/* @__PURE__ */ r("div", {
 				className: "mb-3",
 				children: [!1, !0].map((t, n) => /* @__PURE__ */ r(e, {
-					active: l === t,
+					active: c === t,
 					onClick: () => {
-						u(t);
+						l(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
-		})] })
+		a?.tabs?.Other?.children
 	] });
 }
 //#endregion
@@ -218,7 +220,7 @@ function m({ show: n, setShow: a, store: u, useAudioStore: f, useTouchControlsSt
 		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",
+		className: "articles-modal articles-settings-modal",
 		size: "md",
 		show: n,
 		centered: !0,

package/dist/SettingsModal.js

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

package/dist/articles-dev-box.css

@@ -1,2 +1,2 @@
-.ad-wrap{z-index:1;--card-background:#f9edcd;--bs-body-color:#000;width:100%;max-width:312px;margin:0 auto 1rem}.ad-wrap.active-member .ad .main-panel{height:310px}.ad-wrap .ad{z-index:2;align-self:flex-start;width:100%;font-family:brandon-grotesque,sans-serif;font-size:14px;position:relative;box-shadow:0 0 0 1px #00000040,0 2px 3px #0003}@media (width<=768px){.ad-wrap .ad{width:100%;font-size:16px}}.ad-wrap .ad .main-panel{background-color:var(--articles-ad-background-color,var(--card-background));color:var(--articles-ad-font-color,var(--bs-body-color));flex-direction:column;height:400px;display:flex}.ad-wrap .ad .main-panel .ad-warning{border-bottom:1px solid var(--articles-ad-border-color,var(--card-background));padding:.1rem .75rem;font-family:brandon-grotesque,sans-serif;font-size:1rem;font-weight:900}.ad-wrap .ad .main-panel .content-wrap{flex-direction:column;align-items:center;display:flex}@media (width>=992px){.ad-wrap .ad .main-panel .content-wrap{flex-direction:column}}.ad-wrap .ad .main-panel .photo-banner{border-bottom:1px solid #000;flex-shrink:0;align-items:center;width:100%;height:125px;margin-left:0;padding-left:1rem;display:flex;position:relative}.ad-wrap .ad .main-panel .photo-banner .logo{object-fit:cover;z-index:1}.ad-wrap .ad .main-panel .photo-banner .logo img{object-fit:contain;width:75px;height:75px}.ad-wrap .ad .main-panel .photo-banner .splash{color:#000;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.ad-wrap .ad .main-panel .photo-banner .splash i{margin-right:1rem;font-size:3rem}.ad-wrap .ad .main-panel .photo-banner .splash .text{flex-direction:column;align-items:start;line-height:1;display:flex}.ad-wrap .ad .main-panel .photo-banner .splash .text .label{font-size:1.5rem}.ad-wrap .ad .main-panel .photo-banner .splash .text .count{font-size:2rem;font-weight:700}.ad-wrap .ad .main-panel .photo-banner .splash .text .count .fa-spinner{font-size:1.5rem}.ad-wrap .ad .main-panel .photo-banner .member-since{color:#fff;background-color:#00000080;border-top-right-radius:5px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:0;left:0}.ad-wrap .ad .main-panel .photo-banner .photo{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.ad-wrap .ad .main-panel .details-wrap{width:100%}.ad-wrap .ad .main-panel .links-list{flex-direction:column;display:flex}.ad-wrap .ad .main-panel .links-list .link-item{color:#000}.ad-wrap .ad .main-panel .links-list .link-item:hover{-webkit-text-decoration:underline red;text-decoration:underline red}.ad-wrap .ad .main-panel .details,.ad-wrap .ad .main-panel .detail-title{grid-gap:5px 5px;grid-template-columns:repeat(2,1fr);padding:.75rem .75rem 0;display:grid}.ad-wrap .ad .main-panel .details .detail .icon,.ad-wrap .ad .main-panel .detail-title .detail .icon{width:1.5rem;display:inline-block}.ad-wrap .ad .main-panel .details .detail .icon i,.ad-wrap .ad .main-panel .detail-title .detail .icon i{justify-content:flex-start;display:flex}.ad-wrap .ad .main-panel .short-description{min-height:50px;max-height:125px;padding:.25rem .75rem 0;overflow-y:auto}.ad-wrap .ad .main-panel .detail-title{justify-content:space-between;align-items:center;display:flex}.ad-wrap .ad .main-panel .action-wrap{border-top:1px solid var(--articles-ad-border-color,var(--card-background))}.ad-wrap .ad .main-panel .action-wrap .action{border:1px solid var(--articles-ad-border-color,var(--card-background));color:var(--articles-ad-font-color,var(--bs-body-color));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;padding:.25rem;transition-duration:.2s;display:flex}.ad-wrap .ad .main-panel .action-wrap .action:hover{color:#000;background-color:#fff}.ad-wrap .ad .main-panel .action-wrap .action:active{background-color:gray}.ad-wrap .advertise-with-us{background-color:var(--articles-ad-background-color,var(--card-background));border-top:2px solid var(--articles-ad-border-color,var(--card-background))}.ad-wrap .advertise-with-us a{color:var(--articles-ad-font-color,var(--bs-body-color))!important}.ad-wrap .advertise-with-us a:hover{-webkit-text-decoration:underline red;text-decoration:underline red}.view-user-modal-badge-wrap{cursor:pointer;align-items:stretch;display:flex}.view-user-modal-badge-wrap.large .view-user-modal-badge{height:30px;position:relative}.view-user-modal-badge-wrap.large .view-user-modal-badge .membership-badge{font-size:1rem!important}.view-user-modal-badge-wrap.large .view-user-modal-badge .profile-photo-wrap{margin-right:.5rem;width:22px!important;height:22px!important}.view-user-modal-badge-wrap.large .view-user-modal-badge img{margin-right:.5rem}.view-user-modal-badge-wrap .badge-membership{position:relative}.view-user-modal-badge-wrap .verification-user-badge{align-items:center;display:flex}.profile-photo-wrap{position:relative}.profile-photo-wrap .online-status{z-index:1;background-color:gray;border:2px solid #000;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.profile-photo-wrap .online-status.status-online{background-color:green;border:2px solid #009b22}:root{--articles-theme-primary:#f9edcd}.bg-articles{background-color:var(--articles-theme-primary);color:#000!important}.shadow-articles{box-shadow:0 0 0 1px #00000040,0 2px 3px #0003}.text-center{text-align:center}.d-flex{display:flex}.flex-header{justify-content:space-between;align-items:center;display:flex}.scoreboard{width:100%;max-width:300px;margin-top:1rem;margin-bottom:1rem}@media (width>=992px){.scoreboard{margin-top:0;margin-bottom:0;display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}}.articles-game-scoreboard{color:#222;z-index:1;border:1px solid #ced4da;border-radius:8px;flex-direction:column;width:100%;max-width:350px;margin:0 1rem;display:flex;position:fixed;bottom:50%;left:8px;overflow:hidden;transform:translateY(50%);box-shadow:0 2px 8px #00000012}
+.ad-wrap{z-index:1;--card-background:#f9edcd;--bs-body-color:#000;width:100%;max-width:312px;margin:0 auto 1rem}.ad-wrap.active-member .ad .main-panel{height:310px}.ad-wrap .ad{z-index:2;align-self:flex-start;width:100%;font-family:brandon-grotesque,sans-serif;font-size:14px;position:relative;box-shadow:0 0 0 1px #00000040,0 2px 3px #0003}@media (width<=768px){.ad-wrap .ad{width:100%;font-size:16px}}.ad-wrap .ad .main-panel{background-color:var(--articles-ad-background-color,var(--card-background));color:var(--articles-ad-font-color,var(--bs-body-color));flex-direction:column;height:400px;display:flex}.ad-wrap .ad .main-panel .ad-warning{border-bottom:1px solid var(--articles-ad-border-color,var(--card-background));padding:.1rem .75rem;font-family:brandon-grotesque,sans-serif;font-size:1rem;font-weight:900}.ad-wrap .ad .main-panel .content-wrap{flex-direction:column;align-items:center;display:flex}@media (width>=992px){.ad-wrap .ad .main-panel .content-wrap{flex-direction:column}}.ad-wrap .ad .main-panel .photo-banner{border-bottom:1px solid #000;flex-shrink:0;align-items:center;width:100%;height:125px;margin-left:0;padding-left:1rem;display:flex;position:relative}.ad-wrap .ad .main-panel .photo-banner .logo{object-fit:cover;z-index:1}.ad-wrap .ad .main-panel .photo-banner .logo img{object-fit:contain;width:75px;height:75px}.ad-wrap .ad .main-panel .photo-banner .splash{color:#000;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.ad-wrap .ad .main-panel .photo-banner .splash i{margin-right:1rem;font-size:3rem}.ad-wrap .ad .main-panel .photo-banner .splash .text{flex-direction:column;align-items:start;line-height:1;display:flex}.ad-wrap .ad .main-panel .photo-banner .splash .text .label{font-size:1.5rem}.ad-wrap .ad .main-panel .photo-banner .splash .text .count{font-size:2rem;font-weight:700}.ad-wrap .ad .main-panel .photo-banner .splash .text .count .fa-spinner{font-size:1.5rem}.ad-wrap .ad .main-panel .photo-banner .member-since{color:#fff;background-color:#00000080;border-top-right-radius:5px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:0;left:0}.ad-wrap .ad .main-panel .photo-banner .photo{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.ad-wrap .ad .main-panel .details-wrap{width:100%}.ad-wrap .ad .main-panel .links-list{flex-direction:column;display:flex}.ad-wrap .ad .main-panel .links-list .link-item{color:#000}.ad-wrap .ad .main-panel .links-list .link-item:hover{-webkit-text-decoration:underline red;text-decoration:underline red}.ad-wrap .ad .main-panel .details,.ad-wrap .ad .main-panel .detail-title{grid-gap:5px 5px;grid-template-columns:repeat(2,1fr);padding:.75rem .75rem 0;display:grid}.ad-wrap .ad .main-panel .details .detail .icon,.ad-wrap .ad .main-panel .detail-title .detail .icon{width:1.5rem;display:inline-block}.ad-wrap .ad .main-panel .details .detail .icon i,.ad-wrap .ad .main-panel .detail-title .detail .icon i{justify-content:flex-start;display:flex}.ad-wrap .ad .main-panel .short-description{min-height:50px;max-height:125px;padding:.25rem .75rem 0;overflow-y:auto}.ad-wrap .ad .main-panel .detail-title{justify-content:space-between;align-items:center;display:flex}.ad-wrap .ad .main-panel .action-wrap{border-top:1px solid var(--articles-ad-border-color,var(--card-background))}.ad-wrap .ad .main-panel .action-wrap .action{border:1px solid var(--articles-ad-border-color,var(--card-background));color:var(--articles-ad-font-color,var(--bs-body-color));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;padding:.25rem;transition-duration:.2s;display:flex}.ad-wrap .ad .main-panel .action-wrap .action:hover{color:#000;background-color:#fff}.ad-wrap .ad .main-panel .action-wrap .action:active{background-color:gray}.ad-wrap .advertise-with-us{background-color:var(--articles-ad-background-color,var(--card-background));border-top:2px solid var(--articles-ad-border-color,var(--card-background))}.ad-wrap .advertise-with-us a{color:var(--articles-ad-font-color,var(--bs-body-color))!important}.ad-wrap .advertise-with-us a:hover{-webkit-text-decoration:underline red;text-decoration:underline red}.view-user-modal-badge-wrap{cursor:pointer;align-items:stretch;display:flex}.view-user-modal-badge-wrap.large .view-user-modal-badge{height:30px;position:relative}.view-user-modal-badge-wrap.large .view-user-modal-badge .membership-badge{font-size:1rem!important}.view-user-modal-badge-wrap.large .view-user-modal-badge .profile-photo-wrap{margin-right:.5rem;width:22px!important;height:22px!important}.view-user-modal-badge-wrap.large .view-user-modal-badge img{margin-right:.5rem}.view-user-modal-badge-wrap .badge-membership{position:relative}.view-user-modal-badge-wrap .verification-user-badge{align-items:center;display:flex}.profile-photo-wrap{position:relative}.profile-photo-wrap .online-status{z-index:1;background-color:gray;border:2px solid #000;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.profile-photo-wrap .online-status.status-online{background-color:green;border:2px solid #009b22}:root{--articles-theme-primary:#f9edcd}.bg-articles{background-color:var(--articles-theme-primary);color:#000!important}.shadow-articles{box-shadow:0 0 0 1px #00000040,0 2px 3px #0003}.text-center{text-align:center}.d-flex{display:flex}.flex-header{justify-content:space-between;align-items:center;display:flex}.scoreboard{width:100%;max-width:300px;margin-top:1rem;margin-bottom:1rem}@media (width>=992px){.scoreboard{margin-top:0;margin-bottom:0;display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}}.articles-game-scoreboard{color:#222;z-index:1;border:1px solid #ced4da;border-radius:8px;flex-direction:column;width:100%;max-width:350px;margin:0 1rem;display:flex;position:fixed;bottom:50%;left:8px;overflow:hidden;transform:translateY(50%);box-shadow:0 2px 8px #00000012}.articles-settings-modal input[type=range]::-webkit-slider-runnable-track{background:#000;border-radius:5px;height:.5rem}.articles-settings-modal input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--articles-secondary-color);border:1px solid #000;border-radius:50%;width:1rem;height:1rem;margin-top:-4px}
 /*$vite$:1*/

package/dist/index.js

@@ -9,7 +9,7 @@ import s from "./ArticlesAd.js";
 import { t as c } from "./GameScoreboard-9GYlLx72.js";
 import l from "./GlobalHead.js";
 import u from "./GlobalBody.js";
-import { t as d } from "./SettingsModal-D9ZVzkoS.js";
+import { t as d } from "./SettingsModal-CiLvMoLW.js";
 import f from "./CreditsModal.js";
 import p from "./DarkModeHandler.js";
 import m from "./ToontownModeHandler.js";
@@ -17,4 +17,6 @@ import h from "./SocketServerUrlHandler.js";
 import g from "./useUserFriends.js";
 import _ from "./FriendsList.js";
 import v from "./useFullscreen.js";
-export { a as Ad, s as ArticlesAd, f as CreditsModal, p as DarkModeHandler, _ as FriendsList, c as GameScoreboard, u as GlobalBody, l as GlobalHead, e as ReturnToLauncherButton, o as SessionButton, d as SettingsModal, t as SignInButton, h as SocketServerUrlHandler, m as ToontownModeHandler, i as ViewUserModal, v as useFullscreen, n as useUserDetails, g as useUserFriends, r as useUserToken };
+import y from "./typicalZustandStoreExcludes.js";
+import b from "./typicalZustandStoreStateSlice.js";
+export { a as Ad, s as ArticlesAd, f as CreditsModal, p as DarkModeHandler, _ as FriendsList, c as GameScoreboard, u as GlobalBody, l as GlobalHead, e as ReturnToLauncherButton, o as SessionButton, d as SettingsModal, t as SignInButton, h as SocketServerUrlHandler, m as ToontownModeHandler, i as ViewUserModal, y as typicalZustandStoreExcludes, b as typicalZustandStoreStateSlice, v as useFullscreen, n as useUserDetails, g as useUserFriends, r as useUserToken };

package/dist/typicalZustandStoreExcludes.js

@@ -0,0 +1,13 @@
+//#region src/constants/typicalZustandStoreExcludes.js
+var e = [
+	"_hasHydrated",
+	"showSettingsModal",
+	"showInfoModal",
+	"showCreditsModal",
+	"showGameOverModal",
+	"showMenu",
+	"lobbyDetails",
+	"sceneKey"
+];
+//#endregion
+export { e as default };

package/dist/typicalZustandStoreStateSlice.js

@@ -0,0 +1,79 @@
+//#region src/constants/typicalZustandStoreStateSlice.js
+var e = (e, t, n) => ({
+	_hasHydrated: !1,
+	setHasHydrated: (t) => {
+		e({ _hasHydrated: t });
+	},
+	darkMode: null,
+	toggleDarkMode: () => e({ darkMode: !t().darkMode }),
+	setDarkMode: (t) => {
+		e((e) => ({ darkMode: t }));
+	},
+	nickname: n(),
+	setNickname: (t) => {
+		e((e) => ({ nickname: t }));
+	},
+	randomNickname: () => {
+		let t = n();
+		e((e) => ({ nickname: t }));
+	},
+	nicknameKeyboard: !1,
+	setNicknameKeyboard: (t) => {
+		e((e) => ({ nicknameKeyboard: t }));
+	},
+	debug: !1,
+	setDebug: (t) => {
+		e((e) => ({ debug: t }));
+	},
+	sidebar: !0,
+	toggleSidebar: () => {
+		e((e) => ({ sidebar: !e.sidebar }));
+	},
+	setSidebar: (t) => {
+		e((e) => ({ sidebar: t }));
+	},
+	showMenu: !1,
+	setShowMenu: (t) => e({ showMenu: t }),
+	showSettingsModal: !1,
+	setShowSettingsModal: (t) => {
+		e((e) => ({ showSettingsModal: t }));
+	},
+	showInfoModal: !1,
+	setShowInfoModal: (t) => {
+		e((e) => ({ showInfoModal: t }));
+	},
+	showCreditsModal: !1,
+	setShowCreditsModal: (t) => {
+		e((e) => ({ showCreditsModal: t }));
+	},
+	graphicsQuality: "High",
+	setGraphicsQuality: (t) => e({ graphicsQuality: t }),
+	lobbyDetails: {
+		players: [],
+		games: []
+	},
+	setLobbyDetails: (t) => e({ lobbyDetails: t }),
+	landingAnimation: !0,
+	setLandingAnimation: (t) => e({ landingAnimation: t }),
+	toggleLandingAnimation: () => e({ landingAnimation: !t().landingAnimation }),
+	toontownMode: !1,
+	toggleToontownMode: () => {
+		e((e) => ({ toontownMode: !e.toontownMode }));
+	},
+	setToontownMode: (t) => {
+		e((e) => ({ toontownMode: t }));
+	},
+	showGameOverModal: !1,
+	setShowGameOverModal: (t) => {
+		e((e) => ({ showGameOverModal: t }));
+	},
+	sceneKey: 0,
+	setSceneKey: (t) => {
+		e((e) => ({ sceneKey: t }));
+	},
+	reloadScene: () => {
+		e((e) => ({ sceneKey: e.sceneKey + 1 }));
+	}
+});
+//#endregion
+export { e as default };

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.29",
+  "version": "1.0.31",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -36,6 +36,8 @@
     "./useUserToken": "./dist/useUserToken.js",
     "./useUserFriends": "./dist/useUserFriends.js",
     "./useFullscreen": "./dist/useFullscreen.js",
+    "./typicalZustandStoreExcludes": "./dist/typicalZustandStoreExcludes.js",
+    "./typicalZustandStoreStateSlice": "./dist/typicalZustandStoreStateSlice.js",
     "./dist/style.css": "./dist/articles-dev-box.css",
     "./dist/articles-dev-box.css": "./dist/articles-dev-box.css"
   },