chrome-devtools-frontend
Version:
Chrome DevTools UI
149 lines (128 loc) • 5.07 kB
JavaScript
// Copyright (c) 2016 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
const fs = require('fs');
const https = require('https');
const path = require('path');
const parseURL = require('url').parse;
const remoteDebuggingPort = parseInt(process.env.REMOTE_DEBUGGING_PORT, 10) || 9222;
const port = parseInt(process.env.PORT, 10);
const requestedPort = port || port === 0 ? port : 8090;
const devtoolsFolder = path.resolve(path.join(__dirname, '..', '..'));
// The certificate is taken from
// https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/tools/apache_config/webkit-httpd.pem
const options = {
key: fs.readFileSync(__dirname + '/key.pem'),
cert: fs.readFileSync(__dirname + '/cert.pem'),
};
const server = https.createServer(options, requestHandler);
server.once('error', error => {
if (process.send) {
process.send('ERROR');
}
throw error;
});
server.once('listening', () => {
// If port 0 was used, then requested and actual port will be different.
const actualPort = server.address().port;
if (process.send) {
process.send(actualPort);
}
console.log(`Started hosted mode server at http://localhost:${actualPort}\n`);
console.log('For info on using the hosted mode server, see our contributing docs:');
console.log('https://bit.ly/devtools-contribution-guide');
console.log('Tip: Look for the \'Development server options\' section\n');
});
server.listen(requestedPort);
function requestHandler(request, response) {
const filePath = unescape(parseURL(request.url).pathname);
if (filePath === '/') {
const landingURL = `http://localhost:${remoteDebuggingPort}#custom=true`;
sendResponse(200, `<html>Please go to <a href="${landingURL}">${landingURL}</a></html>`);
return;
}
const replacedName = filePath.replace('front_end', '../gen/front_end');
const absoluteFilePath = path.join(devtoolsFolder, replacedName);
if (!path.resolve(absoluteFilePath).startsWith(path.join(devtoolsFolder, '..'))) {
console.log(`File requested (${absoluteFilePath}) is outside of devtools folder: ${devtoolsFolder}`);
sendResponse(403, `403 - Access denied. File requested is outside of devtools folder: ${devtoolsFolder}`);
return;
}
fs.exists(absoluteFilePath, fsExistsCallback);
function fsExistsCallback(fileExists) {
if (!fileExists) {
console.log(`Cannot find file ${absoluteFilePath}`);
sendResponse(404, '404 - File not found');
return;
}
let encoding = 'utf8';
if (absoluteFilePath.endsWith('.wasm') || absoluteFilePath.endsWith('.png') || absoluteFilePath.endsWith('.jpg') ||
absoluteFilePath.endsWith('.avif')) {
encoding = 'binary';
}
fs.readFile(absoluteFilePath, encoding, readFileCallback);
}
function readFileCallback(err, file) {
if (err) {
console.log(`Unable to read local file ${absoluteFilePath}:`, err);
sendResponse(500, '500 - Internal Server Error');
return;
}
sendResponse(200, file);
}
function sendResponse(statusCode, data) {
const path = parseURL(request.url).pathname;
if (path.endsWith('.rawresponse')) {
sendRawResponse(data);
return;
}
let encoding = 'utf8';
if (path.endsWith('.js') || path.endsWith('.mjs')) {
response.setHeader('Content-Type', 'text/javascript; charset=utf-8');
} else if (path.endsWith('.css')) {
response.setHeader('Content-Type', 'text/css; charset=utf-8');
} else if (path.endsWith('.wasm')) {
response.setHeader('Content-Type', 'application/wasm');
encoding = 'binary';
} else if (path.endsWith('.svg')) {
response.setHeader('Content-Type', 'image/svg+xml; charset=utf-8');
} else if (path.endsWith('.png')) {
response.setHeader('Content-Type', 'image/png');
encoding = 'binary';
} else if (path.endsWith('.jpg')) {
response.setHeader('Content-Type', 'image/jpg');
encoding = 'binary';
} else if (path.endsWith('.avif')) {
response.setHeader('Content-Type', 'image/avif');
encoding = 'binary';
}
response.writeHead(statusCode);
response.write(data, encoding);
response.end();
}
function sendRawResponse(data) {
const lines = data.split('\n');
let isHeader = true;
let line = lines.shift();
const statusCode = parseInt(line, 10);
while ((line = lines.shift()) !== undefined) {
if (line.trim() === '') {
isHeader = false;
if (request.headers['if-none-match'] && response.getHeader('ETag') === request.headers['if-none-match']) {
response.writeHead(304);
response.end();
return;
}
response.writeHead(statusCode);
continue;
}
if (isHeader) {
const firstColon = line.indexOf(':');
response.setHeader(line.substring(0, firstColon), line.substring(firstColon + 1).trim());
} else {
response.write(line);
}
}
response.end();
}
}