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

package/dist/typicalZustandStoreExcludes.js

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

package/dist/typicalZustandStoreStateSlice.js

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

package/dist/useAuthSiteStatus-ZK1GbPBV.js

@@ -0,0 +1,34 @@
+import useSWR from "swr";
+//#region src/hooks/useMainSiteStatus.js
+var fetcher$1 = (url) => fetch(url).then((res) => res.json());
+var useMainSiteStatus = (params) => {
+	const { data, error, isLoading, mutate } = useSWR(process.env.NODE_ENV === "development" && !params?.disable ? `http://localhost:3001/api/config` : null, fetcher$1, {
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false,
+		shouldRetryOnError: false
+	});
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+};
+//#endregion
+//#region src/hooks/useAuthSiteStatus.js
+var fetcher = (url) => fetch(url).then((res) => res.json());
+var useAuthSiteStatus = (params) => {
+	const { data, error, isLoading, mutate } = useSWR(process.env.NODE_ENV === "development" && !params?.disable ? `http://localhost:3012/api/status` : null, fetcher, {
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false,
+		shouldRetryOnError: false
+	});
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+};
+//#endregion
+export { useMainSiteStatus as n, useAuthSiteStatus as t };

package/dist/useFullscreen.js

@@ -1,24 +1,44 @@
-import { useEffect as e, useState as t } from "react";
+import { useEffect, useState } from "react";
 //#region src/hooks/useFullscreen.js
