@minicode-dev/chat 0.1.6 → 0.1.8

package/README.md

@@ -296,3 +296,28 @@ effect can replace the animation currently playing. Confetti fills the panel wit
 Browsers can still block sound before the recipient interacts with the site; the visual
 effect does not depend on successful audio playback. Both participants must use an updated
 package, and explicitly saved `autoPlay: false` settings still disable automatic playback.
+
+## Tanques LIVE 3D (preview)
+
+This fourth game is independent of turn-based Tanks, Connect 4 and Battleship. Enable it explicitly:
+
+```js
+const config = {
+  features: { games: { tanksLive: true } },
+  // Optional: supply runtime STUN/TURN settings from your application.
+  webrtc: { iceServers, iceTransportPolicy: 'all' },
+};
+```
+
+Omit `webrtc` to use the existing default STUN servers. Never ship permanent TURN credentials.
+Both players need a compatible package version and a browser with WebRTC. Invitations and
+acceptance use the chat transport; movement and combat use DataChannels. The inviting player
+resolves damage. Three.js loads dynamically, with a Canvas 2D fallback. Shared game mute and
+volume settings apply to the existing tank sounds.
+
+For a local two-player test, run `npm run dev -- --host` and open
+`/tanks-live-lab.html?user=ana` and `/tanks-live-lab.html?user=luis` before inviting.
+Use WASD/arrows, mouse and click/space on desktop, or the joystick, arena touch aiming and fire
+button on mobile. Minimize preserves the match; reload/reopening the chat is not a persisted
+match recovery flow. Wi-Fi versus cellular connectivity and runtime TURN still require real-device
+validation.

package/dist/chunks/{BattleshipGameCard-S-UdM6rn.js → BattleshipGameCard-BFqA0cjT.js}

@@ -1,14 +1,16 @@
-import { S as e, _ as t, a as n, m as r, o as i, p as a, s as o, t as s, u as c, v as l } from "./connect4Sounds-9u0p-dAf.js";
-import { l as u, n as d, s as f, t as p } from "./battleship-DXKuIZ1I.js";
+import { a as e, d as t, o as n, s as r, t as i } from "./connect4Sounds-BN7d_TM2.js";
+import { l as a, n as o, s, t as c } from "./board-DXKuIZ1I.js";
+import { c as l, f as u, i as d, l as f, t as p } from "./gameStatus-Cu1Z8un9.js";
+import "../index.js";
 import { t as ee } from "./webglSupport-2WjPEPZ_.js";
 import { memo as m, useCallback as h, useEffect as g, useId as te, useMemo as _, useRef as v, useState as y } from "react";
 import { Anchor as ne, Check as re, ChevronDown as ie, Crosshair as ae, LocateFixed as oe, Maximize2 as se, Minimize2 as ce, Radar as le, RotateCw as ue, ShieldCheck as b, Shuffle as de, TriangleAlert as fe, Waves as pe, X as me } from "lucide-react";
 import { Fragment as he, jsx as x, jsxs as S } from "react/jsx-runtime";
 // src/games/battleship/sound/battleshipSounds.js
