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

package/dist/SettingsModal-tXcbd23J.js

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

package/dist/SettingsModal.js

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

package/dist/StatusModal-CBzdZdAm.js

@@ -0,0 +1,69 @@
+import { t as e } from "./Button-CU11ETla.js";
+import { n as t, t as n } from "./useAuthSiteStatus-Cj9IjMj7.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Modal as o } from "react-bootstrap";
+//#region src/components/Global/StatusModal.jsx
+function s({ show: s, setShow: c }) {
+	let [l, u] = r(!1), [d, f] = r(!1), p = (e, t, n) => n ? "..." : t ? t.response?.status || "Error" : e ? "200" : "-", { data: m, error: h, isLoading: g, mutate: _ } = t({ disable: process.env.NODE_ENV !== "development" }), { data: v, error: y, isLoading: b, mutate: x } = n({ disable: process.env.NODE_ENV !== "development" });
+	return /* @__PURE__ */ a(o, {
+		show: s,
+		size: "md",
+		className: "articles-modal",
+		centered: !0,
+		onHide: () => c(!1),
+		children: [
+			/* @__PURE__ */ i(o.Header, { children: /* @__PURE__ */ i(o.Title, { children: "Status Details" }) }),
+			/* @__PURE__ */ a(o.Body, { children: [
+				/* @__PURE__ */ a("div", {
+					className: "d-flex align-items-center mb-2",
+					children: [/* @__PURE__ */ a("h5", {
+						className: "mb-0 me-2",
+						children: ["Main Site Status: ", p(m, h, g)]
+					}), /* @__PURE__ */ a(e, {
+						variant: "link",
+						size: "sm",
+						className: "p-0",
+						onClick: () => u(!l),
+						children: [l ? "Hide" : "View", " More"]
+					})]
+				}),
+				l && /* @__PURE__ */ a("pre", { children: [
+					g && "Loading...",
+					h && `Error: ${h.message}`,
+					m && JSON.stringify(m, null, 2)
+				] }),
+				/* @__PURE__ */ a("div", {
+					className: "d-flex align-items-center mb-2",
+					children: [/* @__PURE__ */ a("h5", {
+						className: "mb-0 me-2",
+						children: ["Auth Site Status: ", p(v, y, b)]
+					}), /* @__PURE__ */ a(e, {
+						variant: "link",
+						size: "sm",
+						className: "p-0",
+						onClick: () => f(!d),
+						children: [d ? "Hide" : "View", " More"]
+					})]
+				}),
+				d && /* @__PURE__ */ a("pre", { children: [
+					b && "Loading...",
+					y && `Error: ${y.message}`,
+					v && JSON.stringify(v, null, 2)
+				] })
+			] }),
+			/* @__PURE__ */ i(o.Footer, {
+				className: "justify-content-between",
+				children: /* @__PURE__ */ i(e, {
+					variant: "articles",
+					onClick: () => {
+						c(!1);
+					},
+					children: "Close"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { s as default };