DevTools: implement proxy server for hosted mode

third_party/WebKit/Source/devtools/scripts/hosted_mode/server.js

+// 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.
+
+var fs = require("fs");
+var http = require("http");
+var https = require("https");
+var path = require("path");
+var parseURL = require("url").parse;
+
+var port = parseInt(process.env.PORT, 10) || 8090;
+
+http.createServer(requestHandler).listen(port);
+console.log("Started hosted mode server at http://localhost:" + port);
+
+function requestHandler(request, response)
+{
+    var filePath = parseURL(request.url).pathname;
+    if (filePath === "/front_end/InspectorBackendCommands.js") {
+        sendResponse(200, " ");
+        return;
+    }
+
+    var proxiedFile = proxy(filePath, sendResponse);
+    if (proxiedFile) {
+        proxiedFile
+            .then(data => sendResponse(200, data))
+            .catch(err => console.log(`Error getting ${filePath}:`, err));

[lushnikov, 2016/07/25 22:08:20]

you might want to return 500 in case of error

[chenwilliam, 2016/07/26 01:23:58]

Done.

+        return;
+    }
+
+    var absoluteFilePath = path.join(process.cwd(), filePath);
+    fs.exists(absoluteFilePath, fsExistsCallback);
+
+    function fsExistsCallback(fileExists)
+    {
+        if (!fileExists) {
+            sendResponse(404, "404 - File not found");
+            return;
+        }
+        fs.readFile(absoluteFilePath, "binary", readFileCallback);
+    }
+
+    function readFileCallback(err, file)
+    {
+        if (err) {
+            sendResponse(500, `500 - Can't read file: ${err}`);
+            return;
+        }
+        sendResponse(200, file);
+    }
+
+    function sendResponse(statusCode, data)
+    {
+        response.writeHead(statusCode);
+        response.write(data, "binary");
+        response.end();
+    }
+}
+
+var protocolFileToPath = {

[lushnikov, 2016/07/25 22:08:20]

We can fetch SupportedCSSProperties from cloud, e.g.:
https://chrome-devtools-frontend.appspot.com/serve_file/@c3fbf095844d63c6e08a...

[chenwilliam, 2016/07/26 01:23:58]

Done.

+    "/front_end/sdk/protocol/js_protocol.json": "core/inspector/browser_protocol.json",
+    "/front_end/sdk/protocol/browser_protocol.json": "platform/v8_inspector/js_protocol.json"
+};
+
+var protocolFileCache = new Map();
+
+function proxy(filePath)
+{
+    if (!(filePath in protocolFileToPath))
+        return null;
+    return fetch("http://localhost:9222/json/version")
+        .then(onBrowserMetadata);
+
+    function onBrowserMetadata(metadata)
+    {
+        var metadataObject = JSON.parse(metadata);
+        var match = metadataObject["WebKit-Version"].match(/\s\(@(\b[0-9a-f]{5,40}\b)/);
+        var commitHash = match[1];
+        var protocolFileURL = getURL(filePath, commitHash);
+        if (protocolFileCache.has(protocolFileURL))
+            return protocolFileCache.get(protocolFileURL);
+        return fetch(protocolFileURL)
+            .then(text => new Buffer(text, "base64").toString("binary"))
+            .then(cacheProtocolFile.bind(null, protocolFileURL));
+    }
+
+    function getURL(protocolFile, commitHash)
+    {
+        var path = protocolFileToPath[protocolFile];
+        return `https://chromium.googlesource.com/chromium/src/+/${commitHash}/third_party/WebKit/Source/${path}?format=TEXT`;
+    }
+
+    function cacheProtocolFile(protocolFileURL, data)
+    {
+        protocolFileCache.set(protocolFileURL, data);
+        return data;
+    }
+}
+
+function fetch(url)
+{
+    return new Promise(fetchPromise);
+
+    function fetchPromise(resolve, reject) {
+        var request;
+        var protocol = parseURL(url).protocol;
+        var handleResponse = getCallback.bind(null, resolve, reject);
+        if (protocol === "https:") {
+            request = https.get(url, handleResponse);
+        } else if (protocol === "http:") {
+            request = http.get(url, handleResponse);
+        } else {
+            reject(new Error(`Invalid protocol for url: ${url}`));
+            return;
+        }
+        request.on("error", err => reject(err));
+    }
+
+    function getCallback(resolve, reject, response)
+    {
+        if (response.statusCode !== 200) {
+            reject(new Error(`Request error: + ${response.statusCode}`));
+            return;
+        }
+        var body = "";
+        response.on("data", chunk => body += chunk);
+        response.on("end", () => resolve(body));
+    }
+}
+