@articles-media/articles-dev-box 1.3.2 → 1.3.3

package/README.md

@@ -63,6 +63,7 @@ npm run dev
 | 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. | Catching Game and School Run |
 | typicalZustandStoreStateSlice | Slice of zustand states that every game normally uses | Catching Game and School Run |
+| zustandSocketStoreSlice  | Slice of zustand states that every game normally uses for sockets | School Run
 | getSignOutRedirectUrl | Handles signout redirect api logic | Catching Game |
 | GlobalClientModals | Imports all global client modals like FriendsList, CreditsModal, SettingsModal, InfoModal, and so on | USA Tycoon |
 | generateRandomNickname | Reusable way of doing random nicknames from package | USA Tycoon |

package/dist/GlobalBody.js

@@ -8,8 +8,8 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
 var StatusModal = lazy(() => import("./StatusModal-DkHAimHp.js"));
 function GlobalBody({ fontawesome = true }) {
 	const [statusModal, setStatusModal] = useState(false);
-	const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" });
-	const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" });
+	const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
+	const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
 	return /* @__PURE__ */ jsxs(Fragment, { children: [fontawesome && /* @__PURE__ */ jsx("link", {
 		rel: "stylesheet",
 		href: `https://cdn.articles.media/fonts/fontawesome/css/all.min.css`

package/dist/{SettingsModal-Cg15aSoE.js → SettingsModal-Bud-D-3m.js}

@@ -246,7 +246,7 @@ function OtherTab({ useStore, config }) {
 var package_default = {
 	name: "@articles-media/articles-dev-box",
 	description: "Shared code, functions, and components for different Articles Media projects.",
-	version: "1.3.2",
+	version: "1.3.3",
 	type: "module",
 	sideEffects: false,
 	imports: { "#root/src/*": "./src/*" },
@@ -289,6 +289,8 @@ var package_default = {
 		"./useFullscreen": "./dist/useFullscreen.js",
 		"./typicalZustandStoreExcludes": "./dist/typicalZustandStoreExcludes.js",
 		"./typicalZustandStoreStateSlice": "./dist/typicalZustandStoreStateSlice.js",
+		"./zustandSocketStoreSlice": "./dist/zustandSocketStoreSlice.js",
+		"./useSocketStoreSlice": "./dist/useSocketStoreSlice.js",
 		"./defaultGameNextConfig": "./dist/defaultGameNextConfig.js",
 		"./defaultGameThemeConfig": "./dist/defaultGameThemeConfig.js",
 		"./getSignOutRedirectUrl": "./dist/getSignOutRedirectUrl.js",

package/dist/SettingsModal.js

@@ -1,2 +1,2 @@
-import { t as SettingsModal } from "./SettingsModal-Cg15aSoE.js";
+import { t as SettingsModal } from "./SettingsModal-Bud-D-3m.js";
 export { SettingsModal as default };

package/dist/index.js

@@ -16,7 +16,7 @@ import { t as GameScoreboard } from "./GameScoreboard-BvE_sIDW.js";
 import PageTemplateLandingPage from "./PageTemplateLandingPage.js";
 import GlobalHead from "./GlobalHead.js";
 import GlobalBody_default from "./GlobalBody.js";
-import { t as SettingsModal } from "./SettingsModal-Cg15aSoE.js";
+import { t as SettingsModal } from "./SettingsModal-Bud-D-3m.js";
 import CreditsModal from "./CreditsModal.js";
 import InfoModal from "./InfoModal.js";
 import DarkModeHandler from "./DarkModeHandler.js";
@@ -27,8 +27,9 @@ import InviteModal from "./InviteModal.js";
 import ReusedSocketLogicHandler from "./ReusedSocketLogicHandler.js";
 import typicalZustandStoreExcludes from "./typicalZustandStoreExcludes.js";
 import typicalZustandStoreStateSlice from "./typicalZustandStoreStateSlice.js";
+import zustandSocketStoreSlice from "./zustandSocketStoreSlice.js";
 import defaultGameNextConfig from "./defaultGameNextConfig.js";
 import getTheme from "./defaultGameThemeConfig.js";
 import getSignOutRedirectUrl from "./getSignOutRedirectUrl.js";
 import generateRandomNickname from "./generateRandomNickname.js";
-export { Ad_default as Ad, ArticlesAd, CreditsModal, DarkModeHandler, FriendsList, GameMenu, PrimaryButtonGroup as GameMenuPrimaryButtonGroup, GameScoreboard, GlobalBody_default as GlobalBody, GlobalHead, HasNoMouseHandler, InfoModal, InviteModal, NicknameInput, PageTemplateLandingPage, ReturnToLauncherButton, ReusedSocketLogicHandler, SessionButton, SettingsModal, SignInButton, SocketServerUrlHandler, ToontownModeHandler, ViewUserModal, defaultGameNextConfig, getTheme as defaultGameThemeConfig, generateRandomNickname, getSignOutRedirectUrl, typicalZustandStoreExcludes, typicalZustandStoreStateSlice, useFullscreen, useUserDetails, useUserFriends, useUserToken };
+export { Ad_default as Ad, ArticlesAd, CreditsModal, DarkModeHandler, FriendsList, GameMenu, PrimaryButtonGroup as GameMenuPrimaryButtonGroup, GameScoreboard, GlobalBody_default as GlobalBody, GlobalHead, HasNoMouseHandler, InfoModal, InviteModal, NicknameInput, PageTemplateLandingPage, ReturnToLauncherButton, ReusedSocketLogicHandler, SessionButton, SettingsModal, SignInButton, SocketServerUrlHandler, ToontownModeHandler, ViewUserModal, defaultGameNextConfig, getTheme as defaultGameThemeConfig, generateRandomNickname, getSignOutRedirectUrl, typicalZustandStoreExcludes, typicalZustandStoreStateSlice, useFullscreen, useUserDetails, useUserFriends, useUserToken, zustandSocketStoreSlice };

package/dist/zustandSocketStoreSlice.js

@@ -0,0 +1,51 @@
+//#region src/constants/zustandSocketStoreSlice.js
+var game_name_key = process.env.NEXT_PUBLIC_GAME_KEY;
+function zustandSocketStoreSlice(set, get, io) {
+	return {
+		socket: io({ autoConnect: false }),
+		serverUrl: process.env.NEXT_PUBLIC_NODE_SERVER,
+		connectSocket: (url) => {
+			const newSocket = io(url || process.env.NEXT_PUBLIC_NODE_SERVER, {
+				transports: ["websocket"],
+				autoConnect: false,
+				reconnection: true,
+				reconnectionDelay: 5e3,
+				reconnectionDelayMax: 1e4,
+				query: { client: process.env.NEXT_PUBLIC_GAME_KEY }
+			});
+			newSocket.connect();
+			set({ socket: newSocket });
+		},
+		setServerUrl: (url) => set({ serverUrl: url }),
+		disconnectSocket: () => set((state) => {
+			state.socket?.disconnect();
+			return {};
+		}),
+		startGame: (gameId, status) => {
+			set((state) => {
+				state.socket.emit(`game:${game_name_key}:start`, {
+					game_id: gameId,
+					status
+				});
+				return {};
+			});
+		},
+		totalUsers: 0,
+		setTotalUsers: (total) => set({ totalUsers: total }),
+		connected: false,
+		setConnected: (total) => set({ connected: total }),
+		authenticated: false,
+		setAuthenticated: (value) => set({ authenticated: value }),
+		loginSocket: (data) => {
+			set((state) => {
+				state.socket.emit("login-socket", {
+					...data,
+					game_name: process.env.NEXT_PUBLIC_GAME_NAME
+				});
+				return {};
+			});
+		}
+	};
+}
+//#endregion
+export { zustandSocketStoreSlice 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.3.2",
+  "version": "1.3.3",
   "type": "module",
   "sideEffects": false,
   "imports": {
@@ -48,6 +48,8 @@
     "./useFullscreen": "./dist/useFullscreen.js",
     "./typicalZustandStoreExcludes": "./dist/typicalZustandStoreExcludes.js",
     "./typicalZustandStoreStateSlice": "./dist/typicalZustandStoreStateSlice.js",
+    "./zustandSocketStoreSlice": "./dist/zustandSocketStoreSlice.js",
+    "./useSocketStoreSlice": "./dist/useSocketStoreSlice.js",
     "./defaultGameNextConfig": "./dist/defaultGameNextConfig.js",
     "./defaultGameThemeConfig": "./dist/defaultGameThemeConfig.js",
     "./getSignOutRedirectUrl": "./dist/getSignOutRedirectUrl.js",