@expo/cli
Version:
107 lines (106 loc) • 4.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "createDebugMiddleware", {
enumerable: true,
get: function() {
return createDebugMiddleware;
}
});
function _ws() {
const data = require("ws");
_ws = function() {
return data;
};
return data;
}
const _createHandlersFactory = require("./createHandlersFactory");
const _env = require("../../../../utils/env");
const _NetworkResponse = require("./messageHandlers/NetworkResponse");
const debug = require('debug')('expo:metro:debugging:middleware');
function createDebugMiddleware(metroBundler, reporter) {
// Load the React Native debugging tools from project
// TODO: check if this works with isolated modules
const { createDevMiddleware } = require('@react-native/dev-middleware');
const { middleware, websocketEndpoints } = createDevMiddleware({
projectRoot: metroBundler.projectRoot,
serverBaseUrl: metroBundler.getUrlCreator().constructUrl({
scheme: 'http',
hostType: 'localhost'
}),
logger: createLogger(reporter),
unstable_customInspectorMessageHandler: (0, _createHandlersFactory.createHandlersFactory)(),
// TODO: Forward all events to the shared Metro log reporter. Do this when we have opinions on how all logs should be presented.
// unstable_eventReporter: {
// logEvent(event) {
// reporter.update(event);
// },
// },
unstable_experiments: {
// Enable the Network tab in React Native DevTools
enableNetworkInspector: true,
// Only enable opening the browser version of React Native DevTools when debugging.
// This is useful when debugging the React Native DevTools by going to `/open-debugger` in the browser.
enableOpenDebuggerRedirect: _env.env.EXPO_DEBUG
}
});
// NOTE(cedric): add a temporary websocket to handle Network-related CDP events
websocketEndpoints['/inspector/network'] = createNetworkWebsocket(websocketEndpoints['/inspector/debug']);
return {
debugMiddleware: middleware,
debugWebsocketEndpoints: websocketEndpoints
};
}
function createLogger(reporter) {
return {
info: makeLogger(reporter, 'info'),
warn: makeLogger(reporter, 'warn'),
error: makeLogger(reporter, 'error')
};
}
function makeLogger(reporter, level) {
return (...data)=>reporter.update({
type: 'unstable_server_log',
level,
data
});
}
/**
* This adds a dedicated websocket connection that handles Network-related CDP events.
* It's a temporary solution until Fusebox either implements the Network CDP domain,
* or allows external domain agents that can send messages over the CDP socket to the debugger.
* The Network websocket rebroadcasts events on the debugger CDP connections.
*/ function createNetworkWebsocket(debuggerWebsocket) {
const wss = new (_ws()).WebSocketServer({
noServer: true,
perMessageDeflate: true,
// Don't crash on exceptionally large messages - assume the device is
// well-behaved and the debugger is prepared to handle large messages.
maxPayload: 0
});
wss.on('connection', (networkSocket)=>{
networkSocket.on('message', (data)=>{
try {
// Parse the network message, to determine how the message should be handled
const message = JSON.parse(data.toString());
if (message.method === 'Expo(Network.receivedResponseBody)' && message.params) {
// If its a response body, write it to the global storage
const { requestId, ...requestInfo } = message.params;
_NetworkResponse.NETWORK_RESPONSE_STORAGE.set(requestId, requestInfo);
} else {
// Otherwise, directly re-broadcast the Network events to all connected debuggers
debuggerWebsocket.clients.forEach((debuggerSocket)=>{
if (debuggerSocket.readyState === debuggerSocket.OPEN) {
debuggerSocket.send(data.toString());
}
});
}
} catch (error) {
debug('Failed to handle Network CDP event', error);
}
});
});
return wss;
}
//# sourceMappingURL=createDebugMiddleware.js.map