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

package/README.md

@@ -5,7 +5,7 @@
 Shared code, functions, and components that are commonly used across Articles Media projects. 
 
 # Warning
-None of this is meant to work outside the Articles Media frontend React ecosystem. Breaking changes are being made in between patch releases until 1.1.0, when we switch to major release for breaking.
+A lot of this package is expected to be consumed in a Articles Media related React ecosystem. See Package Exports section for more details.
 
 ## Getting Started
 

package/dist/{GameScoreboard-CYuTBE_E.js → GameScoreboard-BvE_sIDW.js}

@@ -60,11 +60,11 @@ var useGameScoreboard = (params) => {
 };
 //#endregion
 //#region src/components/Games/GameScoreboard.jsx
-function GameScoreboard({ game, metric, reloadScoreboard, setReloadScoreboard, prepend, append }) {
+function GameScoreboard({ game, metric, metrics, reloadScoreboard, setReloadScoreboard, prepend, append, append_score_text = "" }) {
 	const [showSettings, setShowSettings] = useState(false);
 	const [visible, setVisible] = useState(false);
+	const [activeMetric, setActiveMetric] = useState(false);
 	const { data: scoreboard, isLoading: scoreboardIsLoading, mutate: scoreboardMutate } = useGameScoreboard({ game });
-	useEffect(() => {}, []);
 	useEffect(() => {
 		if (reloadScoreboard) {
 			setReloadScoreboard(false);
@@ -118,35 +118,54 @@ function GameScoreboard({ game, metric, reloadScoreboard, setReloadScoreboard, p
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "card-body p-0",
-						children: [(scoreboard?.length || 0) == 0 && /* @__PURE__ */ jsx("div", {
-							className: "small p-2",
-							children: "No scores yet"
-						}), scoreboard?.length > 0 && scoreboard?.map((doc, i) => /* @__PURE__ */ jsxs("div", {
-							className: "result d-flex flex-column justify-content-between border-bottom p-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "d-flex justify-content-between lh-sm",
+						children: [
+							metrics?.length > 1 && /* @__PURE__ */ jsx("div", {
+								className: "metrics d-flex border-bottom p-2",
+								children: metrics.map((m, i) => /* @__PURE__ */ jsx("div", {
+									className: "metric badge bg-black text-white me-2",
+									onClick: () => setActiveMetric(m?.label),
+									style: {
+										opacity: activeMetric == m?.label ? 1 : .5,
+										cursor: "pointer"
+									},
+									children: m?.label
+								}, i))
+							}),
+							scoreboardIsLoading && /* @__PURE__ */ jsxs("div", {
+								className: "d-flex align-items-center p-2",
+								children: [/* @__PURE__ */ jsx("i", { className: "fad fa-spinner-third fa-spin fa-2x me-2" }), /* @__PURE__ */ jsx("div", { children: "Loading..." })]
+							}),
+							(scoreboard?.length || 0) == 0 && !scoreboardIsLoading && /* @__PURE__ */ jsx("div", {
+								className: "small p-2",
+								children: "No scores yet"
+							}),
+							scoreboard?.length > 0 && scoreboard?.map((doc, i) => /* @__PURE__ */ jsxs("div", {
+								className: "result d-flex flex-column justify-content-between border-bottom p-2",
 								children: [/* @__PURE__ */ jsxs("div", {
-									className: "d-flex",
-									children: [/* @__PURE__ */ jsx("h5", {
-										className: "mb-0 me-3",
-										children: i + 1
-									}), /* @__PURE__ */ jsx("div", {
-										className: "lh-sm",
-										children: /* @__PURE__ */ jsx(ViewUserModal, {
-											populated_user: doc.populated_user,
-											user_id: doc.user_id
-										})
-									})]
-								}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h5", {
-									className: "mb-0",
-									children: doc.score || doc.total
-								}) })]
-							}), doc.last_play && doc.public_last_play && /* @__PURE__ */ jsxs("small", {
-								className: "mt-1",
-								style: { fontSize: "0.75rem" },
-								children: ["Played: ", format(new Date(doc.last_play), "MM/d/yy hh:mmaa")]
-							})]
-						}, doc._id))]
+									className: "d-flex justify-content-between lh-sm",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "d-flex",
+										children: [/* @__PURE__ */ jsx("h5", {
+											className: "mb-0 me-3",
+											children: i + 1
+										}), /* @__PURE__ */ jsx("div", {
+											className: "lh-sm",
+											children: /* @__PURE__ */ jsx(ViewUserModal, {
+												populated_user: doc.populated_user,
+												user_id: doc.user_id
+											})
+										})]
+									}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("h5", {
+										className: "mb-0",
+										children: [doc.score || doc.total, append_score_text]
+									}) })]
+								}), doc.last_play && doc.public_last_play && /* @__PURE__ */ jsxs("small", {
+									className: "mt-1",
+									style: { fontSize: "0.75rem" },
+									children: ["Played: ", format(new Date(doc.last_play), "MM/d/yy hh:mmaa")]
+								})]
+							}, doc._id))
+						]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "card-footer d-flex justify-content-between align-items-center",

package/dist/GameScoreboard.js

