@articles-media/articles-dev-box 1.0.17 → 1.0.23

package/dist/ReturnToLauncherButton.js

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

package/dist/SettingsModal-XI2dMI09.js

@@ -0,0 +1,247 @@
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import { useState as n } from "react";
+import { Form as r, Modal as i } from "react-bootstrap";
+//#region src/components/Games/Settings/GraphicsTab.jsx
+var a = e();
+function o({ useStore: e }) {
+	let n = e((e) => e?.darkMode), r = e((e) => e?.setDarkMode), i = e((e) => e?.graphicsQuality), o = e((e) => e?.setGraphicsQuality), s = e((e) => e?.landingAnimation), c = e((e) => e?.setLandingAnimation);
+	return /* @__PURE__ */ (0, a.jsxs)(a.Fragment, { children: [
+		/* @__PURE__ */ (0, a.jsx)("div", { children: "Dark Mode" }),
+		/* @__PURE__ */ (0, a.jsx)("div", {
+			className: "mb-3",
+			children: [!1, !0].map((e, i) => /* @__PURE__ */ (0, a.jsx)(t, {
+				active: n === e,
+				onClick: () => {
+					r(e);
+				},
+				children: e ? "On" : "Off"
+			}, i))
+		}),
+		/* @__PURE__ */ (0, a.jsx)("div", { children: "Graphics Quality" }),
+		/* @__PURE__ */ (0, a.jsx)("div", {
+			className: "mb-3",
+			children: [
+				"Low",
+				"Medium",
+				"High"
+			].map((e) => /* @__PURE__ */ (0, a.jsx)(t, {
+				active: i === e,
+				onClick: () => {
+					o(e);
+				},
+				children: e
+			}, e))
+		}),
+		/* @__PURE__ */ (0, a.jsx)("div", { children: "Landing Animation" }),
+		/* @__PURE__ */ (0, a.jsxs)("div", {
+			className: "mb-3",
+			children: [/* @__PURE__ */ (0, a.jsx)(t, {
+				active: s === !1,
+				onClick: () => {
+					c(!1);
+				},
+				children: "Disabled"
+			}), /* @__PURE__ */ (0, a.jsx)(t, {
+				active: s === !0,
+				onClick: () => {
+					c(!0);
+				},
+				children: "Enabled"
+			})]
+		})
+	] });
+}
+//#endregion
+//#region src/components/Games/Settings/AudioTab.jsx
+function s({ useAudioStore: e, config: n }) {
+	let i = e((e) => e?.audioSettings), o = e((e) => e?.setAudioSettings);
+	return /* @__PURE__ */ (0, a.jsxs)(a.Fragment, { children: [
+		/* @__PURE__ */ (0, a.jsx)("div", { children: "Sound" }),
+		/* @__PURE__ */ (0, a.jsxs)("div", {
+			className: "mb-3",
+			children: [/* @__PURE__ */ (0, a.jsx)(t, {
+				active: !i?.enabled,
+				onClick: () => {
+					o({
+						...i,
+						enabled: !1
+					});
+				},
+				children: "Disabled"
+			}), /* @__PURE__ */ (0, a.jsx)(t, {
+				active: i?.enabled,
+				onClick: () => {
+					o({
+						...i,
+						enabled: !0
+					});
+				},
+				children: "Enabled"
+			})]
+		}),
+		n?.tabs?.Audio?.sliders?.map((e) => /* @__PURE__ */ (0, a.jsxs)("div", { children: [/* @__PURE__ */ (0, a.jsx)(r.Label, {
+			className: "mb-0",
+			children: e.label
+		}), /* @__PURE__ */ (0, a.jsx)(r.Range, {
+			value: i?.[e.key],
+			onChange: (t) => {
+				o({
+					...i,
+					[e.key]: t.target.value
+				});
+			}
+		})] }, e.key))
+	] });
+}
+//#endregion
+//#region src/components/Games/Settings/MultiplayerTab.jsx
+function c({ useStore: e }) {
+	let n = e((e) => e.socketServerHost), i = e((e) => e.setSocketServerHost);
+	return /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "p-2",
+		children: [
+			/* @__PURE__ */ (0, a.jsx)(r.Label, {
+				className: "mb-0",
+				children: "Socket Server Host"
+			}),
+			/* @__PURE__ */ (0, a.jsx)(r.Control, {
+				type: "text",
+				value: n,
+				onChange: (e) => i(e.target.value)
+			}),
+			/* @__PURE__ */ (0, a.jsx)(r.Label, {
+				className: "mb-0",
+				children: "Edit this to connect to a different multiplayer host!"
+			}),
+			/* @__PURE__ */ (0, a.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, a.jsx)(t, {
+					className: "mb-1",
+					children: "Retry"
+				}), /* @__PURE__ */ (0, a.jsxs)("div", { children: ["Status: ", /* @__PURE__ */ (0, a.jsx)("span", {
+					className: "badge bg-danger",
+					children: "Offline"
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Games/Settings/ControlsTab.jsx
+function l({ useTouchControlsStore: e }) {
+	return /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "",
+		children: [/* @__PURE__ */ (0, a.jsxs)("div", { children: [/* @__PURE__ */ (0, a.jsx)("h5", { children: "Control Settings" }), /* @__PURE__ */ (0, a.jsx)("p", { children: "Configure your key bindings and control preferences here." })] }), e && /* @__PURE__ */ (0, a.jsx)(u, { useTouchControlsStore: e })]
+	});
+}
+function u({ useTouchControlsStore: e }) {
+	let t = e((e) => e.touchControls), n = e((e) => e.setTouchControls);
+	return /* @__PURE__ */ (0, a.jsx)("div", {
+		className: "mb-3",
+		children: [!1, !0].map((e, r) => /* @__PURE__ */ (0, a.jsx)(ArticlesButton, {
+			active: t === e,
+			onClick: () => {
+				n(e);
+			},
+			children: e ? "On" : "Off"
+		}, r))
+	});
+}
+//#endregion
+//#region src/components/Games/Settings/OtherTab.jsx
+function d({ useStore: e }) {
+	let n = e((e) => e?.debug), r = e((e) => e?.setDebug);
+	return /* @__PURE__ */ (0, a.jsxs)(a.Fragment, { children: [/* @__PURE__ */ (0, a.jsx)("div", { children: "Debug Mode" }), /* @__PURE__ */ (0, a.jsx)("div", {
+		className: "mb-3",
+		children: [!1, !0].map((e, i) => /* @__PURE__ */ (0, a.jsx)(t, {
+			active: n === e,
+			onClick: () => {
+				r(e);
+			},
+			children: e ? "On" : "Off"
+		}, i))
+	})] });
+}
+//#endregion
+//#region src/components/Games/Settings/SettingsModal.jsx
+function f({ show: e, setShow: r, store: u, useAudioStore: f, config: p }) {
+	let [m, h] = n(!1), [g, _] = n("Graphics");
+	return u((e) => e.darkMode), u((e) => e.setDarkMode), u((e) => e.arcadeMode), u((e) => e.setArcadeMode), /* @__PURE__ */ (0, a.jsxs)(i, {
+		className: "articles-modal",
+		size: "md",
+		show: e,
+		centered: !0,
+		scrollable: !0,
+		onExited: () => {},
+		onHide: () => {
+			r(!1);
+		},
+		children: [
+			/* @__PURE__ */ (0, a.jsx)(i.Header, {
+				closeButton: !0,
+				children: /* @__PURE__ */ (0, a.jsx)(i.Title, { children: "Game Settings" })
+			}),
+			/* @__PURE__ */ (0, a.jsxs)(i.Body, {
+				className: "flex-column p-0",
+				children: [
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: "p-2",
+						children: [
+							"Graphics",
+							"Controls",
+							"Audio",
+							"Multiplayer",
+							"Other"
+						].map((e) => /* @__PURE__ */ (0, a.jsx)(t, {
+							active: g == e,
+							onClick: () => {
+								_(e);
+							},
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ (0, a.jsx)("hr", { className: "my-0" }),
+					/* @__PURE__ */ (0, a.jsxs)("div", {
+						className: "p-2",
+						children: [
+							g == "Controls" && /* @__PURE__ */ (0, a.jsx)(l, {
+								useStore: u,
+								config: p
+							}),
+							g == "Graphics" && /* @__PURE__ */ (0, a.jsx)(o, {
+								useStore: u,
+								config: p
+							}),
+							g == "Audio" && /* @__PURE__ */ (0, a.jsx)(s, {
+								useAudioStore: f,
+								config: p
+							}),
+							g == "Multiplayer" && /* @__PURE__ */ (0, a.jsx)(c, {
+								useStore: u,
+								config: p
+							}),
+							g == "Other" && /* @__PURE__ */ (0, a.jsx)(d, { useStore: u })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, a.jsx)(i.Footer, {
+				className: "justify-content-between",
+				children: /* @__PURE__ */ (0, a.jsxs)("div", { children: [/* @__PURE__ */ (0, a.jsx)(t, {
+					variant: "outline-dark",
+					onClick: () => {
+						r(!1);
+					},
+					children: "Close"
+				}), /* @__PURE__ */ (0, a.jsx)(t, {
+					variant: "outline-danger ms-3",
+					onClick: () => {},
+					children: "Reset"
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+export { f as t };