@littlepartytime/dev-kit 1.13.2 → 1.15.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/dist/__tests__/game-room.test.d.ts +2 -0
- package/dist/__tests__/game-room.test.d.ts.map +1 -0
- package/dist/__tests__/game-room.test.js +74 -0
- package/dist/__tests__/game-room.test.js.map +1 -0
- package/dist/server/game-room.d.ts +1 -0
- package/dist/server/game-room.d.ts.map +1 -1
- package/dist/server/game-room.js +12 -0
- package/dist/server/game-room.js.map +1 -1
- package/dist/server/socket-server.d.ts.map +1 -1
- package/dist/server/socket-server.js +21 -3
- package/dist/server/socket-server.js.map +1 -1
- package/dist/webapp/App.tsx +11 -1
- package/dist/webapp/components/PlatformTakeover.tsx +171 -0
- package/dist/webapp/pages/Play.tsx +68 -13
- package/dist/webapp/pages/Preview.tsx +6 -6
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"game-room.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/game-room.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
const vitest_1 = require("vitest");
|
|
37
|
+
const GameRoom = __importStar(require("../server/game-room"));
|
|
38
|
+
(0, vitest_1.describe)('getNextAvailableName', () => {
|
|
39
|
+
(0, vitest_1.it)('should return Alice for an empty room', () => {
|
|
40
|
+
const room = GameRoom.createRoom('test');
|
|
41
|
+
(0, vitest_1.expect)(GameRoom.getNextAvailableName(room)).toBe('Alice');
|
|
42
|
+
});
|
|
43
|
+
(0, vitest_1.it)('should skip names already taken', () => {
|
|
44
|
+
const room = GameRoom.createRoom('test');
|
|
45
|
+
GameRoom.addPlayer(room, 's1', 'Alice');
|
|
46
|
+
GameRoom.addPlayer(room, 's2', 'Bob');
|
|
47
|
+
(0, vitest_1.expect)(GameRoom.getNextAvailableName(room)).toBe('Carol');
|
|
48
|
+
});
|
|
49
|
+
(0, vitest_1.it)('should fill gaps when a middle name is freed', () => {
|
|
50
|
+
const room = GameRoom.createRoom('test');
|
|
51
|
+
GameRoom.addPlayer(room, 's1', 'Alice');
|
|
52
|
+
GameRoom.addPlayer(room, 's2', 'Bob');
|
|
53
|
+
GameRoom.addPlayer(room, 's3', 'Carol');
|
|
54
|
+
GameRoom.removePlayer(room, 's2'); // Bob leaves
|
|
55
|
+
(0, vitest_1.expect)(GameRoom.getNextAvailableName(room)).toBe('Bob');
|
|
56
|
+
});
|
|
57
|
+
(0, vitest_1.it)('should fallback to Player N when all 8 names are used', () => {
|
|
58
|
+
const room = GameRoom.createRoom('test');
|
|
59
|
+
const names = ['Alice', 'Bob', 'Carol', 'Dave', 'Eve', 'Frank', 'Grace', 'Heidi'];
|
|
60
|
+
names.forEach((n, i) => GameRoom.addPlayer(room, `s${i}`, n));
|
|
61
|
+
(0, vitest_1.expect)(GameRoom.getNextAvailableName(room)).toBe('Player 9');
|
|
62
|
+
});
|
|
63
|
+
(0, vitest_1.it)('should not return a duplicate Player N when a fallback name is already taken', () => {
|
|
64
|
+
const room = GameRoom.createRoom('test');
|
|
65
|
+
const names = ['Alice', 'Bob', 'Carol', 'Dave', 'Eve', 'Frank', 'Grace', 'Heidi'];
|
|
66
|
+
names.forEach((n, i) => GameRoom.addPlayer(room, `s${i}`, n));
|
|
67
|
+
GameRoom.addPlayer(room, 's8', 'Player 9');
|
|
68
|
+
GameRoom.removePlayer(room, 's0'); // Alice leaves
|
|
69
|
+
GameRoom.addPlayer(room, 's9', 'Alice'); // Alice slot taken again
|
|
70
|
+
// All 8 pool names taken, Player 9 also taken → must not return 'Player 9'
|
|
71
|
+
(0, vitest_1.expect)(GameRoom.getNextAvailableName(room)).toBe('Player 10');
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
//# sourceMappingURL=game-room.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"game-room.test.js","sourceRoot":"","sources":["../../src/__tests__/game-room.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ export interface GameRoom {
|
|
|
13
13
|
phase: 'lobby' | 'ready' | 'playing' | 'ended';
|
|
14
14
|
gameId: string;
|
|
15
15
|
}
|
|
16
|
+
export declare function getNextAvailableName(room: GameRoom): string;
|
|
16
17
|
export declare function createRoom(gameId: string): GameRoom;
|
|
17
18
|
export declare function addPlayer(room: GameRoom, socketId: string, nickname: string): Player;
|
|
18
19
|
export declare function removePlayer(room: GameRoom, socketId: string): Player | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"game-room.d.ts","sourceRoot":"","sources":["../../src/server/game-room.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAOnD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAYpF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAY5E;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKjG;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAExF;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAGrF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAUlE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,CAUpG;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAI9C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,CAO3D"}
|
|
1
|
+
{"version":3,"file":"game-room.d.ts","sourceRoot":"","sources":["../../src/server/game-room.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAQ3D;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAOnD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAYpF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAY5E;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKjG;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAExF;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAGrF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAUlE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,CAUpG;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAI9C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,CAO3D"}
|
package/dist/server/game-room.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getNextAvailableName = getNextAvailableName;
|
|
3
4
|
exports.createRoom = createRoom;
|
|
4
5
|
exports.addPlayer = addPlayer;
|
|
5
6
|
exports.removePlayer = removePlayer;
|
|
@@ -11,6 +12,17 @@ exports.startGame = startGame;
|
|
|
11
12
|
exports.handleAction = handleAction;
|
|
12
13
|
exports.resetRoom = resetRoom;
|
|
13
14
|
exports.kickNonHostPlayers = kickNonHostPlayers;
|
|
15
|
+
const PLAYER_NAMES = ['Alice', 'Bob', 'Carol', 'Dave', 'Eve', 'Frank', 'Grace', 'Heidi'];
|
|
16
|
+
function getNextAvailableName(room) {
|
|
17
|
+
const usedNames = new Set(room.players.map(p => p.nickname));
|
|
18
|
+
const poolName = PLAYER_NAMES.find(n => !usedNames.has(n));
|
|
19
|
+
if (poolName)
|
|
20
|
+
return poolName;
|
|
21
|
+
let n = room.players.length + 1;
|
|
22
|
+
while (usedNames.has(`Player ${n}`))
|
|
23
|
+
n++;
|
|
24
|
+
return `Player ${n}`;
|
|
25
|
+
}
|
|
14
26
|
function createRoom(gameId) {
|
|
15
27
|
return {
|
|
16
28
|
players: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"game-room.js","sourceRoot":"","sources":["../../src/server/game-room.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"game-room.js","sourceRoot":"","sources":["../../src/server/game-room.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"socket-server.d.ts","sourceRoot":"","sources":["../../src/server/socket-server.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG;IAChE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,QAAQ,CAAC,QAAQ,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,
|
|
1
|
+
{"version":3,"file":"socket-server.d.ts","sourceRoot":"","sources":["../../src/server/socket-server.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG;IAChE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,QAAQ,CAAC,QAAQ,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAmNA"}
|
|
@@ -59,14 +59,30 @@ function createSocketServer(options) {
|
|
|
59
59
|
cors: { origin: '*' },
|
|
60
60
|
});
|
|
61
61
|
io.on('connection', (socket) => {
|
|
62
|
-
const nickname = socket.handshake.query.nickname
|
|
62
|
+
const nickname = socket.handshake.query.nickname;
|
|
63
|
+
// Debug observer: receive broadcasts but don't join as player
|
|
64
|
+
if (nickname === '__debug__') {
|
|
65
|
+
log('Debug observer connected');
|
|
66
|
+
socket.emit('room:update', {
|
|
67
|
+
players: room.players.map(p => ({ id: p.id, nickname: p.nickname, isHost: p.isHost, ready: p.ready })),
|
|
68
|
+
phase: room.phase,
|
|
69
|
+
});
|
|
70
|
+
if (room.state)
|
|
71
|
+
socket.emit('debug:state', room.state);
|
|
72
|
+
socket.on('disconnect', () => log('Debug observer disconnected'));
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
const isAuto = socket.handshake.query.auto === 'true';
|
|
76
|
+
const playerNickname = isAuto
|
|
77
|
+
? GameRoom.getNextAvailableName(room)
|
|
78
|
+
: nickname || `Player ${room.players.length + 1}`;
|
|
63
79
|
// Try reconnecting an existing player by nickname
|
|
64
|
-
let player = GameRoom.reconnectPlayer(room, socket.id,
|
|
80
|
+
let player = GameRoom.reconnectPlayer(room, socket.id, playerNickname);
|
|
65
81
|
if (player) {
|
|
66
82
|
log(`${player.nickname} reconnected (${player.id})`);
|
|
67
83
|
}
|
|
68
84
|
else {
|
|
69
|
-
player = GameRoom.addPlayer(room, socket.id,
|
|
85
|
+
player = GameRoom.addPlayer(room, socket.id, playerNickname);
|
|
70
86
|
log(`${player.nickname} joined (${player.id})`);
|
|
71
87
|
}
|
|
72
88
|
// Notify all
|
|
@@ -74,6 +90,8 @@ function createSocketServer(options) {
|
|
|
74
90
|
players: room.players.map(p => ({ id: p.id, nickname: p.nickname, isHost: p.isHost, ready: p.ready })),
|
|
75
91
|
phase: room.phase,
|
|
76
92
|
});
|
|
93
|
+
// Tell the connecting client their assigned identity
|
|
94
|
+
socket.emit('player:assigned', { id: player.id, nickname: player.nickname });
|
|
77
95
|
onStateChange?.(room);
|
|
78
96
|
// Send current game state to reconnecting player
|
|
79
97
|
if ((room.phase === 'playing' || room.phase === 'ended') && room.state) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"socket-server.js","sourceRoot":"","sources":["../../src/server/socket-server.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,
|
|
1
|
+
{"version":3,"file":"socket-server.js","sourceRoot":"","sources":["../../src/server/socket-server.ts"],"names":[],"mappings":"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"}
|
package/dist/webapp/App.tsx
CHANGED
|
@@ -21,7 +21,17 @@ export default function App() {
|
|
|
21
21
|
{(['preview', 'play', 'debug'] as Page[]).map((p) => (
|
|
22
22
|
<button
|
|
23
23
|
key={p}
|
|
24
|
-
onClick={() => {
|
|
24
|
+
onClick={() => {
|
|
25
|
+
if (p === 'preview') {
|
|
26
|
+
setPage(p);
|
|
27
|
+
history.pushState(null, '', `/${p}`);
|
|
28
|
+
} else {
|
|
29
|
+
window.open(
|
|
30
|
+
p === 'play' ? '/play?auto=true' : `/${p}`,
|
|
31
|
+
'_blank',
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
}}
|
|
25
35
|
className="dk-nav-btn"
|
|
26
36
|
style={{
|
|
27
37
|
padding: '4px 12px',
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface Ranking {
|
|
4
|
+
playerId: string;
|
|
5
|
+
rank: number;
|
|
6
|
+
score: number;
|
|
7
|
+
isWinner: boolean;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
interface GameResult {
|
|
11
|
+
rankings: Ranking[];
|
|
12
|
+
data?: Record<string, unknown>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface Player {
|
|
16
|
+
id: string;
|
|
17
|
+
nickname: string;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
interface Props {
|
|
21
|
+
result: GameResult;
|
|
22
|
+
players: Player[];
|
|
23
|
+
onReturn: () => void;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const MEDAL = ['🥇', '🥈', '🥉'];
|
|
27
|
+
|
|
28
|
+
export default function PlatformTakeover({ result, players, onReturn }: Props) {
|
|
29
|
+
const getName = (playerId: string) =>
|
|
30
|
+
players.find((p) => p.id === playerId)?.nickname ?? playerId;
|
|
31
|
+
|
|
32
|
+
const sorted = [...result.rankings].sort((a, b) => a.rank - b.rank);
|
|
33
|
+
|
|
34
|
+
return (
|
|
35
|
+
<div
|
|
36
|
+
style={{
|
|
37
|
+
width: '100%',
|
|
38
|
+
height: '100%',
|
|
39
|
+
background: 'linear-gradient(180deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%)',
|
|
40
|
+
display: 'flex',
|
|
41
|
+
flexDirection: 'column',
|
|
42
|
+
fontFamily: 'var(--font-body, system-ui, sans-serif)',
|
|
43
|
+
color: '#e2e8f0',
|
|
44
|
+
overflow: 'hidden',
|
|
45
|
+
}}
|
|
46
|
+
>
|
|
47
|
+
{/* Dev-Kit banner */}
|
|
48
|
+
<div
|
|
49
|
+
style={{
|
|
50
|
+
background: 'rgba(217, 119, 6, 0.15)',
|
|
51
|
+
borderBottom: '1px solid rgba(217, 119, 6, 0.3)',
|
|
52
|
+
padding: '6px 12px',
|
|
53
|
+
fontSize: 11,
|
|
54
|
+
color: '#fbbf24',
|
|
55
|
+
textAlign: 'center',
|
|
56
|
+
flexShrink: 0,
|
|
57
|
+
}}
|
|
58
|
+
>
|
|
59
|
+
⚙ Dev-Kit · Platform Takeover
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
{/* Content */}
|
|
63
|
+
<div
|
|
64
|
+
style={{
|
|
65
|
+
flex: 1,
|
|
66
|
+
display: 'flex',
|
|
67
|
+
flexDirection: 'column',
|
|
68
|
+
alignItems: 'center',
|
|
69
|
+
justifyContent: 'center',
|
|
70
|
+
padding: '24px 20px',
|
|
71
|
+
gap: 24,
|
|
72
|
+
overflow: 'auto',
|
|
73
|
+
}}
|
|
74
|
+
>
|
|
75
|
+
{/* Title */}
|
|
76
|
+
<div style={{ textAlign: 'center' }}>
|
|
77
|
+
<div style={{ fontSize: 40, marginBottom: 8 }}>🏆</div>
|
|
78
|
+
<div
|
|
79
|
+
style={{
|
|
80
|
+
fontSize: 22,
|
|
81
|
+
fontWeight: 700,
|
|
82
|
+
fontFamily: 'var(--font-display, var(--font-body, system-ui, sans-serif))',
|
|
83
|
+
}}
|
|
84
|
+
>
|
|
85
|
+
Game Over
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
{/* Rankings */}
|
|
90
|
+
<div
|
|
91
|
+
style={{
|
|
92
|
+
width: '100%',
|
|
93
|
+
maxWidth: 300,
|
|
94
|
+
display: 'flex',
|
|
95
|
+
flexDirection: 'column',
|
|
96
|
+
gap: 6,
|
|
97
|
+
}}
|
|
98
|
+
>
|
|
99
|
+
{sorted.map((r) => (
|
|
100
|
+
<div
|
|
101
|
+
key={r.playerId}
|
|
102
|
+
style={{
|
|
103
|
+
display: 'flex',
|
|
104
|
+
alignItems: 'center',
|
|
105
|
+
gap: 10,
|
|
106
|
+
padding: '10px 14px',
|
|
107
|
+
borderRadius: 8,
|
|
108
|
+
background: r.isWinner
|
|
109
|
+
? 'rgba(250, 204, 21, 0.12)'
|
|
110
|
+
: 'rgba(255, 255, 255, 0.05)',
|
|
111
|
+
border: r.isWinner
|
|
112
|
+
? '1px solid rgba(250, 204, 21, 0.25)'
|
|
113
|
+
: '1px solid rgba(255, 255, 255, 0.06)',
|
|
114
|
+
}}
|
|
115
|
+
>
|
|
116
|
+
{/* Rank */}
|
|
117
|
+
<span style={{ fontSize: 18, width: 28, textAlign: 'center', flexShrink: 0 }}>
|
|
118
|
+
{MEDAL[r.rank - 1] ?? `#${r.rank}`}
|
|
119
|
+
</span>
|
|
120
|
+
|
|
121
|
+
{/* Name */}
|
|
122
|
+
<span
|
|
123
|
+
style={{
|
|
124
|
+
flex: 1,
|
|
125
|
+
fontSize: 15,
|
|
126
|
+
fontWeight: r.isWinner ? 600 : 400,
|
|
127
|
+
overflow: 'hidden',
|
|
128
|
+
textOverflow: 'ellipsis',
|
|
129
|
+
whiteSpace: 'nowrap',
|
|
130
|
+
}}
|
|
131
|
+
>
|
|
132
|
+
{getName(r.playerId)}
|
|
133
|
+
</span>
|
|
134
|
+
|
|
135
|
+
{/* Score */}
|
|
136
|
+
<span
|
|
137
|
+
style={{
|
|
138
|
+
fontSize: 15,
|
|
139
|
+
fontWeight: 600,
|
|
140
|
+
color: r.isWinner ? '#facc15' : '#94a3b8',
|
|
141
|
+
fontVariantNumeric: 'tabular-nums',
|
|
142
|
+
flexShrink: 0,
|
|
143
|
+
}}
|
|
144
|
+
>
|
|
145
|
+
{r.score}
|
|
146
|
+
</span>
|
|
147
|
+
</div>
|
|
148
|
+
))}
|
|
149
|
+
</div>
|
|
150
|
+
|
|
151
|
+
{/* Return button */}
|
|
152
|
+
<button
|
|
153
|
+
onClick={onReturn}
|
|
154
|
+
style={{
|
|
155
|
+
marginTop: 8,
|
|
156
|
+
padding: '10px 32px',
|
|
157
|
+
borderRadius: 8,
|
|
158
|
+
border: 'none',
|
|
159
|
+
background: '#d97706',
|
|
160
|
+
color: '#fff',
|
|
161
|
+
fontSize: 15,
|
|
162
|
+
fontWeight: 600,
|
|
163
|
+
cursor: 'pointer',
|
|
164
|
+
}}
|
|
165
|
+
>
|
|
166
|
+
Return to Lobby
|
|
167
|
+
</button>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
);
|
|
171
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
|
|
2
2
|
import { io, Socket } from 'socket.io-client';
|
|
3
3
|
import PhoneFrame from '../components/PhoneFrame';
|
|
4
|
+
import PlatformTakeover from '../components/PlatformTakeover';
|
|
4
5
|
|
|
5
6
|
const card: React.CSSProperties = { background: '#18181b', borderRadius: 8, padding: 24 };
|
|
6
7
|
const inputStyle: React.CSSProperties = { width: '100%', background: '#27272a', border: '1px solid #3f3f46', borderRadius: 4, padding: '8px 12px', marginBottom: 16, color: '#e5e5e5', fontSize: 14 };
|
|
@@ -14,6 +15,10 @@ export default function Play() {
|
|
|
14
15
|
const [gameState, setGameState] = useState<any>(null);
|
|
15
16
|
const [myId, setMyId] = useState<string | null>(null);
|
|
16
17
|
const [GameRenderer, setGameRenderer] = useState<React.ComponentType<any> | null>(null);
|
|
18
|
+
const [gameResult, setGameResult] = useState<any>(null);
|
|
19
|
+
|
|
20
|
+
const isAutoMode = useMemo(() => new URLSearchParams(window.location.search).get('auto') === 'true', []);
|
|
21
|
+
const [myPlayerId, setMyPlayerId] = useState<string | null>(null);
|
|
17
22
|
|
|
18
23
|
// Load renderer
|
|
19
24
|
useEffect(() => {
|
|
@@ -22,6 +27,40 @@ export default function Play() {
|
|
|
22
27
|
}).catch(console.error);
|
|
23
28
|
}, []);
|
|
24
29
|
|
|
30
|
+
// Auto-join: connect immediately with server-assigned name
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (!isAutoMode) return;
|
|
33
|
+
|
|
34
|
+
const sock = io('http://localhost:4001', { query: { auto: 'true' } });
|
|
35
|
+
|
|
36
|
+
sock.on('connect', () => {
|
|
37
|
+
setMyId(sock.id);
|
|
38
|
+
setJoined(true);
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
sock.on('player:assigned', ({ id, nickname: assignedName }: { id: string; nickname: string }) => {
|
|
42
|
+
setMyPlayerId(id);
|
|
43
|
+
setNickname(assignedName);
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
sock.on('room:update', (r: any) => {
|
|
47
|
+
setRoom(r);
|
|
48
|
+
if (r.phase === 'lobby') {
|
|
49
|
+
setGameResult(null);
|
|
50
|
+
setGameState(null);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
sock.on('game:state', setGameState);
|
|
54
|
+
sock.on('game:result', (result) => {
|
|
55
|
+
console.log('Game result:', result);
|
|
56
|
+
setGameResult(result);
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
setSocket(sock);
|
|
60
|
+
|
|
61
|
+
return () => { sock.disconnect(); };
|
|
62
|
+
}, [isAutoMode]);
|
|
63
|
+
|
|
25
64
|
const join = useCallback(() => {
|
|
26
65
|
if (!nickname.trim()) return;
|
|
27
66
|
|
|
@@ -32,19 +71,38 @@ export default function Play() {
|
|
|
32
71
|
setJoined(true);
|
|
33
72
|
});
|
|
34
73
|
|
|
35
|
-
sock.on('
|
|
74
|
+
sock.on('player:assigned', ({ id }: { id: string; nickname: string }) => {
|
|
75
|
+
setMyPlayerId(id);
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
sock.on('room:update', (r: any) => {
|
|
79
|
+
setRoom(r);
|
|
80
|
+
// Clear game result when room resets to lobby
|
|
81
|
+
if (r.phase === 'lobby') {
|
|
82
|
+
setGameResult(null);
|
|
83
|
+
setGameState(null);
|
|
84
|
+
}
|
|
85
|
+
});
|
|
36
86
|
sock.on('game:state', setGameState);
|
|
37
87
|
sock.on('game:result', (result) => {
|
|
38
88
|
console.log('Game result:', result);
|
|
89
|
+
setGameResult(result);
|
|
39
90
|
});
|
|
40
91
|
|
|
41
92
|
setSocket(sock);
|
|
42
93
|
}, [nickname]);
|
|
43
94
|
|
|
44
|
-
const me = room.players.find((p: any) =>
|
|
95
|
+
const me = room.players.find((p: any) => myPlayerId && p.id === myPlayerId)
|
|
96
|
+
|| room.players.find((p: any) => p.nickname === nickname);
|
|
45
97
|
const isHost = me?.isHost;
|
|
46
98
|
const isReady = me?.ready;
|
|
47
99
|
|
|
100
|
+
const gameOver = room.phase === 'ended' && gameResult !== null;
|
|
101
|
+
|
|
102
|
+
const handleReturn = useCallback(() => {
|
|
103
|
+
socket?.emit('game:playAgain');
|
|
104
|
+
}, [socket]);
|
|
105
|
+
|
|
48
106
|
// Use refs to avoid recreating platform on every room/me change
|
|
49
107
|
const roomRef = useRef(room);
|
|
50
108
|
roomRef.current = room;
|
|
@@ -75,7 +133,7 @@ export default function Play() {
|
|
|
75
133
|
};
|
|
76
134
|
}, [socket]);
|
|
77
135
|
|
|
78
|
-
if (!joined) {
|
|
136
|
+
if (!joined && !isAutoMode) {
|
|
79
137
|
return (
|
|
80
138
|
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '60vh' }}>
|
|
81
139
|
<div style={{ ...card, width: 320 }}>
|
|
@@ -155,7 +213,13 @@ export default function Play() {
|
|
|
155
213
|
return (
|
|
156
214
|
<div style={{ height: 'calc(100vh - 80px)', display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 24 }}>
|
|
157
215
|
<PhoneFrame>
|
|
158
|
-
{
|
|
216
|
+
{gameOver ? (
|
|
217
|
+
<PlatformTakeover
|
|
218
|
+
result={gameResult}
|
|
219
|
+
players={room.players.map((p: any) => ({ id: p.id, nickname: p.nickname }))}
|
|
220
|
+
onReturn={handleReturn}
|
|
221
|
+
/>
|
|
222
|
+
) : GameRenderer && platform && gameState ? (
|
|
159
223
|
<GameRenderer platform={platform} state={gameState} />
|
|
160
224
|
) : (
|
|
161
225
|
<div style={{ padding: 16, color: '#71717a' }}>Loading game...</div>
|
|
@@ -163,15 +227,6 @@ export default function Play() {
|
|
|
163
227
|
</PhoneFrame>
|
|
164
228
|
{isHost && (
|
|
165
229
|
<div style={{ display: 'flex', flexDirection: 'column', gap: 10, width: 160 }}>
|
|
166
|
-
{room.phase === 'ended' && (
|
|
167
|
-
<button
|
|
168
|
-
onClick={() => socket?.emit('game:playAgain')}
|
|
169
|
-
className="dk-btn-amber"
|
|
170
|
-
style={{ ...btnAmber, width: '100%', padding: '8px 0', borderRadius: 6 }}
|
|
171
|
-
>
|
|
172
|
-
Play Again
|
|
173
|
-
</button>
|
|
174
|
-
)}
|
|
175
230
|
<button
|
|
176
231
|
onClick={() => socket?.emit('game:forceReset')}
|
|
177
232
|
style={{ width: '100%', background: '#d97706', color: '#fff', border: 'none', padding: '8px 0', borderRadius: 6, fontWeight: 600, cursor: 'pointer', fontSize: 13 }}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
|
|
2
2
|
import PhoneFrame from '../components/PhoneFrame';
|
|
3
|
+
import PlatformTakeover from '../components/PlatformTakeover';
|
|
3
4
|
|
|
4
5
|
const PLAYER_NAMES = ['Alice', 'Bob', 'Carol', 'Dave', 'Eve', 'Frank', 'Grace', 'Heidi'];
|
|
5
6
|
|
|
@@ -206,7 +207,9 @@ export default function Preview() {
|
|
|
206
207
|
{/* Renderer — half the screen width */}
|
|
207
208
|
<div style={{ width: '50%', height: '100%' }}>
|
|
208
209
|
<PhoneFrame>
|
|
209
|
-
{
|
|
210
|
+
{gameOver && gameResult ? (
|
|
211
|
+
<PlatformTakeover result={gameResult} players={mockPlayers} onReturn={resetGame} />
|
|
212
|
+
) : GameRenderer && platform && viewState ? (
|
|
210
213
|
<GameRenderer key={mockPlayers[playerIndex].id} platform={platform} state={viewState} />
|
|
211
214
|
) : (
|
|
212
215
|
<div style={{ padding: 16, color: '#71717a' }}>
|
|
@@ -318,17 +321,14 @@ export default function Preview() {
|
|
|
318
321
|
</div>
|
|
319
322
|
</div>
|
|
320
323
|
|
|
321
|
-
{/* Game Result */}
|
|
324
|
+
{/* Game Result (shown in PhoneFrame as Platform Takeover) */}
|
|
322
325
|
{gameOver && gameResult && (
|
|
323
326
|
<div style={card}>
|
|
324
327
|
<h3 style={{ ...label, color: '#4ade80' }}>Game Over</h3>
|
|
325
|
-
<pre style={{ fontSize: 11, fontFamily: 'monospace', background: '#27272a', borderRadius: 4, padding: 8, overflow: 'auto', maxHeight: 128, whiteSpace: 'pre-wrap' }}>
|
|
326
|
-
{JSON.stringify(gameResult, null, 2)}
|
|
327
|
-
</pre>
|
|
328
328
|
<button
|
|
329
329
|
onClick={resetGame}
|
|
330
330
|
className="dk-btn-amber"
|
|
331
|
-
style={{ ...btnAmber,
|
|
331
|
+
style={{ ...btnAmber, width: '100%' }}
|
|
332
332
|
>
|
|
333
333
|
Reset Game
|
|
334
334
|
</button>
|