-var n = () => {
-	let [n, r] = t(!1);
-	return e(() => {
-		let e = () => {
-			r(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
+var useFullscreen = () => {
+	const [isFullscreen, setIsFullscreen] = useState(false);
+	const requestFullscreen = (elementId) => {
+		const element = elementId ? document.getElementById(elementId) : document.documentElement;
+		if (element) {
+			if (element.requestFullscreen) element.requestFullscreen();
+			else if (element.mozRequestFullScreen) element.mozRequestFullScreen();
+			else if (element.webkitRequestFullscreen) element.webkitRequestFullscreen();
+			else if (element.msRequestFullscreen) element.msRequestFullscreen();
+			setIsFullscreen(true);
+		}
+	};
+	const exitFullscreen = () => {
+		if (document.exitFullscreen) document.exitFullscreen();
+		else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
+		else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
+		else if (document.msExitFullscreen) document.msExitFullscreen();
+		setIsFullscreen(false);
+	};
+	useEffect(() => {
+		const handleFullscreenChange = () => {
+			setIsFullscreen(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 		};
-		return document.addEventListener("fullscreenchange", e), document.addEventListener("mozfullscreenchange", e), document.addEventListener("webkitfullscreenchange", e), document.addEventListener("MSFullscreenChange", e), () => {
-			document.removeEventListener("fullscreenchange", e), document.removeEventListener("mozfullscreenchange", e), document.removeEventListener("webkitfullscreenchange", e), document.removeEventListener("MSFullscreenChange", e);
+		document.addEventListener("fullscreenchange", handleFullscreenChange);
+		document.addEventListener("mozfullscreenchange", handleFullscreenChange);
+		document.addEventListener("webkitfullscreenchange", handleFullscreenChange);
+		document.addEventListener("MSFullscreenChange", handleFullscreenChange);
+		return () => {
+			document.removeEventListener("fullscreenchange", handleFullscreenChange);
+			document.removeEventListener("mozfullscreenchange", handleFullscreenChange);
+			document.removeEventListener("webkitfullscreenchange", handleFullscreenChange);
+			document.removeEventListener("MSFullscreenChange", handleFullscreenChange);
 		};
-	}, []), {
-		isFullscreen: n,
-		requestFullscreen: (e) => {
-			let t = e ? document.getElementById(e) : document.documentElement;
-			t && (t.requestFullscreen ? t.requestFullscreen() : t.mozRequestFullScreen ? t.mozRequestFullScreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), r(!0));
-		},
-		exitFullscreen: () => {
-			document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), r(!1);
-		}
+	}, []);
+	return {
+		isFullscreen,
+		requestFullscreen,
+		exitFullscreen
 	};
 };
 //#endregion
-export { n as default };
+export { useFullscreen as default };

package/dist/useUserDetails.js

@@ -1,24 +1,25 @@
-import e from "swr";
+import useSWR from "swr";
 //#region src/hooks/User/useUserDetails.js
-var t = (e) => {
-	let t = new URLSearchParams({ token: e.token }).toString();
-	return fetch(`${e.url}?${t}`).then((e) => e.json());
-}, n = (n) => {
-	let { data: r, error: i, isLoading: a, mutate: o } = e(n.token ? {
+var fetcher = (params) => {
+	const searchParams = new URLSearchParams({ token: params.token }).toString();
+	return fetch(`${params.url}?${searchParams}`).then((res) => res.json());
+};
+var useUserDetails = (params) => {
+	const { data, error, isLoading, mutate } = useSWR(params.token ? {
 		url: (process.env.NODE_ENV === "development" ? "http://localhost:3012" : "https://accounts.articles.media") + "/api/auth/session",
-		token: n.token
-	} : null, t, {
-		revalidateOnFocus: !1,
-		revalidateOnReconnect: !1,
-		shouldRetryOnError: !1,
+		token: params.token
+	} : null, fetcher, {
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false,
+		shouldRetryOnError: false,
 		errorRetryInterval: 1e3 * 60 * 1
 	});
 	return {
-		data: r,
-		error: i,
-		isLoading: a,
-		mutate: o
+		data,
+		error,
+		isLoading,
+		mutate
 	};
 };
 //#endregion
-export { n as default };
+export { useUserDetails as default };

package/dist/useUserFriends.js

@@ -1,31 +1,33 @@
-import e from "swr";
+import useSWR from "swr";
 //#region src/hooks/User/useUserFriends.js
-var t = async (e) => {
+var fetcher = async (obj) => {
 	if (process.env.NODE_ENV === "development") try {
-		let t = new URLSearchParams({ game: e.game }).toString();
-		return await (await fetch(`http://localhost:3001/api/user/friends?${t}`, { headers: { "x-articles-api-key": e.user_token } })).json();
-	} catch {}
-	let t = new URLSearchParams({ game: e.game }).toString();
-	return fetch(`${e.url}?${t}`, { headers: { "x-articles-api-key": e.user_token } }).then((e) => e.json());
-}, n = {
+		const params = new URLSearchParams({ game: obj.game }).toString();
+		return await (await fetch(`http://localhost:3001/api/user/friends?${params}`, { headers: { "x-articles-api-key": obj.user_token } })).json();
+	} catch (err) {}
+	const params = new URLSearchParams({ game: obj.game }).toString();
+	return fetch(`${obj.url}?${params}`, { headers: { "x-articles-api-key": obj.user_token } }).then((res) => res.json());
+};
+var options = {
 	dedupingInterval: 1e3 * 60 * 30,
 	refreshInterval: 0,
-	revalidateOnFocus: !1,
-	revalidateIfStale: !1,
-	shouldRetryOnError: !1,
+	revalidateOnFocus: false,
+	revalidateIfStale: false,
+	shouldRetryOnError: false,
 	errorRetryInterval: 1e3 * 60 * 1
-}, r = (r) => {
-	let { data: i, error: a, isLoading: o, isValidating: s, mutate: c } = e(r?.user_id && r?.user_token ? {
+};
+var useUserFriends = (params) => {
+	const { data, error, isLoading, isValidating, mutate } = useSWR(params?.user_id && params?.user_token ? {
 		url: "https://articles.media/api/user/friends",
-		user_token: r.user_token
-	} : null, t, n);
+		user_token: params.user_token
+	} : null, fetcher, options);
 	return {
-		data: i,
-		error: a,
-		isLoading: o,
-		isValidating: s,
-		mutate: c
+		data,
+		error,
+		isLoading,
+		isValidating,
+		mutate
 	};
 };
 //#endregion
-export { r as default };
+export { useUserFriends as default };

package/dist/useUserToken.js

@@ -1,18 +1,19 @@
-import e from "swr";
+import useSWR from "swr";
 //#region src/hooks/User/useUserToken.js
-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,
+var fetcher = (url) => fetch(url).then((res) => res.json());
+var useUserToken = (port) => {
+	const { data, error, isLoading, mutate } = useSWR(process.env.NODE_ENV === "development" ? `http://localhost:${port}/api/token` : "/api/token", fetcher, {
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false,
+		shouldRetryOnError: false,
 		errorRetryInterval: 1e3 * 60 * 1
 	});
 	return {
-		data: r,
-		error: i,
-		isLoading: a,
-		mutate: o
+		data,
+		error,
+		isLoading,
+		mutate
 	};
 };
 //#endregion
-export { n as default };
+export { useUserToken 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.31",
+  "version": "1.0.32",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -18,6 +18,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./Ad": "./dist/Ad.js",
+    "./GameMenu": "./dist/GameMenu.js",
     "./ArticlesAd": "./dist/ArticlesAd.js",
     "./GameScoreboard": "./dist/GameScoreboard.js",
     "./ReturnToLauncherButton": "./dist/ReturnToLauncherButton.js",