react-os-shell 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +242 -0
- package/dist/Calculator-BNBRNV4P.js +184 -0
- package/dist/Calculator-BNBRNV4P.js.map +1 -0
- package/dist/Calendar-5EYUVGUU.js +423 -0
- package/dist/Calendar-5EYUVGUU.js.map +1 -0
- package/dist/Checkers-MIAHIKJH.js +214 -0
- package/dist/Checkers-MIAHIKJH.js.map +1 -0
- package/dist/Chess-C5BY45NA.js +190 -0
- package/dist/Chess-C5BY45NA.js.map +1 -0
- package/dist/ConfirmDialog-ZP4AHVUD.js +3 -0
- package/dist/ConfirmDialog-ZP4AHVUD.js.map +1 -0
- package/dist/CurrencyConverter-TYPU2IRF.js +223 -0
- package/dist/CurrencyConverter-TYPU2IRF.js.map +1 -0
- package/dist/Email-JEYYJ3YV.js +1835 -0
- package/dist/Email-JEYYJ3YV.js.map +1 -0
- package/dist/Game2048-3RH3ELRD.js +191 -0
- package/dist/Game2048-3RH3ELRD.js.map +1 -0
- package/dist/GeminiChat-BXLBJFT4.js +184 -0
- package/dist/GeminiChat-BXLBJFT4.js.map +1 -0
- package/dist/Minesweeper-VQGLAZON.js +270 -0
- package/dist/Minesweeper-VQGLAZON.js.map +1 -0
- package/dist/Notepad-YTZRCAXX.js +389 -0
- package/dist/Notepad-YTZRCAXX.js.map +1 -0
- package/dist/PomodoroTimer-HARIJN4S.js +196 -0
- package/dist/PomodoroTimer-HARIJN4S.js.map +1 -0
- package/dist/Spreadsheet-IOKEDNS6.js +446 -0
- package/dist/Spreadsheet-IOKEDNS6.js.map +1 -0
- package/dist/Sudoku-XHLYCEVT.js +197 -0
- package/dist/Sudoku-XHLYCEVT.js.map +1 -0
- package/dist/Tetris-ZHCZYL24.js +243 -0
- package/dist/Tetris-ZHCZYL24.js.map +1 -0
- package/dist/Weather-ROZ7TRNW.js +310 -0
- package/dist/Weather-ROZ7TRNW.js.map +1 -0
- package/dist/apps/index.d.ts +55 -0
- package/dist/apps/index.js +48 -0
- package/dist/apps/index.js.map +1 -0
- package/dist/chunk-5O2KEISQ.js +155 -0
- package/dist/chunk-5O2KEISQ.js.map +1 -0
- package/dist/chunk-D7PYW2QS.js +265 -0
- package/dist/chunk-D7PYW2QS.js.map +1 -0
- package/dist/chunk-GP4Y3VCB.js +806 -0
- package/dist/chunk-GP4Y3VCB.js.map +1 -0
- package/dist/chunk-NSU7OHPC.js +39 -0
- package/dist/chunk-NSU7OHPC.js.map +1 -0
- package/dist/chunk-PDFQNHW7.js +24 -0
- package/dist/chunk-PDFQNHW7.js.map +1 -0
- package/dist/chunk-RFTLYCSF.js +144 -0
- package/dist/chunk-RFTLYCSF.js.map +1 -0
- package/dist/chunk-SVBID2P6.js +142 -0
- package/dist/chunk-SVBID2P6.js.map +1 -0
- package/dist/chunk-TFGOLXGD.js +41 -0
- package/dist/chunk-TFGOLXGD.js.map +1 -0
- package/dist/chunk-WIJ45SYD.js +120 -0
- package/dist/chunk-WIJ45SYD.js.map +1 -0
- package/dist/chunk-WQIS72NL.js +1470 -0
- package/dist/chunk-WQIS72NL.js.map +1 -0
- package/dist/index.d.ts +642 -0
- package/dist/index.js +3443 -0
- package/dist/index.js.map +1 -0
- package/dist/sounds-NT4DEZGD.js +3 -0
- package/dist/sounds-NT4DEZGD.js.map +1 -0
- package/dist/styles.css +174 -0
- package/dist/types-CFIZ1_xt.d.ts +67 -0
- package/package.json +76 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
import { formatDate } from './chunk-NSU7OHPC.js';
|
|
2
|
+
import { toast_default } from './chunk-WIJ45SYD.js';
|
|
3
|
+
import { useWindowMenuItem, Modal, client_default } from './chunk-WQIS72NL.js';
|
|
4
|
+
import './chunk-RFTLYCSF.js';
|
|
5
|
+
import { useState, useRef, useEffect, useCallback } from 'react';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
// src/api/analytics.ts
|
|
9
|
+
var submitGameScore = (data) => client_default.post(`/analytics/games/${data.game}/scores/`, data).then((r) => r.data);
|
|
10
|
+
var getGameLeaderboard = (game) => client_default.get(`/analytics/games/${game}/leaderboard/`).then((r) => r.data);
|
|
11
|
+
var ROWS = 9;
|
|
12
|
+
var COLS = 9;
|
|
13
|
+
var MINES = 10;
|
|
14
|
+
var DIRS = [[-1, -1], [-1, 0], [-1, 1], [0, -1], [0, 1], [1, -1], [1, 0], [1, 1]];
|
|
15
|
+
var NUM_COLORS = { 1: "text-blue-700", 2: "text-green-700", 3: "text-red-600", 4: "text-purple-700", 5: "text-red-900", 6: "text-teal-600", 7: "text-black", 8: "text-gray-500" };
|
|
16
|
+
function createBoard() {
|
|
17
|
+
return Array.from({ length: ROWS }, () => Array.from({ length: COLS }, () => ({ mine: false, revealed: false, flagged: false, adjacent: 0 })));
|
|
18
|
+
}
|
|
19
|
+
function placeMines(board, safeR, safeC) {
|
|
20
|
+
const b = board.map((r) => r.map((c) => ({ ...c })));
|
|
21
|
+
let placed = 0;
|
|
22
|
+
while (placed < MINES) {
|
|
23
|
+
const r = Math.floor(Math.random() * ROWS), c = Math.floor(Math.random() * COLS);
|
|
24
|
+
if (b[r][c].mine || Math.abs(r - safeR) <= 1 && Math.abs(c - safeC) <= 1) continue;
|
|
25
|
+
b[r][c].mine = true;
|
|
26
|
+
placed++;
|
|
27
|
+
}
|
|
28
|
+
for (let r = 0; r < ROWS; r++) for (let c = 0; c < COLS; c++) {
|
|
29
|
+
if (b[r][c].mine) continue;
|
|
30
|
+
b[r][c].adjacent = DIRS.reduce((s, [dr, dc]) => {
|
|
31
|
+
const nr = r + dr, nc = c + dc;
|
|
32
|
+
return s + (nr >= 0 && nr < ROWS && nc >= 0 && nc < COLS && b[nr][nc].mine ? 1 : 0);
|
|
33
|
+
}, 0);
|
|
34
|
+
}
|
|
35
|
+
return b;
|
|
36
|
+
}
|
|
37
|
+
function floodFill(board, r, c) {
|
|
38
|
+
const b = board.map((row) => row.map((cell) => ({ ...cell })));
|
|
39
|
+
const stack = [[r, c]];
|
|
40
|
+
while (stack.length) {
|
|
41
|
+
const [cr, cc] = stack.pop();
|
|
42
|
+
if (cr < 0 || cr >= ROWS || cc < 0 || cc >= COLS || b[cr][cc].revealed || b[cr][cc].flagged || b[cr][cc].mine) continue;
|
|
43
|
+
b[cr][cc].revealed = true;
|
|
44
|
+
if (b[cr][cc].adjacent === 0) DIRS.forEach(([dr, dc]) => stack.push([cr + dr, cc + dc]));
|
|
45
|
+
}
|
|
46
|
+
return b;
|
|
47
|
+
}
|
|
48
|
+
function checkWin(board) {
|
|
49
|
+
return board.every((row) => row.every((c) => c.mine || c.revealed));
|
|
50
|
+
}
|
|
51
|
+
function Minesweeper() {
|
|
52
|
+
const [board, setBoard] = useState(createBoard);
|
|
53
|
+
const [status, setStatus] = useState("playing");
|
|
54
|
+
const [started, setStarted] = useState(false);
|
|
55
|
+
const [time, setTime] = useState(0);
|
|
56
|
+
const timerRef = useRef(null);
|
|
57
|
+
const startTimeRef = useRef(0);
|
|
58
|
+
const [clicks, setClicks] = useState(0);
|
|
59
|
+
const [showLeaderboard, setShowLeaderboard] = useState(false);
|
|
60
|
+
const [leaderboard, setLeaderboard] = useState([]);
|
|
61
|
+
const [loadingLb, setLoadingLb] = useState(false);
|
|
62
|
+
const scoreSubmitted = useRef(false);
|
|
63
|
+
const flagCount = board.reduce((s, r) => s + r.reduce((s2, c) => s2 + (c.flagged ? 1 : 0), 0), 0);
|
|
64
|
+
const timeSeconds = time / 100;
|
|
65
|
+
useEffect(() => {
|
|
66
|
+
if (started && status === "playing") {
|
|
67
|
+
startTimeRef.current = performance.now() - time * 10;
|
|
68
|
+
timerRef.current = setInterval(() => {
|
|
69
|
+
const elapsed = Math.floor((performance.now() - startTimeRef.current) / 10);
|
|
70
|
+
setTime(Math.min(elapsed, 99999));
|
|
71
|
+
}, 10);
|
|
72
|
+
} else if (timerRef.current) {
|
|
73
|
+
clearInterval(timerRef.current);
|
|
74
|
+
timerRef.current = null;
|
|
75
|
+
}
|
|
76
|
+
return () => {
|
|
77
|
+
if (timerRef.current) clearInterval(timerRef.current);
|
|
78
|
+
};
|
|
79
|
+
}, [started, status]);
|
|
80
|
+
const restart = useCallback(() => {
|
|
81
|
+
setBoard(createBoard());
|
|
82
|
+
setStatus("playing");
|
|
83
|
+
setStarted(false);
|
|
84
|
+
setTime(0);
|
|
85
|
+
startTimeRef.current = 0;
|
|
86
|
+
setClicks(0);
|
|
87
|
+
scoreSubmitted.current = false;
|
|
88
|
+
}, []);
|
|
89
|
+
const handleClick = useCallback((r, c) => {
|
|
90
|
+
if (status !== "playing") return;
|
|
91
|
+
setBoard((prev) => {
|
|
92
|
+
let b = prev;
|
|
93
|
+
if (!started) {
|
|
94
|
+
b = placeMines(prev, r, c);
|
|
95
|
+
setStarted(true);
|
|
96
|
+
}
|
|
97
|
+
const cell = b[r][c];
|
|
98
|
+
if (cell.revealed || cell.flagged) return b;
|
|
99
|
+
if (cell.mine) {
|
|
100
|
+
const lost = b.map((row) => row.map((c2) => ({ ...c2, revealed: c2.mine ? true : c2.revealed })));
|
|
101
|
+
lost[r][c] = { ...lost[r][c], revealed: true };
|
|
102
|
+
setStatus("lost");
|
|
103
|
+
return lost;
|
|
104
|
+
}
|
|
105
|
+
const next = floodFill(b, r, c);
|
|
106
|
+
if (checkWin(next)) setStatus("won");
|
|
107
|
+
return next;
|
|
108
|
+
});
|
|
109
|
+
}, [status, started]);
|
|
110
|
+
const handleContext = useCallback((e, r, c) => {
|
|
111
|
+
e.preventDefault();
|
|
112
|
+
if (status !== "playing") return;
|
|
113
|
+
setBoard((prev) => {
|
|
114
|
+
if (prev[r][c].revealed) return prev;
|
|
115
|
+
const b = prev.map((row) => row.map((cell) => ({ ...cell })));
|
|
116
|
+
b[r][c].flagged = !b[r][c].flagged;
|
|
117
|
+
return b;
|
|
118
|
+
});
|
|
119
|
+
}, [status]);
|
|
120
|
+
const handleChord = useCallback((r, c) => {
|
|
121
|
+
if (status !== "playing") return;
|
|
122
|
+
setBoard((prev) => {
|
|
123
|
+
const cell = prev[r][c];
|
|
124
|
+
if (!cell.revealed || cell.adjacent === 0) return prev;
|
|
125
|
+
const adjFlags = DIRS.reduce((s, [dr, dc]) => {
|
|
126
|
+
const nr = r + dr, nc = c + dc;
|
|
127
|
+
return s + (nr >= 0 && nr < ROWS && nc >= 0 && nc < COLS && prev[nr][nc].flagged ? 1 : 0);
|
|
128
|
+
}, 0);
|
|
129
|
+
if (adjFlags !== cell.adjacent) return prev;
|
|
130
|
+
let b = prev.map((row) => row.map((c2) => ({ ...c2 })));
|
|
131
|
+
let hitMine = false;
|
|
132
|
+
for (const [dr, dc] of DIRS) {
|
|
133
|
+
const nr = r + dr, nc = c + dc;
|
|
134
|
+
if (nr < 0 || nr >= ROWS || nc < 0 || nc >= COLS || b[nr][nc].revealed || b[nr][nc].flagged) continue;
|
|
135
|
+
if (b[nr][nc].mine) {
|
|
136
|
+
hitMine = true;
|
|
137
|
+
b[nr][nc].revealed = true;
|
|
138
|
+
} else b = floodFill(b, nr, nc);
|
|
139
|
+
}
|
|
140
|
+
if (hitMine) {
|
|
141
|
+
b = b.map((row) => row.map((c2) => ({ ...c2, revealed: c2.mine ? true : c2.revealed })));
|
|
142
|
+
setStatus("lost");
|
|
143
|
+
} else if (checkWin(b)) setStatus("won");
|
|
144
|
+
return b;
|
|
145
|
+
});
|
|
146
|
+
}, [status]);
|
|
147
|
+
const buttonsDown = useRef(0);
|
|
148
|
+
const finalTimeRef = useRef(0);
|
|
149
|
+
useEffect(() => {
|
|
150
|
+
if (status === "won" || status === "lost") {
|
|
151
|
+
if (startTimeRef.current > 0) {
|
|
152
|
+
finalTimeRef.current = Math.round((performance.now() - startTimeRef.current) / 10) / 100;
|
|
153
|
+
} else {
|
|
154
|
+
finalTimeRef.current = timeSeconds;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}, [status]);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
if (status === "won" && !scoreSubmitted.current) {
|
|
160
|
+
scoreSubmitted.current = true;
|
|
161
|
+
const t = finalTimeRef.current || timeSeconds;
|
|
162
|
+
const tFixed = parseFloat(t.toFixed(2));
|
|
163
|
+
submitGameScore({ game: "minesweeper", won: true, time_seconds: tFixed, clicks }).then((res) => {
|
|
164
|
+
toast_default.success(`You won! Rank #${res.rank} with ${tFixed}s and ${clicks} clicks`);
|
|
165
|
+
}).catch(() => {
|
|
166
|
+
toast_default.success(`You won! ${tFixed}s and ${clicks} clicks`);
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
}, [status, clicks]);
|
|
170
|
+
const fetchLeaderboard = useCallback(() => {
|
|
171
|
+
setLoadingLb(true);
|
|
172
|
+
getGameLeaderboard("minesweeper").then((res) => setLeaderboard(res.results || [])).catch(() => setLeaderboard([])).finally(() => setLoadingLb(false));
|
|
173
|
+
}, []);
|
|
174
|
+
const openLb = useCallback(() => {
|
|
175
|
+
fetchLeaderboard();
|
|
176
|
+
setShowLeaderboard(true);
|
|
177
|
+
}, [fetchLeaderboard]);
|
|
178
|
+
useWindowMenuItem("Leaderboard", openLb, /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M18.75 4.236c.982.143 1.954.317 2.916.52A6.003 6.003 0 0016.27 9.728M18.75 4.236V4.5c0 2.108-.966 3.99-2.48 5.228m0 0a6.003 6.003 0 01-2.27.853m0 0h.008v.008h-.008v-.008z" }) }));
|
|
179
|
+
const face = status === "lost" ? "\u{1F635}" : status === "won" ? "\u{1F60E}" : "\u{1F642}";
|
|
180
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center select-none", onContextMenu: (e) => e.preventDefault(), children: [
|
|
181
|
+
/* @__PURE__ */ jsxs("div", { className: "bg-gray-300 border-4 border-t-white border-l-white border-r-gray-500 border-b-gray-500 p-2", children: [
|
|
182
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between bg-gray-300 border-2 border-t-gray-500 border-l-gray-500 border-r-white border-b-white p-1 mb-2", children: [
|
|
183
|
+
/* @__PURE__ */ jsx("div", { className: "bg-black text-red-500 font-mono font-bold text-xl px-1 w-14 text-center tracking-wider", children: String(Math.max(MINES - flagCount, 0)).padStart(3, "0") }),
|
|
184
|
+
/* @__PURE__ */ jsx("button", { onClick: restart, className: "text-xl w-8 h-8 flex items-center justify-center bg-gray-300 border-2 border-t-white border-l-white border-r-gray-500 border-b-gray-500 active:border-t-gray-500 active:border-l-gray-500 active:border-r-white active:border-b-white cursor-pointer", children: face }),
|
|
185
|
+
/* @__PURE__ */ jsx("div", { className: "bg-black text-red-500 font-mono font-bold text-base px-1 w-[70px] text-center tracking-wider", children: timeSeconds.toFixed(2) })
|
|
186
|
+
] }),
|
|
187
|
+
/* @__PURE__ */ jsx("div", { className: "border-2 border-t-gray-500 border-l-gray-500 border-r-white border-b-white", children: board.map((row, r) => /* @__PURE__ */ jsx("div", { className: "flex", children: row.map((cell, c) => {
|
|
188
|
+
const revealed = cell.revealed;
|
|
189
|
+
const base = revealed ? "w-[35px] h-[35px] flex items-center justify-center text-sm font-bold border border-gray-400" : "w-[35px] h-[35px] flex items-center justify-center text-sm font-bold border-2 border-t-white border-l-white border-r-gray-500 border-b-gray-500 cursor-pointer active:border active:border-gray-400";
|
|
190
|
+
const bg = revealed && cell.mine && status === "lost" ? "bg-red-500" : revealed ? "bg-gray-300" : "bg-gray-300";
|
|
191
|
+
let content = null;
|
|
192
|
+
let color = "";
|
|
193
|
+
if (revealed && cell.mine) {
|
|
194
|
+
content = "\u{1F4A3}";
|
|
195
|
+
} else if (revealed && cell.adjacent > 0) {
|
|
196
|
+
content = cell.adjacent;
|
|
197
|
+
color = NUM_COLORS[cell.adjacent] || "";
|
|
198
|
+
} else if (!revealed && cell.flagged) {
|
|
199
|
+
content = "\u{1F6A9}";
|
|
200
|
+
}
|
|
201
|
+
return /* @__PURE__ */ jsx(
|
|
202
|
+
"div",
|
|
203
|
+
{
|
|
204
|
+
className: `${base} ${bg} ${color}`,
|
|
205
|
+
onClick: () => {
|
|
206
|
+
setClicks((n) => n + 1);
|
|
207
|
+
handleClick(r, c);
|
|
208
|
+
},
|
|
209
|
+
onContextMenu: (e) => {
|
|
210
|
+
setClicks((n) => n + 1);
|
|
211
|
+
handleContext(e, r, c);
|
|
212
|
+
},
|
|
213
|
+
onMouseDown: (e) => {
|
|
214
|
+
buttonsDown.current |= 1 << e.button;
|
|
215
|
+
if ((buttonsDown.current & 5) === 5 || (buttonsDown.current & 3) === 3) handleChord(r, c);
|
|
216
|
+
},
|
|
217
|
+
onMouseUp: (e) => {
|
|
218
|
+
buttonsDown.current &= ~(1 << e.button);
|
|
219
|
+
},
|
|
220
|
+
onMouseLeave: () => {
|
|
221
|
+
buttonsDown.current = 0;
|
|
222
|
+
},
|
|
223
|
+
children: content
|
|
224
|
+
},
|
|
225
|
+
c
|
|
226
|
+
);
|
|
227
|
+
}) }, r)) })
|
|
228
|
+
] }),
|
|
229
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full mt-1 px-1", children: [
|
|
230
|
+
/* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-400 font-mono", children: [
|
|
231
|
+
clicks,
|
|
232
|
+
" clicks"
|
|
233
|
+
] }),
|
|
234
|
+
/* @__PURE__ */ jsx(
|
|
235
|
+
"button",
|
|
236
|
+
{
|
|
237
|
+
onClick: () => {
|
|
238
|
+
fetchLeaderboard();
|
|
239
|
+
setShowLeaderboard(true);
|
|
240
|
+
},
|
|
241
|
+
className: "text-[10px] text-blue-600 hover:text-blue-800 font-medium",
|
|
242
|
+
children: "Leaderboard"
|
|
243
|
+
}
|
|
244
|
+
)
|
|
245
|
+
] }),
|
|
246
|
+
showLeaderboard && /* @__PURE__ */ jsx(Modal, { open: true, onClose: () => setShowLeaderboard(false), title: "Minesweeper Leaderboard", size: "md", children: loadingLb ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-sm text-gray-400", children: "Loading..." }) : leaderboard.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-sm text-gray-400", children: "No wins recorded yet. Be the first!" }) : /* @__PURE__ */ jsx("div", { className: "overflow-y-auto max-h-[60vh]", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
|
|
247
|
+
/* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-white", children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-gray-200", children: [
|
|
248
|
+
/* @__PURE__ */ jsx("th", { className: "text-left py-2 px-2 text-xs font-medium text-gray-500 w-12", children: "#" }),
|
|
249
|
+
/* @__PURE__ */ jsx("th", { className: "text-left py-2 px-2 text-xs font-medium text-gray-500", children: "Player" }),
|
|
250
|
+
/* @__PURE__ */ jsx("th", { className: "text-right py-2 px-2 text-xs font-medium text-gray-500 w-16", children: "Time" }),
|
|
251
|
+
/* @__PURE__ */ jsx("th", { className: "text-right py-2 px-2 text-xs font-medium text-gray-500 w-16", children: "Clicks" }),
|
|
252
|
+
/* @__PURE__ */ jsx("th", { className: "text-right py-2 px-2 text-xs font-medium text-gray-500 w-24", children: "Date" })
|
|
253
|
+
] }) }),
|
|
254
|
+
/* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboard.map((s, i) => /* @__PURE__ */ jsxs("tr", { className: i < 3 ? "bg-yellow-50/50" : "", children: [
|
|
255
|
+
/* @__PURE__ */ jsx("td", { className: "py-1.5 px-2 font-mono text-gray-400", children: s.rank === 1 ? "\u{1F947}" : s.rank === 2 ? "\u{1F948}" : s.rank === 3 ? "\u{1F949}" : s.rank }),
|
|
256
|
+
/* @__PURE__ */ jsx("td", { className: "py-1.5 px-2 font-medium text-gray-900", children: s.player_name }),
|
|
257
|
+
/* @__PURE__ */ jsxs("td", { className: "py-1.5 px-2 text-right font-mono text-gray-700", children: [
|
|
258
|
+
Number(s.time_seconds).toFixed(2),
|
|
259
|
+
"s"
|
|
260
|
+
] }),
|
|
261
|
+
/* @__PURE__ */ jsx("td", { className: "py-1.5 px-2 text-right font-mono text-gray-500", children: s.clicks }),
|
|
262
|
+
/* @__PURE__ */ jsx("td", { className: "py-1.5 px-2 text-right text-xs text-gray-400", children: formatDate(s.played_at) })
|
|
263
|
+
] }, i)) })
|
|
264
|
+
] }) }) })
|
|
265
|
+
] });
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
export { Minesweeper as default };
|
|
269
|
+
//# sourceMappingURL=Minesweeper-VQGLAZON.js.map
|
|
270
|
+
//# sourceMappingURL=Minesweeper-VQGLAZON.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/api/analytics.ts","../src/apps/Minesweeper.tsx"],"names":["c"],"mappings":"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","file":"Minesweeper-VQGLAZON.js","sourcesContent":["/** Game analytics — Minesweeper leaderboard routes through the\n * consumer-supplied apiClient (see setShellApiClient). */\nimport apiClient from './client';\nexport const submitGameScore = (data: { game: string; won: boolean; time_seconds: number; clicks: number }) =>\n apiClient.post(`/analytics/games/${data.game}/scores/`, data).then((r: any) => r.data);\nexport const getGameLeaderboard = (game: string) =>\n apiClient.get(`/analytics/games/${game}/leaderboard/`).then((r: any) => r.data);\n","import { useState, useCallback, useEffect, useRef } from 'react';\nimport { submitGameScore, getGameLeaderboard } from '../api/analytics';\nimport Modal, { useWindowMenuItem } from '../shell/Modal';\nimport toast from '../shell/toast';\nimport { formatDate } from '../utils/date';\n\nconst ROWS = 9, COLS = 9, MINES = 10;\nconst DIRS = [[-1,-1],[-1,0],[-1,1],[0,-1],[0,1],[1,-1],[1,0],[1,1]];\nconst NUM_COLORS: Record<number,string> = {1:'text-blue-700',2:'text-green-700',3:'text-red-600',4:'text-purple-700',5:'text-red-900',6:'text-teal-600',7:'text-black',8:'text-gray-500'};\n\ntype Cell = { mine: boolean; revealed: boolean; flagged: boolean; adjacent: number };\ntype Status = 'playing' | 'won' | 'lost';\n\nfunction createBoard(): Cell[][] {\n return Array.from({length:ROWS},()=>Array.from({length:COLS},()=>({mine:false,revealed:false,flagged:false,adjacent:0})));\n}\n\nfunction placeMines(board: Cell[][], safeR: number, safeC: number) {\n const b = board.map(r=>r.map(c=>({...c})));\n let placed = 0;\n while (placed < MINES) {\n const r = Math.floor(Math.random()*ROWS), c = Math.floor(Math.random()*COLS);\n if (b[r][c].mine || (Math.abs(r-safeR)<=1 && Math.abs(c-safeC)<=1)) continue;\n b[r][c].mine = true;\n placed++;\n }\n for (let r=0;r<ROWS;r++) for (let c=0;c<COLS;c++) {\n if (b[r][c].mine) continue;\n b[r][c].adjacent = DIRS.reduce((s,[dr,dc])=>{\n const nr=r+dr,nc=c+dc;\n return s+(nr>=0&&nr<ROWS&&nc>=0&&nc<COLS&&b[nr][nc].mine?1:0);\n },0);\n }\n return b;\n}\n\nfunction floodFill(board: Cell[][], r: number, c: number) {\n const b = board.map(row=>row.map(cell=>({...cell})));\n const stack: [number,number][] = [[r,c]];\n while (stack.length) {\n const [cr,cc] = stack.pop()!;\n if (cr<0||cr>=ROWS||cc<0||cc>=COLS||b[cr][cc].revealed||b[cr][cc].flagged||b[cr][cc].mine) continue;\n b[cr][cc].revealed = true;\n if (b[cr][cc].adjacent === 0) DIRS.forEach(([dr,dc])=>stack.push([cr+dr,cc+dc]));\n }\n return b;\n}\n\nfunction checkWin(board: Cell[][]): boolean {\n return board.every(row=>row.every(c=>c.mine||c.revealed));\n}\n\nexport default function Minesweeper() {\n const [board, setBoard] = useState(createBoard);\n const [status, setStatus] = useState<Status>('playing');\n const [started, setStarted] = useState(false);\n const [time, setTime] = useState(0); // in centiseconds (hundredths)\n const timerRef = useRef<ReturnType<typeof setInterval>|null>(null);\n const startTimeRef = useRef(0);\n const [clicks, setClicks] = useState(0);\n const [showLeaderboard, setShowLeaderboard] = useState(false);\n const [leaderboard, setLeaderboard] = useState<{ rank: number; player_name: string; time_seconds: number; clicks: number; played_at: string }[]>([]);\n const [loadingLb, setLoadingLb] = useState(false);\n const scoreSubmitted = useRef(false);\n\n const flagCount = board.reduce((s,r)=>s+r.reduce((s2,c)=>s2+(c.flagged?1:0),0),0);\n\n const timeSeconds = time / 100; // convert centiseconds to seconds with 2 decimals\n\n useEffect(()=>{\n if (started && status==='playing') {\n startTimeRef.current = performance.now() - time * 10;\n timerRef.current = setInterval(()=>{\n const elapsed = Math.floor((performance.now() - startTimeRef.current) / 10);\n setTime(Math.min(elapsed, 99999));\n }, 10);\n } else if (timerRef.current) {\n clearInterval(timerRef.current);\n timerRef.current = null;\n }\n return ()=>{if(timerRef.current)clearInterval(timerRef.current)};\n },[started,status]);\n\n const restart = useCallback(()=>{\n setBoard(createBoard());\n setStatus('playing');\n setStarted(false);\n setTime(0);\n startTimeRef.current = 0;\n setClicks(0);\n scoreSubmitted.current = false;\n },[]);\n\n const handleClick = useCallback((r:number,c:number)=>{\n if (status!=='playing') return;\n setBoard(prev=>{\n let b = prev;\n if (!started) {\n b = placeMines(prev,r,c);\n setStarted(true);\n }\n const cell = b[r][c];\n if (cell.revealed||cell.flagged) return b;\n if (cell.mine) {\n const lost = b.map(row=>row.map(c=>({...c,revealed:c.mine?true:c.revealed})));\n lost[r][c] = {...lost[r][c], revealed:true};\n setStatus('lost');\n return lost;\n }\n const next = floodFill(b,r,c);\n if (checkWin(next)) setStatus('won');\n return next;\n });\n },[status,started]);\n\n const handleContext = useCallback((e:React.MouseEvent,r:number,c:number)=>{\n e.preventDefault();\n if (status!=='playing') return;\n setBoard(prev=>{\n if (prev[r][c].revealed) return prev;\n const b = prev.map(row=>row.map(cell=>({...cell})));\n b[r][c].flagged = !b[r][c].flagged;\n return b;\n });\n },[status]);\n\n // Chord click: both buttons on a revealed number — auto-reveal adjacent if flags match\n const handleChord = useCallback((r:number,c:number)=>{\n if (status!=='playing') return;\n setBoard(prev=>{\n const cell = prev[r][c];\n if (!cell.revealed || cell.adjacent === 0) return prev;\n // Count adjacent flags\n const adjFlags = DIRS.reduce((s,[dr,dc])=>{\n const nr=r+dr,nc=c+dc;\n return s+(nr>=0&&nr<ROWS&&nc>=0&&nc<COLS&&prev[nr][nc].flagged?1:0);\n },0);\n if (adjFlags !== cell.adjacent) return prev;\n // Reveal all unflagged adjacent cells\n let b = prev.map(row=>row.map(c=>({...c})));\n let hitMine = false;\n for (const [dr,dc] of DIRS) {\n const nr=r+dr,nc=c+dc;\n if (nr<0||nr>=ROWS||nc<0||nc>=COLS||b[nr][nc].revealed||b[nr][nc].flagged) continue;\n if (b[nr][nc].mine) { hitMine = true; b[nr][nc].revealed = true; }\n else b = floodFill(b,nr,nc);\n }\n if (hitMine) {\n b = b.map(row=>row.map(c=>({...c,revealed:c.mine?true:c.revealed})));\n setStatus('lost');\n } else if (checkWin(b)) setStatus('won');\n return b;\n });\n },[status]);\n\n const buttonsDown = useRef(0);\n\n // Capture precise time on win/loss\n const finalTimeRef = useRef(0);\n useEffect(() => {\n if (status === 'won' || status === 'lost') {\n // Capture the exact elapsed time when game ends\n if (startTimeRef.current > 0) {\n finalTimeRef.current = Math.round((performance.now() - startTimeRef.current) / 10) / 100; // seconds with 2 decimals\n } else {\n finalTimeRef.current = timeSeconds;\n }\n }\n }, [status]);\n\n // Submit score on win\n useEffect(() => {\n if (status === 'won' && !scoreSubmitted.current) {\n scoreSubmitted.current = true;\n const t = finalTimeRef.current || timeSeconds;\n const tFixed = parseFloat(t.toFixed(2));\n submitGameScore({ game: 'minesweeper', won: true, time_seconds: tFixed, clicks })\n .then(res => { toast.success(`You won! Rank #${res.rank} with ${tFixed}s and ${clicks} clicks`); })\n .catch(() => { toast.success(`You won! ${tFixed}s and ${clicks} clicks`); });\n }\n }, [status, clicks]);\n\n // Fetch leaderboard (no-op when apiClient isn't wired)\n const fetchLeaderboard = useCallback(() => {\n setLoadingLb(true);\n getGameLeaderboard('minesweeper')\n .then(res => setLeaderboard(res.results || []))\n .catch(() => setLeaderboard([]))\n .finally(() => setLoadingLb(false));\n }, []);\n\n // Register \"Leaderboard\" in the window title menu\n const openLb = useCallback(() => { fetchLeaderboard(); setShowLeaderboard(true); }, [fetchLeaderboard]);\n useWindowMenuItem('Leaderboard', openLb, <svg className=\"h-4 w-4 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M18.75 4.236c.982.143 1.954.317 2.916.52A6.003 6.003 0 0016.27 9.728M18.75 4.236V4.5c0 2.108-.966 3.99-2.48 5.228m0 0a6.003 6.003 0 01-2.27.853m0 0h.008v.008h-.008v-.008z\" /></svg>);\n\n const face = status==='lost'?'😵':status==='won'?'😎':'🙂';\n\n return (\n <div className=\"flex flex-col items-center select-none\" onContextMenu={e => e.preventDefault()}>\n <div className=\"bg-gray-300 border-4 border-t-white border-l-white border-r-gray-500 border-b-gray-500 p-2\">\n {/* Header */}\n <div className=\"flex items-center justify-between bg-gray-300 border-2 border-t-gray-500 border-l-gray-500 border-r-white border-b-white p-1 mb-2\">\n <div className=\"bg-black text-red-500 font-mono font-bold text-xl px-1 w-14 text-center tracking-wider\">\n {String(Math.max(MINES-flagCount,0)).padStart(3,'0')}\n </div>\n <button onClick={restart} className=\"text-xl w-8 h-8 flex items-center justify-center bg-gray-300 border-2 border-t-white border-l-white border-r-gray-500 border-b-gray-500 active:border-t-gray-500 active:border-l-gray-500 active:border-r-white active:border-b-white cursor-pointer\">\n {face}\n </button>\n <div className=\"bg-black text-red-500 font-mono font-bold text-base px-1 w-[70px] text-center tracking-wider\">\n {timeSeconds.toFixed(2)}\n </div>\n </div>\n {/* Grid */}\n <div className=\"border-2 border-t-gray-500 border-l-gray-500 border-r-white border-b-white\">\n {board.map((row,r)=>(\n <div key={r} className=\"flex\">\n {row.map((cell,c)=>{\n const revealed = cell.revealed;\n const base = revealed\n ? 'w-[35px] h-[35px] flex items-center justify-center text-sm font-bold border border-gray-400'\n : 'w-[35px] h-[35px] flex items-center justify-center text-sm font-bold border-2 border-t-white border-l-white border-r-gray-500 border-b-gray-500 cursor-pointer active:border active:border-gray-400';\n const bg = revealed && cell.mine && status==='lost' ? 'bg-red-500' : revealed ? 'bg-gray-300' : 'bg-gray-300';\n let content: React.ReactNode = null;\n let color = '';\n if (revealed && cell.mine) { content = '💣'; }\n else if (revealed && cell.adjacent > 0) { content = cell.adjacent; color = NUM_COLORS[cell.adjacent]||''; }\n else if (!revealed && cell.flagged) { content = '🚩'; }\n return (\n <div key={c} className={`${base} ${bg} ${color}`}\n onClick={()=>{setClicks(n=>n+1);handleClick(r,c);}}\n onContextMenu={e=>{setClicks(n=>n+1);handleContext(e,r,c);}}\n onMouseDown={e=>{buttonsDown.current|=(1<<e.button);if((buttonsDown.current&0b101)===0b101||(buttonsDown.current&0b011)===0b011)handleChord(r,c);}}\n onMouseUp={e=>{buttonsDown.current&=~(1<<e.button)}}\n onMouseLeave={()=>{buttonsDown.current=0}}>\n {content}\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>\n\n {/* Stats + Leaderboard button */}\n <div className=\"flex items-center justify-between w-full mt-1 px-1\">\n <span className=\"text-[10px] text-gray-400 font-mono\">{clicks} clicks</span>\n <button onClick={() => { fetchLeaderboard(); setShowLeaderboard(true); }}\n className=\"text-[10px] text-blue-600 hover:text-blue-800 font-medium\">\n Leaderboard\n </button>\n </div>\n\n {/* Leaderboard Modal */}\n {showLeaderboard && (\n <Modal open onClose={() => setShowLeaderboard(false)} title=\"Minesweeper Leaderboard\" size=\"md\">\n {loadingLb ? (\n <div className=\"text-center py-8 text-sm text-gray-400\">Loading...</div>\n ) : leaderboard.length === 0 ? (\n <div className=\"text-center py-8 text-sm text-gray-400\">No wins recorded yet. Be the first!</div>\n ) : (\n <div className=\"overflow-y-auto max-h-[60vh]\">\n <table className=\"w-full text-sm\">\n <thead className=\"sticky top-0 bg-white\">\n <tr className=\"border-b border-gray-200\">\n <th className=\"text-left py-2 px-2 text-xs font-medium text-gray-500 w-12\">#</th>\n <th className=\"text-left py-2 px-2 text-xs font-medium text-gray-500\">Player</th>\n <th className=\"text-right py-2 px-2 text-xs font-medium text-gray-500 w-16\">Time</th>\n <th className=\"text-right py-2 px-2 text-xs font-medium text-gray-500 w-16\">Clicks</th>\n <th className=\"text-right py-2 px-2 text-xs font-medium text-gray-500 w-24\">Date</th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-gray-100\">\n {leaderboard.map((s, i) => (\n <tr key={i} className={i < 3 ? 'bg-yellow-50/50' : ''}>\n <td className=\"py-1.5 px-2 font-mono text-gray-400\">\n {s.rank === 1 ? '🥇' : s.rank === 2 ? '🥈' : s.rank === 3 ? '🥉' : s.rank}\n </td>\n <td className=\"py-1.5 px-2 font-medium text-gray-900\">{s.player_name}</td>\n <td className=\"py-1.5 px-2 text-right font-mono text-gray-700\">{Number(s.time_seconds).toFixed(2)}s</td>\n <td className=\"py-1.5 px-2 text-right font-mono text-gray-500\">{s.clicks}</td>\n <td className=\"py-1.5 px-2 text-right text-xs text-gray-400\">\n {formatDate(s.played_at)}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n )}\n </Modal>\n )}\n </div>\n );\n}\n"]}
|