@articles-media/articles-dev-box 1.3.4 → 1.3.5

package/dist/GameMenuPrimaryButtonGroup.js

@@ -9,9 +9,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @param {string} [props.owner] Optional GitHub owner
 * @param {string} [props.repo] Optional GitHub repo
 */
-function PrimaryButtonGroup({ useStore, type, owner, repo, LeaveGameOverride, SidebarOverride, SettingsOverride, InfoOverride, CreditsOverride, GithubOverride, FullscreenOverride }) {
+function PrimaryButtonGroup({ useStore, type, owner, repo, LeaveGameOverride, SidebarOverride, SettingsOverride, InfoOverride, CreditsOverride, GithubOverride, FullscreenOverride, useRouter = null }) {
 	if (!useStore) return null;
 	const { isFullscreen, requestFullscreen, exitFullscreen } = useFullscreen();
+	const router = useRouter ? useRouter() : null;
 	const setShowSettingsModal = useStore((state) => state.setShowSettingsModal);
 	const toggleDarkMode = useStore((state) => state.toggleDarkMode);
 	const darkMode = useStore((state) => state.darkMode);
@@ -19,6 +20,7 @@ function PrimaryButtonGroup({ useStore, type, owner, repo, LeaveGameOverride, Si
 	const setShowCreditsModal = useStore((state) => state.setShowCreditsModal);
 	const sidebar = useStore((state) => state.sidebar);
 	const setSidebar = useStore((state) => state.setSidebar);
+	if (!router && type === "GameMenu") console.warn("GameMenuPrimaryButtonGroup: useRouter is needed for GameMenu type to avoid full reload navigation. Please provide a router instance from your framework (e.g. Next.js useRouter) as a prop.");
 	switch (type) {
 		case "Landing": return /* @__PURE__ */ jsxs(Fragment, { children: [
 			SettingsOverride ? SettingsOverride : /* @__PURE__ */ jsxs("div", {
@@ -72,6 +74,13 @@ function PrimaryButtonGroup({ useStore, type, owner, repo, LeaveGameOverride, Si
 			LeaveGameOverride ? LeaveGameOverride : /* @__PURE__ */ jsx("a", {
 				href: "/",
 				className: "w-50",
+				onClick: (e) => {
+					if (router) {
+						e.preventDefault();
+						router.push("/");
+						return;
+					}
+				},
 				children: /* @__PURE__ */ jsxs(ArticlesButton, {
 					className: "w-100",
 					small: true,

package/dist/PageTemplateLandingPage.js

@@ -11,7 +11,7 @@ var SessionButton = lazy(() => import("./SessionButton.js"));
 var ReturnToLauncherButton = lazy(() => import("./ReturnToLauncherButton.js"));
 var GameScoreboard = lazy(() => import("./GameScoreboard.js"));
 var Ad = lazy(() => import("./Ad.js"));
-function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Link, logoImage, backgroundImage, CardBodyOverride, CardBodyAppendContent, CardBodyPrependContent, singlePlayerConfig, multiplayerConfig, brandingTextClass, disableHero, heroOverride, disableAd, disableGameScoreboard, gameScoreboardConfig, maxInnerWidth = "20rem", AdditionalContent = null, PostCardContent = null, PostExtrasContent = null, PreHeroContent = null, PostHeroContent = null, NicknameInputConfig = null, CardOverride = null, LandingBackgroundAnimation = null }) {
+function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Link, logoImage, backgroundImage, CardBodyOverride, CardBodyAppendContent, CardBodyPrependContent, singlePlayerConfig, multiplayerConfig, brandingTextClass, disableHero, heroOverride, disableAd, disableGameScoreboard, gameScoreboardConfig, maxInnerWidth = "20rem", AdditionalContent = null, PostCardContent = null, PostExtrasContent = null, PreHeroContent = null, PostHeroContent = null, NicknameInputConfig = null, CardOverride = null, LandingBackgroundAnimation = null, useRouter = null }) {
 	const { data: userToken, error: userTokenError, isLoading: userTokenLoading, mutate: userTokenMutate } = useUserToken(process.env.NEXT_PUBLIC_GAME_PORT);
 	const { data: userDetails, error: userDetailsError, isLoading: userDetailsLoading, mutate: userDetailsMutate } = useUserDetails({ token: userToken });
 	const darkMode = useStore((state) => state.darkMode);
@@ -148,7 +148,8 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 										className: "card-footer d-flex flex-wrap justify-content-center",
 										children: /* @__PURE__ */ jsx(PrimaryButtonGroup, {
 											useStore,
-											type: "Landing"
+											type: "Landing",
+											useRouter
 										})
 									})
 								]

package/dist/{SettingsModal-BgIeffY6.js → SettingsModal-DfrM7Ai1.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.4",
+	version: "1.3.5",
 	type: "module",
 	sideEffects: false,
 	imports: { "#root/src/*": "./src/*" },

package/dist/SettingsModal.js

@@ -1,2 +1,2 @@
-import { t as SettingsModal } from "./SettingsModal-BgIeffY6.js";
+import { t as SettingsModal } from "./SettingsModal-DfrM7Ai1.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-BgIeffY6.js";
+import { t as SettingsModal } from "./SettingsModal-DfrM7Ai1.js";
 import CreditsModal from "./CreditsModal.js";
 import InfoModal from "./InfoModal.js";
 import DarkModeHandler from "./DarkModeHandler.js";

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.4",
+  "version": "1.3.5",
   "type": "module",
   "sideEffects": false,
   "imports": {