@smoregg/sdk 0.3.0 → 0.4.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/cjs/events.cjs +31 -0
- package/dist/cjs/events.cjs.map +1 -0
- package/dist/cjs/hooks/useGameHost.cjs +86 -67
- package/dist/cjs/hooks/useGameHost.cjs.map +1 -1
- package/dist/cjs/hooks/useGamePlayer.cjs +52 -44
- package/dist/cjs/hooks/useGamePlayer.cjs.map +1 -1
- package/dist/cjs/iframe/index.cjs +156 -111
- package/dist/cjs/iframe/index.cjs.map +1 -1
- package/dist/cjs/index.cjs +4 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/transport/protocol.cjs.map +1 -1
- package/dist/esm/events.js +27 -0
- package/dist/esm/events.js.map +1 -0
- package/dist/esm/hooks/useGameHost.js +86 -67
- package/dist/esm/hooks/useGameHost.js.map +1 -1
- package/dist/esm/hooks/useGamePlayer.js +53 -45
- package/dist/esm/hooks/useGamePlayer.js.map +1 -1
- package/dist/esm/iframe/index.js +156 -111
- package/dist/esm/iframe/index.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/transport/protocol.js.map +1 -1
- package/dist/types/components/IframeGameBridge.d.ts +1 -0
- package/dist/types/components/IframeGameBridge.d.ts.map +1 -1
- package/dist/types/events.d.ts +26 -0
- package/dist/types/events.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +3 -0
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/dist/types/hooks/useGameHost.d.ts +33 -25
- package/dist/types/hooks/useGameHost.d.ts.map +1 -1
- package/dist/types/hooks/useGamePlayer.d.ts +25 -9
- package/dist/types/hooks/useGamePlayer.d.ts.map +1 -1
- package/dist/types/iframe/vanilla.d.ts +1 -0
- package/dist/types/iframe/vanilla.d.ts.map +1 -1
- package/dist/types/index.d.ts +4 -6
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/transport/protocol.d.ts +4 -1
- package/dist/types/transport/protocol.d.ts.map +1 -1
- package/dist/umd/smore-sdk-iframe.umd.js +156 -111
- package/dist/umd/smore-sdk-iframe.umd.js.map +1 -1
- package/dist/umd/smore-sdk-iframe.umd.min.js +1 -1
- package/dist/umd/smore-sdk-iframe.umd.min.js.map +1 -1
- package/dist/umd/smore-sdk-vanilla.umd.js +18 -0
- package/dist/umd/smore-sdk-vanilla.umd.js.map +1 -1
- package/dist/umd/smore-sdk-vanilla.umd.min.js +1 -1
- package/dist/umd/smore-sdk-vanilla.umd.min.js.map +1 -1
- package/dist/umd/smore-sdk.umd.js +166 -111
- package/dist/umd/smore-sdk.umd.js.map +1 -1
- package/dist/umd/smore-sdk.umd.min.js +1 -1
- package/dist/umd/smore-sdk.umd.min.js.map +1 -1
- package/package.json +2 -4
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const SMORE_EVENTS = {
|
|
4
|
+
// 게임 lifecycle
|
|
5
|
+
READY: "smore:ready",
|
|
6
|
+
GAME_OVER: "smore:game-over",
|
|
7
|
+
RETURN_TO_LOBBY: "smore:return-to-lobby",
|
|
8
|
+
// 플레이어 관리
|
|
9
|
+
PLAYER_JOIN: "smore:player-join",
|
|
10
|
+
PLAYER_LEAVE: "smore:player-leave",
|
|
11
|
+
// 특정 플레이어에게 전송 (내부용)
|
|
12
|
+
SEND_TO_PLAYER: "smore:send-to-player",
|
|
13
|
+
// 초기화
|
|
14
|
+
INIT: "smore:init",
|
|
15
|
+
UPDATE: "smore:update"
|
|
16
|
+
};
|
|
17
|
+
function validateUserEvent(event) {
|
|
18
|
+
if (event.includes(":")) {
|
|
19
|
+
throw new Error(
|
|
20
|
+
`Invalid event name "${event}": User events cannot contain ':'. Use '_' or '-' instead. System events use 'smore:' prefix.`
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function isSystemEvent(event) {
|
|
25
|
+
return event.startsWith("smore:");
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
exports.SMORE_EVENTS = SMORE_EVENTS;
|
|
29
|
+
exports.isSystemEvent = isSystemEvent;
|
|
30
|
+
exports.validateUserEvent = validateUserEvent;
|
|
31
|
+
//# sourceMappingURL=events.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.cjs","sources":["../../src/events.ts"],"sourcesContent":["/**\n * SDK 시스템 이벤트 상수\n * 모든 시스템 이벤트는 'smore:' prefix 사용\n * 유저 이벤트는 ':' 사용 불가\n */\n\nexport const SMORE_EVENTS = {\n // 게임 lifecycle\n READY: 'smore:ready',\n GAME_OVER: 'smore:game-over',\n RETURN_TO_LOBBY: 'smore:return-to-lobby',\n\n // 플레이어 관리\n PLAYER_JOIN: 'smore:player-join',\n PLAYER_LEAVE: 'smore:player-leave',\n\n // 특정 플레이어에게 전송 (내부용)\n SEND_TO_PLAYER: 'smore:send-to-player',\n\n // 초기화\n INIT: 'smore:init',\n UPDATE: 'smore:update',\n} as const;\n\nexport type SmoreEvent = typeof SMORE_EVENTS[keyof typeof SMORE_EVENTS];\n\n/**\n * 유저 이벤트명 검증\n * ':' 포함 시 에러, '_'와 '-'는 허용\n */\nexport function validateUserEvent(event: string): void {\n if (event.includes(':')) {\n throw new Error(\n `Invalid event name \"${event}\": User events cannot contain ':'. ` +\n `Use '_' or '-' instead. System events use 'smore:' prefix.`\n );\n }\n}\n\n/**\n * 시스템 이벤트인지 확인\n */\nexport function isSystemEvent(event: string): boolean {\n return event.startsWith('smore:');\n}\n"],"names":[],"mappings":";;AAMO,MAAM,YAAA,GAAe;AAAA;AAAA,EAE1B,KAAA,EAAO,aAAA;AAAA,EACP,SAAA,EAAW,iBAAA;AAAA,EACX,eAAA,EAAiB,uBAAA;AAAA;AAAA,EAGjB,WAAA,EAAa,mBAAA;AAAA,EACb,YAAA,EAAc,oBAAA;AAAA;AAAA,EAGd,cAAA,EAAgB,sBAAA;AAAA;AAAA,EAGhB,IAAA,EAAM,YAAA;AAAA,EACN,MAAA,EAAQ;AACV;AAQO,SAAS,kBAAkB,KAAA,EAAqB;AACrD,EAAA,IAAI,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AACvB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,uBAAuB,KAAK,CAAA,6FAAA;AAAA,KAE9B;AAAA,EACF;AACF;AAKO,SAAS,cAAc,KAAA,EAAwB;AACpD,EAAA,OAAO,KAAA,CAAM,WAAW,QAAQ,CAAA;AAClC;;;;;;"}
|
|
@@ -3,106 +3,125 @@
|
|
|
3
3
|
var react = require('react');
|
|
4
4
|
var RoomProvider = require('../context/RoomProvider.cjs');
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
const SYSTEM_PREFIX = "smore:";
|
|
7
|
+
const SYSTEM_EVENTS = {
|
|
8
|
+
READY: `${SYSTEM_PREFIX}ready`,
|
|
9
|
+
PLAYER_JOIN: `${SYSTEM_PREFIX}player-join`,
|
|
10
|
+
PLAYER_LEAVE: `${SYSTEM_PREFIX}player-leave`,
|
|
11
|
+
GAME_OVER: `${SYSTEM_PREFIX}game-over`,
|
|
12
|
+
RETURN_TO_LOBBY: `${SYSTEM_PREFIX}return-to-lobby`,
|
|
13
|
+
SEND_TO_PLAYER: `${SYSTEM_PREFIX}send-to-player`,
|
|
14
|
+
BROADCAST: `${SYSTEM_PREFIX}broadcast`
|
|
15
|
+
};
|
|
16
|
+
function validateEventName(event) {
|
|
17
|
+
if (event.includes(":")) {
|
|
18
|
+
throw new Error(
|
|
19
|
+
`[SDK] Invalid event name "${event}". Event names must not contain colons (:). Use underscores (_) or hyphens (-) instead.`
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function useGameHost(config = {}) {
|
|
24
|
+
const { onReady, onPlayerJoin, onPlayerLeave, listeners } = config;
|
|
8
25
|
const hostRoom = RoomProvider.useHostRoom();
|
|
9
26
|
const transport = RoomProvider.useTransport();
|
|
10
|
-
const
|
|
27
|
+
const onReadyRef = react.useRef(onReady);
|
|
28
|
+
const onPlayerJoinRef = react.useRef(onPlayerJoin);
|
|
11
29
|
const onPlayerLeaveRef = react.useRef(onPlayerLeave);
|
|
12
|
-
const
|
|
13
|
-
|
|
30
|
+
const listenersRef = react.useRef(listeners);
|
|
31
|
+
react.useEffect(() => {
|
|
32
|
+
onReadyRef.current = onReady;
|
|
33
|
+
}, [onReady]);
|
|
14
34
|
react.useEffect(() => {
|
|
15
|
-
|
|
16
|
-
}, [
|
|
35
|
+
onPlayerJoinRef.current = onPlayerJoin;
|
|
36
|
+
}, [onPlayerJoin]);
|
|
17
37
|
react.useEffect(() => {
|
|
18
38
|
onPlayerLeaveRef.current = onPlayerLeave;
|
|
19
39
|
}, [onPlayerLeave]);
|
|
20
40
|
react.useEffect(() => {
|
|
21
|
-
|
|
22
|
-
}, [
|
|
23
|
-
react.useEffect(() => {
|
|
24
|
-
onPlayerReconnectRef.current = onPlayerReconnect;
|
|
25
|
-
}, [onPlayerReconnect]);
|
|
41
|
+
listenersRef.current = listeners;
|
|
42
|
+
}, [listeners]);
|
|
26
43
|
react.useEffect(() => {
|
|
27
44
|
if (!transport) return;
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
if (!stateFn) return;
|
|
31
|
-
const gameState = stateFn(data.requesterId);
|
|
32
|
-
transport.emit("game:state-response", {
|
|
33
|
-
targetSessionId: data.requesterId,
|
|
34
|
-
gameState: {
|
|
35
|
-
gameId,
|
|
36
|
-
...gameState
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
transport.on("game:state-request", handler);
|
|
41
|
-
return () => {
|
|
42
|
-
transport.off("game:state-request", handler);
|
|
43
|
-
};
|
|
44
|
-
}, [transport, gameId]);
|
|
45
|
-
react.useEffect(() => {
|
|
46
|
-
if (!transport) return;
|
|
47
|
-
const onLeft = (data) => {
|
|
48
|
-
onPlayerLeaveRef.current?.(data?.sessionId ?? data?.playerId);
|
|
45
|
+
const handleReady = () => {
|
|
46
|
+
onReadyRef.current?.();
|
|
49
47
|
};
|
|
50
|
-
const
|
|
51
|
-
|
|
48
|
+
const handlePlayerJoin = (data) => {
|
|
49
|
+
onPlayerJoinRef.current?.(data.player);
|
|
52
50
|
};
|
|
53
|
-
const
|
|
54
|
-
|
|
51
|
+
const handlePlayerLeave = (data) => {
|
|
52
|
+
onPlayerLeaveRef.current?.(data.playerId);
|
|
55
53
|
};
|
|
56
|
-
transport.on(
|
|
57
|
-
transport.on(
|
|
58
|
-
transport.on(
|
|
54
|
+
transport.on(SYSTEM_EVENTS.READY, handleReady);
|
|
55
|
+
transport.on(SYSTEM_EVENTS.PLAYER_JOIN, handlePlayerJoin);
|
|
56
|
+
transport.on(SYSTEM_EVENTS.PLAYER_LEAVE, handlePlayerLeave);
|
|
57
|
+
transport.on("room:player-left", (data) => {
|
|
58
|
+
onPlayerLeaveRef.current?.(data?.sessionId ?? data?.playerId);
|
|
59
|
+
});
|
|
60
|
+
transport.on("room:player-joined", (data) => {
|
|
61
|
+
if (data?.player) {
|
|
62
|
+
onPlayerJoinRef.current?.(data.player);
|
|
63
|
+
}
|
|
64
|
+
});
|
|
59
65
|
return () => {
|
|
60
|
-
transport.off(
|
|
61
|
-
transport.off(
|
|
62
|
-
transport.off(
|
|
66
|
+
transport.off(SYSTEM_EVENTS.READY, handleReady);
|
|
67
|
+
transport.off(SYSTEM_EVENTS.PLAYER_JOIN, handlePlayerJoin);
|
|
68
|
+
transport.off(SYSTEM_EVENTS.PLAYER_LEAVE, handlePlayerLeave);
|
|
69
|
+
transport.off("room:player-left");
|
|
70
|
+
transport.off("room:player-joined");
|
|
63
71
|
};
|
|
64
72
|
}, [transport]);
|
|
65
|
-
const listenersRef = react.useRef(listeners);
|
|
66
|
-
listenersRef.current = listeners;
|
|
67
73
|
react.useEffect(() => {
|
|
68
|
-
if (!transport || !
|
|
69
|
-
const entries = Object.entries(
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
+
if (!transport || !listeners) return;
|
|
75
|
+
const entries = Object.entries(listeners);
|
|
76
|
+
const cleanups = [];
|
|
77
|
+
for (const [event, handler] of entries) {
|
|
78
|
+
if (!handler) continue;
|
|
79
|
+
validateEventName(event);
|
|
80
|
+
const wrappedHandler = (data) => {
|
|
81
|
+
handler(data.playerId, data.payload);
|
|
74
82
|
};
|
|
75
|
-
|
|
76
|
-
|
|
83
|
+
transport.on(event, wrappedHandler);
|
|
84
|
+
cleanups.push(() => transport.off(event, wrappedHandler));
|
|
85
|
+
}
|
|
86
|
+
return () => {
|
|
87
|
+
cleanups.forEach((cleanup) => cleanup());
|
|
88
|
+
};
|
|
77
89
|
}, [transport, listeners]);
|
|
78
|
-
const
|
|
90
|
+
const emit = react.useCallback(
|
|
79
91
|
(event, data) => {
|
|
80
|
-
|
|
92
|
+
validateEventName(event);
|
|
93
|
+
transport?.emit(SYSTEM_EVENTS.BROADCAST, { event, data });
|
|
81
94
|
},
|
|
82
95
|
[transport]
|
|
83
96
|
);
|
|
84
97
|
const sendToPlayer = react.useCallback(
|
|
85
|
-
(
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
98
|
+
(playerId, event, data) => {
|
|
99
|
+
validateEventName(event);
|
|
100
|
+
transport?.emit(SYSTEM_EVENTS.SEND_TO_PLAYER, {
|
|
101
|
+
targetPlayerId: playerId,
|
|
89
102
|
event,
|
|
90
|
-
|
|
103
|
+
data
|
|
91
104
|
});
|
|
92
105
|
},
|
|
93
|
-
[transport
|
|
106
|
+
[transport]
|
|
94
107
|
);
|
|
95
|
-
const
|
|
108
|
+
const gameOver = react.useCallback(
|
|
96
109
|
(results) => {
|
|
97
|
-
transport?.emit(
|
|
110
|
+
transport?.emit(SYSTEM_EVENTS.GAME_OVER, { results });
|
|
98
111
|
},
|
|
99
|
-
[transport
|
|
112
|
+
[transport]
|
|
100
113
|
);
|
|
114
|
+
const returnToLobby = react.useCallback(() => {
|
|
115
|
+
transport?.emit(SYSTEM_EVENTS.RETURN_TO_LOBBY, {});
|
|
116
|
+
}, [transport]);
|
|
101
117
|
return {
|
|
102
|
-
|
|
103
|
-
|
|
118
|
+
players: hostRoom.players,
|
|
119
|
+
leaderId: hostRoom.leaderId,
|
|
120
|
+
roomCode: hostRoom.roomCode,
|
|
121
|
+
emit,
|
|
104
122
|
sendToPlayer,
|
|
105
|
-
|
|
123
|
+
gameOver,
|
|
124
|
+
returnToLobby
|
|
106
125
|
};
|
|
107
126
|
}
|
|
108
127
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGameHost.cjs","sources":["../../../src/hooks/useGameHost.ts"],"sourcesContent":["/**\n * useGameHost - Host-side game hook for the S'MORE SDK\n *\n * Provides host game developers with:\n * - Automatic room state access (via useHostRoom context)\n * - Event listeners (via listeners config)\n * - Broadcasting to all/specific players\n * - Game over emission\n * - Player lifecycle callbacks\n *\n * Internally uses Transport abstraction so the same API works over\n * Socket.IO (bundled games) or postMessage (iframe games).\n */\nimport { useEffect, useCallback, useRef } from 'react';\nimport { useHostRoom } from '../context/RoomProvider';\nimport { useTransport } from '../context/RoomProvider';\nimport type { HostRoomState } from '../context/RoomProvider';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype InputHandler = (playerId: string, data?: any) => void;\n\nexport interface UseGameHostConfig {\n /** Unique game identifier (e.g. 'fibbage', 'wasd') */\n gameId: string;\n\n /**\n * Called when a player requests game state (e.g. after returning from background).\n * Return the current game state object to send back to that player.\n */\n onStateRequest?: (playerId: string) => Record<string, any>;\n\n /** Called when a player leaves the room. */\n onPlayerLeave?: (playerId: string) => void;\n\n /** Called when a player disconnects (may reconnect). */\n onPlayerDisconnect?: (playerId: string) => void;\n\n /** Called when a previously disconnected player reconnects. */\n onPlayerReconnect?: (playerId: string) => void;\n\n /**\n * Generic socket event listeners (for server broadcasts the host needs to receive).\n * Keys are full event names, values are handler functions.\n */\n listeners?: Record<string, (data: any) => void>;\n}\n\nexport interface UseGameHostReturn {\n /** Current room state from HostRoomProvider context. */\n room: HostRoomState;\n\n /** Broadcast an event to all players via the host socket. */\n broadcast: (event: string, data: any) => void;\n\n /** Send state/event to a specific player by sessionId. */\n sendToPlayer: (sessionId: string, event: string, data: any) => void;\n\n /** Emit game-over with optional results payload. */\n emitGameOver: (results?: any) => void;\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\nexport function useGameHost(config: UseGameHostConfig): UseGameHostReturn {\n const { gameId, onStateRequest, onPlayerLeave, onPlayerDisconnect, onPlayerReconnect, listeners } = config;\n\n const hostRoom = useHostRoom();\n const transport = useTransport();\n\n // Stable refs to avoid stale closures in listeners\n const onStateRequestRef = useRef(onStateRequest);\n const onPlayerLeaveRef = useRef(onPlayerLeave);\n const onPlayerDisconnectRef = useRef(onPlayerDisconnect);\n const onPlayerReconnectRef = useRef(onPlayerReconnect);\n\n useEffect(() => { onStateRequestRef.current = onStateRequest; }, [onStateRequest]);\n useEffect(() => { onPlayerLeaveRef.current = onPlayerLeave; }, [onPlayerLeave]);\n useEffect(() => { onPlayerDisconnectRef.current = onPlayerDisconnect; }, [onPlayerDisconnect]);\n useEffect(() => { onPlayerReconnectRef.current = onPlayerReconnect; }, [onPlayerReconnect]);\n\n // -------------------------------------------------------------------------\n // State request handler\n // -------------------------------------------------------------------------\n useEffect(() => {\n if (!transport) return;\n\n const handler = (data: { requesterId: string }) => {\n const stateFn = onStateRequestRef.current;\n if (!stateFn) return;\n\n const gameState = stateFn(data.requesterId);\n transport.emit('game:state-response', {\n targetSessionId: data.requesterId,\n gameState: {\n gameId,\n ...gameState,\n },\n });\n };\n\n transport.on('game:state-request', handler);\n return () => {\n transport.off('game:state-request', handler);\n };\n }, [transport, gameId]);\n\n // -------------------------------------------------------------------------\n // Player lifecycle listeners\n // -------------------------------------------------------------------------\n useEffect(() => {\n if (!transport) return;\n\n const onLeft = (data: any) => {\n onPlayerLeaveRef.current?.(data?.sessionId ?? data?.playerId);\n };\n const onDisconnected = (data: any) => {\n onPlayerDisconnectRef.current?.(data?.sessionId ?? data?.playerId);\n };\n const onReconnected = (data: any) => {\n onPlayerReconnectRef.current?.(data?.sessionId ?? data?.playerId);\n };\n\n transport.on('room:player-left', onLeft);\n transport.on('room:player-disconnected', onDisconnected);\n transport.on('room:player-reconnected', onReconnected);\n\n return () => {\n transport.off('room:player-left', onLeft);\n transport.off('room:player-disconnected', onDisconnected);\n transport.off('room:player-reconnected', onReconnected);\n };\n }, [transport]);\n\n // -------------------------------------------------------------------------\n // Generic listeners\n // -------------------------------------------------------------------------\n const listenersRef = useRef(listeners);\n listenersRef.current = listeners;\n\n useEffect(() => {\n if (!transport || !listenersRef.current) return;\n const entries = Object.entries(listenersRef.current);\n const handlers = entries.map(([event, handler]) => {\n transport.on(event, handler);\n return () => { transport.off(event, handler); };\n });\n return () => handlers.forEach(fn => fn());\n }, [transport, listeners]);\n\n // -------------------------------------------------------------------------\n // Actions\n // -------------------------------------------------------------------------\n\n const broadcast = useCallback(\n (event: string, data: any) => {\n transport?.emit(event, data);\n },\n [transport],\n );\n\n const sendToPlayer = useCallback(\n (sessionId: string, event: string, data: any) => {\n transport?.emit('game:state-to-player', {\n targetSessionId: sessionId,\n gameId,\n event,\n state: data,\n });\n },\n [transport, gameId],\n );\n\n const emitGameOver = useCallback(\n (results?: any) => {\n transport?.emit('room:game-over', { gameId, results });\n },\n [transport, gameId],\n );\n\n return {\n room: hostRoom,\n broadcast,\n sendToPlayer,\n emitGameOver,\n };\n}\n"],"names":["useHostRoom","useTransport","useRef","useEffect","useCallback"],"mappings":";;;;;AAoEO,SAAS,YAAY,MAAA,EAA8C;AACxE,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAA,EAAgB,eAAe,kBAAA,EAAoB,iBAAA,EAAmB,WAAU,GAAI,MAAA;AAEpG,EAAA,MAAM,WAAWA,wBAAA,EAAY;AAC7B,EAAA,MAAM,YAAYC,yBAAA,EAAa;AAG/B,EAAA,MAAM,iBAAA,GAAoBC,aAAO,cAAc,CAAA;AAC/C,EAAA,MAAM,gBAAA,GAAmBA,aAAO,aAAa,CAAA;AAC7C,EAAA,MAAM,qBAAA,GAAwBA,aAAO,kBAAkB,CAAA;AACvD,EAAA,MAAM,oBAAA,GAAuBA,aAAO,iBAAiB,CAAA;AAErD,EAAAC,eAAA,CAAU,MAAM;AAAE,IAAA,iBAAA,CAAkB,OAAA,GAAU,cAAA;AAAA,EAAgB,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AACjF,EAAAA,eAAA,CAAU,MAAM;AAAE,IAAA,gBAAA,CAAiB,OAAA,GAAU,aAAA;AAAA,EAAe,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAC9E,EAAAA,eAAA,CAAU,MAAM;AAAE,IAAA,qBAAA,CAAsB,OAAA,GAAU,kBAAA;AAAA,EAAoB,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAC7F,EAAAA,eAAA,CAAU,MAAM;AAAE,IAAA,oBAAA,CAAqB,OAAA,GAAU,iBAAA;AAAA,EAAmB,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAK1F,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AAEhB,IAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAkC;AACjD,MAAA,MAAM,UAAU,iBAAA,CAAkB,OAAA;AAClC,MAAA,IAAI,CAAC,OAAA,EAAS;AAEd,MAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,IAAA,CAAK,WAAW,CAAA;AAC1C,MAAA,SAAA,CAAU,KAAK,qBAAA,EAAuB;AAAA,QACpC,iBAAiB,IAAA,CAAK,WAAA;AAAA,QACtB,SAAA,EAAW;AAAA,UACT,MAAA;AAAA,UACA,GAAG;AAAA;AACL,OACD,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,SAAA,CAAU,EAAA,CAAG,sBAAsB,OAAO,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,GAAA,CAAI,sBAAsB,OAAO,CAAA;AAAA,IAC7C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAKtB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AAEhB,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAAc;AAC5B,MAAA,gBAAA,CAAiB,OAAA,GAAU,IAAA,EAAM,SAAA,IAAa,IAAA,EAAM,QAAQ,CAAA;AAAA,IAC9D,CAAA;AACA,IAAA,MAAM,cAAA,GAAiB,CAAC,IAAA,KAAc;AACpC,MAAA,qBAAA,CAAsB,OAAA,GAAU,IAAA,EAAM,SAAA,IAAa,IAAA,EAAM,QAAQ,CAAA;AAAA,IACnE,CAAA;AACA,IAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,KAAc;AACnC,MAAA,oBAAA,CAAqB,OAAA,GAAU,IAAA,EAAM,SAAA,IAAa,IAAA,EAAM,QAAQ,CAAA;AAAA,IAClE,CAAA;AAEA,IAAA,SAAA,CAAU,EAAA,CAAG,oBAAoB,MAAM,CAAA;AACvC,IAAA,SAAA,CAAU,EAAA,CAAG,4BAA4B,cAAc,CAAA;AACvD,IAAA,SAAA,CAAU,EAAA,CAAG,2BAA2B,aAAa,CAAA;AAErD,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,GAAA,CAAI,oBAAoB,MAAM,CAAA;AACxC,MAAA,SAAA,CAAU,GAAA,CAAI,4BAA4B,cAAc,CAAA;AACxD,MAAA,SAAA,CAAU,GAAA,CAAI,2BAA2B,aAAa,CAAA;AAAA,IACxD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAKd,EAAA,MAAM,YAAA,GAAeD,aAAO,SAAS,CAAA;AACrC,EAAA,YAAA,CAAa,OAAA,GAAU,SAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,YAAA,CAAa,OAAA,EAAS;AACzC,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,YAAA,CAAa,OAAO,CAAA;AACnD,IAAA,MAAM,WAAW,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAC,KAAA,EAAO,OAAO,CAAA,KAAM;AACjD,MAAA,SAAA,CAAU,EAAA,CAAG,OAAO,OAAO,CAAA;AAC3B,MAAA,OAAO,MAAM;AAAE,QAAA,SAAA,CAAU,GAAA,CAAI,OAAO,OAAO,CAAA;AAAA,MAAG,CAAA;AAAA,IAChD,CAAC,CAAA;AACD,IAAA,OAAO,MAAM,QAAA,CAAS,OAAA,CAAQ,CAAA,EAAA,KAAM,IAAI,CAAA;AAAA,EAC1C,CAAA,EAAG,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAMzB,EAAA,MAAM,SAAA,GAAYC,iBAAA;AAAA,IAChB,CAAC,OAAe,IAAA,KAAc;AAC5B,MAAA,SAAA,EAAW,IAAA,CAAK,OAAO,IAAI,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,CAAC,SAAS;AAAA,GACZ;AAEA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,SAAA,EAAmB,KAAA,EAAe,IAAA,KAAc;AAC/C,MAAA,SAAA,EAAW,KAAK,sBAAA,EAAwB;AAAA,QACtC,eAAA,EAAiB,SAAA;AAAA,QACjB,MAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAW,MAAM;AAAA,GACpB;AAEA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,OAAA,KAAkB;AACjB,MAAA,SAAA,EAAW,IAAA,CAAK,gBAAA,EAAkB,EAAE,MAAA,EAAQ,SAAS,CAAA;AAAA,IACvD,CAAA;AAAA,IACA,CAAC,WAAW,MAAM;AAAA,GACpB;AAEA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,SAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
|
|
1
|
+
{"version":3,"file":"useGameHost.cjs","sources":["../../../src/hooks/useGameHost.ts"],"sourcesContent":["/**\n * useGameHost - Host-side game hook for the S'MORE SDK\n *\n * Provides host game developers with:\n * - Room state access (players, leaderId, roomCode)\n * - Event listeners for player inputs\n * - Broadcasting to all/specific players\n * - Game lifecycle management\n *\n * Internally uses Transport abstraction so the same API works over\n * Socket.IO (bundled games) or postMessage (iframe games).\n */\nimport { useEffect, useCallback, useRef } from 'react';\nimport { useHostRoom, useTransport } from '../context/RoomProvider';\nimport type { Player } from '../types';\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst SYSTEM_PREFIX = 'smore:';\n\n// System events (internal use only)\nconst SYSTEM_EVENTS = {\n READY: `${SYSTEM_PREFIX}ready`,\n PLAYER_JOIN: `${SYSTEM_PREFIX}player-join`,\n PLAYER_LEAVE: `${SYSTEM_PREFIX}player-leave`,\n GAME_OVER: `${SYSTEM_PREFIX}game-over`,\n RETURN_TO_LOBBY: `${SYSTEM_PREFIX}return-to-lobby`,\n SEND_TO_PLAYER: `${SYSTEM_PREFIX}send-to-player`,\n BROADCAST: `${SYSTEM_PREFIX}broadcast`,\n} as const;\n\n// ---------------------------------------------------------------------------\n// Validation\n// ---------------------------------------------------------------------------\n\n/**\n * Validates that an event name doesn't contain colons.\n * Colons are reserved for system prefix separation.\n * Underscores and hyphens are allowed.\n */\nfunction validateEventName(event: string): void {\n if (event.includes(':')) {\n throw new Error(\n `[SDK] Invalid event name \"${event}\". Event names must not contain colons (:). ` +\n `Use underscores (_) or hyphens (-) instead.`\n );\n }\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface UseGameHostConfig<T extends Record<string, any> = Record<string, any>> {\n /** Called when the host is ready and connected. */\n onReady?: () => void;\n\n /** Called when a player joins the room. */\n onPlayerJoin?: (player: Player) => void;\n\n /** Called when a player leaves the room. */\n onPlayerLeave?: (playerId: string) => void;\n\n /**\n * Event listeners for player inputs.\n * Keys are event names (without prefix), values are handler functions.\n * Handler receives (playerId, data) where data is the payload from player.\n */\n listeners?: { [K in keyof T]?: (playerId: string, data: T[K]) => void };\n}\n\nexport interface UseGameHostReturn {\n /** List of all players in the room. */\n players: Player[];\n\n /** The session ID of the room leader (host). */\n leaderId: string | null;\n\n /** The room code. */\n roomCode: string;\n\n /**\n * Emit an event to all players.\n * Event name must not contain colons.\n */\n emit: (event: string, data?: any) => void;\n\n /**\n * Send an event to a specific player.\n * Event name must not contain colons.\n */\n sendToPlayer: (playerId: string, event: string, data?: any) => void;\n\n /** Signal game over with optional results. */\n gameOver: (results?: any) => void;\n\n /** Return all players to lobby. */\n returnToLobby: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\nexport function useGameHost<T extends Record<string, any> = Record<string, any>>(\n config: UseGameHostConfig<T> = {}\n): UseGameHostReturn {\n const { onReady, onPlayerJoin, onPlayerLeave, listeners } = config;\n\n const hostRoom = useHostRoom();\n const transport = useTransport();\n\n // Stable refs to avoid stale closures in listeners\n const onReadyRef = useRef(onReady);\n const onPlayerJoinRef = useRef(onPlayerJoin);\n const onPlayerLeaveRef = useRef(onPlayerLeave);\n const listenersRef = useRef(listeners);\n\n useEffect(() => {\n onReadyRef.current = onReady;\n }, [onReady]);\n useEffect(() => {\n onPlayerJoinRef.current = onPlayerJoin;\n }, [onPlayerJoin]);\n useEffect(() => {\n onPlayerLeaveRef.current = onPlayerLeave;\n }, [onPlayerLeave]);\n useEffect(() => {\n listenersRef.current = listeners;\n }, [listeners]);\n\n // -------------------------------------------------------------------------\n // System event listeners (player lifecycle)\n // -------------------------------------------------------------------------\n useEffect(() => {\n if (!transport) return;\n\n const handleReady = () => {\n onReadyRef.current?.();\n };\n\n const handlePlayerJoin = (data: { player: Player }) => {\n onPlayerJoinRef.current?.(data.player);\n };\n\n const handlePlayerLeave = (data: { playerId: string }) => {\n onPlayerLeaveRef.current?.(data.playerId);\n };\n\n transport.on(SYSTEM_EVENTS.READY, handleReady);\n transport.on(SYSTEM_EVENTS.PLAYER_JOIN, handlePlayerJoin);\n transport.on(SYSTEM_EVENTS.PLAYER_LEAVE, handlePlayerLeave);\n\n // Also listen to legacy room events for backward compatibility\n transport.on('room:player-left', (data: any) => {\n onPlayerLeaveRef.current?.(data?.sessionId ?? data?.playerId);\n });\n transport.on('room:player-joined', (data: any) => {\n if (data?.player) {\n onPlayerJoinRef.current?.(data.player);\n }\n });\n\n return () => {\n transport.off(SYSTEM_EVENTS.READY, handleReady);\n transport.off(SYSTEM_EVENTS.PLAYER_JOIN, handlePlayerJoin);\n transport.off(SYSTEM_EVENTS.PLAYER_LEAVE, handlePlayerLeave);\n transport.off('room:player-left');\n transport.off('room:player-joined');\n };\n }, [transport]);\n\n // -------------------------------------------------------------------------\n // User event listeners\n // -------------------------------------------------------------------------\n useEffect(() => {\n if (!transport || !listeners) return;\n\n const entries = Object.entries(listeners);\n const cleanups: (() => void)[] = [];\n\n for (const [event, handler] of entries) {\n if (!handler) continue;\n\n // Validate event name (no colons allowed)\n validateEventName(event);\n\n // Listen for the event directly (no wrapping)\n const wrappedHandler = (data: { playerId: string; payload: any }) => {\n (handler as (playerId: string, data: any) => void)(data.playerId, data.payload);\n };\n\n transport.on(event, wrappedHandler);\n cleanups.push(() => transport.off(event, wrappedHandler));\n }\n\n return () => {\n cleanups.forEach((cleanup) => cleanup());\n };\n }, [transport, listeners]);\n\n // -------------------------------------------------------------------------\n // Actions\n // -------------------------------------------------------------------------\n\n const emit = useCallback(\n (event: string, data?: any) => {\n validateEventName(event);\n // Broadcast to all players via system event\n transport?.emit(SYSTEM_EVENTS.BROADCAST, { event, data });\n },\n [transport]\n );\n\n const sendToPlayer = useCallback(\n (playerId: string, event: string, data?: any) => {\n validateEventName(event);\n // Send to specific player via system event\n // The server will unwrap and send the inner event directly to the player\n transport?.emit(SYSTEM_EVENTS.SEND_TO_PLAYER, {\n targetPlayerId: playerId,\n event,\n data,\n });\n },\n [transport]\n );\n\n const gameOver = useCallback(\n (results?: any) => {\n transport?.emit(SYSTEM_EVENTS.GAME_OVER, { results });\n },\n [transport]\n );\n\n const returnToLobby = useCallback(() => {\n transport?.emit(SYSTEM_EVENTS.RETURN_TO_LOBBY, {});\n }, [transport]);\n\n return {\n players: hostRoom.players,\n leaderId: hostRoom.leaderId,\n roomCode: hostRoom.roomCode,\n emit,\n sendToPlayer,\n gameOver,\n returnToLobby,\n };\n}\n"],"names":["useHostRoom","useTransport","useRef","useEffect","useCallback"],"mappings":"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"}
|
|
@@ -3,64 +3,72 @@
|
|
|
3
3
|
var react = require('react');
|
|
4
4
|
var RoomProvider = require('../context/RoomProvider.cjs');
|
|
5
5
|
|
|
6
|
-
function
|
|
6
|
+
function validateEventName(event) {
|
|
7
|
+
if (event.includes(":")) {
|
|
8
|
+
throw new Error(
|
|
9
|
+
`[SDK] Invalid event name "${event}". Event names must not contain ':' (reserved for system prefixes). Use '_' or '-' instead.`
|
|
10
|
+
);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
function useGamePlayer(config = {}) {
|
|
7
14
|
const room = RoomProvider.usePlayerRoom();
|
|
8
15
|
const transport = RoomProvider.useTransport();
|
|
9
|
-
const {
|
|
10
|
-
const
|
|
11
|
-
const
|
|
16
|
+
const { onReady, onPlayerJoin, onPlayerLeave, listeners } = config;
|
|
17
|
+
const onReadyRef = react.useRef(onReady);
|
|
18
|
+
const onPlayerJoinRef = react.useRef(onPlayerJoin);
|
|
19
|
+
const onPlayerLeaveRef = react.useRef(onPlayerLeave);
|
|
12
20
|
const listenersRef = react.useRef(listeners);
|
|
21
|
+
onReadyRef.current = onReady;
|
|
22
|
+
onPlayerJoinRef.current = onPlayerJoin;
|
|
23
|
+
onPlayerLeaveRef.current = onPlayerLeave;
|
|
13
24
|
listenersRef.current = listeners;
|
|
14
|
-
react.useEffect(() => {
|
|
15
|
-
if (!transport || !listenersRef.current) return;
|
|
16
|
-
const cleanups = [];
|
|
17
|
-
Object.entries(listenersRef.current).forEach(([event, handler]) => {
|
|
18
|
-
transport.on(event, handler);
|
|
19
|
-
cleanups.push(() => transport.off(event, handler));
|
|
20
|
-
});
|
|
21
|
-
return () => cleanups.forEach((fn) => fn());
|
|
22
|
-
}, [transport, listeners]);
|
|
23
25
|
react.useEffect(() => {
|
|
24
26
|
if (!transport) return;
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
setGameState(state);
|
|
27
|
+
const handleReady = () => {
|
|
28
|
+
onReadyRef.current?.();
|
|
28
29
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
transport.off("game:state-response", handler);
|
|
30
|
+
const handlePlayerJoin = (player) => {
|
|
31
|
+
onPlayerJoinRef.current?.(player);
|
|
32
32
|
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
if (!transport) return;
|
|
36
|
-
const handler = (data) => {
|
|
37
|
-
if (data.gameId !== gameId) return;
|
|
38
|
-
setGameState(data.state);
|
|
33
|
+
const handlePlayerLeave = (data) => {
|
|
34
|
+
onPlayerLeaveRef.current?.(data.playerId);
|
|
39
35
|
};
|
|
40
|
-
transport.on("
|
|
36
|
+
transport.on("smore:ready", handleReady);
|
|
37
|
+
transport.on("smore:player-join", handlePlayerJoin);
|
|
38
|
+
transport.on("smore:player-leave", handlePlayerLeave);
|
|
41
39
|
return () => {
|
|
42
|
-
transport.off("
|
|
40
|
+
transport.off("smore:ready", handleReady);
|
|
41
|
+
transport.off("smore:player-join", handlePlayerJoin);
|
|
42
|
+
transport.off("smore:player-leave", handlePlayerLeave);
|
|
43
43
|
};
|
|
44
|
-
}, [transport
|
|
44
|
+
}, [transport]);
|
|
45
45
|
react.useEffect(() => {
|
|
46
|
-
if (!transport) return;
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
if (!transport || !listenersRef.current) return;
|
|
47
|
+
const cleanups = [];
|
|
48
|
+
Object.entries(listenersRef.current).forEach(([event, handler]) => {
|
|
49
|
+
if (handler) {
|
|
50
|
+
transport.on(event, handler);
|
|
51
|
+
cleanups.push(() => transport.off(event, handler));
|
|
50
52
|
}
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
transport.emit(event, data, callback);
|
|
59
|
-
} else {
|
|
53
|
+
});
|
|
54
|
+
return () => cleanups.forEach((fn) => fn());
|
|
55
|
+
}, [transport, listeners]);
|
|
56
|
+
const emit = react.useCallback(
|
|
57
|
+
(event, data) => {
|
|
58
|
+
if (!transport) return;
|
|
59
|
+
validateEventName(event);
|
|
60
60
|
transport.emit(event, data);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
},
|
|
62
|
+
[transport]
|
|
63
|
+
);
|
|
64
|
+
return {
|
|
65
|
+
players: room.players,
|
|
66
|
+
leaderId: room.leaderId,
|
|
67
|
+
roomCode: room.roomCode,
|
|
68
|
+
myPlayerId: room.mySessionId,
|
|
69
|
+
isLeader: room.isLeader,
|
|
70
|
+
emit
|
|
71
|
+
};
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
exports.useGamePlayer = useGamePlayer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGamePlayer.cjs","sources":["../../../src/hooks/useGamePlayer.ts"],"sourcesContent":["import { useEffect, useCallback,
|
|
1
|
+
{"version":3,"file":"useGamePlayer.cjs","sources":["../../../src/hooks/useGamePlayer.ts"],"sourcesContent":["import { useEffect, useCallback, useRef } from 'react';\nimport { usePlayerRoom } from '../context/RoomProvider';\nimport { useTransport } from '../context/RoomProvider';\nimport type { Player } from '@smoregg/shared';\n\n/**\n * Validate event name for emit\n * - Must NOT contain `:` (colon is reserved for system prefixes)\n * - `_` and `-` are allowed\n */\nfunction validateEventName(event: string): void {\n if (event.includes(':')) {\n throw new Error(\n `[SDK] Invalid event name \"${event}\". Event names must not contain ':' (reserved for system prefixes). Use '_' or '-' instead.`\n );\n }\n}\n\n// ===== Types =====\n\nexport interface UseGamePlayerConfig<T = Record<string, any>> {\n /** Called when smore:ready is received */\n onReady?: () => void;\n /** Called when a player joins */\n onPlayerJoin?: (player: Player) => void;\n /** Called when a player leaves */\n onPlayerLeave?: (playerId: string) => void;\n /** Custom event listeners (event name -> handler) */\n listeners?: { [K in keyof T]?: (data: T[K]) => void };\n}\n\nexport interface UseGamePlayerReturn {\n /** All players in the room */\n players: Player[];\n /** Leader player's session ID */\n leaderId: string | null;\n /** Room code */\n roomCode: string;\n /** My session ID */\n myPlayerId: string;\n /** Am I the leader? */\n isLeader: boolean;\n /** Emit event to host (event name must not contain ':') */\n emit: (event: string, data?: any) => void;\n}\n\n// ===== Hook =====\n\nexport function useGamePlayer<T = Record<string, any>>(\n config: UseGamePlayerConfig<T> = {}\n): UseGamePlayerReturn {\n const room = usePlayerRoom();\n const transport = useTransport();\n const { onReady, onPlayerJoin, onPlayerLeave, listeners } = config;\n\n // Use refs to avoid re-subscribing on every render\n const onReadyRef = useRef(onReady);\n const onPlayerJoinRef = useRef(onPlayerJoin);\n const onPlayerLeaveRef = useRef(onPlayerLeave);\n const listenersRef = useRef(listeners);\n\n onReadyRef.current = onReady;\n onPlayerJoinRef.current = onPlayerJoin;\n onPlayerLeaveRef.current = onPlayerLeave;\n listenersRef.current = listeners;\n\n // System event listeners (smore: prefix)\n useEffect(() => {\n if (!transport) return;\n\n const handleReady = () => {\n onReadyRef.current?.();\n };\n\n const handlePlayerJoin = (player: Player) => {\n onPlayerJoinRef.current?.(player);\n };\n\n const handlePlayerLeave = (data: { playerId: string }) => {\n onPlayerLeaveRef.current?.(data.playerId);\n };\n\n transport.on('smore:ready', handleReady);\n transport.on('smore:player-join', handlePlayerJoin);\n transport.on('smore:player-leave', handlePlayerLeave);\n\n return () => {\n transport.off('smore:ready', handleReady);\n transport.off('smore:player-join', handlePlayerJoin);\n transport.off('smore:player-leave', handlePlayerLeave);\n };\n }, [transport]);\n\n // User event listeners (passed through directly, no wrapping)\n useEffect(() => {\n if (!transport || !listenersRef.current) return;\n\n const cleanups: (() => void)[] = [];\n\n Object.entries(listenersRef.current).forEach(([event, handler]) => {\n if (handler) {\n transport.on(event, handler as (data: any) => void);\n cleanups.push(() => transport.off(event, handler as (data: any) => void));\n }\n });\n\n return () => cleanups.forEach((fn) => fn());\n }, [transport, listeners]);\n\n // Emit function with validation\n const emit = useCallback(\n (event: string, data?: any) => {\n if (!transport) return;\n validateEventName(event);\n transport.emit(event, data);\n },\n [transport]\n );\n\n return {\n players: room.players,\n leaderId: room.leaderId,\n roomCode: room.roomCode,\n myPlayerId: room.mySessionId,\n isLeader: room.isLeader,\n emit,\n };\n}\n"],"names":["usePlayerRoom","useTransport","useRef","useEffect","useCallback"],"mappings":"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"}
|