* feat(tracker): add support for multi tab sessions
* feat(backend): added support of multitabs
* fix(backend): added support of deprecated batch meta message to pre-decoder
* fix(backend): fixed nil meta issue for TabData messages in sink
* feat(player): add tabmanager
* feat(player): basic tabchange event support
* feat(player): pick tabstate for console panel and timeline
* fix(player): only display tabs that are created
* feat(player): connect performance, xray and events to tab state
* feat(player): merge all tabs data for overview
* feat(backend/tracker): extract tabdata into separate message from batchmeta
* fix(tracker): fix new session check
* fix(backend): remove batchmetadeprecated
* fix(backend): fix switch case
* fix(player): fix for tab message size
* feat(tracker): check for active tabs with broadcast channel
* feat(tracker): prevent multiple messages
* fix(tracker): ignore beacons from same tab, only ask if token isnt present yet, add small delay before start to wait for answer
* feat(player): support new msg struct in assist player
* fix(player): fix some livepl components for multi tab states
* feat(tracker): add option to disable multitab
* feat(tracker): add multitab to assist plugin
* feat(player): back compat for tab id
* fix(ui): fix missing list in controls
* fix(ui): optional list update
* feat(ui): fix visuals for multitab; use window focus event for tabs
* fix(tracker): fix for dying tests (added tabid to writer, refactored other tests)
* feat(ui): update LivePlayerSubHeader.tsx to support tabs
* feat(backend): added tabs support to devtools mob files
* feat(ui): connect state to current tab properly
* feat(backend): added multitab support to assits
* feat(backend): removed data check in agent message
* feat(backend): debug on
* fix(backend): fixed typo in message broadcast
* feat(backend): fixed issue in connect method
* fix(assist): fixed typo
* feat(assist): added more debug logs
* feat(assist): removed one log
* feat(assist): more logs
* feat(assist): use query.peerId
* feat(assist): more logs
* feat(assist): fixed session update
* fix(assist): fixed getSessions
* fix(assist): fixed request_control broadcast
* fix(assist): fixed typo
* fix(assist): added missed line
* fix(assist): fix typo
* feat(tracker): multitab support for assist sessions
* fix(tracker): fix dead tests (tabid prop)
* fix(tracker): fix yaml
* fix(tracker): timers issue
* fix(ui): fix ui E2E tests with magic?
* feat(assist): multitabs support for ee version
* fix(assist): added missed method import
* fix(tracker): fix fix events in assist
* feat(assist): added back compatibility for sessions without tabId
* fix(assist): apply message's top layer structure before broadcast call
* fix(assist): added random tabID for prev version
* fix(assist): added random tabID for prev version (ee)
* feat(assist): added debug logs
* fix(assist): fix typo in sessions_agents_count method
* fix(assist): fixed more typos in copy-pastes
* fix(tracker): fix restart timings
* feat(backend): added tabIDs for some events
* feat(ui): add tab change event to the user steps bar
* Revert "feat(backend): added tabIDs for some events"
This reverts commit 1467ad7f9f.
* feat(ui): revert timeline and xray to grab events from all tabs
* fix(ui): fix typo
---------
Co-authored-by: Alexander Zavorotynskiy <zavorotynskiy@pm.me>
447 lines
No EOL
20 KiB
JavaScript
447 lines
No EOL
20 KiB
JavaScript
const _io = require('socket.io');
|
|
const express = require('express');
|
|
const {
|
|
extractRoomId,
|
|
extractPeerId,
|
|
hasFilters,
|
|
isValidSession,
|
|
sortPaginate,
|
|
getValidAttributes,
|
|
uniqueAutocomplete
|
|
} = require('../utils/helper');
|
|
const {
|
|
IDENTITIES,
|
|
EVENTS_DEFINITION,
|
|
extractSessionInfo,
|
|
socketConnexionTimeout,
|
|
errorHandler,
|
|
authorizer
|
|
} = require('../utils/assistHelper');
|
|
const {
|
|
extractProjectKeyFromRequest,
|
|
extractSessionIdFromRequest,
|
|
extractPayloadFromRequest,
|
|
getCompressionConfig,
|
|
getAvailableRooms
|
|
} = require('../utils/helper-ee');
|
|
const wsRouter = express.Router();
|
|
|
|
let io;
|
|
const debug = true;//process.env.debug === "1";
|
|
|
|
const createSocketIOServer = function (server, prefix) {
|
|
if (process.env.uws !== "true") {
|
|
io = _io(server, {
|
|
maxHttpBufferSize: (parseFloat(process.env.maxHttpBufferSize) || 5) * 1e6,
|
|
cors: {
|
|
origin: "*",
|
|
methods: ["GET", "POST", "PUT"]
|
|
},
|
|
path: (prefix ? prefix : '') + '/socket',
|
|
...getCompressionConfig()
|
|
});
|
|
} else {
|
|
io = new _io.Server({
|
|
maxHttpBufferSize: (parseFloat(process.env.maxHttpBufferSize) || 5) * 1e6,
|
|
cors: {
|
|
origin: "*",
|
|
methods: ["GET", "POST", "PUT"]
|
|
},
|
|
path: (prefix ? prefix : '') + '/socket',
|
|
...getCompressionConfig()
|
|
});
|
|
io.attachApp(server);
|
|
}
|
|
}
|
|
|
|
const respond = function (res, data) {
|
|
let result = {data}
|
|
if (process.env.uws !== "true") {
|
|
res.statusCode = 200;
|
|
res.setHeader('Content-Type', 'application/json');
|
|
res.end(JSON.stringify(result));
|
|
} else {
|
|
res.writeStatus('200 OK').writeHeader('Content-Type', 'application/json').end(JSON.stringify(result));
|
|
}
|
|
}
|
|
|
|
const socketsList = async function (req, res) {
|
|
debug && console.log("[WS]looking for all available sessions");
|
|
let filters = await extractPayloadFromRequest(req, res);
|
|
let withFilters = hasFilters(filters);
|
|
let liveSessionsPerProject = {};
|
|
let rooms = await getAvailableRooms(io);
|
|
for (let peerId of rooms.keys()) {
|
|
let {projectKey, sessionId} = extractPeerId(peerId);
|
|
if (projectKey !== undefined) {
|
|
liveSessionsPerProject[projectKey] = liveSessionsPerProject[projectKey] || new Set();
|
|
if (withFilters) {
|
|
const connected_sockets = await io.in(peerId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session && item.handshake.query.sessionInfo
|
|
&& isValidSession(item.handshake.query.sessionInfo, filters.filter)) {
|
|
liveSessionsPerProject[projectKey].add(sessionId);
|
|
}
|
|
}
|
|
} else {
|
|
liveSessionsPerProject[projectKey].add(sessionId);
|
|
}
|
|
}
|
|
}
|
|
let liveSessions = {};
|
|
liveSessionsPerProject.forEach((sessions, projectId) => {
|
|
liveSessions[projectId] = Array.from(sessions);
|
|
});
|
|
respond(res, liveSessions);
|
|
}
|
|
|
|
const socketsListByProject = async function (req, res) {
|
|
debug && console.log("[WS]looking for available sessions");
|
|
let _projectKey = extractProjectKeyFromRequest(req);
|
|
let _sessionId = extractSessionIdFromRequest(req);
|
|
let filters = await extractPayloadFromRequest(req, res);
|
|
let withFilters = hasFilters(filters);
|
|
let liveSessions = new Set();
|
|
let rooms = await getAvailableRooms(io);
|
|
for (let peerId of rooms.keys()) {
|
|
let {projectKey, sessionId} = extractPeerId(peerId);
|
|
if (projectKey === _projectKey && (_sessionId === undefined || _sessionId === sessionId)) {
|
|
if (withFilters) {
|
|
const connected_sockets = await io.in(peerId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session && item.handshake.query.sessionInfo
|
|
&& isValidSession(item.handshake.query.sessionInfo, filters.filter)) {
|
|
liveSessions.add(sessionId);
|
|
}
|
|
}
|
|
} else {
|
|
liveSessions.add(sessionId);
|
|
}
|
|
}
|
|
}
|
|
let sessions = Array.from(liveSessions);
|
|
respond(res, _sessionId === undefined ? sortPaginate(sessions, filters)
|
|
: sessions.length > 0 ? sessions[0]
|
|
: null);
|
|
}
|
|
|
|
const socketsLive = async function (req, res) {
|
|
debug && console.log("[WS]looking for all available LIVE sessions");
|
|
let filters = await extractPayloadFromRequest(req, res);
|
|
let withFilters = hasFilters(filters);
|
|
let liveSessionsPerProject = {};
|
|
let rooms = await getAvailableRooms(io);
|
|
for (let peerId of rooms.keys()) {
|
|
let {projectKey} = extractPeerId(peerId);
|
|
if (projectKey !== undefined) {
|
|
let connected_sockets = await io.in(peerId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session) {
|
|
liveSessionsPerProject[projectKey] = liveSessionsPerProject[projectKey] || new Set();
|
|
if (hasFilters(filters)) {
|
|
if (item.handshake.query.sessionInfo && isValidSession(item.handshake.query.sessionInfo, filters.filter)) {
|
|
liveSessionsPerProject[projectKey].add(item.handshake.query.sessionInfo);
|
|
}
|
|
} else {
|
|
liveSessionsPerProject[projectKey].add(item.handshake.query.sessionInfo);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
let liveSessions = {};
|
|
liveSessionsPerProject.forEach((sessions, projectId) => {
|
|
liveSessions[projectId] = Array.from(sessions);
|
|
});
|
|
respond(res, sortPaginate(liveSessions, filters));
|
|
}
|
|
|
|
const socketsLiveByProject = async function (req, res) {
|
|
debug && console.log("[WS]looking for available LIVE sessions");
|
|
let _projectKey = extractProjectKeyFromRequest(req);
|
|
let _sessionId = extractSessionIdFromRequest(req);
|
|
let filters = await extractPayloadFromRequest(req, res);
|
|
let withFilters = hasFilters(filters);
|
|
let liveSessions = new Set();
|
|
const sessIDs = new Set();
|
|
let rooms = await getAvailableRooms(io);
|
|
for (let peerId of rooms.keys()) {
|
|
let {projectKey, sessionId} = extractPeerId(peerId);
|
|
if (projectKey === _projectKey && (_sessionId === undefined || _sessionId === sessionId)) {
|
|
let connected_sockets = await io.in(peerId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session) {
|
|
if (withFilters) {
|
|
if (item.handshake.query.sessionInfo &&
|
|
isValidSession(item.handshake.query.sessionInfo, filters.filter) &&
|
|
!sessIDs.has(item.handshake.query.sessionInfo.sessionID)
|
|
) {
|
|
liveSessions.add(item.handshake.query.sessionInfo);
|
|
sessIDs.add(item.handshake.query.sessionInfo.sessionID);
|
|
}
|
|
} else {
|
|
if (!sessIDs.has(item.handshake.query.sessionInfo.sessionID)) {
|
|
liveSessions.add(item.handshake.query.sessionInfo);
|
|
sessIDs.add(item.handshake.query.sessionInfo.sessionID);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
let sessions = Array.from(liveSessions);
|
|
respond(res, _sessionId === undefined ? sortPaginate(sessions, filters) : sessions.length > 0 ? sessions[0] : null);
|
|
}
|
|
|
|
const autocomplete = async function (req, res) {
|
|
debug && console.log("[WS]autocomplete");
|
|
let _projectKey = extractProjectKeyFromRequest(req);
|
|
let filters = await extractPayloadFromRequest(req);
|
|
let results = [];
|
|
if (filters.query && Object.keys(filters.query).length > 0) {
|
|
let rooms = await getAvailableRooms(io);
|
|
for (let peerId of rooms.keys()) {
|
|
let {projectKey} = extractPeerId(peerId);
|
|
if (projectKey === _projectKey) {
|
|
let connected_sockets = await io.in(peerId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session && item.handshake.query.sessionInfo) {
|
|
results = [...results, ...getValidAttributes(item.handshake.query.sessionInfo, filters.query)];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
respond(res, uniqueAutocomplete(results));
|
|
}
|
|
|
|
const findSessionSocketId = async (io, roomId, tabId) => {
|
|
const connected_sockets = await io.in(roomId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session && item.tabId === tabId) {
|
|
return item.id;
|
|
}
|
|
}
|
|
return null;
|
|
};
|
|
|
|
async function sessions_agents_count(io, socket) {
|
|
let c_sessions = 0, c_agents = 0;
|
|
const rooms = await getAvailableRooms(io);
|
|
if (rooms.get(socket.roomId)) {
|
|
const connected_sockets = await io.in(socket.roomId).fetchSockets();
|
|
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session) {
|
|
c_sessions++;
|
|
} else {
|
|
c_agents++;
|
|
}
|
|
}
|
|
} else {
|
|
c_agents = -1;
|
|
c_sessions = -1;
|
|
}
|
|
return {c_sessions, c_agents};
|
|
}
|
|
|
|
async function get_all_agents_ids(io, socket) {
|
|
let agents = [];
|
|
const rooms = await getAvailableRooms(io);
|
|
if (rooms.get(socket.roomId)) {
|
|
const connected_sockets = await io.in(socket.roomId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.agent) {
|
|
agents.push(item.id);
|
|
}
|
|
}
|
|
}
|
|
return agents;
|
|
}
|
|
|
|
wsRouter.get(`/sockets-list`, socketsList);
|
|
wsRouter.post(`/sockets-list`, socketsList);
|
|
wsRouter.get(`/sockets-list/:projectKey/autocomplete`, autocomplete);
|
|
wsRouter.get(`/sockets-list/:projectKey`, socketsListByProject);
|
|
wsRouter.post(`/sockets-list/:projectKey`, socketsListByProject);
|
|
wsRouter.get(`/sockets-list/:projectKey/:sessionId`, socketsListByProject);
|
|
|
|
wsRouter.get(`/sockets-live`, socketsLive);
|
|
wsRouter.post(`/sockets-live`, socketsLive);
|
|
wsRouter.get(`/sockets-live/:projectKey/autocomplete`, autocomplete);
|
|
wsRouter.get(`/sockets-live/:projectKey`, socketsLiveByProject);
|
|
wsRouter.post(`/sockets-live/:projectKey`, socketsLiveByProject);
|
|
wsRouter.get(`/sockets-live/:projectKey/:sessionId`, socketsLiveByProject);
|
|
|
|
module.exports = {
|
|
wsRouter,
|
|
start: (server, prefix) => {
|
|
createSocketIOServer(server, prefix);
|
|
io.use(async (socket, next) => await authorizer.check(socket, next));
|
|
io.on('connection', async (socket) => {
|
|
socket.on(EVENTS_DEFINITION.listen.ERROR, err => errorHandler(EVENTS_DEFINITION.listen.ERROR, err));
|
|
debug && console.log(`WS started:${socket.id}, Query:${JSON.stringify(socket.handshake.query)}`);
|
|
socket._connectedAt = new Date();
|
|
|
|
let {projectKey: connProjectKey, sessionId: connSessionId, tabId:connTabId} = extractPeerId(socket.handshake.query.peerId);
|
|
socket.peerId = socket.handshake.query.peerId;
|
|
socket.roomId = extractRoomId(socket.peerId);
|
|
// Set default tabId for back compatibility
|
|
connTabId = connTabId ?? (Math.random() + 1).toString(36).substring(2);
|
|
socket.tabId = connTabId;
|
|
socket.identity = socket.handshake.query.identity;
|
|
debug && console.log(`connProjectKey:${connProjectKey}, connSessionId:${connSessionId}, connTabId:${connTabId}, roomId:${socket.roomId}`);
|
|
|
|
let {c_sessions, c_agents} = await sessions_agents_count(io, socket);
|
|
if (socket.identity === IDENTITIES.session) {
|
|
if (c_sessions > 0) {
|
|
const rooms = await getAvailableRooms(io);
|
|
for (let roomId of rooms.keys()) {
|
|
let {projectKey} = extractPeerId(roomId);
|
|
if (projectKey === connProjectKey) {
|
|
const connected_sockets = await io.in(roomId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.tabId === connTabId) {
|
|
debug && console.log(`session already connected, refusing new connexion`);
|
|
io.to(socket.id).emit(EVENTS_DEFINITION.emit.SESSION_ALREADY_CONNECTED);
|
|
return socket.disconnect();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
extractSessionInfo(socket);
|
|
if (c_agents > 0) {
|
|
debug && console.log(`notifying new session about agent-existence`);
|
|
let agents_ids = await get_all_agents_ids(io, socket);
|
|
io.to(socket.id).emit(EVENTS_DEFINITION.emit.AGENTS_CONNECTED, agents_ids);
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.SESSION_RECONNECTED, socket.id);
|
|
}
|
|
|
|
} else if (c_sessions <= 0) {
|
|
debug && console.log(`notifying new agent about no SESSIONS with peerId:${socket.peerId}`);
|
|
io.to(socket.id).emit(EVENTS_DEFINITION.emit.NO_SESSIONS);
|
|
}
|
|
await socket.join(socket.roomId);
|
|
const rooms = await getAvailableRooms(io);
|
|
if (rooms.get(socket.roomId)) {
|
|
debug && console.log(`${socket.id} joined room:${socket.roomId}, as:${socket.identity}, members:${rooms.get(socket.roomId).size}`);
|
|
}
|
|
if (socket.identity === IDENTITIES.agent) {
|
|
if (socket.handshake.query.agentInfo !== undefined) {
|
|
socket.handshake.query.agentInfo = JSON.parse(socket.handshake.query.agentInfo);
|
|
}
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.NEW_AGENT, socket.id, socket.handshake.query.agentInfo);
|
|
}
|
|
|
|
socket.on('disconnect', async () => {
|
|
debug && console.log(`${socket.id} disconnected from ${socket.roomId}`);
|
|
if (socket.identity === IDENTITIES.agent) {
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.AGENT_DISCONNECT, socket.id);
|
|
}
|
|
debug && console.log("checking for number of connected agents and sessions");
|
|
let {c_sessions, c_agents} = await sessions_agents_count(io, socket);
|
|
if (c_sessions === -1 && c_agents === -1) {
|
|
debug && console.log(`room not found: ${socket.roomId}`);
|
|
}
|
|
if (c_sessions === 0) {
|
|
debug && console.log(`notifying everyone in ${socket.roomId} about no SESSIONS`);
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.NO_SESSIONS);
|
|
}
|
|
if (c_agents === 0) {
|
|
debug && console.log(`notifying everyone in ${socket.peerId} about no AGENTS`);
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.NO_AGENTS);
|
|
}
|
|
});
|
|
|
|
socket.on(EVENTS_DEFINITION.listen.UPDATE_EVENT, async (...args) => {
|
|
debug && console.log(`${socket.id} sent update event.`);
|
|
if (socket.identity !== IDENTITIES.session) {
|
|
debug && console.log('Ignoring update event.');
|
|
return
|
|
}
|
|
// Back compatibility (add top layer with meta information)
|
|
if (args[0].meta === undefined) {
|
|
args[0] = {meta: {tabId: socket.tabId}, data: args[0]};
|
|
}
|
|
Object.assign(socket.handshake.query.sessionInfo, args[0].data, {tabId: args[0].meta.tabId});
|
|
socket.to(socket.roomId).emit(EVENTS_DEFINITION.emit.UPDATE_EVENT, args[0]);
|
|
// Update sessionInfo for all sessions (TODO: rewrite this)
|
|
const rooms = await getAvailableRooms(io);
|
|
for (let roomId of rooms.keys()) {
|
|
let {projectKey} = extractPeerId(roomId);
|
|
if (projectKey === connProjectKey) {
|
|
const connected_sockets = await io.in(roomId).fetchSockets();
|
|
for (let item of connected_sockets) {
|
|
if (item.handshake.query.identity === IDENTITIES.session && item.handshake.query.sessionInfo) {
|
|
Object.assign(item.handshake.query.sessionInfo, args[0].data, {tabId: args[0].meta.tabId});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
socket.on(EVENTS_DEFINITION.listen.CONNECT_ERROR, err => errorHandler(EVENTS_DEFINITION.listen.CONNECT_ERROR, err));
|
|
socket.on(EVENTS_DEFINITION.listen.CONNECT_FAILED, err => errorHandler(EVENTS_DEFINITION.listen.CONNECT_FAILED, err));
|
|
|
|
socket.onAny(async (eventName, ...args) => {
|
|
if (Object.values(EVENTS_DEFINITION.listen).indexOf(eventName) >= 0) {
|
|
debug && console.log(`received event:${eventName}, should be handled by another listener, stopping onAny.`);
|
|
return
|
|
}
|
|
// Back compatibility (add top layer with meta information)
|
|
if (args[0].meta === undefined) {
|
|
args[0] = {meta: {tabId: socket.tabId}, data: args[0]};
|
|
}
|
|
if (socket.identity === IDENTITIES.session) {
|
|
debug && console.log(`received event:${eventName}, from:${socket.identity}, sending message to room:${socket.peerId}`);
|
|
socket.to(socket.roomId).emit(eventName, args[0]);
|
|
} else {
|
|
debug && console.log(`received event:${eventName}, from:${socket.identity}, sending message to session of room:${socket.peerId}`);
|
|
let socketId = await findSessionSocketId(io, socket.roomId, args[0].meta.tabId);
|
|
if (socketId === null) {
|
|
debug && console.log(`session not found for:${socket.roomId}`);
|
|
io.to(socket.id).emit(EVENTS_DEFINITION.emit.NO_SESSIONS);
|
|
} else {
|
|
debug && console.log("message sent");
|
|
io.to(socketId).emit(eventName, socket.id, args[0]);
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|
|
console.log("WS server started");
|
|
setInterval(async (io) => {
|
|
try {
|
|
let count = 0;
|
|
const rooms = await getAvailableRooms(io);
|
|
console.log(` ====== Rooms: ${rooms.size} ====== `);
|
|
const arr = Array.from(rooms);
|
|
const filtered = arr.filter(room => !room[1].has(room[0]));
|
|
for (let i of filtered) {
|
|
let {projectKey, sessionId} = extractPeerId(i[0]);
|
|
if (projectKey !== null && sessionId !== null) {
|
|
count++;
|
|
}
|
|
}
|
|
console.log(` ====== Valid Rooms: ${count} ====== `);
|
|
if (debug) {
|
|
for (let item of filtered) {
|
|
console.log(`Room: ${item[0]} connected: ${item[1].size}`);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
}, 30000, io);
|
|
|
|
socketConnexionTimeout(io);
|
|
},
|
|
handlers: {
|
|
socketsList,
|
|
socketsListByProject,
|
|
socketsLive,
|
|
socketsLiveByProject,
|
|
autocomplete
|
|
}
|
|
}; |