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

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/{SettingsModal-D9ZVzkoS.js → SettingsModal-gPPyBi4S.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

package/dist/SettingsModal.js

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

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-gPPyBi4S.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,72 @@
+//#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 }));
+	}
+});
+//#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.30",
   "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"
   },