@minicode-dev/chat 0.1.12 → 0.1.14

package/dist/chunks/TanksLiveGameCard-COr9Oay5.js

@@ -0,0 +1,1011 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { a as t } from "./games-BvYTWgaR.js";
+import { n, o as r, s as i } from "./createPeerLink-DBVs_yvQ.js";
+import { t as a } from "./ChatContext-DQtKsR6Z.js";
+import { o } from "./connect4Sounds-DmD-E9kX.js";
+import { n as s, r as c, t as l } from "./tanks-live-BcKmrhnV.js";
+import { a as u, i as d, n as f, r as p, t as m } from "./tanksSounds-DwjfSp3W.js";
+import { memo as h, useContext as g, useEffect as _, useRef as v, useState as y } from "react";
+import { AlertTriangle as b, CheckCircle2 as x, Link2 as S, Loader2 as ee, Settings2 as C } from "lucide-react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+// src/games/tanks-live/logic/simulation.js
+var D = Object.freeze({
+	speed: 16,
+	reverse: 9,
+	turn: 1.8,
+	acceleration: 28,
+	radius: 2,
+	reloadMs: 1500,
+	shellSpeed: 60,
+	damage: 25
+}), O = (e, t, n) => Math.max(t, Math.min(n, e)), k = (e, t) => Math.atan2(Math.sin(t - e), Math.cos(t - e));
+function A() {
+	return {
+		size: 120,
+		bounds: {
+			minX: 0,
+			maxX: 120,
+			minZ: 0,
+			maxZ: 120
+		},
+		obstacles: [
+			[
+				42,
+				35,
+				4
+			],
+			[
+				78,
+				85,
+				4
+			],
+			[
+				60,
+				30,
+				3
+			],
+			[
+				60,
+				90,
+				3
+			],
+			[
+				35,
+				65,
+				3
+			],
+			[
+				85,
+				55,
+				3
+			],
+			[
+				60,
+				60,
+				5
+			]
+		].map(([e, t, n], r) => ({
+			x: e,
+			z: t,
+			r: n,
+			kind: r % 2 ? "tree" : "rock"
+		}))
+	};
+}
+function j(e, t) {
+	return {
+		id: String(e),
+		x: t ? 102 : 18,
+		z: 60,
+		yaw: t ? Math.PI : 0,
+		turretYaw: t ? Math.PI : 0,
+		speed: 0,
+		hp: 100,
+		alive: !0,
+		color: t ? "#d7463f" : "#54a34a"
+	};
+}
+Object.freeze({
+	radius: 6,
+	damage: 20
+});
+var M = (e) => !!e && e.alive !== !1 && (e.hp === void 0 || e.hp > 0);
+function N(e, t, n) {
+	let r = t - e.x, i = n - e.z, a = Math.cos(e.rot || 0), o = Math.sin(e.rot || 0);
+	return [r * a + i * o, -r * o + i * a];
+}
+function P(e, t, n, r) {
+	if (r.shape !== "rect") return Math.hypot(e - r.x, t - r.z) < r.r + n;
+	let [i, a] = N(r, e, t), o = r.w / 2, s = r.d / 2;
+	return Math.hypot(i - O(i, -o, o), a - O(a, -s, s)) < n || Math.abs(i) <= o && Math.abs(a) <= s;
+}
+function F(e, t, n, r = D.radius) {
+	let i = n.bounds;
+	return e >= i.minX + r && e <= i.maxX - r && t >= i.minZ + r && t <= i.maxZ - r && !n.obstacles.some((n) => P(e, t, r, n)) && !(n.destructibles || []).some((n) => M(n) && P(e, t, r, n));
+}
+function te(e, t, n, r) {
+	if (!e.alive) return;
+	let i = O(Number(t.throttle) || 0, -1, 1), a = O(Number(t.steer) || 0, -1, 1), o = i * (i < 0 ? D.reverse : D.speed);
+	e.speed += O(o - e.speed, -D.acceleration * n, D.acceleration * n), e.yaw += a * D.turn * n, Number.isFinite(t.turretYaw) && (e.turretYaw = t.turretYaw);
+	let s = e.x + Math.cos(e.yaw) * e.speed * n, c = e.z + Math.sin(e.yaw) * e.speed * n;
+	F(s, e.z, r) ? e.x = s : e.speed = 0, F(e.x, c, r) ? e.z = c : e.speed = 0;
+}
+function I(e, t, n, r, i, a, o) {
+	let s = n - e, c = r - t, l = s * s + c * c, u = l ? O(((i - e) * s + (a - t) * c) / l, 0, 1) : 0;
+	return Math.hypot(e + s * u - i, t + c * u - a) <= o ? u : null;
+}
+function L(e, t, n, r, i) {
+	let [a, o] = N(i, e, t), [s, c] = N(i, n, r), l = [s - a, c - o], u = [a, o], d = [i.w / 2, i.d / 2], f = 0, p = 1;
+	for (let e = 0; e < 2; e++) {
+		if (Math.abs(l[e]) < 1e-12) {
+			if (Math.abs(u[e]) > d[e]) return null;
+			continue;
+		}
+		let t = (-d[e] - u[e]) / l[e], n = (d[e] - u[e]) / l[e];
+		if (t > n && ([t, n] = [n, t]), f = Math.max(f, t), p = Math.min(p, n), f > p) return null;
+	}
+	return f;
+}
+var R = (e, t, n, r, i) => i.shape === "rect" ? L(e, t, n, r, i) : I(e, t, n, r, i.x, i.z, i.r);
+function ne(e, t, n, r) {
+	let i = e.x + Math.cos(e.yaw) * D.shellSpeed * t, a = e.z + Math.sin(e.yaw) * D.shellSpeed * t, o = null;
+	for (let t of n.obstacles) {
+		let n = R(e.x, e.z, i, a, t);
+		n !== null && (!o || n < o.t) && (o = t.shape === "rect" ? {
+			t: n,
+			kind: "obstacle",
+			shape: "rect",
+			id: t.id,
+			obstacleKind: t.kind
+		} : {
+			t: n,
+			kind: "obstacle"
+		});
+	}
+	for (let t of n.destructibles || []) {
+		if (!M(t)) continue;
+		let n = R(e.x, e.z, i, a, t);
+		n !== null && (!o || n < o.t) && (o = {
+			t: n,
+			kind: "destructible",
+			id: t.id,
+			destructibleKind: t.kind
+		});
+	}
+	for (let t of r) {
+		if (!t.alive || t.id === e.owner) continue;
+		let n = I(e.x, e.z, i, a, t.x, t.z, D.radius);
+		n !== null && (!o || n < o.t) && (o = {
+			t: n,
+			kind: "tank",
+			target: t.id
+		});
+	}
+	return o ? (e.x += (i - e.x) * o.t, e.z += (a - e.z) * o.t, o) : (e.x = i, e.z = a, e.age += t, !F(i, a, {
+		...n,
+		obstacles: [],
+		destructibles: []
+	}, 0) || e.age > 3 ? { kind: "terrain" } : null);
+}
+function re(e, t, n) {
+	let r = O(n, 0, 1);
+	return {
+		...t,
+		x: e.x + (t.x - e.x) * r,
+		z: e.z + (t.z - e.z) * r,
+		yaw: e.yaw + k(e.yaw, t.yaw) * r,
+		turretYaw: e.turretYaw + k(e.turretYaw, t.turretYaw) * r
+	};
+}
+// src/games/tanks-live/net/createLiveMatch.js
+var ie = (e) => typeof e == "number" && Number.isFinite(e), ae = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function z({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), signaling: o, onChange: s = () => {}, peerFactory: c = n, iceServers: l, iceTransportPolicy: u, RTCPeerConnectionImpl: d } = {}) {
+	t = String(t);
+	let f = [String(e.hostId), String(e.guestId)];
+	if (!f.includes(t) || f[0] === f[1]) throw Error("Invalid live match players");
+	let p = (l || []).some((e) => [e.urls].flat().some((e) => /^turns?:/i.test(String(e)))), m = f.find((e) => e !== t), h = A(), g = f.map(j), _ = [], v = [], y = {}, b = 0, x = 0, S = 0, ee = 0, C = "connecting", w = null, T = !1, E = {
+		phase: "idle",
+		rtt: null,
+		route: null
+	}, O = !1, k = !1, M = null, N = [], P = null, I = null, L = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new Set(), B = () => g.find((e) => e.id === t), V = () => g.find((e) => e.id === m), H = () => {
+		T || s({
+			status: C,
+			winner: w,
+			net: E
+		});
+	}, U = (e) => {
+		v.push(e), v.length > 200 && v.shift();
+	}, W = (t) => Z.sendEvent({
+		...t,
+		g: e.gameId,
+		r: S
+	}), G = (e) => {
+		R.add(e), R.size > 2048 && R.delete(R.values().next().value);
+	}, K = () => ({
+		k: "snapshot",
+		hp: g.map((e) => e.hp),
+		status: C,
+		winner: w,
+		reason: M
+	});
+	function q() {
+		g = f.map(j), _ = [], N = [], P = null, I = null, L.clear(), R.clear(), z.clear(), k = !1, M = null, w = null, C = E.phase === "connected" ? "playing" : "connecting", U({ k: "rematch" }), H();
+	}
+	function J(e, t = !1) {
+		(C !== "over" || t && w !== e) && (C = "over", w = e, _ = [], Z.clearManualTurn?.(), U({
+			k: "over",
+			winner: w
+		}), H());
+	}
+	function Y(e, t, n) {
+		if (C !== "playing" || !ae(t.id) || R.has(t.id)) return !1;
+		let r = g.find((t) => t.id === e);
+		if (!r?.alive || b - (L.get(e) ?? -Infinity) < D.reloadMs - 20 || ![
+			t.x,
+			t.z,
+			t.yaw
+		].every(ie) || Math.hypot(t.x - (e === m && I ? I.x : r.x), t.z - (e === m && I ? I.z : r.z)) > 6) return !1;
+		G(t.id), L.set(e, b);
+		let i = {
+			...t,
+			k: "fire",
+			owner: e,
+			x: t.x + Math.cos(t.yaw) * 2.8,
+			z: t.z + Math.sin(t.yaw) * 2.8,
+			y: 1.4,
+			age: 0
+		};
+		return _.push(i), U(i), n && W({
+			...t,
+			k: "fire"
+		}), !0;
+	}
+	function X(t) {
+		if (T || C !== "playing" || t?.g !== e.gameId || t.r !== S || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(ie)) return;
+		let [n, r, i, a, o] = t.p;
+		if (!F(n, r, h) || Math.abs(o) > D.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
+		let s = P === null ? .1 : Math.max(0, (b - P) / 1e3), c = I || V();
+		if (Math.hypot(n - c.x, r - c.z) > D.speed * s + 3) return;
+		let l = {
+			...V(),
+			x: n,
+			z: r,
+			yaw: i,
+			turretYaw: a,
+			speed: o
+		};
+		I = l, P = b, N.push({
+			time: b,
+			pose: l
+		}), N.length > 30 && N.shift();
+	}
+	function oe(n) {
+		if (!T && n && n.g === e.gameId && Number.isInteger(n.r)) {
+			if (n.k === "round" && !a && C === "over" && z.has(t) && n.r === S + 1) S = n.r, q();
+			else if (n.r === S) {
+				if (n.k === "sync" && a) W(K());
+				else if (n.k === "snapshot" && !a && Array.isArray(n.hp) && n.hp.length === 2 && n.hp.every((e) => Number.isInteger(e) && e >= 0 && e <= 100)) {
+					let e = n.status === "playing" && n.winner === null && n.hp.every((e) => e > 0), t = n.status === "over" && f.includes(n.winner) && (n.hp[1 - f.indexOf(n.winner)] === 0 || n.reason === "resigned");
+					if (!e && !t) return;
+					g.forEach((e, t) => {
+						e.hp = n.hp[t], e.alive = e.hp > 0;
+					}), t && (k = !1, M = n.reason, J(n.winner, !0));
+				} else n.k === "resign" ? (M = "resigned", J(t, a), a && W(K())) : n.k === "rematch" && C === "over" ? (z.add(m), se()) : C === "playing" && (n.k === "fire" && Y(m, n, !1), !a && n.k === "hit" && ae(n.id) && !R.has(`hit:${n.id}`) && f.includes(n.target) && Array.isArray(n.hp) && n.hp.length === 2 && n.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= g[t].hp) && [n.x, n.z].every(ie) && (G(`hit:${n.id}`), g.forEach((e, t) => {
+					e.hp = n.hp[t], e.alive = e.hp > 0;
+				}), _ = _.filter((e) => e.id !== n.id), U(n)), !a && n.k === "destroyed" && f.includes(n.target) && !R.has(`destroyed:${n.target}`) && g.find((e) => e.id === n.target).hp === 0 && (G(`destroyed:${n.target}`), U(n)), !a && n.k === "over" && f.includes(n.winner) && g.find((e) => e.id !== n.winner).hp === 0 && J(n.winner));
+			}
+		}
+	}
+	let Z = c({
+		configurationAuthority: a,
+		signaling: o && {
+			send(t) {
+				let n = r(t);
+				if (!n) return Promise.reject(/* @__PURE__ */ Error("Invalid live signal"));
+				let a = i({
+					...n,
+					liveGame: e.gameId
+				});
+				return a ? o.send(a) : Promise.reject(/* @__PURE__ */ Error("Live signal too large"));
+			},
+			subscribe(t) {
+				return o.subscribe((n) => {
+					r(n?.text)?.liveGame === e.gameId && t(n);
+				});
+			}
+		},
+		selfId: t,
+		peerId: m,
+		roomId: e.roomId,
+		iceServers: l,
+		iceTransportPolicy: u,
+		RTCPeerConnectionImpl: d,
+		onMove: X,
+		onEvent: oe,
+		onChange(e) {
+			let t = E.phase;
+			if (E = e, e.phase === "connected") {
+				let e = O;
+				O = !0, C !== "over" && (C = "playing"), t !== "connected" && queueMicrotask(() => {
+					T || (k && W({ k: "resign" }), a && e ? W(K()) : a || W({ k: "sync" }));
+				});
+			} else C !== "over" && (C = O ? "disconnected" : "connecting");
+			H();
+		}
+	});
+	function se() {
+		a && z.size === 2 && (S++, W({ k: "round" }), q());
+	}
+	return a ? Z.connect() : Z.setListening(!0), {
+		setInput(e) {
+			y = { ...e };
+		},
+		step(n) {
+			if (T) return;
+			let r = Math.max(0, Math.min(Number(n) || 0, 100));
+			if (b += r, C !== "playing") return;
+			let i = r / 1e3, o = b - 100;
+			for (; N.length > 1 && N[1].time <= o;) N.shift();
+			if (N.length) {
+				let e = N[0], t = N[1] || e, n = re(e.pose, t.pose, t.time === e.time ? 1 : (o - e.time) / (t.time - e.time));
+				for (let e of [
+					"x",
+					"z",
+					"yaw",
+					"turretYaw",
+					"speed"
+				]) V()[e] = n[e];
+			}
+			for (let e = i; e > 0; e -= .016) te(B(), y, Math.min(e, .016), h);
+			y.fire && Y(t, {
+				id: `${t}:${S}:${++ee}`,
+				x: B().x,
+				z: B().z,
+				yaw: B().turretYaw,
+				t: b
+			}, !0);
+			let s = E.rtt > 250 || E.move?.lossPct > 15 ? 10 : E.rtt > 100 ? 15 : 20;
+			if (b >= x) {
+				x = b + 1e3 / s;
+				let t = B();
+				Z.sendMove({
+					g: e.gameId,
+					r: S,
+					p: [
+						t.x,
+						t.z,
+						t.yaw,
+						t.turretYaw,
+						t.speed
+					],
+					t: b
+				});
+			}
+			_ = _.filter((e) => {
+				let t = ne(e, i, h, g);
+				if (!t) return !0;
+				if (a && t.target && C === "playing") {
+					let n = g.find((e) => e.id === t.target);
+					n.hp = Math.max(0, n.hp - D.damage), n.alive = n.hp > 0;
+					let r = {
+						k: "hit",
+						id: e.id,
+						target: n.id,
+						dmg: D.damage,
+						hp: g.map((e) => e.hp),
+						x: e.x,
+						z: e.z
+					};
+					if (W(r), U(r), !n.alive) {
+						let t = {
+							k: "destroyed",
+							target: n.id
+						};
+						W(t), U(t), W({
+							k: "over",
+							winner: e.owner
+						}), J(e.owner);
+					}
+				} else U({
+					k: "impact",
+					kind: t.kind,
+					x: e.x,
+					z: e.z
+				});
+				return !1;
+			});
+		},
+		getRender() {
+			let e = {
+				arena: h,
+				tanks: g.map((e) => ({
+					...e,
+					self: e.id === t,
+					reload: Math.min(1, (b - (L.get(e.id) ?? -Infinity)) / D.reloadMs)
+				})),
+				shells: _.map((e) => ({ ...e })),
+				events: v,
+				status: C,
+				winner: w,
+				net: {
+					...E,
+					turnConfigured: E.turnConfigured ?? p
+				}
+			};
+			return v = [], e;
+		},
+		configureTurn(e, t) {
+			return T || C === "over" ? Promise.reject(/* @__PURE__ */ Error("La partida ya terminó.")) : Z.configureTurn(e, t);
+		},
+		reconnect() {
+			!T && C !== "over" && (Z.requestReconnect ? Z.requestReconnect() : Z.connect());
+		},
+		rematch() {
+			!T && C === "over" && (z.add(t), W({ k: "rematch" }), se());
+		},
+		resign() {
+			!T && C !== "over" && (k = !0, M = "resigned", W({ k: "resign" }), J(m));
+		},
+		destroy() {
+			T || (T = !0, Z.destroy(), _ = [], N = [], v = []);
+		}
+	};
+}
+var B = 180 / Math.PI, V = (e, t) => Number.isFinite(e) ? e : t;
+function H(e) {
+	let t = e || {}, n = t.bounds || t;
+	if (Number.isFinite(n.minX) && Number.isFinite(n.maxX) && Number.isFinite(n.minZ) && Number.isFinite(n.maxZ)) return U({
+		minX: n.minX,
+		minZ: n.minZ,
+		maxX: n.maxX,
+		maxZ: n.maxZ
+	});
+	let r = V(t.width, V(t.size, 120)), i = V(t.depth, V(t.height, V(t.size, r)));
+	return U(t.centered === !0 || t.origin === "center" ? {
+		minX: -r / 2,
+		minZ: -i / 2,
+		maxX: r / 2,
+		maxZ: i / 2
+	} : {
+		minX: 0,
+		minZ: 0,
+		maxX: r,
+		maxZ: i
+	});
+}
+function U(e) {
+	return {
+		...e,
+		width: e.maxX - e.minX,
+		depth: e.maxZ - e.minZ,
+		cx: (e.minX + e.maxX) / 2,
+		cz: (e.minZ + e.maxZ) / 2
+	};
+}
+function W(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
+		x: e.x,
+		z: e.z,
+		r: V(e.r, V(e.radius, 1.5)),
+		kind: e.kind === "tree" ? "tree" : "rock"
+	}));
+}
+var G = (e) => e ? e.k ?? e.type ?? null : null;
+function K(e, t) {
+	let n = t || [], r = e?.tank ?? e?.by ?? e?.owner ?? e?.from;
+	if (r != null) {
+		let e = n.find((e) => String(e.id) === String(r));
+		if (e) return e;
+	}
+	if (!Number.isFinite(e?.x) || !Number.isFinite(e?.z)) return null;
+	let i = null, a = Infinity;
+	for (let t of n) {
+		let n = (t.x - e.x) ** 2 + (t.z - e.z) ** 2;
+		n < a && (a = n, i = t);
+	}
+	return i;
+}
+var q = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, J = (e) => (e || []).find((e) => e.self) || null, Y = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), X = (e) => {
+	let t = e % (Math.PI * 2);
+	return t > Math.PI && (t -= Math.PI * 2), t < -Math.PI && (t += Math.PI * 2), t;
+};
+function oe({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
+	let r = null, i = !1, a = !1, o = 0, s = 0;
+	return {
+		update(c, l) {
+			let u = [];
+			if (!c || c.alive === !1) return i && u.push({ type: "move_end" }), a && u.push({ type: "turret_end" }), i = a = !1, r = null, u;
+			let d = Math.max(1, l) / 1e3;
+			if (r) {
+				let f = Math.hypot(c.x - r.x, c.z - r.z) / d, p = Math.abs(X((c.yaw ?? 0) - r.yaw)) / d, m = Math.abs(X((c.turretYaw ?? 0) - (c.yaw ?? 0) - r.rel)) / d, h = f > e || p > t;
+				o = h ? 0 : o + l, h && !i ? (i = !0, u.push({ type: "move_start" })) : !h && i && o >= n && (i = !1, u.push({ type: "move_end" }));
+				let g = m > t;
+				s = g ? 0 : s + l, g && !a ? (a = !0, u.push({ type: "turret_start" })) : !g && a && s >= n && (a = !1, u.push({ type: "turret_end" }));
+			}
+			return r = {
+				x: c.x,
+				z: c.z,
+				yaw: c.yaw ?? 0,
+				rel: X((c.turretYaw ?? 0) - (c.yaw ?? 0))
+			}, u;
+		},
+		reset() {
+			r = null, i = a = !1, o = s = 0;
+		},
+		get moving() {
+			return i;
+		},
+		get turning() {
+			return a;
+		}
+	};
+}
+function Z(e) {
+	switch (G(e)) {
+		case "fire": return [{ type: "fire" }, { type: "projectile_start" }];
+		case "impact": return [{
+			type: "impact",
+			kind: e.kind === "obstacle" ? "obstacle" : "terrain"
+		}];
+		case "hit": return [{ type: "tank_hit" }];
+		case "destroyed": return [{ type: "destroyed" }];
+		default: return [];
+	}
+}
+function se(e) {
+	if (!e || e.status !== "over") return null;
+	let t = J(e.tanks);
+	return !t || e.winner == null ? null : String(e.winner) === String(t.id) ? "victory" : "defeat";
+}
+// src/games/tanks-live/scene/createLiveScene2d.js
+function ce(e, { arena: t } = {}) {
+	let n = document.createElement("canvas");
+	n.style.cssText = "width:100%;height:100%;display:block", e.appendChild(n);
+	let r = n.getContext("2d");
+	if (!r) throw n.remove(), Error("Canvas 2D unavailable");
+	let i = H(t), a = 1, o = 1, s = 1, c = 0, l = 0;
+	function u() {
+		a = Math.max(1, e.clientWidth), o = Math.max(1, e.clientHeight);
+		let t = Math.min(window.devicePixelRatio || 1, 2);
+		n.width = a * t, n.height = o * t, r.setTransform(t, 0, 0, t, 0, 0), s = Math.min(a / i.width, o / i.depth), c = (a - i.width * s) / 2, l = (o - i.depth * s) / 2;
+	}
+	u();
+	let d = typeof ResizeObserver == "function" ? new ResizeObserver(u) : null;
+	return d?.observe(e), {
+		kind: "2d",
+		resize: u,
+		screenToGround(e, t) {
+			return {
+				x: ((e + 1) * a / 2 - c) / s + i.minX,
+				z: ((1 - t) * o / 2 - l) / s + i.minZ
+			};
+		},
+		render(e) {
+			r.fillStyle = "#152519", r.fillRect(0, 0, a, o), r.save(), r.translate(c, l), r.scale(s, s), r.translate(-i.minX, -i.minZ), r.fillStyle = "#526348", r.fillRect(i.minX, i.minZ, i.width, i.depth);
+			for (let e of W(t)) r.fillStyle = e.kind === "tree" ? "#24472d" : "#929285", r.beginPath(), r.arc(e.x, e.z, e.r, 0, Math.PI * 2), r.fill();
+			for (let t of e.tanks || []) r.save(), r.translate(t.x, t.z), r.rotate(t.yaw), r.fillStyle = t.alive === !1 ? "#333" : t.color || "#73ce68", r.fillRect(-3, -1.8, 6, 3.6), r.restore(), r.save(), r.translate(t.x, t.z), r.rotate(t.turretYaw), r.strokeStyle = "#dce8cf", r.lineWidth = .8, r.beginPath(), r.moveTo(0, 0), r.lineTo(5, 0), r.stroke(), r.restore(), t.self && (r.strokeStyle = "#fff", r.lineWidth = .3, r.beginPath(), r.arc(t.x, t.z, 4, 0, Math.PI * 2), r.stroke());
+			r.fillStyle = "#ffe097";
+			for (let t of e.shells || []) r.beginPath(), r.arc(t.x, t.z, .7, 0, Math.PI * 2), r.fill();
+			r.restore();
+		},
+		dispose() {
+			d?.disconnect(), n.remove();
+		}
+	};
+}
+// src/games/tanks-live/TanksLiveGameCard.jsx
+var le = /* @__PURE__ */ e({ default: () => fe }), ue = (e, n) => {
+	t.getState().act(e, n).catch(() => {});
+}, Q = (e) => {
+	e.throttle = 0, e.steer = 0, e.fire = !1;
+};
+function de(e, t) {
+	let n = e?.manualTurn;
+	return n?.status === "applying" ? "Aplicando configuración…" : n?.status === "sharing" ? "Sincronizando con el otro jugador…" : n?.status === "waiting_peer" ? "Esperando al otro jugador para compartir la configuración…" : e?.phase === "connected" ? "¡Conexión establecida!" : n?.status === "failed" || e?.phase === "failed" || e?.ice === "failed" ? "No pudimos conectar. Puedes reintentar." : t ? "La conexión está tardando más de lo esperado" : e?.phase === "restarting" || e?.phase === "reconnecting" ? "Reconectando…" : e?.phase === "listening" ? "Esperando la conexión del otro jugador…" : e?.phase === "calling" ? "Buscando al otro jugador…" : e?.phase === "negotiating" ? "Buscando una conexión entre los jugadores…" : "Preparando partida…";
+}
+function $({ gameKey: e, currentUserId: n, onMinimize: r, onDismiss: i, suspended: h = !1 }) {
+	let D = g(a)?.config?.webrtc, O = t((t) => t.games[e]), k = v(h);
+	k.current = h;
+	let A = v(null), j = v(null), M = v(null), N = v({
+		throttle: 0,
+		steer: 0,
+		fire: !1
+	}), [P, F] = y(null), [te, I] = y(""), [L, R] = y(!1), [ne, re] = y("loading"), [ie, ae] = y(!1), [B, V] = y(0), H = P?.net?.phase === "connected";
+	_(() => {
+		if (!O || O.status !== "active" || H) {
+			V(0);
+			return;
+		}
+		let e = Date.now(), t = setInterval(() => V(Date.now() - e), 1e3);
+		return () => clearInterval(t);
+	}, [
+		e,
+		O?.status,
+		H
+	]), _(() => {
+		ae(!1);
+	}, [e, O?.status]), _(() => {
+		h ? (Q(N.current), u()) : M.current?.resize();
+	}, [h]);
+	let U = ["active", "won"].includes(O?.status), [W, G] = y(null);
+	if (_(() => {
+		if (!U || !W || !A.current) return;
+		let e = !1, t = null, n = {
+			arena: W,
+			lowPower: matchMedia("(pointer: coarse)").matches,
+			reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches,
+			onEvent: (e) => {
+				e.type === "context_lost" && R(!0);
+			}
+		}, r = () => {
+			e || (t = ce(A.current, n), M.current = t, re("2d"));
+		};
+		return L ? r() : import("./createLiveScene-CWBunxPi.js").then(({ createLiveScene: i }) => {
+			if (!e) try {
+				t = i(A.current, n), M.current = t, re("3d");
+			} catch {
+				r();
+			}
+		}).catch(r), () => {
+			e = !0, t?.dispose(), M.current === t && (M.current = null);
+		};
+	}, [
+		U,
+		W,
+		L
+	]), _(() => {
+		if (!U || O.status !== "active" || !A.current) return;
+		let r = !1, i = 0, a = performance.now(), o = 0, s = null, c = oe(), l = /* @__PURE__ */ new Set();
+		d();
+		let m;
+		try {
+			let r = t.getState().createLiveSignaling(e);
+			m = z({
+				iceServers: D?.iceServers,
+				iceTransportPolicy: D?.iceTransportPolicy,
+				game: O,
+				selfId: String(n),
+				isHost: String(O.hostId) === String(n),
+				signaling: r
+			}), j.current = m;
+		} catch (e) {
+			I(e.message || "No se pudo iniciar WebRTC");
+			return;
+		}
+		G(m.getRender().arena);
+		function h() {
+			l.clear(), Q(N.current), u();
+		}
+		function g(e, t) {
+			/^(INPUT|TEXTAREA|SELECT)$/.test(e.target?.tagName) || [
+				"KeyW",
+				"KeyA",
+				"KeyS",
+				"KeyD",
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"Space"
+			].includes(e.code) && (e.preventDefault(), t ? l.add(e.code) : l.delete(e.code), N.current.throttle = Number(l.has("KeyW") || l.has("ArrowUp")) - Number(l.has("KeyS") || l.has("ArrowDown")), N.current.steer = Number(l.has("KeyD") || l.has("ArrowRight")) - Number(l.has("KeyA") || l.has("ArrowLeft")), N.current.fire = l.has("Space"));
+		}
+		let _ = (e) => g(e, !0), v = (e) => g(e, !1), y = A.current;
+		y.addEventListener("keydown", _), y.addEventListener("keyup", v), y.addEventListener("blur", h);
+		let b = () => {
+			document.hidden && h();
+		};
+		document.addEventListener("visibilitychange", b), f({ type: "engine_start" }, e);
+		function x(n) {
+			if (r) return;
+			let d = Math.min(80, n - a);
+			a = n;
+			let h = k.current || document.hidden;
+			m.setInput(h ? {
+				throttle: 0,
+				steer: 0,
+				fire: !1
+			} : N.current), m.step(d);
+			let g = m.getRender();
+			if (h || M.current?.render(g, d), h && (l.clear(), c.reset(), u()), !h) for (let e of g.events || []) for (let t of Z(e)) f(t, e.id);
+			if (!h) for (let e of c.update(J(g.tanks), d)) f(e);
+			let _ = se(g);
+			_ && !s && (F(g), s = _, h || p(s, e), t.getState().liveFinish?.(e, g.winner)), n - o > 100 && (o = n, F(g)), i = requestAnimationFrame(x);
+		}
+		return i = requestAnimationFrame(x), () => {
+			r = !0, cancelAnimationFrame(i), h(), m.destroy(), j.current = null, y.removeEventListener("keydown", _), y.removeEventListener("keyup", v), y.removeEventListener("blur", h), document.removeEventListener("visibilitychange", b);
+		};
+	}, [
+		U,
+		e,
+		n
+	]), !O) return null;
+	let K = String(n) === String(O.guestId), q = P?.status === "over" || O.status === "won", Y = P?.net, X = Y?.manualTurn, le = [
+		"waiting_peer",
+		"sharing",
+		"applying"
+	].includes(X?.status), $ = !H && (B >= 12e3 || Y?.phase === "failed" || Y?.ice === "failed" || X?.status === "failed" || !!te), fe = H ? Y?.route?.relay === !0 ? "TURN Relay" : Y?.route?.relay === !1 ? "P2P" : null : null, pe = async (e, t) => {
+		if (!j.current?.configureTurn) throw Error("La partida aún no está preparada. Espera un momento y vuelve a intentarlo.");
+		await j.current.configureTurn(e, t);
+	};
+	function me(e) {
+		let t = A.current?.getBoundingClientRect(), n = J(P?.tanks);
+		if (!t || !n) return;
+		let r = M.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
+		r && (N.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
+	}
+	let he = (e, t) => ({
+		onPointerDown: (n) => {
+			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), N.current[e] = t;
+		},
+		onPointerUp: () => {
+			N.current[e] = e !== "fire" && 0;
+		},
+		onPointerCancel: () => {
+			N.current[e] = e !== "fire" && 0;
+		},
+		onLostPointerCapture: () => {
+			N.current[e] = e !== "fire" && 0;
+		}
+	});
+	return /* @__PURE__ */ E("section", {
+		className: `chat-game-card tl-card${U ? " tl-card--active" : ""}`,
+		"aria-label": "Tanques LIVE 3D",
+		children: [
+			/* @__PURE__ */ E("header", {
+				className: "tl-header",
+				children: [/* @__PURE__ */ T("strong", { children: "Tanques LIVE 3D" }), /* @__PURE__ */ E("div", {
+					className: "tl-header-actions",
+					children: [
+						/* @__PURE__ */ T(o, { manager: m() }),
+						r && /* @__PURE__ */ T("button", {
+							onClick: r,
+							"aria-label": "Minimizar",
+							children: "−"
+						}),
+						i && /* @__PURE__ */ T("button", {
+							onClick: i,
+							"aria-label": "Ocultar",
+							children: "×"
+						})
+					]
+				})]
+			}),
+			O.status === "invited" && /* @__PURE__ */ E("div", {
+				className: "tl-invite",
+				children: [
+					/* @__PURE__ */ T("span", {
+						className: "tl-invite-icon",
+						"aria-hidden": "true",
+						children: "🪖"
+					}),
+					/* @__PURE__ */ T("strong", { children: K ? "¿Listo para combatir?" : "Invitación enviada" }),
+					/* @__PURE__ */ T("p", { children: K ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }),
+					K && /* @__PURE__ */ E("div", {
+						className: "tl-invite-actions",
+						children: [/* @__PURE__ */ T("button", {
+							className: "tl-button-primary",
+							onClick: () => ue(e, "game_accept"),
+							children: "Aceptar combate"
+						}), /* @__PURE__ */ T("button", {
+							onClick: () => ue(e, "game_decline"),
+							children: "Rechazar"
+						})]
+					})
+				]
+			}),
+			U && !q && /* @__PURE__ */ E("div", {
+				className: `tl-connection tl-connection--${H ? "connected" : $ ? "problem" : "pending"}`,
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "tl-connection-heading",
+						children: [
+							H ? /* @__PURE__ */ T(x, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : $ ? /* @__PURE__ */ T(b, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : /* @__PURE__ */ T(ee, {
+								size: 18,
+								className: "tl-connection-spinner",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("strong", { children: $ ? "Problemas de conexión" : de(Y, !1) }), $ && /* @__PURE__ */ T("p", { children: "No pudimos establecer una conexión con el otro jugador. Puedes configurar una conexión alternativa para continuar." })] }),
+							fe && /* @__PURE__ */ T("span", {
+								className: "tl-route-badge",
+								children: fe
+							})
+						]
+					}),
+					!H && /* @__PURE__ */ T("p", {
+						className: "tl-connection-message",
+						role: "status",
+						children: $ ? de(Y, B >= 12e3) : s(Y)
+					}),
+					X?.status === "synchronized" && /* @__PURE__ */ T("p", {
+						className: "tl-connection-shared",
+						role: "status",
+						children: X.received ? "Configuración recibida del otro jugador y aplicada en ambos." : "Configuración compartida y aplicada en ambos jugadores."
+					}),
+					X?.expiresAt != null && X.expiresAt <= Date.now() && /* @__PURE__ */ T("p", {
+						className: "tl-connection-expired",
+						role: "status",
+						children: "La validez indicada para las credenciales terminó. Introduce una configuración nueva si necesitas reconectar."
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "tl-connection-actions",
+						children: [/* @__PURE__ */ E("button", {
+							type: "button",
+							className: $ ? "tl-button-primary" : "",
+							onClick: () => ae(!0),
+							children: [/* @__PURE__ */ T(C, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Configurar conexión alternativa"]
+						}), !H && /* @__PURE__ */ E("button", {
+							type: "button",
+							disabled: le,
+							onClick: () => j.current?.reconnect(),
+							children: [/* @__PURE__ */ T(S, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Reintentar conexión"]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ T(c, {
+				open: ie && U && !q,
+				onClose: () => ae(!1),
+				onApply: pe,
+				manualTurn: X
+			}),
+			(U || P) && /* @__PURE__ */ E(w, { children: [
+				/* @__PURE__ */ E("div", {
+					className: "tl-hud",
+					children: [(P?.tanks || []).map((e) => /* @__PURE__ */ E("span", { children: [
+						e.self ? "Tú" : "Rival",
+						" ",
+						/* @__PURE__ */ T("meter", {
+							min: "0",
+							max: "100",
+							value: e.hp,
+							"aria-label": e.self ? "Tu vida" : "Vida del rival"
+						}),
+						" ",
+						e.hp,
+						" HP"
+					] }, e.id)), /* @__PURE__ */ E("span", {
+						role: "status",
+						children: [
+							H ? fe || "Conectado" : de(Y, B >= 12e3),
+							" ",
+							Number.isFinite(Y?.rtt) ? `· ${Math.round(Y.rtt)} ms` : ""
+						]
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "tl-stage",
+					ref: A,
+					tabIndex: 0,
+					"aria-label": "Arena. WASD o flechas para conducir, ratón para apuntar, clic o espacio para disparar",
+					onPointerMove: me,
+					onPointerDown: (e) => {
+						me(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), me(e), N.current.fire = !0);
+					},
+					onPointerUp: () => {
+						N.current.fire = !1;
+					},
+					onPointerCancel: () => {
+						Q(N.current);
+					},
+					onLostPointerCapture: () => {
+						N.current.fire = !1;
+					}
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "tl-controls",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "tl-joystick",
+							role: "group",
+							"aria-label": "Joystick de conducción",
+							onPointerDown: (e) => {
+								e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId);
+								let t = e.currentTarget.getBoundingClientRect();
+								N.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), N.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerMove: (e) => {
+								if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
+								let t = e.currentTarget.getBoundingClientRect();
+								N.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), N.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerUp: () => Q(N.current),
+							onPointerCancel: () => Q(N.current),
+							onLostPointerCapture: () => Q(N.current),
+							children: "✥"
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "tl-drive",
+							"aria-label": "Controles de conducción",
+							children: [
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Avanzar",
+									...he("throttle", 1),
+									children: "▲"
+								}),
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Girar izquierda",
+									...he("steer", -1),
+									children: "◀"
+								}),
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Retroceder",
+									...he("throttle", -1),
+									children: "▼"
+								}),
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Girar derecha",
+									...he("steer", 1),
+									children: "▶"
+								})
+							]
+						}),
+						/* @__PURE__ */ T("button", {
+							className: "tl-fire",
+							...he("fire", !0),
+							children: "Disparar"
+						})
+					]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "tl-reload",
+					children: /* @__PURE__ */ E("label", { children: [
+						"Recarga ",
+						/* @__PURE__ */ T("progress", {
+							max: "1",
+							value: J(P?.tanks)?.reload ?? 1
+						}),
+						" ",
+						(J(P?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+					] })
+				}),
+				/* @__PURE__ */ T("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
+				/* @__PURE__ */ T("button", {
+					onClick: () => R((e) => !e),
+					children: ne === "2d" ? "Probar 3D" : "Vista 2D"
+				})
+			] }),
+			q && /* @__PURE__ */ E("p", {
+				role: "status",
+				children: [
+					String(P?.winner ?? O.winnerId) === String(n) ? "¡Victoria!" : "Fin del combate",
+					" ",
+					/* @__PURE__ */ T("button", {
+						onClick: () => {
+							Promise.resolve(t.getState().liveRematch?.(e)).catch(() => {});
+						},
+						children: "Revancha"
+					})
+				]
+			}),
+			U && /* @__PURE__ */ E("details", {
+				className: "tl-diagnostics",
+				children: [/* @__PURE__ */ T("summary", { children: "Diagnóstico de conexión" }), /* @__PURE__ */ T("pre", { children: JSON.stringify(l(P?.net), null, 2) })]
+			}),
+			U && !q && /* @__PURE__ */ T("button", {
+				onClick: () => j.current?.resign(),
+				children: "Rendirse"
+			}),
+			O.pending && /* @__PURE__ */ T("p", {
+				role: "status",
+				children: "Enviando…"
+			}),
+			O.pendingEvent && O.error && /* @__PURE__ */ T("button", {
+				onClick: () => {
+					t.getState().retry(e).catch(() => {});
+				},
+				children: "Reintentar envío"
+			}),
+			te && /* @__PURE__ */ T("p", {
+				role: "alert",
+				children: te
+			}),
+			O.error && /* @__PURE__ */ T("p", {
+				role: "alert",
+				children: O.error
+			}),
+			!["closed", "declined"].includes(O.status) && /* @__PURE__ */ T("footer", {
+				className: "tl-footer",
+				children: /* @__PURE__ */ T("button", {
+					onClick: () => ue(e, "game_end"),
+					children: "Cerrar partida"
+				})
+			})
+		]
+	});
+}
+var fe = h($);
+export { Y as a, q as c, fe as default, W as i, X as l, B as n, G as o, H as r, K as s, le as t };
+
+//# sourceMappingURL=TanksLiveGameCard-COr9Oay5.js.map