@articles-media/articles-dev-box 1.1.4 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -131,6 +131,11 @@ function GameMenu(props) {
131
131
  zIndex: 1,
132
132
  height: "calc(100vh - 1rem)",
133
133
  backgroundColor: "color-mix(in srgb, var(--bs-card-bg) 50%, transparent)"
134
+ },
135
+ ...sidebarConfig.centerContent && {
136
+ top: "50%",
137
+ transform: "translateY(-50%)",
138
+ height: "fit-content"
134
139
  }
135
140
  },
136
141
  children: /* @__PURE__ */ jsx(LeftPanelContent, {})
package/dist/GameMenu.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as GameMenu } from "./GameMenu-DeFdYvvR.js";
1
+ import { t as GameMenu } from "./GameMenu-BSfKeM4b.js";
2
2
  export { GameMenu as default };
@@ -11,18 +11,19 @@ var SessionButton = lazy(() => import("./SessionButton.js"));
11
11
  var ReturnToLauncherButton = lazy(() => import("./ReturnToLauncherButton.js"));
12
12
  var GameScoreboard = lazy(() => import("./GameScoreboard.js"));
13
13
  var Ad = lazy(() => import("./Ad.js"));
14
- 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 }) {
14
+ 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 }) {
15
15
  const { data: userToken, error: userTokenError, isLoading: userTokenLoading, mutate: userTokenMutate } = useUserToken(process.env.NEXT_PUBLIC_GAME_PORT);
16
16
  const { data: userDetails, error: userDetailsError, isLoading: userDetailsLoading, mutate: userDetailsMutate } = useUserDetails({ token: userToken });
17
17
  const darkMode = useStore((state) => state.darkMode);
18
18
  const lobbyDetails = useStore((state) => state.lobbyDetails);
19
+ const landingAnimation = useStore((state) => state.landingAnimation);
19
20
  return /* @__PURE__ */ jsxs("div", {
20
21
  className: "landing-page",
21
22
  children: [
22
- AdditionalContent,
23
+ AdditionalContent && AdditionalContent,
23
24
  /* @__PURE__ */ jsx("div", {
24
25
  className: "background-wrap",
25
- children: /* @__PURE__ */ jsx("img", {
26
+ children: LandingBackgroundAnimation && landingAnimation ? LandingBackgroundAnimation : /* @__PURE__ */ jsx("img", {
26
27
  src: backgroundImage,
27
28
  alt: "",
28
29
  width: "100%",
@@ -40,7 +41,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
40
41
  className: "",
41
42
  style: { "width": maxInnerWidth },
42
43
  children: [
43
- PreHeroContent,
44
+ PreHeroContent && PreHeroContent,
44
45
  !disableHero && /* @__PURE__ */ jsxs("div", {
45
46
  className: "landing-hero text-center mb-2",
46
47
  children: [/* @__PURE__ */ jsx("img", {
@@ -57,8 +58,8 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
57
58
  children: process.env.NEXT_PUBLIC_GAME_NAME
58
59
  })]
59
60
  }),
60
- PostHeroContent,
61
- /* @__PURE__ */ jsxs("div", {
61
+ PostHeroContent && PostHeroContent,
62
+ CardOverride ? CardOverride : /* @__PURE__ */ jsxs("div", {
62
63
  className: "card card-articles mb-3",
63
64
  children: [
64
65
  /* @__PURE__ */ jsx("div", {
@@ -68,7 +69,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
68
69
  config: NicknameInputConfig
69
70
  })
70
71
  }),
71
- CardBodyOverride ? /* @__PURE__ */ jsx(CardBodyOverride, {}) : /* @__PURE__ */ jsxs("div", {
72
+ CardBodyOverride ? CardBodyOverride : /* @__PURE__ */ jsxs("div", {
72
73
  className: "card-body",
73
74
  children: [singlePlayerConfig && /* @__PURE__ */ jsx(Link, {
74
75
  href: "/play",
@@ -154,7 +155,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
154
155
  })
155
156
  ]
156
157
  }),
157
- PostCardContent,
158
+ PostCardContent && PostCardContent,
158
159
  /* @__PURE__ */ jsxs("div", {
159
160
  className: "extras",
160
161
  children: [/* @__PURE__ */ jsx(SessionButton, {
@@ -162,7 +163,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
162
163
  friendsButton: true
163
164
  }), /* @__PURE__ */ jsx(ReturnToLauncherButton, {})]
164
165
  }),
165
- PostExtrasContent
166
+ PostExtrasContent && PostExtrasContent
166
167
  ]
167
168
  }),
168
169
  !disableGameScoreboard && /* @__PURE__ */ jsx(GameScoreboard, {
@@ -94,8 +94,12 @@ function AudioTab({ useAudioStore, config }) {
94
94
  children: [/* @__PURE__ */ jsxs(Form.Label, {
95
95
  className: "mb-0",
96
96
  children: [/* @__PURE__ */ jsx("span", { children: slider_obj.label }), audioSettings?.[slider_obj.key] && /* @__PURE__ */ jsxs("span", {
97
- className: "ms-2 text-muted",
98
- children: [audioSettings[slider_obj.key], "%"]
97
+ className: "ms-2",
98
+ children: [
99
+ "- ",
100
+ audioSettings[slider_obj.key],
101
+ "%"
102
+ ]
99
103
  })]
100
104
  }), /* @__PURE__ */ jsx(Form.Range, {
101
105
  value: audioSettings?.[slider_obj.key],
@@ -242,7 +246,7 @@ function OtherTab({ useStore, config }) {
242
246
  var package_default = {
243
247
  name: "@articles-media/articles-dev-box",
244
248
  description: "Shared code, functions, and components for different Articles Media projects.",
245
- version: "1.1.4",
249
+ version: "1.1.6",
246
250
  type: "module",
247
251
  sideEffects: false,
248
252
  imports: { "#root/src/*": "./src/*" },
@@ -1,2 +1,2 @@
1
- import { t as SettingsModal } from "./SettingsModal-DP-hFQ5A.js";
1
+ import { t as SettingsModal } from "./SettingsModal-CZvPy5hf.js";
2
2
  export { SettingsModal as default };
package/dist/index.js CHANGED
@@ -8,7 +8,7 @@ import useUserFriends from "./useUserFriends.js";
8
8
  import FriendsList from "./FriendsList.js";
9
9
  import { t as SessionButton } from "./SessionButton-DsXEzmff.js";
10
10
  import ArticlesAd from "./ArticlesAd.js";
11
- import { t as GameMenu } from "./GameMenu-DeFdYvvR.js";
11
+ import { t as GameMenu } from "./GameMenu-BSfKeM4b.js";
12
12
  import useFullscreen from "./useFullscreen.js";
13
13
  import PrimaryButtonGroup from "./GameMenuPrimaryButtonGroup.js";
14
14
  import NicknameInput from "./NicknameInput.js";
@@ -16,7 +16,7 @@ import { t as GameScoreboard } from "./GameScoreboard-CYuTBE_E.js";
16
16
  import PageTemplateLandingPage from "./PageTemplateLandingPage.js";
17
17
  import GlobalHead from "./GlobalHead.js";
18
18
  import GlobalBody_default from "./GlobalBody.js";
19
- import { t as SettingsModal } from "./SettingsModal-DP-hFQ5A.js";
19
+ import { t as SettingsModal } from "./SettingsModal-CZvPy5hf.js";
20
20
  import CreditsModal from "./CreditsModal.js";
21
21
  import InfoModal from "./InfoModal.js";
22
22
  import DarkModeHandler from "./DarkModeHandler.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@articles-media/articles-dev-box",
3
3
  "description": "Shared code, functions, and components for different Articles Media projects.",
4
- "version": "1.1.4",
4
+ "version": "1.1.6",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "imports": {