-var C = "ocean_ambient_loop", w = n({
+var C = "ocean_ambient_loop", w = e({
 	id: "battleship",
-	baseUrl: () => l("battleship_audio_pack/assets"),
-	settingsFrom: s,
+	baseUrl: () => r("battleship_audio_pack/assets"),
+	settingsFrom: i,
 	sounds: Object.fromEntries([
 		"cannon_fire",
 		"projectile_flyby",
@@ -126,13 +128,13 @@ var k = "ABCDEFGHIJ", we = {
 	"won",
 	"conflict",
 	"closed"
-], Ee = 400, De = Array.from({ length: 10 }, () => Array(10).fill(null)), A = (e) => e ? `${k[e.row]}${e.col + 1}` : "—", Oe = (e, t) => !!(e && t && e.row === t.row && e.col === t.col), j = (e) => !!e && Number.isInteger(e.row) && Number.isInteger(e.col) && e.row >= 0 && e.row < 10 && e.col >= 0 && e.col < 10, ke = (e) => we[e] || "barco", Ae = (e, t) => e?.[t.row]?.[t.col] ?? null, je = (e, t) => e.find((e) => e.cells?.some((e) => Oe(e, t))), Me = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ne = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, M = (t, ...n) => Promise.resolve().then(() => e.getState()[t]?.(...n)).catch(() => {});
+], Ee = 400, De = Array.from({ length: 10 }, () => Array(10).fill(null)), A = (e) => e ? `${k[e.row]}${e.col + 1}` : "—", Oe = (e, t) => !!(e && t && e.row === t.row && e.col === t.col), j = (e) => !!e && Number.isInteger(e.row) && Number.isInteger(e.col) && e.row >= 0 && e.row < 10 && e.col >= 0 && e.col < 10, ke = (e) => we[e] || "barco", Ae = (e, t) => e?.[t.row]?.[t.col] ?? null, je = (e, t) => e.find((e) => e.cells?.some((e) => Oe(e, t))), Me = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ne = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, M = (e, ...n) => Promise.resolve().then(() => t.getState()[e]?.(...n)).catch(() => {});
 function Pe(e) {
-	let t = d();
+	let t = o();
 	for (let n of e || []) {
 		let e = n.cells?.[0];
 		if (!e) continue;
-		let r = f(t, {
+		let r = s(t, {
 			shipId: n.id,
 			row: e.row,
 			col: e.col,
@@ -184,7 +186,7 @@ function Le({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
 	});
 }
 function Re({ game: e }) {
-	let t = c(e);
+	let t = d(e);
 	return t ? /* @__PURE__ */ S("span", {
 		className: `bs-badge bs-badge--${e.verification}`,
 		children: [
@@ -249,12 +251,12 @@ function ze({ view: e, selected: t, cursor: n, onSelect: r, onHover: i }) {
 	});
 }
 function N({ game: e, currentUserId: t, status: n }) {
-	let { total: i, hits: a } = Ie(e.targetShots), o = e.sunkEnemyShips?.length || 0, s = [
+	let { total: r, hits: i } = Ie(e.targetShots), a = e.sunkEnemyShips?.length || 0, o = [
 		"active",
 		"won",
 		"closed",
 		"conflict"
-	].includes(e.status) && i > 0, c = e.status === "won" && r(t, e.winnerId);
+	].includes(e.status) && r > 0, s = e.status === "won" && f(t, e.winnerId);
 	return /* @__PURE__ */ S("section", {
 		className: "chat-game-card chat-game-card--history bs-card bs-card--history",
 		"aria-label": "Partida de Batalla Naval",
@@ -274,50 +276,50 @@ function N({ game: e, currentUserId: t, status: n }) {
 				})
 			}),
 			/* @__PURE__ */ x("p", {
-				className: `chat-game-status${c ? " bs-status--win" : ""}`,
+				className: `chat-game-status${s ? " bs-status--win" : ""}`,
 				children: n
 			}),
-			s && /* @__PURE__ */ S("p", {
+			o && /* @__PURE__ */ S("p", {
 				className: "bs-history-stats",
 				children: [
 					"Disparos ",
-					i,
+					r,
 					" · Impactos ",
-					a,
+					i,
 					" · Hundidos ",
-					o,
+					a,
 					"/",
-					p.length
+					c.length
 				]
 			}),
 			/* @__PURE__ */ x(Re, { game: e })
 		]
 	});
 }
-function P({ gameKey: n, currentUserId: r, variant: i = "panel", onMinimize: a, onDismiss: s }) {
-	let c = e((e) => e.games[n]), l = t() === "connected";
-	if (!c) return null;
-	let u = o(c, r);
-	return i === "history" ? /* @__PURE__ */ x(N, {
-		game: c,
-		currentUserId: r,
-		status: u
+function P({ gameKey: e, currentUserId: n, variant: r = "panel", onMinimize: i, onDismiss: a }) {
+	let o = t((t) => t.games[e]), s = u() === "connected";
+	if (!o) return null;
+	let c = p(o, n);
+	return r === "history" ? /* @__PURE__ */ x(N, {
+		game: o,
+		currentUserId: n,
+		status: c
 	}) : /* @__PURE__ */ x(Be, {
-		game: c,
-		gameKey: n,
-		currentUserId: r,
-		connected: l,
-		status: u,
-		variant: i,
-		onMinimize: a,
-		onDismiss: s
+		game: o,
+		gameKey: e,
+		currentUserId: n,
+		connected: s,
+		status: c,
+		variant: r,
+		onMinimize: i,
+		onDismiss: a
 	});
 }
-function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, variant: c, onMinimize: l, onDismiss: d }) {
-	let f = v(null), m = v(null), b = v(!1), C = v(void 0), ge = v({
+function Be({ game: e, gameKey: t, currentUserId: r, connected: i, status: o, variant: s, onMinimize: u, onDismiss: d }) {
+	let p = v(null), m = v(null), b = v(!1), C = v(void 0), ge = v({
 		cell: null,
 		time: 0
-	}), E = v({}), D = v(/* @__PURE__ */ new Set()), ye = v(e.status), be = te(), [O, k] = y("idle"), [we, N] = y("own"), [P, Be] = y(null), [F, Ve] = y(null), [I, He] = y(null), [L, Ue] = y("horizontal"), [We, Ge] = y(null), [Ke, qe] = y(!1), [R, Je] = y(!1), [Ye, Xe] = y(!1), [Ze, Qe] = y(null), $e = r(n, e.hostId), et = r(n, e.guestId), tt = $e || et, nt = a(e), z = e.status === "placement", rt = e.status === "active" || e.status === "won", it = e.status === "active" && r(n, e.turnId), at = !o || !!e.pending || !!e.pendingEvent, B = it && !e.pendingShot && !at && !e.error && !Ye, V = z && !e.myReady && !at, H = Te.includes(e.status) && (e.status !== "closed" || (e.myFleet?.length ?? 0) > 0), U = O === "ready", W = _(() => e.myFleet || [], [e.myFleet]), G = e.incomingShots || De, K = e.targetShots || De, ot = _(() => Pe(W), [W]), q = _(() => new Set(W.map((e) => e.id)), [W]), st = p.every((e) => q.has(e.id)), J = p.find((e) => e.id === We && !q.has(e.id)) || p.find((e) => !q.has(e.id)) || null, ct = _(() => W.map((e) => ({
+	}), E = v({}), D = v(/* @__PURE__ */ new Set()), ye = v(e.status), be = te(), [O, k] = y("idle"), [we, N] = y("own"), [P, Be] = y(null), [F, Ve] = y(null), [I, He] = y(null), [L, Ue] = y("horizontal"), [We, Ge] = y(null), [Ke, qe] = y(!1), [R, Je] = y(!1), [Ye, Xe] = y(!1), [Ze, Qe] = y(null), $e = f(r, e.hostId), et = f(r, e.guestId), tt = $e || et, nt = l(e), z = e.status === "placement", rt = e.status === "active" || e.status === "won", it = e.status === "active" && f(r, e.turnId), at = !i || !!e.pending || !!e.pendingEvent, B = it && !e.pendingShot && !at && !e.error && !Ye, V = z && !e.myReady && !at, H = Te.includes(e.status) && (e.status !== "closed" || (e.myFleet?.length ?? 0) > 0), U = O === "ready", W = _(() => e.myFleet || [], [e.myFleet]), G = e.incomingShots || De, K = e.targetShots || De, ot = _(() => Pe(W), [W]), q = _(() => new Set(W.map((e) => e.id)), [W]), st = c.every((e) => q.has(e.id)), J = c.find((e) => e.id === We && !q.has(e.id)) || c.find((e) => !q.has(e.id)) || null, ct = _(() => W.map((e) => ({
 		...e,
 		sunk: !!e.cells?.length && e.cells.every((e) => Ae(G, e) === "hit")
 	})), [W, G]), lt = _(() => (e.sunkEnemyShips || []).filter((e) => e?.cells?.length).map((e) => ({
@@ -334,7 +336,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 		})), e;
 	}, [K]), Y = z ? "own" : we, X = P || F, pt = _(() => {
 		if (!V || !J || !X) return null;
-		let e = u(ot, {
+		let e = a(ot, {
 			shipId: J.id,
 			row: X.row,
 			col: X.col,
@@ -407,7 +409,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 			return;
 		}
 		if (!J) return;
-		let r = u(ot, {
+		let r = a(ot, {
 			shipId: J.id,
 			row: e.row,
 			col: e.col,
@@ -452,14 +454,14 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 		selectCell: vt,
 		setHovered: Be
 	}, g(() => {
-		let e = f.current;
+		let e = p.current;
 		if (!H || !e) return;
 		if (!ee()) {
 			k("fallback");
 			return;
 		}
 		let t = !1, n = null;
-		return k("loading"), import("./createBattleScene-HIAvjixn.js").then(({ createBattleScene: r }) => {
+		return k("loading"), import("./createBattleScene-L4ZRWDED.js").then(({ createBattleScene: r }) => {
 			t || (n = r(e, {
 				quality: "auto",
 				reducedMotion: Ne(),
@@ -511,35 +513,35 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 		}
 		if (!t || t === C.current) return;
 		C.current = t;
-		let i = !r(Q.by, n), a = {
+		let n = !f(Q.by, r), i = {
 			row: Q.row,
 			col: Q.col
-		}, o = A(a), s = typeof Q.sunk == "string" ? Q.sunk : Q.sunk ? je(i ? W : e.sunkEnemyShips || [], a)?.id : null, c = i ? Q.sunk ? `Te hundieron el ${ke(s)}` : Q.result === "hit" ? `El rival impactó en ${o}` : `El rival falló: agua en ${o}` : Q.sunk ? `¡Hundiste el ${ke(s)}!` : Q.result === "hit" ? `¡Impacto en ${o}!` : `Agua en ${o}`, l = Q.result === "hit" ? "hit" : "miss", u = i ? "own" : "target", d = i && xe(W, e.incomingShots, Q), f = Ce({
+		}, a = A(i), o = typeof Q.sunk == "string" ? Q.sunk : Q.sunk ? je(n ? W : e.sunkEnemyShips || [], i)?.id : null, s = n ? Q.sunk ? `Te hundieron el ${ke(o)}` : Q.result === "hit" ? `El rival impactó en ${a}` : `El rival falló: agua en ${a}` : Q.sunk ? `¡Hundiste el ${ke(o)}!` : Q.result === "hit" ? `¡Impacto en ${a}!` : `Agua en ${a}`, c = Q.result === "hit" ? "hit" : "miss", l = n ? "own" : "target", u = n && xe(W, e.incomingShots, Q), d = Ce({
 			result: Q.result,
 			sunk: !!Q.sunk,
 			defeated: !!Q.defeated,
-			won: !i,
-			cruiserAlarm: d
+			won: !n,
+			cruiserAlarm: u
 		}), p = (n) => n === "cruiser_damage_alarm" ? `${e.gameId}:cruiser` : n === "victory" || n === "defeat" ? `${e.gameId}:end` : t, ee = D.current;
-		N(u);
+		N(l);
 		let h = m.current;
 		if (!h?.playShot) {
-			_e(f, p, ee), Z(c, l);
+			_e(d, p, ee), Z(s, c);
 			return;
 		}
-		_e(Se({ incoming: i }), p, ee), b.current = !0, Xe(!0);
+		_e(Se({ incoming: n }), p, ee), b.current = !0, Xe(!0);
 		let g = !1;
 		try {
-			h.setView(mt(u, a));
+			h.setView(mt(l, i));
 		} catch {}
 		let te = Ne() ? 0 : 600;
 		return Promise.resolve(h.playShot({
-			row: a.row,
-			col: a.col,
+			row: i.row,
+			col: i.col,
 			result: Q.result,
 			sunk: !!Q.sunk,
-			incoming: i
-		})).catch(() => {}).then(() => (_e(f, p, ee), g || Z(c, l), new Promise((e) => setTimeout(e, te)))).then(() => {
+			incoming: n
+		})).catch(() => {}).then(() => (_e(d, p, ee), g || Z(s, c), new Promise((e) => setTimeout(e, te)))).then(() => {
 			g || (b.current = !1, Xe(!1));
 		}), () => {
 			g = !0, b.current = !1, Xe(!1);
@@ -611,9 +613,9 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 		} else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), z ? _t(F || P) : gt(I || F));
 	}, wt = (e) => {
 		e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || /^(INPUT|TEXTAREA|SELECT)$/.test(e.target.tagName) || e.target.isContentEditable || (e.key === "r" || e.key === "R" ? (e.preventDefault(), z ? bt() : m.current?.resetCamera?.()) : e.key === "Escape" && R && (e.preventDefault(), e.stopPropagation(), Je(!1)));
-	}, Tt = /* @__PURE__ */ x(Re, { game: e }), Et = e.status === "won" && r(n, e.winnerId), Dt = !o && !nt ? "Sin conexión · esperando reconexión" : e.pending ? "Sincronizando…" : s, Ot = lt.length;
+	}, Tt = /* @__PURE__ */ x(Re, { game: e }), Et = e.status === "won" && f(r, e.winnerId), Dt = !i && !nt ? "Sin conexión · esperando reconexión" : e.pending ? "Sincronizando…" : o, Ot = lt.length;
 	return /* @__PURE__ */ S("section", {
-		className: `chat-game-card bs-card${it ? " chat-game-card--my-turn" : ""}${c ? ` chat-game-card--${c}` : ""}${R ? " bs-card--expanded" : ""}`,
+		className: `chat-game-card bs-card${it ? " chat-game-card--my-turn" : ""}${s ? ` chat-game-card--${s}` : ""}${R ? " bs-card--expanded" : ""}`,
 		"aria-label": "Partida de Batalla Naval",
 		onKeyDown: wt,
 		children: [
@@ -631,7 +633,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 							className: "bs-title-icon"
 						})] })]
 					}),
-					c === "panel" && /* @__PURE__ */ x(i, { manager: w }),
+					s === "panel" && /* @__PURE__ */ x(n, { manager: w }),
 					H && /* @__PURE__ */ x("button", {
 						className: "chat-game-close bs-expand",
 						type: "button",
@@ -644,13 +646,13 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 							"aria-hidden": "true"
 						})
 					}),
-					l && /* @__PURE__ */ x("button", {
+					u && /* @__PURE__ */ x("button", {
 						className: "chat-game-close",
 						type: "button",
 						"aria-label": "Minimizar tablero",
 						title: "Minimizar tablero",
 						onClick: () => {
-							Je(!1), l();
+							Je(!1), u();
 						},
 						children: /* @__PURE__ */ x(ie, {
 							size: 16,
@@ -663,7 +665,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 						"aria-label": "Finalizar partida para ambos jugadores",
 						title: "Finalizar partida para ambos",
 						onClick: () => void M("act", t, "game_end"),
-						disabled: !o,
+						disabled: !i,
 						children: /* @__PURE__ */ x(me, {
 							size: 16,
 							"aria-hidden": "true"
@@ -741,7 +743,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", { children: "Hundidos" }), /* @__PURE__ */ S("dd", { children: [
 								Ot,
 								"/",
-								p.length
+								c.length
 							] })] })
 						]
 					})]
@@ -750,7 +752,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 					className: "bs-stage-wrap",
 					children: [
 						/* @__PURE__ */ x("div", {
-							ref: f,
+							ref: p,
 							className: `bs-stage${O === "fallback" ? " bs-stage--fallback" : ""}`,
 							tabIndex: 0,
 							role: "application",
@@ -808,7 +810,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 						/* @__PURE__ */ x("ul", {
 							className: "bs-fleet",
 							"aria-label": "Tu flota",
-							children: p.map((e) => {
+							children: c.map((e) => {
 								let n = q.has(e.id), r = J?.id === e.id;
 								return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ S("button", {
 									type: "button",
@@ -871,7 +873,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 									children: [/* @__PURE__ */ x(re, {
 										size: 15,
 										"aria-hidden": "true"
-									}), e.myReady ? "Flota lista" : `Listo (${q.size}/${p.length})`]
+									}), e.myReady ? "Flota lista" : `Listo (${q.size}/${c.length})`]
 								})
 							]
 						}),
@@ -930,7 +932,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 			] }),
 			e.status === "conflict" && tt && /* @__PURE__ */ x(Le, {
 				sync: e.sync,
-				connected: o,
+				connected: i,
 				onResync: () => void M("requestResync", t),
 				onAdoptOffer: () => void M("adoptResyncOffer", t)
 			}),
@@ -940,7 +942,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 				children: [/* @__PURE__ */ x("span", { children: e.error }), e.pendingEvent && /* @__PURE__ */ x("button", {
 					type: "button",
 					className: "chat-game-action",
-					disabled: !o || e.pending,
+					disabled: !i || e.pending,
 					onClick: () => void M("retry", t),
 					children: "Reintentar"
 				})]
@@ -955,4 +957,4 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 var F = m(P);
 export { F as default };
 
-//# sourceMappingURL=BattleshipGameCard-S-UdM6rn.js.map
+//# sourceMappingURL=BattleshipGameCard-BFqA0cjT.js.map