@@ -1,2 +1,2 @@
-import { t as GameScoreboard } from "./GameScoreboard-CYuTBE_E.js";
+import { t as GameScoreboard } from "./GameScoreboard-BvE_sIDW.js";
 export { GameScoreboard as default };

package/dist/InfoModal.js

@@ -29,12 +29,15 @@ function InfoModal({ show, setShow, useStore, packageInfo, infoModalConfig }) {
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "ratio ratio-16x9",
 					children: darkMode ? /* @__PURE__ */ jsx("img", { src: infoModalConfig?.previewImage }) : /* @__PURE__ */ jsx("img", { src: infoModalConfig?.previewImage })
-				}), /* @__PURE__ */ jsx("div", {
+				}), /* @__PURE__ */ jsxs("div", {
 					className: "p-3",
-					children: /* @__PURE__ */ jsx("div", {
+					children: [/* @__PURE__ */ jsx("div", {
 						className: "",
 						children: packageInfo?.description
-					})
+					}), infoModalConfig?.appendContent && /* @__PURE__ */ jsx("div", {
+						className: "mt-2",
+						children: infoModalConfig.appendContent
+					})]
 				})]
 			}),
 			/* @__PURE__ */ jsxs(Modal.Footer, {

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, NicknameInputConfig = null, CardOverride = null, LandingBackgroundAnimation = null }) {
+function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Link, logoImage, backgroundImage, CardBodyOverride, 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 }) {
 	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);
@@ -42,7 +42,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 						style: { "width": maxInnerWidth },
 						children: [
 							PreHeroContent && PreHeroContent,
-							!disableHero && /* @__PURE__ */ jsxs("div", {
+							heroOverride ? heroOverride : !disableHero && /* @__PURE__ */ jsxs("div", {
 								className: "landing-hero text-center mb-2",
 								children: [/* @__PURE__ */ jsx("img", {
 									src: logoImage,
@@ -157,7 +157,7 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 								]
 							}),
 							PostCardContent && PostCardContent,
-							/* @__PURE__ */ jsxs("div", {
+							process.env.NEXT_PUBLIC_ENABLE_ARTICLES !== "false" && /* @__PURE__ */ jsxs("div", {
 								className: "extras",
 								children: [/* @__PURE__ */ jsx(SessionButton, {
 									port: process.env.NEXT_PUBLIC_GAME_PORT,
@@ -180,7 +180,8 @@ function PageTemplateLandingPage({ useStore, useSocketStore, RotatingMascot, Lin
 								alignItems: "center"
 							},
 							children: /* @__PURE__ */ jsx(RotatingMascot, {})
-						}) })
+						}) }),
+						...gameScoreboardConfig
 					}),
 					!disableAd && /* @__PURE__ */ jsx(Ad, {
 						style: "Default",

package/dist/{SettingsModal-DIMbVw4n.js → SettingsModal-Cg15aSoE.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.0",
+	version: "1.3.2",
 	type: "module",
 	sideEffects: false,
 	imports: { "#root/src/*": "./src/*" },

package/dist/SettingsModal.js

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

package/dist/index.js

@@ -12,11 +12,11 @@ import { t as GameMenu } from "./GameMenu-CBn1r9Cq.js";
 import useFullscreen from "./useFullscreen.js";
 import PrimaryButtonGroup from "./GameMenuPrimaryButtonGroup.js";
 import NicknameInput from "./NicknameInput.js";
-import { t as GameScoreboard } from "./GameScoreboard-CYuTBE_E.js";
+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-DIMbVw4n.js";
+import { t as SettingsModal } from "./SettingsModal-Cg15aSoE.js";
 import CreditsModal from "./CreditsModal.js";
 import InfoModal from "./InfoModal.js";
 import DarkModeHandler from "./DarkModeHandler.js";

package/dist/typicalZustandStoreStateSlice.js

@@ -101,7 +101,9 @@ var typicalZustandStoreStateSlice = (set, get, generateRandomNickname) => ({
 	hasNoMouse: null,
 	setHasNoMouse: (value) => set({ hasNoMouse: value }),
 	isTouchCapable: null,
-	setIsTouchCapable: (value) => set({ isTouchCapable: value })
+	setIsTouchCapable: (value) => set({ isTouchCapable: value }),
+	modelSource: process.env.NEXT_PUBLIC_MODEL_SOURCE || "Local",
+	setModelSource: (value) => set({ modelSource: value })
 });
 //#endregion
 export { typicalZustandStoreStateSlice as default };

package/dist/useUserToken.js

@@ -5,7 +5,7 @@ var fetcher = (url) => fetch(url).then((res) => {
 	return res.json();
 });
 var useUserToken = (port) => {
-	const { data, error, isLoading, mutate } = useSWR(process.env.NODE_ENV === "development" ? `http://localhost:${port}/api/token` : "/api/token", fetcher, {
+	const { data, error, isLoading, mutate } = useSWR(process.env.NEXT_PUBLIC_ENABLE_ARTICLES !== "false" ? process.env.NODE_ENV === "development" ? `http://localhost:${port}/api/token` : "/api/token" : false, fetcher, {
 		revalidateOnFocus: false,
 		revalidateOnReconnect: false,
 		shouldRetryOnError: false,

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