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

package/dist/GameScoreboard-DVoXXDnM.js

@@ -0,0 +1,174 @@
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { t as ViewUserModal } from "./ViewUserModal-Dgo1C4sR.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import useSWR from "swr";
+import Modal from "react-bootstrap/Modal";
+//#region src/components/UI/ArticlesSwitch.jsx
+function ArticlesSwitch({ setChecked, checked, readOnly }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: `articles-switch mb-0 ${checked && "checked"}`,
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "checkbox",
+			readOnly: readOnly ? true : false,
+			checked,
+			onChange: () => {}
+		}), /* @__PURE__ */ jsx("span", {
+			onClick: (e) => {
+				if (setChecked) {
+					setChecked(!checked);
+					return;
+				} else {
+					e.preventDefault();
+					return;
+				}
+			},
+			className: "slider"
+		})]
+	});
+}
+//#endregion
+//#region src/hooks/Games/useGameScoreboard.js
+var fetcher = async (obj) => {
+	if (process.env.NODE_ENV === "development") try {
+		const params = new URLSearchParams({ game: obj.game }).toString();
+		return await (await fetch(`http://localhost:3001/api/community/games/scoreboard?${params}`)).json();
+	} catch (err) {}
+	const params = new URLSearchParams({ game: obj.game }).toString();
+	return fetch(`${obj.url}?${params}`).then((res) => res.json());
+};
+var options = {
+	dedupingInterval: 1e3 * 60 * 30,
+	errorRetryInterval: 1e3 * 60 * 5,
+	refreshInterval: 0,
+	revalidateOnFocus: false,
+	revalidateIfStale: false,
+	shouldRetryOnError: false
+};
+var useGameScoreboard = (params) => {
+	const { data, error, isLoading, isValidating, mutate } = useSWR(params?.game ? {
+		url: "https://articles.media/api/community/games/scoreboard",
+		game: params.game
+	} : null, fetcher, options);
+	return {
+		data,
+		error,
+		isLoading,
+		isValidating,
+		mutate
+	};
+};
+//#endregion
+//#region src/components/Games/GameScoreboard.jsx
+function GameScoreboard({ game, metric, reloadScoreboard, setReloadScoreboard, prepend, append }) {
+	const [showSettings, setShowSettings] = useState(false);
+	const [visible, setVisible] = useState(false);
+	const { data: scoreboard, isLoading: scoreboardIsLoading, mutate: scoreboardMutate } = useGameScoreboard({ game });
+	useEffect(() => {}, []);
+	useEffect(() => {
+		if (reloadScoreboard) {
+			setReloadScoreboard(false);
+			scoreboardMutate();
+		}
+	}, [reloadScoreboard]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "scoreboard",
+		children: [
+			/* @__PURE__ */ jsxs(Modal, {
+				show: showSettings,
+				size: "md",
+				className: "articles-modal",
+				centered: true,
+				onHide: () => setShowSettings(false),
+				children: [
+					/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Scoreboard Settings" }) }),
+					/* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", {
+						className: "d-flex justify-content-between align-items-center",
+						onClick: () => setVisible(!visible),
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ jsx("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ jsx(ArticlesSwitch, { checked: visible })]
+					}) }),
+					/* @__PURE__ */ jsx(Modal.Footer, {
+						className: "justify-content-between",
+						children: /* @__PURE__ */ jsx(ArticlesButton, {
+							variant: "articles",
+							onClick: () => {
+								setShowSettings(false);
+							},
+							children: "Close"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "prepend-container",
+				children: prepend
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "card card-articles card-sm mb-3 mb-lg-0",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "card-header d-flex justify-content-between align-items-center",
+						children: [/* @__PURE__ */ jsxs("span", { children: [game, " Scoreboard"] }), /* @__PURE__ */ jsx(ArticlesButton, {
+							onClick: () => {
+								scoreboardMutate();
+							},
+							small: true,
+							children: /* @__PURE__ */ jsx("i", { className: "fad fa-redo me-0" })
+						})]
+					}),
+					/* @__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: [/* @__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))]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "card-footer d-flex justify-content-between align-items-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "small",
+							children: "Play to get on the board!"
+						}), /* @__PURE__ */ jsx(ArticlesButton, {
+							small: true,
+							onClick: () => {
+								setShowSettings(true);
+							},
+							children: /* @__PURE__ */ jsx("i", { className: "fad fa-cog me-0" })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "append-container",
+				children: append
+			})
+		]
+	});
+}
+//#endregion
+export { GameScoreboard as t };

package/dist/GameScoreboard.js

@@ -1,2 +1,2 @@
-import { t as e } from "./GameScoreboard-9GYlLx72.js";
-export { e as default };
+import { t as GameScoreboard } from "./GameScoreboard-DVoXXDnM.js";
+export { GameScoreboard as default };

package/dist/GlobalBody.js

@@ -1,36 +1,71 @@
 "use client";
-import { n as e, t } from "./classnames-DCsil9eG.js";
-import { n, t as r } from "./useAuthSiteStatus-Cj9IjMj7.js";
-import { Suspense as i, lazy as a, memo as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
+import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-ZK1GbPBV.js";
+import { Suspense, lazy, memo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Global/GlobalBody.jsx
-var d = /* @__PURE__ */ e(t(), 1), f = a(() => import("./StatusModal-PG3i9NKf.js"));
-function p(e) {
-	let [t, a] = s(!1), { data: o, error: p, isLoading: m, mutate: h } = n({ disable: process.env.NODE_ENV !== "development" }), { data: g, error: _, isLoading: v, mutate: y } = r({ disable: process.env.NODE_ENV !== "development" });
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("link", {
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
+var StatusModal = lazy(() => import("./StatusModal-BXRbJQ10.js"));
+function GlobalBody(props) {
+	const [statusModal, setStatusModal] = useState(false);
+	const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" });
+	const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("link", {
 		rel: "stylesheet",
-		href: "https://cdn.articles.media/fonts/fontawesome/css/all.min.css"
-	}), process.env.NODE_ENV === "development" && /* @__PURE__ */ u(c, { children: [
-		/* @__PURE__ */ l("style", { children: "                        \n                            @keyframes grow-shrink {\n                                0% { transform: translateY(-50px); }\n                                50% { transform: translateY(0px); }\n                                100% { transform: translateY(-50px); }\n                            }\n                            .articles-global-body {\n                                transform: translateY(-40px);\n                                z-index: 1055!important;\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                width: 50px;\n                                height: 50px;\n                                margin: 0;\n                                padding: 0;\n                                background-color: yellow;\n                                color: #FFFFFF;\n                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n                                animation: grow-shrink 2s ease-in;\n                                border: 4px solid red;\n                                cursor: pointer;\n                            }\n                            .articles-global-body.main-connected {\n                                background-color: green;\n                            }\n                            .articles-global-body.auth-connected {\n                                border-color: blue;\n                            }  \n                        " }),
-		/* @__PURE__ */ l("div", {
+		href: `https://cdn.articles.media/fonts/fontawesome/css/all.min.css`
+	}), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("style", { children: `                        
+                            @keyframes grow-shrink {
+                                0% { transform: translateY(-50px); }
+                                50% { transform: translateY(0px); }
+                                100% { transform: translateY(-50px); }
+                            }
+                            .articles-global-body {
+                                transform: translateY(-40px);
+                                z-index: 1055!important;
+                                position: absolute;
+                                top: 0;
+                                left: 0;
+                                display: flex;
+                                justify-content: center;
+                                align-items: center;
+                                width: 50px;
+                                height: 50px;
+                                margin: 0;
+                                padding: 0;
+                                background-color: yellow;
+                                color: #FFFFFF;
+                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+                                animation: grow-shrink 2s ease-in;
+                                border: 4px solid red;
+                                cursor: pointer;
+                            }
+                            .articles-global-body.main-connected {
+                                background-color: green;
+                            }
+                            .articles-global-body.auth-connected {
+                                border-color: blue;
+                            }  
+                        ` }),
+		/* @__PURE__ */ jsx("div", {
 			onClick: () => {
-				a(!0);
+				setStatusModal(true);
 			},
-			className: (0, d.default)("articles-global-body", {
-				"main-connected": o,
-				"auth-connected": g
+			className: (0, import_classnames.default)(`articles-global-body`, {
+				"main-connected": mainSiteStatus,
+				"auth-connected": authSiteStatus
 			}),
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				className: "content",
-				children: /* @__PURE__ */ l("i", { className: "fas fa-thumbs-up" })
+				children: /* @__PURE__ */ jsx("i", { className: "fas fa-thumbs-up" })
 			})
 		}),
-		t && /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(f, {
-			show: t,
-			setShow: a
+		statusModal && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(StatusModal, {
+			show: statusModal,
+			setShow: setStatusModal
 		}) })
 	] })] });
 }
-var m = o(p);
+var GlobalBody_default = memo(GlobalBody);
 //#endregion
-export { m as default };
+export { GlobalBody_default as default };

package/dist/GlobalHead.js

@@ -1,10 +1,10 @@
-import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/components/Global/GlobalHead.jsx
-function n() {
-	return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t("link", {
+function GlobalHead() {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("link", {
 		rel: "stylesheet",
-		href: "https://cdn.articles.media/fonts/fontawesome/css/all.min.css"
+		href: `https://cdn.articles.media/fonts/fontawesome/css/all.min.css`
 	}) });
 }
 //#endregion
-export { n as default };
+export { GlobalHead as default };

package/dist/Link-CguWJy6y.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/components/UI/Link.jsx
+function Link(props) {
+	const { href, children, newPage, ...rest } = props;
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		...rest,
+		...newPage && {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		},
+		children
+	});
+}
+//#endregion
+export { Link as t };

package/dist/ReturnToLauncherButton.js

@@ -1,39 +1,43 @@
 "use client";
-import { t as e } from "./Button-sSB4xpOw.js";
-import { useEffect as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Games/ReturnToLauncherButton.jsx
-function a({ className: a, id: o }) {
-	let [s, c] = n(!1);
-	if (t(() => {
-		c(!0);
-	}, []), !s) return null;
-	let l = new URLSearchParams(window.location.search), { launcher_mode: u } = Object.fromEntries(l);
-	return u = u === "1", u ? /* @__PURE__ */ i(e, {
-		className: `${a} w-100`,
-		id: o,
-		small: !0,
+function ReturnToLauncherButton({ className, id }) {
+	const [isMounted, setIsMounted] = useState(false);
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	if (!isMounted) return null;
+	const urlParams = new URLSearchParams(window.location.search);
+	let { launcher_mode } = Object.fromEntries(urlParams);
+	launcher_mode = launcher_mode === "1" ? true : false;
+	if (!launcher_mode) return /* @__PURE__ */ jsxs(ArticlesButton, {
+		className: `${className} w-100`,
+		small: true,
+		id,
 		style: {
 			zIndex: 10,
 			position: "relative"
 		},
 		onClick: () => {
-			window.location.href = "https://games.articles.media";
+			window.location.href = `https://games.articles.media`;
 		},
-		children: [/* @__PURE__ */ r("i", { className: "fad fa-gamepad" }), "Return to Games"]
-	}) : /* @__PURE__ */ i(e, {
-		className: `${a} w-100`,
-		small: !0,
-		id: o,
+		children: [/* @__PURE__ */ jsx("i", { className: "fad fa-gamepad" }), "View our other games"]
+	});
+	return /* @__PURE__ */ jsxs(ArticlesButton, {
+		className: `${className} w-100`,
+		id,
+		small: true,
 		style: {
 			zIndex: 10,
 			position: "relative"
 		},
 		onClick: () => {
-			window.location.href = "https://games.articles.media";
+			window.location.href = `https://games.articles.media`;
 		},
-		children: [/* @__PURE__ */ r("i", { className: "fad fa-gamepad" }), "View our other games"]
+		children: [/* @__PURE__ */ jsx("i", { className: "fad fa-gamepad" }), "Return to Games"]
 	});
 }
 //#endregion
-export { a as default };
+export { ReturnToLauncherButton as default };

package/dist/SessionButton.js

@@ -1,46 +1,70 @@
-import { t as e } from "./Button-sSB4xpOw.js";
-import t from "./SignInButton.js";
-import n from "./useUserDetails.js";
-import r from "./useUserToken.js";
-import { t as i } from "./ViewUserModal-C5gjfuJ5.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import SignInButton from "./SignInButton.js";
+import useUserDetails from "./useUserDetails.js";
+import useUserToken from "./useUserToken.js";
+import { t as ViewUserModal } from "./ViewUserModal-Dgo1C4sR.js";
+import FriendsList from "./FriendsList.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/User/SessionButton.jsx
-function c({ port: c }) {
-	let { data: l, error: u, isLoading: d, mutate: f } = r(c), { data: p, error: m, isLoading: h, mutate: g } = n({ token: l });
-	return /* @__PURE__ */ o(a, { children: p ? /* @__PURE__ */ s("div", {
+function SessionButton({ port, friendsButton }) {
+	const { data: userToken, error: userTokenError, isLoading: userTokenLoading, mutate: userTokenMutate } = useUserToken(port);
+	const { data: userDetails, error: userDetailsError, isLoading: userDetailsLoading, mutate: userDetailsMutate } = useUserDetails({ token: userToken });
+	const logoutLink = `/api/signout`;
+	const [showFriendsModal, setShowFriendsModal] = useState(false);
+	return /* @__PURE__ */ jsx(Fragment, { children: !userDetails ? /* @__PURE__ */ jsx(SignInButton, { className: "mb-2" }) : /* @__PURE__ */ jsxs("div", {
 		className: "w-100 d-flex align-items-stretch mb-2",
-		children: [/* @__PURE__ */ o(i, {
-			buttonType: "Link",
-			className: "w-100",
-			children: /* @__PURE__ */ s(e, {
+		children: [
+			/* @__PURE__ */ jsx(ViewUserModal, {
+				buttonType: "Link",
 				className: "w-100",
-				small: !0,
+				children: /* @__PURE__ */ jsxs(ArticlesButton, {
+					className: "w-100",
+					small: true,
+					onClick: () => {
+						console.log("userDetails", userDetails);
+					},
+					children: [
+						/* @__PURE__ */ jsx("i", { className: "fad fa-sign-out" }),
+						"Logged in as ",
+						userDetails?.display_name || "Unknown User"
+					]
+				})
+			}),
+			showFriendsModal && /* @__PURE__ */ jsx(FriendsList, {
+				show: showFriendsModal,
+				setShow: setShowFriendsModal,
+				componentType: "modal"
+			}),
+			friendsButton && /* @__PURE__ */ jsx(ArticlesButton, {
+				className: "",
+				small: true,
+				title: "My Friends",
 				onClick: () => {
-					console.log("userDetails", p);
+					setShowFriendsModal(true);
 				},
-				children: [
-					/* @__PURE__ */ o("i", { className: "fad fa-sign-out" }),
-					"Logged in as ",
-					p?.display_name || "Unknown User"
-				]
+				children: /* @__PURE__ */ jsx("i", { className: "fad fa-users" })
+			}),
+			/* @__PURE__ */ jsx(ArticlesButton, {
+				className: "",
+				small: true,
+				title: "Sign out",
+				onClick: () => {
+					fetch(logoutLink, {
+						method: "GET",
+						headers: {}
+					}).then((response) => response.json()).then((data) => {
+						console.log("Logout successful:", data);
+						userTokenMutate(null);
+						userDetailsMutate(null);
+					}).catch((error) => {
+						console.error("Logout error:", error);
+					});
+				},
+				children: /* @__PURE__ */ jsx("i", { className: "fad fa-sign-out" })
 			})
-		}), /* @__PURE__ */ o(e, {
-			className: "",
-			small: !0,
-			title: "Sign out",
-			onClick: () => {
-				fetch("/api/signout", {
-					method: "GET",
-					headers: {}
-				}).then((e) => e.json()).then((e) => {
-					console.log("Logout successful:", e), f(null), g(null);
-				}).catch((e) => {
-					console.error("Logout error:", e);
-				});
-			},
-			children: /* @__PURE__ */ o("i", { className: "fad fa-sign-out" })
-		})]
-	}) : /* @__PURE__ */ o(t, { className: "mb-2" }) });
+		]
+	}) });
 }
 //#endregion
-export { c as default };
+export { SessionButton as default };