third_party/WebKit/Source/devtools/scripts/gulp/gulpfile.js

// Copyright 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 childProcess = require('child_process');
var fs = require('fs');
var path = require('path');
var shell = childProcess.execSync;

var del = require('del');
var fsPromise = require('fs-promise');
var gulp = require('gulp');

var concatenateProtocols = require('./concatenate_protocols.js');
var utils = require('../utils.js');

var devtoolsPath = path.resolve(path.join(__dirname, '../..'));
var frontendPath = path.join(devtoolsPath, 'front_end');
var releasePath = path.join(devtoolsPath, 'release');
var scriptsPath = path.join(devtoolsPath, 'scripts');

gulp.task('default', ['build']);

gulp.task('clean', cleanTask);
function cleanTask() {
  del.sync([releasePath], {force: true});
  fs.mkdirSync(releasePath);
}

gulp.task(
    'build',
    ['generateProtocol', 'generateSupportedCSSProperties', 'generateDevtoolsExtensionAPI', 'copyDevtoolsFiles'],
    buildTask);
function buildTask() {
  var script = path.join(scriptsPath, 'build', 'build_release_applications.py');
  var args = [
    'inspector',
    'toolbox',
    'formatter_worker',
    'heap_snapshot_worker',
    'utility_shared_worker',
    '--input_path',
    frontendPath,
    '--output_path',
    releasePath,
  ];
  runPythonScript(script, args);
}

gulp.task('generateProtocol', ['concatenateProtocol'], generateProtocolTask);
function generateProtocolTask() {
  var script = path.join(scriptsPath, 'build', 'code_generator_frontend.py');
  var args = [
    path.join(releasePath, 'protocol.json'),
    '--output_js_dir',
    releasePath,
  ];
  runPythonScript(script, args);
  del.sync(
      [
        path.join(releasePath, 'browser_protocol.json'),
        path.join(releasePath, 'js_protocol.json'),
        path.join(releasePath, 'protocol.json'),
      ],
      {force: true});
}

gulp.task('concatenateProtocol', ['fetchProtocol'], concatenateProtocolTask);
function concatenateProtocolTask() {
  var protocols = [
    path.join(releasePath, 'browser_protocol.json'),
    path.join(releasePath, 'js_protocol.json'),
  ];
  var output = path.join(releasePath, 'protocol.json');
  concatenateProtocols(protocols, output);
}

gulp.task('fetchProtocol', ['clean'], fetchProtocolTask);
function fetchProtocolTask(done) {
  var browserProtocolURL =
      'https://chromium.googlesource.com/chromium/src/+/master/third_party/WebKit/Source/core/inspector/browser_protocol.json?format=TEXT';
  var browserProtocolFile = path.join(releasePath, 'browser_protocol.json');
  var browserProtocolPromise = fetchAndSaveCodePromise(browserProtocolURL, browserProtocolFile);

  var jsProtocolURL = 'https://chromium.googlesource.com/v8/v8/+/master/src/inspector/js_protocol.json?format=TEXT';
  var jsProtocolFile = path.join(releasePath, 'js_protocol.json');
  var jsProtocolPromise = fetchAndSaveCodePromise(jsProtocolURL, jsProtocolFile);

  Promise.all([browserProtocolPromise, jsProtocolPromise])
      .then(() => done())
      .catch(err => console.log('Error fetching protocols:', err));
}

gulp.task('generateSupportedCSSProperties', ['fetchSupportedCSSProperties'], generateSupportedCSSProperties);
function generateSupportedCSSProperties() {
  var script = path.join(scriptsPath, 'build', 'generate_supported_css.py');
  var inputs = [path.join(releasePath, 'CSSProperties.json5')];
  var outputs = [path.join(releasePath, 'SupportedCSSProperties.js')];
  var args = inputs.concat(outputs);
  runPythonScript(script, args);
  del.sync([path.join(releasePath, 'CSSProperties.json5')], {force: true});
}

gulp.task('fetchSupportedCSSProperties', ['clean'], fetchSupportedCSSProperties);
function fetchSupportedCSSProperties(done) {
  var supportedCSSPropertiesURL =
      'https://chromium.googlesource.com/chromium/src/+/master/third_party/WebKit/Source/core/css/CSSProperties.json5?format=TEXT';
  var supportedCSSPropertiesFile = path.join(releasePath, 'CSSProperties.json5');
  fetchAndSaveCodePromise(supportedCSSPropertiesURL, supportedCSSPropertiesFile)
      .then(() => done())
      .catch(err => console.log('Error fetching CSS properties:', err));
}

gulp.task('generateDevtoolsExtensionAPI', ['clean'], generateDevtoolsExtensionAPITask);
function generateDevtoolsExtensionAPITask() {
  var script = path.join(scriptsPath, 'build', 'generate_devtools_extension_api.py');
  var inputs = [path.join(frontendPath, 'extensions', 'ExtensionAPI.js')];
  var outputs = [path.join(releasePath, 'devtools_extension_api.js')];
  var args = outputs.concat(inputs);
  runPythonScript(script, args);
}

gulp.task('copyDevtoolsFiles', ['clean'], copyDevtoolsFilesTask);
function copyDevtoolsFilesTask() {
  gulp.src(path.join(frontendPath, 'devtools.js')).pipe(gulp.dest(releasePath));
  gulp.src(path.join(frontendPath, 'Tests.js')).pipe(gulp.dest(releasePath));
  gulp.src(path.join(frontendPath, 'Images/*.*')).pipe(gulp.dest(path.join(releasePath, 'Images')));
  gulp.src(path.join(frontendPath, 'emulated_devices/*.svg'))
      .pipe(gulp.dest(path.join(releasePath, 'emulated_devices')));
  gulp.src(path.join(frontendPath, 'emulated_devices/*.png'))
      .pipe(gulp.dest(path.join(releasePath, 'emulated_devices')));
}

function fetchAndSaveCodePromise(url, file) {
  return utils.fetch(url)
      .then(buffer => utils.atob(buffer.toString('binary')))
      .then(data => fsPromise.writeFile(file, data));
}

function runPythonScript(script, args) {
  shell(`python ${script} ${args.join(' ')}`);
}