@articles-media/articles-dev-box 1.1.3 → 1.1.5

package/dist/{GameMenu-DeFdYvvR.js → GameMenu-BSfKeM4b.js}

@@ -131,6 +131,11 @@ function GameMenu(props) {
 				zIndex: 1,
 				height: "calc(100vh - 1rem)",
 				backgroundColor: "color-mix(in srgb, var(--bs-card-bg) 50%, transparent)"
+			},
+			...sidebarConfig.centerContent && {
+				top: "50%",
+				transform: "translateY(-50%)",
+				height: "fit-content"
 			}
 		},
 		children: /* @__PURE__ */ jsx(LeftPanelContent, {})

package/dist/GameMenu.js

@@ -1,2 +1,2 @@
-import { t as GameMenu } from "./GameMenu-DeFdYvvR.js";
+import { t as GameMenu } from "./GameMenu-BSfKeM4b.js";
 export { GameMenu as default };

package/dist/NicknameInput.js

@@ -8,47 +8,50 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @param {function} props.useStore - Zustand store hook for accessing nickname state and actions.
 * @returns {JSX.Element|null} The rendered NicknameInput component or null if useStore is not provided.
 */
-function NicknameInput({ useStore }) {
+function NicknameInput({ useStore, config }) {
 	const _hasHydrated = useStore((state) => state._hasHydrated);
 	const nickname = useStore((state) => state.nickname);
 	const setNickname = useStore((state) => state.setNickname);
 	const randomNickname = useStore((state) => state.randomNickname);
 	if (!useStore) return null;
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
-		className: "flex-grow-1",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "form-group articles mb-0",
-			children: [/* @__PURE__ */ jsx("label", {
-				htmlFor: "nickname",
-				children: "Nickname"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "d-flex align-items-center",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "text",
-					value: _hasHydrated ? nickname : "",
-					disabled: !_hasHydrated,
-					id: "nickname",
-					name: "nickname",
-					placeholder: "Enter your nickname",
-					onChange: (e) => {
-						setNickname(e.target.value);
-					},
-					className: `form-control form-control-sm`
-				}), /* @__PURE__ */ jsx(ArticlesButton, {
-					small: true,
-					className: "",
-					onClick: () => {
-						randomNickname();
-					},
-					children: /* @__PURE__ */ jsx("i", { className: "fad fa-random" })
+	return /* @__PURE__ */ jsxs("div", {
+		className: "d-flex w-100",
+		children: [config?.PreComponent && /* @__PURE__ */ jsx(Fragment, { children: config.PreComponent }), /* @__PURE__ */ jsxs("div", {
+			className: "flex-grow-1",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "form-group articles mb-0",
+				children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: "nickname",
+					children: "Nickname"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "d-flex align-items-center",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "text",
+						value: _hasHydrated ? nickname : "",
+						disabled: !_hasHydrated,
+						id: "nickname",
+						name: "nickname",
+						placeholder: "Enter your nickname",
+						onChange: (e) => {
+							setNickname(e.target.value);
+						},
+						className: `form-control form-control-sm`
+					}), /* @__PURE__ */ jsx(ArticlesButton, {
+						small: true,
+						className: "",
+						onClick: () => {
+							randomNickname();
+						},
+						children: /* @__PURE__ */ jsx("i", { className: "fad fa-random" })
+					})]
 				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-1",
+				style: { fontSize: "0.8rem" },
+				children: "Visible to all players"
 			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "mt-1",
-			style: { fontSize: "0.8rem" },
-			children: "Visible to all players"
 		})]
-	}) });
+	});
 }
 //#endregion
 export { NicknameInput as default };

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, singlePlayerConfig, multiplayerConfig, brandingTextClass, disableHero, disableAd, disableGameScoreboard, maxInnerWidth = "20rem", AdditionalContent = null, PostCardContent = null, PostExtrasContent = null, PreHeroContent = null, PostHeroContent = null }) {
+function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Link, logoImage, backgroundImage, CardBodyOverride, singlePlayerConfig, multiplayerConfig, brandingTextClass, disableHero, disableAd, disableGameScoreboard, maxInnerWidth = "20rem", AdditionalContent = null, PostCardContent = null, PostExtrasContent = null, PreHeroContent = null, PostHeroContent = null, NicknameInputConfig = null, CardOverride = null, LandingBackgroundAnimation = 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);
@@ -22,7 +22,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 			AdditionalContent,
 			/* @__PURE__ */ jsx("div", {
 				className: "background-wrap",
-				children: /* @__PURE__ */ jsx("img", {
+				children: useStore((state) => state.landingAnimation) ? /* @__PURE__ */ jsx(LandingBackgroundAnimation, {}) : /* @__PURE__ */ jsx("img", {
 					src: backgroundImage,
 					alt: "",
 					width: "100%",
@@ -58,12 +58,15 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 								})]
 							}),
 							PostHeroContent,
-							/* @__PURE__ */ jsxs("div", {
+							CardOverride ? /* @__PURE__ */ jsx(Fragment, { children: CardOverride }) : /* @__PURE__ */ jsxs("div", {
 								className: "card card-articles mb-3",
 								children: [
 									/* @__PURE__ */ jsx("div", {
 										className: "card-header",
-										children: /* @__PURE__ */ jsx(NicknameInput, { useStore })
+										children: /* @__PURE__ */ jsx(NicknameInput, {
+											useStore,
+											config: NicknameInputConfig
+										})
 									}),
 									CardBodyOverride ? /* @__PURE__ */ jsx(CardBodyOverride, {}) : /* @__PURE__ */ jsxs("div", {
 										className: "card-body",

package/dist/{SettingsModal-VLREmj2k.js → SettingsModal-DKvwredE.js}

@@ -94,8 +94,12 @@ function AudioTab({ useAudioStore, config }) {
 					children: [/* @__PURE__ */ jsxs(Form.Label, {
 						className: "mb-0",
 						children: [/* @__PURE__ */ jsx("span", { children: slider_obj.label }), audioSettings?.[slider_obj.key] && /* @__PURE__ */ jsxs("span", {
-							className: "ms-2 text-muted",
-							children: [audioSettings[slider_obj.key], "%"]
+							className: "ms-2",
+							children: [
+								"- ",
+								audioSettings[slider_obj.key],
+								"%"
+							]
 						})]
 					}), /* @__PURE__ */ jsx(Form.Range, {
 						value: audioSettings?.[slider_obj.key],
@@ -242,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.1.3",
+	version: "1.1.5",
 	type: "module",
 	sideEffects: false,
 	imports: { "#root/src/*": "./src/*" },

package/dist/SettingsModal.js

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

package/dist/index.js

@@ -8,7 +8,7 @@ import useUserFriends from "./useUserFriends.js";
 import FriendsList from "./FriendsList.js";
 import { t as SessionButton } from "./SessionButton-DsXEzmff.js";
 import ArticlesAd from "./ArticlesAd.js";
-import { t as GameMenu } from "./GameMenu-DeFdYvvR.js";
+import { t as GameMenu } from "./GameMenu-BSfKeM4b.js";
 import useFullscreen from "./useFullscreen.js";
 import PrimaryButtonGroup from "./GameMenuPrimaryButtonGroup.js";
 import NicknameInput from "./NicknameInput.js";
@@ -16,7 +16,7 @@ import { t as GameScoreboard } from "./GameScoreboard-CYuTBE_E.js";
 import PageTemplateLandingPage from "./PageTemplateLandingPage.js";
 import GlobalHead from "./GlobalHead.js";
 import GlobalBody_default from "./GlobalBody.js";
-import { t as SettingsModal } from "./SettingsModal-VLREmj2k.js";
+import { t as SettingsModal } from "./SettingsModal-DKvwredE.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.1.3",
+  "version": "1.1.5",
   "type": "module",
   "sideEffects": false,
   "imports": {