@articles-media/articles-dev-box 1.3.9 → 1.4.0

package/dist/GamesDropdown-0vWEovcq.js

@@ -0,0 +1,211 @@
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dropdown } from "react-bootstrap";
+//#region src/constants/articlesGames.js
+var articlesGames = [
+	{
+		"link": "https://four-frogs.articles.media",
+		"name": "Four Frogs",
+		"image": "https://cdn.articles.media/games/Four%20Frogs/thumbnail.webp"
+	},
+	{
+		"link": "https://race-game.articles.media",
+		"name": "Race Game",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/race-game/refs/heads/main/public/img/preview.webp"
+	},
+	{
+		"link": "https://battle-trap.articles.media",
+		"name": "Battle Trap",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/battle-trap/refs/heads/main/public/img/game-preview.webp"
+	},
+	{
+		"link": "https://plinko.articles.media",
+		"name": "Plinko",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/plinko/refs/heads/main/public/img/background.webp"
+	},
+	{
+		"link": "https://blackjack.articles.media",
+		"name": "Blackjack",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/blackjack/refs/heads/main/public/img/game-preview.webp"
+	},
+	{
+		"link": "https://eager-eagle.articles.media",
+		"name": "Eager Eagle",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/eager-eagle/refs/heads/main/public/img/preview.webp"
+	},
+	{
+		"link": "https://assets-gallery.articles.media",
+		"name": "Assets Gallery",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/assets-gallery/main/public/img/game-preview.gif"
+	},
+	{
+		"link": "https://glass-ceiling.articles.media",
+		"name": "Glass Ceiling",
+		"image": "https://cdn.articles.media/games/Glass Ceiling/preview.webp"
+	},
+	{
+		"link": "https://usa-tycoon.articles.media",
+		"name": "USA Tycoon",
+		"image": "https://cdn.articles.media/games/USA Tycoon/preview.webp"
+	},
+	{
+		"link": "https://carousel-of-progress.articles.media",
+		"name": "Carousel of Progress",
+		"image": "https://cdn.articles.media/games/Carousel of Progress/thumbnail.jpg"
+	},
+	{
+		"link": "https://pinball.articles.media",
+		"name": "Pinball",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/pinball/main/public/img/game-preview.gif"
+	},
+	{
+		"link": "https://ocean-rings.articles.media",
+		"name": "Ocean Rings",
+		"image": "https://cdn.articles.media/games/Ocean Rings/video-preview.gif"
+	},
+	{
+		"link": "https://school-run.articles.media",
+		"name": "School Run",
+		"image": "https://cdn.articles.media/games/School Run/preview.webp"
+	},
+	{
+		"link": "https://move-match.articles.media",
+		"name": "Move Match",
+		"image": "https://cdn.articles.media/games/Move Match/move-match-thumbnail.jpg"
+	},
+	{
+		"link": "https://cannon.articles.media",
+		"name": "Cannon",
+		"image": "https://cdn.articles.media/games/Cannon/cannon-thumbnail.jpg"
+	},
+	{
+		"link": "https://death-race.articles.media",
+		"name": "Death Race",
+		"image": "https://cdn.articles.media/games/Death Race/death-race-thumbnail.jpg"
+	},
+	{
+		"link": "https://tag.articles.media",
+		"name": "Tag",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/tag/refs/heads/main/public/img/preview.webp"
+	},
+	{
+		"link": "https://ice-slide.articles.media",
+		"name": "Ice Slide",
+		"image": "https://cdn.articles.media/games/Ice Slide/ice-slide-thumbnail.jpg"
+	},
+	{
+		"link": "https://8-ball-pool.articles.media",
+		"name": "8 Ball Pool",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/8-ball-pool/refs/heads/main/public/img/game-preview.webp"
+	},
+	{
+		"link": "https://parkour.articles.media",
+		"name": "Parkour",
+		"image": "https://cdn.articles.media/games/Parkour/parkour-thumbnail.png"
+	},
+	{
+		"link": "https://tug-of-war.articles.media",
+		"name": "Tug of War",
+		"image": "https://cdn.articles.media/games/Tug of War/tug-of-war-thumbnail.png"
+	},
+	{
+		"link": "https://platformer-escape.articles.media",
+		"name": "Platformer Escape",
+		"image": "https://cdn.articles.media/games/Platformer Escape/preview.webp"
+	},
+	{
+		"link": "https://jungle-vines.articles.media",
+		"name": "Jungle Vines",
+		"image": "https://cdn.articles.media/games/Jungle Vines/preview.webp"
+	},
+	{
+		"link": "https://treasure-dive.articles.media",
+		"name": "Treasure Dive",
+		"image": "https://cdn.articles.media/games/Treasure Dive/treasure-dive-thumbnail.png"
+	},
+	{
+		"link": "https://memory-game.articles.media",
+		"name": "Memory Game",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/memory-game/refs/heads/main/public/img/preview.webp"
+	},
+	{
+		"link": "https://catching-game.articles.media",
+		"name": "Catching Game",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/catching-game/refs/heads/main/public/img/preview.webp"
+	},
+	{
+		"link": "https://stop-the-thieves.articles.media",
+		"name": "Stop the Thieves",
+		"image": "https://cdn.articles.media/games/Stop the Thiefs/preview.webp"
+	},
+	{
+		"link": "https://assassin.articles.media",
+		"name": "Assassin",
+		"image": "https://cdn.articles.media/games/Assassin/assassin-thumbnail.webp"
+	},
+	{
+		"link": "https://trash-chute.articles.media",
+		"name": "Trash Chute",
+		"image": "https://cdn.articles.media/games/Trash Chute/trash-chute-preview.webp"
+	},
+	{
+		"link": "https://spleef.articles.media",
+		"name": "Spleef",
+		"image": "https://raw.githubusercontent.com/Articles-Joey/spleef/refs/heads/main/public/img/background.webp"
+	}
+];
+//#endregion
+//#region src/components/Games/GamesDropdown.jsx
+function GamesDropdown({}) {
+	const [gameSearch, setGameSearch] = useState("");
+	return /* @__PURE__ */ jsxs(Dropdown, {
+		drop: "up",
+		children: [/* @__PURE__ */ jsx(Dropdown.Toggle, {
+			variant: "articles",
+			size: "sm",
+			id: "dropdown-basic",
+			children: /* @__PURE__ */ jsx("i", { className: "fad fa-joystick" })
+		}), /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "px-2 mb-2 d-flex align-items-center",
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "text",
+				placeholder: "Search Games",
+				className: "form-control form-control-sm",
+				value: gameSearch,
+				onChange: (e) => {
+					setGameSearch(e.target.value);
+				}
+			}), gameSearch && /* @__PURE__ */ jsx("i", {
+				className: "fad fa-times-circle ms-2",
+				style: { cursor: "pointer" },
+				onClick: () => setGameSearch("")
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			style: {
+				maxHeight: "200px",
+				overflowY: "auto"
+			},
+			children: articlesGames.filter((game) => game.name.toLowerCase().includes(gameSearch.toLowerCase())).length > 0 ? articlesGames.filter((game) => game.name.toLowerCase().includes(gameSearch.toLowerCase())).map((game, index) => /* @__PURE__ */ jsxs(Dropdown.Item, {
+				rel: "noopener noreferrer",
+				href: `${game.link}?utm_source=${window.location.hostname}&utm_medium=GamesDropdown`,
+				className: "d-flex align-items-center",
+				children: [/* @__PURE__ */ jsx("img", {
+					src: game.image,
+					alt: game.name,
+					loading: "lazy",
+					style: {
+						width: "30px",
+						height: "30px",
+						objectFit: "cover",
+						marginRight: "10px"
+					}
+				}), game.name]
+			}, index)) : /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-1 small text-center text-muted",
+				children: "No results found"
+			})
+		})] })]
+	});
+}
+//#endregion
+export { GamesDropdown as default };

