@minicode-dev/chat 0.1.7 → 0.1.8

package/dist/chunks/TanksLiveGameCard-BmNRXP66.js

@@ -0,0 +1,849 @@
+import { d as e, o as t } from "./connect4Sounds-BN7d_TM2.js";
+import { a as n, n as r, o as i } from "./createPeerLink-qei05vpV.js";
+import { t as a } from "./ChatContext-dty_KPDX.js";
+import { a as o, i as s, n as c, r as l, t as u } from "./tanksSounds-C99OD2xD.js";
+import { memo as d, useContext as f, useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+// \0rolldown/runtime.js
+var y = Object.defineProperty, b = (e, t) => {
+	let n = {};
+	for (var r in e) y(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || y(n, Symbol.toStringTag, { value: "Module" }), n;
+}, x = Object.freeze({
+	speed: 16,
+	reverse: 9,
+	turn: 1.8,
+	acceleration: 28,
+	radius: 2,
+	reloadMs: 1500,
+	shellSpeed: 60,
+	damage: 25
+}), S = (e, t, n) => Math.max(t, Math.min(n, e)), C = (e, t) => Math.atan2(Math.sin(t - e), Math.cos(t - e));
+function w() {
+	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 T(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"
+	};
+}
+function E(e, t, n, r = x.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) => Math.hypot(e - n.x, t - n.z) < n.r + r);
+}
+function D(e, t, n, r) {
+	if (!e.alive) return;
+	let i = S(Number(t.throttle) || 0, -1, 1), a = S(Number(t.steer) || 0, -1, 1), o = i * (i < 0 ? x.reverse : x.speed);
+	e.speed += S(o - e.speed, -x.acceleration * n, x.acceleration * n), e.yaw += a * x.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;
+	E(s, e.z, r) ? e.x = s : e.speed = 0, E(e.x, c, r) ? e.z = c : e.speed = 0;
+}
+function O(e, t, n, r, i, a, o) {
+	let s = n - e, c = r - t, l = s * s + c * c, u = l ? S(((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 k(e, t, n, r) {
+	let i = e.x + Math.cos(e.yaw) * x.shellSpeed * t, a = e.z + Math.sin(e.yaw) * x.shellSpeed * t, o = null;
+	for (let t of n.obstacles) {
+		let n = O(e.x, e.z, i, a, t.x, t.z, t.r);
+		n !== null && (!o || n < o.t) && (o = {
+			t: n,
+			kind: "obstacle"
+		});
+	}
+	for (let t of r) {
+		if (!t.alive || t.id === e.owner) continue;
+		let n = O(e.x, e.z, i, a, t.x, t.z, x.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, !E(i, a, {
+		...n,
+		obstacles: []
+	}, 0) || e.age > 3 ? { kind: "terrain" } : null);
+}
+function ee(e, t, n) {
+	let r = S(n, 0, 1);
+	return {
+		...t,
+		x: e.x + (t.x - e.x) * r,
+		z: e.z + (t.z - e.z) * r,
+		yaw: e.yaw + C(e.yaw, t.yaw) * r,
+		turretYaw: e.turretYaw + C(e.turretYaw, t.turretYaw) * r
+	};
+}
+// src/games/tanks-live/net/createLiveMatch.js
+var A = (e) => typeof e == "number" && Number.isFinite(e), j = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), signaling: o, onChange: s = () => {}, peerFactory: c = r, 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 = f.find((e) => e !== t), m = w(), h = f.map(T), g = [], _ = [], v = {}, y = 0, b = 0, S = 0, C = 0, O = "connecting", M = null, N = !1, P = {
+		phase: "idle",
+		rtt: null,
+		route: null
+	}, F = !1, I = !1, L = null, R = [], z = null, B = null, V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Set(), W = () => h.find((e) => e.id === t), G = () => h.find((e) => e.id === p), K = () => {
+		N || s({
+			status: O,
+			winner: M,
+			net: P
+		});
+	}, q = (e) => {
+		_.push(e), _.length > 200 && _.shift();
+	}, J = (t) => $.sendEvent({
+		...t,
+		g: e.gameId,
+		r: S
+	}), Y = (e) => {
+		H.add(e), H.size > 2048 && H.delete(H.values().next().value);
+	}, X = () => ({
+		k: "snapshot",
+		hp: h.map((e) => e.hp),
+		status: O,
+		winner: M,
+		reason: L
+	});
+	function Z() {
+		h = f.map(T), g = [], R = [], z = null, B = null, V.clear(), H.clear(), U.clear(), I = !1, L = null, M = null, O = P.phase === "connected" ? "playing" : "connecting", q({ k: "rematch" }), K();
+	}
+	function Q(e, t = !1) {
+		(O !== "over" || t && M !== e) && (O = "over", M = e, g = [], q({
+			k: "over",
+			winner: M
+		}), K());
+	}
+	function te(e, t, n) {
+		if (O !== "playing" || !j(t.id) || H.has(t.id)) return !1;
+		let r = h.find((t) => t.id === e);
+		if (!r?.alive || y - (V.get(e) ?? -Infinity) < x.reloadMs - 20 || ![
+			t.x,
+			t.z,
+			t.yaw
+		].every(A) || Math.hypot(t.x - (e === p && B ? B.x : r.x), t.z - (e === p && B ? B.z : r.z)) > 6) return !1;
+		Y(t.id), V.set(e, y);
+		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 g.push(i), q(i), n && J({
+			...t,
+			k: "fire"
+		}), !0;
+	}
+	function ne(t) {
+		if (N || O !== "playing" || t?.g !== e.gameId || t.r !== S || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(A)) return;
+		let [n, r, i, a, o] = t.p;
+		if (!E(n, r, m) || Math.abs(o) > x.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
+		let s = z === null ? .1 : Math.max(0, (y - z) / 1e3), c = B || G();
+		if (Math.hypot(n - c.x, r - c.z) > x.speed * s + 3) return;
+		let l = {
+			...G(),
+			x: n,
+			z: r,
+			yaw: i,
+			turretYaw: a,
+			speed: o
+		};
+		B = l, z = y, R.push({
+			time: y,
+			pose: l
+		}), R.length > 30 && R.shift();
+	}
+	function re(n) {
+		if (!N && n && n.g === e.gameId && Number.isInteger(n.r)) {
+			if (n.k === "round" && !a && O === "over" && U.has(t) && n.r === S + 1) S = n.r, Z();
+			else if (n.r === S) {
+				if (n.k === "sync" && a) J(X());
+				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;
+					h.forEach((e, t) => {
+						e.hp = n.hp[t], e.alive = e.hp > 0;
+					}), t && (I = !1, L = n.reason, Q(n.winner, !0));
+				} else n.k === "resign" ? (L = "resigned", Q(t, a), a && J(X())) : n.k === "rematch" && O === "over" ? (U.add(p), ie()) : O === "playing" && (n.k === "fire" && te(p, n, !1), !a && n.k === "hit" && j(n.id) && !H.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 <= h[t].hp) && [n.x, n.z].every(A) && (Y(`hit:${n.id}`), h.forEach((e, t) => {
+					e.hp = n.hp[t], e.alive = e.hp > 0;
+				}), g = g.filter((e) => e.id !== n.id), q(n)), !a && n.k === "destroyed" && f.includes(n.target) && !H.has(`destroyed:${n.target}`) && h.find((e) => e.id === n.target).hp === 0 && (Y(`destroyed:${n.target}`), q(n)), !a && n.k === "over" && f.includes(n.winner) && h.find((e) => e.id !== n.winner).hp === 0 && Q(n.winner));
+			}
+		}
+	}
+	let $ = c({
+		signaling: o && {
+			send(t) {
+				let r = n(t);
+				if (!r) return Promise.reject(/* @__PURE__ */ Error("Invalid live signal"));
+				let a = i({
+					...r,
+					liveGame: e.gameId
+				});
+				return a ? o.send(a) : Promise.reject(/* @__PURE__ */ Error("Live signal too large"));
+			},
+			subscribe(t) {
+				return o.subscribe((r) => {
+					n(r?.text)?.liveGame === e.gameId && t(r);
+				});
+			}
+		},
+		selfId: t,
+		peerId: p,
+		roomId: e.roomId,
+		iceServers: l,
+		iceTransportPolicy: u,
+		RTCPeerConnectionImpl: d,
+		onMove: ne,
+		onEvent: re,
+		onChange(e) {
+			let t = P.phase;
+			if (P = e, e.phase === "connected") {
+				let e = F;
+				F = !0, O !== "over" && (O = "playing"), t !== "connected" && queueMicrotask(() => {
+					N || (I && J({ k: "resign" }), a && e ? J(X()) : a || J({ k: "sync" }));
+				});
+			} else O !== "over" && (O = F ? "disconnected" : "connecting");
+			K();
+		}
+	});
+	function ie() {
+		a && U.size === 2 && (S++, J({ k: "round" }), Z());
+	}
+	return a ? $.connect() : $.setListening(!0), {
+		setInput(e) {
+			v = { ...e };
+		},
+		step(n) {
+			if (N) return;
+			let r = Math.max(0, Math.min(Number(n) || 0, 100));
+			if (y += r, O !== "playing") return;
+			let i = r / 1e3, o = y - 100;
+			for (; R.length > 1 && R[1].time <= o;) R.shift();
+			if (R.length) {
+				let e = R[0], t = R[1] || e, n = ee(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"
+				]) G()[e] = n[e];
+			}
+			for (let e = i; e > 0; e -= .016) D(W(), v, Math.min(e, .016), m);
+			v.fire && te(t, {
+				id: `${t}:${S}:${++C}`,
+				x: W().x,
+				z: W().z,
+				yaw: W().turretYaw,
+				t: y
+			}, !0);
+			let s = P.rtt > 250 || P.move?.lossPct > 15 ? 10 : P.rtt > 100 ? 15 : 20;
+			if (y >= b) {
+				b = y + 1e3 / s;
+				let t = W();
+				$.sendMove({
+					g: e.gameId,
+					r: S,
+					p: [
+						t.x,
+						t.z,
+						t.yaw,
+						t.turretYaw,
+						t.speed
+					],
+					t: y
+				});
+			}
+			g = g.filter((e) => {
+				let t = k(e, i, m, h);
+				if (!t) return !0;
+				if (a && t.target && O === "playing") {
+					let n = h.find((e) => e.id === t.target);
+					n.hp = Math.max(0, n.hp - x.damage), n.alive = n.hp > 0;
+					let r = {
+						k: "hit",
+						id: e.id,
+						target: n.id,
+						dmg: x.damage,
+						hp: h.map((e) => e.hp),
+						x: e.x,
+						z: e.z
+					};
+					if (J(r), q(r), !n.alive) {
+						let t = {
+							k: "destroyed",
+							target: n.id
+						};
+						J(t), q(t), J({
+							k: "over",
+							winner: e.owner
+						}), Q(e.owner);
+					}
+				} else q({
+					k: "impact",
+					kind: t.kind,
+					x: e.x,
+					z: e.z
+				});
+				return !1;
+			});
+		},
+		getRender() {
+			let e = {
+				arena: m,
+				tanks: h.map((e) => ({
+					...e,
+					self: e.id === t,
+					reload: Math.min(1, (y - (V.get(e.id) ?? -Infinity)) / x.reloadMs)
+				})),
+				shells: g.map((e) => ({ ...e })),
+				events: _,
+				status: O,
+				winner: M,
+				net: P
+			};
+			return _ = [], e;
+		},
+		rematch() {
+			!N && O === "over" && (U.add(t), J({ k: "rematch" }), ie());
+		},
+		resign() {
+			!N && O !== "over" && (I = !0, L = "resigned", J({ k: "resign" }), Q(p));
+		},
+		destroy() {
+			N || (N = !0, $.destroy(), g = [], R = [], _ = []);
+		}
+	};
+}
+var N = 180 / Math.PI, P = (e, t) => Number.isFinite(e) ? e : t;
+function F(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 I({
+		minX: n.minX,
+		minZ: n.minZ,
+		maxX: n.maxX,
+		maxZ: n.maxZ
+	});
+	let r = P(t.width, P(t.size, 120)), i = P(t.depth, P(t.height, P(t.size, r)));
+	return I(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 I(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 L(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
+		x: e.x,
+		z: e.z,
+		r: P(e.r, P(e.radius, 1.5)),
+		kind: e.kind === "tree" ? "tree" : "rock"
+	}));
+}
+var R = (e) => e ? e.k ?? e.type ?? null : null;
+function z(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 B = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, V = (e) => (e || []).find((e) => e.self) || null, H = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), U = (e) => {
+	let t = e % (Math.PI * 2);
+	return t > Math.PI && (t -= Math.PI * 2), t < -Math.PI && (t += Math.PI * 2), t;
+};
+function W({ 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(U((c.yaw ?? 0) - r.yaw)) / d, m = Math.abs(U((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: U((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 G(e) {
+	switch (R(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 K(e) {
+	if (!e || e.status !== "over") return null;
+	let t = V(e.tanks);
+	return !t || e.winner == null ? null : String(e.winner) === String(t.id) ? "victory" : "defeat";
+}
+// src/games/tanks-live/scene/createLiveScene2d.js
+function q(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 = F(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 L(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 J = /* @__PURE__ */ b({ default: () => Q }), Y = (t, n) => {
+	e.getState().act(t, n).catch(() => {});
+}, X = (e) => {
+	e.throttle = 0, e.steer = 0, e.fire = !1;
+};
+function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspended: y = !1 }) {
+	let b = f(a)?.config?.webrtc, x = e((e) => e.games[n]), S = m(y);
+	S.current = y;
+	let C = m(null), w = m(null), T = m(null), E = m({
+		throttle: 0,
+		steer: 0,
+		fire: !1
+	}), [D, O] = h(null), [k, ee] = h(""), [A, j] = h(!1), [N, P] = h("loading");
+	p(() => {
+		y ? (X(E.current), o()) : T.current?.resize();
+	}, [y]);
+	let F = ["active", "won"].includes(x?.status), [I, L] = h(null);
+	if (p(() => {
+		if (!F || !I || !C.current) return;
+		let e = !1, t = null, n = {
+			arena: I,
+			lowPower: matchMedia("(pointer: coarse)").matches,
+			reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches,
+			onEvent: (e) => {
+				e.type === "context_lost" && j(!0);
+			}
+		}, r = () => {
+			e || (t = q(C.current, n), T.current = t, P("2d"));
+		};
+		return A ? r() : import("./createLiveScene-CtYPcOPo.js").then(({ createLiveScene: i }) => {
+			if (!e) try {
+				t = i(C.current, n), T.current = t, P("3d");
+			} catch {
+				r();
+			}
+		}).catch(r), () => {
+			e = !0, t?.dispose(), T.current === t && (T.current = null);
+		};
+	}, [
+		F,
+		I,
+		A
+	]), p(() => {
+		if (!F || x.status !== "active" || !C.current) return;
+		let t = !1, i = 0, a = performance.now(), u = 0, d = null, f = W(), p = /* @__PURE__ */ new Set();
+		s();
+		let m;
+		try {
+			let t = e.getState().createLiveSignaling(n);
+			m = M({
+				iceServers: b?.iceServers,
+				iceTransportPolicy: b?.iceTransportPolicy,
+				game: x,
+				selfId: String(r),
+				isHost: String(x.hostId) === String(r),
+				signaling: t
+			}), w.current = m;
+		} catch (e) {
+			ee(e.message || "No se pudo iniciar WebRTC");
+			return;
+		}
+		L(m.getRender().arena);
+		function h() {
+			p.clear(), X(E.current), o();
+		}
+		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 ? p.add(e.code) : p.delete(e.code), E.current.throttle = Number(p.has("KeyW") || p.has("ArrowUp")) - Number(p.has("KeyS") || p.has("ArrowDown")), E.current.steer = Number(p.has("KeyD") || p.has("ArrowRight")) - Number(p.has("KeyA") || p.has("ArrowLeft")), E.current.fire = p.has("Space"));
+		}
+		let _ = (e) => g(e, !0), v = (e) => g(e, !1), y = C.current;
+		y.addEventListener("keydown", _), y.addEventListener("keyup", v), y.addEventListener("blur", h);
+		let D = () => {
+			document.hidden && h();
+		};
+		document.addEventListener("visibilitychange", D), c({ type: "engine_start" }, n);
+		function k(r) {
+			if (t) return;
+			let s = Math.min(80, r - a);
+			a = r;
+			let h = S.current || document.hidden;
+			m.setInput(h ? {
+				throttle: 0,
+				steer: 0,
+				fire: !1
+			} : E.current), m.step(s);
+			let g = m.getRender();
+			if (h || T.current?.render(g, s), h && (p.clear(), f.reset(), o()), !h) for (let e of g.events || []) for (let t of G(e)) c(t, e.id);
+			if (!h) for (let e of f.update(V(g.tanks), s)) c(e);
+			let _ = K(g);
+			_ && !d && (O(g), d = _, h || l(d, n), e.getState().liveFinish?.(n, g.winner)), r - u > 100 && (u = r, O(g)), i = requestAnimationFrame(k);
+		}
+		return i = requestAnimationFrame(k), () => {
+			t = !0, cancelAnimationFrame(i), h(), m.destroy(), w.current = null, y.removeEventListener("keydown", _), y.removeEventListener("keyup", v), y.removeEventListener("blur", h), document.removeEventListener("visibilitychange", D);
+		};
+	}, [
+		F,
+		n,
+		r
+	]), !x) return null;
+	let R = String(r) === String(x.guestId), z = D?.status === "over" || x.status === "won";
+	function B(e) {
+		let t = C.current?.getBoundingClientRect(), n = V(D?.tanks);
+		if (!t || !n) return;
+		let r = T.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
+		r && (E.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
+	}
+	let H = (e, t) => ({
+		onPointerDown: (n) => {
+			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), E.current[e] = t;
+		},
+		onPointerUp: () => {
+			E.current[e] = e !== "fire" && 0;
+		},
+		onPointerCancel: () => {
+			E.current[e] = e !== "fire" && 0;
+		},
+		onLostPointerCapture: () => {
+			E.current[e] = e !== "fire" && 0;
+		}
+	});
+	return /* @__PURE__ */ v("section", {
+		className: "chat-game-card tl-card",
+		"aria-label": "Tanques LIVE 3D",
+		children: [
+			/* @__PURE__ */ v("header", {
+				className: "tl-header",
+				children: [
+					/* @__PURE__ */ _("strong", { children: "Tanques LIVE 3D" }),
+					/* @__PURE__ */ _(t, { manager: u() }),
+					i && /* @__PURE__ */ _("button", {
+						onClick: i,
+						"aria-label": "Minimizar",
+						children: "−"
+					}),
+					d && /* @__PURE__ */ _("button", {
+						onClick: d,
+						"aria-label": "Ocultar",
+						children: "×"
+					})
+				]
+			}),
+			x.status === "invited" && /* @__PURE__ */ v("div", {
+				className: "tl-invite",
+				children: [/* @__PURE__ */ _("p", { children: R ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }), R && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => Y(n, "game_accept"),
+					children: "Aceptar"
+				}), /* @__PURE__ */ _("button", {
+					onClick: () => Y(n, "game_decline"),
+					children: "Rechazar"
+				})] })]
+			}),
+			(F || D) && /* @__PURE__ */ v(g, { children: [
+				/* @__PURE__ */ v("div", {
+					className: "tl-hud",
+					children: [(D?.tanks || []).map((e) => /* @__PURE__ */ v("span", { children: [
+						e.self ? "Tú" : "Rival",
+						" ",
+						/* @__PURE__ */ _("meter", {
+							min: "0",
+							max: "100",
+							value: e.hp,
+							"aria-label": e.self ? "Tu vida" : "Vida del rival"
+						}),
+						" ",
+						e.hp,
+						" HP"
+					] }, e.id)), /* @__PURE__ */ v("span", {
+						role: "status",
+						children: [
+							D?.net?.phase || "Conectando WebRTC…",
+							" ",
+							D?.net?.route?.label || (typeof D?.net?.route == "string" ? D.net.route : ""),
+							" ",
+							Number.isFinite(D?.net?.rtt) ? `${Math.round(D.net.rtt)} ms` : ""
+						]
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "tl-stage",
+					ref: C,
+					tabIndex: 0,
+					"aria-label": "Arena. WASD o flechas para conducir, ratón para apuntar, clic o espacio para disparar",
+					onPointerMove: B,
+					onPointerDown: (e) => {
+						B(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), B(e), E.current.fire = !0);
+					},
+					onPointerUp: () => {
+						E.current.fire = !1;
+					},
+					onPointerCancel: () => {
+						X(E.current);
+					},
+					onLostPointerCapture: () => {
+						E.current.fire = !1;
+					}
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "tl-controls",
+					children: [
+						/* @__PURE__ */ _("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();
+								E.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), E.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();
+								E.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), E.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerUp: () => X(E.current),
+							onPointerCancel: () => X(E.current),
+							onLostPointerCapture: () => X(E.current),
+							children: "✥"
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "tl-drive",
+							"aria-label": "Controles de conducción",
+							children: [
+								/* @__PURE__ */ _("button", {
+									"aria-label": "Avanzar",
+									...H("throttle", 1),
+									children: "▲"
+								}),
+								/* @__PURE__ */ _("button", {
+									"aria-label": "Girar izquierda",
+									...H("steer", -1),
+									children: "◀"
+								}),
+								/* @__PURE__ */ _("button", {
+									"aria-label": "Retroceder",
+									...H("throttle", -1),
+									children: "▼"
+								}),
+								/* @__PURE__ */ _("button", {
+									"aria-label": "Girar derecha",
+									...H("steer", 1),
+									children: "▶"
+								})
+							]
+						}),
+						/* @__PURE__ */ _("button", {
+							className: "tl-fire",
+							...H("fire", !0),
+							children: "Disparar"
+						})
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "tl-reload",
+					children: /* @__PURE__ */ v("label", { children: [
+						"Recarga ",
+						/* @__PURE__ */ _("progress", {
+							max: "1",
+							value: V(D?.tanks)?.reload ?? 1
+						}),
+						" ",
+						(V(D?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+					] })
+				}),
+				/* @__PURE__ */ _("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
+				/* @__PURE__ */ _("button", {
+					onClick: () => j((e) => !e),
+					children: N === "2d" ? "Probar 3D" : "Vista 2D"
+				})
+			] }),
+			z && /* @__PURE__ */ v("p", {
+				role: "status",
+				children: [
+					String(D?.winner ?? x.winnerId) === String(r) ? "¡Victoria!" : "Fin del combate",
+					" ",
+					/* @__PURE__ */ _("button", {
+						onClick: () => {
+							Promise.resolve(e.getState().liveRematch?.(n)).catch(() => {});
+						},
+						children: "Revancha"
+					})
+				]
+			}),
+			F && !z && /* @__PURE__ */ _("button", {
+				onClick: () => w.current?.resign(),
+				children: "Rendirse"
+			}),
+			x.pending && /* @__PURE__ */ _("p", {
+				role: "status",
+				children: "Enviando…"
+			}),
+			x.pendingEvent && x.error && /* @__PURE__ */ _("button", {
+				onClick: () => {
+					e.getState().retry(n).catch(() => {});
+				},
+				children: "Reintentar envío"
+			}),
+			k && /* @__PURE__ */ _("p", {
+				role: "alert",
+				children: k
+			}),
+			x.error && /* @__PURE__ */ _("p", {
+				role: "alert",
+				children: x.error
+			}),
+			!["closed", "declined"].includes(x.status) && /* @__PURE__ */ _("button", {
+				onClick: () => Y(n, "game_end"),
+				children: "Cerrar partida"
+			})
+		]
+	});
+}
+var Q = d(Z);
+export { H as a, B as c, Q as default, L as i, U as l, N as n, R as o, F as r, z as s, J as t };
+
+//# sourceMappingURL=TanksLiveGameCard-BmNRXP66.js.map