package/dist/GlobalClientModals.js

@@ -63,7 +63,7 @@ var CreditsModal = lazy(() => import("./CreditsModal.js"));
 var FriendsList = lazy(() => import("./FriendsList.js"));
 var SettingsModal = lazy(() => import("./SettingsModal.js"));
 var InviteModal = lazy(() => import("./InviteModal.js"));
-var StatusModal = lazy(() => import("./StatusModal-DrPXOA_k.js"));
+var StatusModal = lazy(() => import("./StatusModal-DPkSqpaC.js"));
 function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, useSocketStore, packageInfo, settingsModalConfig, infoModalConfig }) {
 	const showInfoModal = useStore((state) => state.showInfoModal);
 	const setShowInfoModal = useStore((state) => state.setShowInfoModal);

package/dist/ReturnToLauncherButton.js

@@ -1,9 +1,10 @@
 "use client";
 import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
-import { useEffect, useState } from "react";
+import { lazy, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Games/ReturnToLauncherButton.jsx
-function ReturnToLauncherButton({ className, id }) {
+var GamesDropdown = lazy(() => import("./GamesDropdown-0vWEovcq.js"));
+function ReturnToLauncherButton({ className, id, hideGamesDropdown = false }) {
 	const [isMounted, setIsMounted] = useState(false);
 	useEffect(() => {
 		setIsMounted(true);
@@ -12,18 +13,21 @@ function ReturnToLauncherButton({ className, id }) {
 	const urlParams = new URL(window.location.href).searchParams;
 	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`;
-		},
-		children: [/* @__PURE__ */ jsx("i", { className: "fad fa-gamepad" }), "View our other games"]
+	if (!launcher_mode) return /* @__PURE__ */ jsxs("div", {
+		className: "d-flex",
+		children: [/* @__PURE__ */ jsxs(ArticlesButton, {
+			className: `${className} w-100`,
+			small: true,
+			id,
+			style: {
+				zIndex: 10,
+				position: "relative"
+			},
+			onClick: () => {
+				window.location.href = `https://games.articles.media?utm_source=${window.location.hostname}&utm_medium=GamesDropdown`;
+			},
+			children: [/* @__PURE__ */ jsx("i", { className: "fad fa-gamepad" }), "View our other games"]
+		}), !hideGamesDropdown && /* @__PURE__ */ jsx(GamesDropdown, {})]
 	});
 	return /* @__PURE__ */ jsxs(ArticlesButton, {
 		className: `${className} w-100`,
@@ -34,7 +38,7 @@ function ReturnToLauncherButton({ className, id }) {
 			position: "relative"
 		},
 		onClick: () => {
-			window.location.href = `https://games.articles.media`;
+			window.location.href = `https://games.articles.media?utm_source=${window.location.hostname}&utm_medium=GamesDropdown`;
 		},
 		children: [/* @__PURE__ */ jsx("i", { className: "fad fa-gamepad" }), "Return to Games"]
 	});

package/dist/{SessionButton-DsXEzmff.js → SessionButton-D0EcgEPz.js}

@@ -40,7 +40,7 @@ function SignOutModal({ show, setShow, action }) {
 }
 //#endregion
 //#region src/components/User/SessionButton.jsx
-var Textfit = lazy(() => import("./Textfit-XtAzfT0P.js").then((module) => ({ default: module.Textfit })));
+var Textfit = lazy(() => import("./Textfit-BzE4CQik.js").then((module) => ({ default: module.Textfit })));
 function SessionButton({ port, friendsButton, enableTextfit = false, size = "sm" }) {
 	const { data: userToken, error: userTokenError, isLoading: userTokenLoading, mutate: userTokenMutate } = useUserToken(port);
 	const { data: userDetails, error: userDetailsError, isLoading: userDetailsLoading, mutate: userDetailsMutate } = useUserDetails({ token: userToken });

package/dist/SessionButton.js

@@ -3,5 +3,5 @@ import "./SignInButton.js";
 import "./useUserDetails.js";
 import "./useUserToken.js";
 import "./FriendsList.js";
-import { t as SessionButton } from "./SessionButton-DsXEzmff.js";
+import { t as SessionButton } from "./SessionButton-D0EcgEPz.js";
 export { SessionButton as default };

package/dist/{SettingsModal-Bs-HN9bH.js → SettingsModal-B7qntfk6.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.9",
+	version: "1.4.0",
 	type: "module",
 	sideEffects: false,
 	imports: { "#root/src/*": "./src/*" },

package/dist/SettingsModal.js

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

package/dist/index.js

@@ -6,7 +6,7 @@ import { t as ViewUserModal } from "./ViewUserModal-Dgo1C4sR.js";
 import { t as Ad_default } from "./Ad-bic8syS1.js";
 import useUserFriends from "./useUserFriends.js";
 import FriendsList from "./FriendsList.js";
-import { t as SessionButton } from "./SessionButton-DsXEzmff.js";
+import { t as SessionButton } from "./SessionButton-D0EcgEPz.js";
 import ArticlesAd from "./ArticlesAd.js";
 import { t as GameMenu } from "./GameMenu-CBn1r9Cq.js";
 import useFullscreen from "./useFullscreen.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-Bs-HN9bH.js";
+import { t as SettingsModal } from "./SettingsModal-B7qntfk6.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.9",
+  "version": "1.4.0",
   "type": "module",
   "sideEffects": false,
   "imports": {