hunk.code_window:       "default": false,
         "alias": "o"
       },
       "liveReload": {
         "type": "boolean",
         "description": "Whether to reload the page on change, using live-reload.",
  
hunk.labels: keep keep add keep keep keep
hunk.after_edit:     "verbose": {
         "type": "boolean",
         "description": "Adds more details to output logging.",
         "default": false
       },
  
hunk.file_path: packages/angular_devkit/build_angular/src/dev-server/schema.json
hunk.type: add
file: /**
   * @license
   * Copyright Google Inc. All Rights Reserved.
   *
   * Use of this source code is governed by an MIT-style license that can be
   * found in the LICENSE file at https://angular.io/license
   */
  // tslint:disable
  // TODO: cleanup this file, it's copied as is from Angular CLI.
  
  import * as path from 'path';
  import * as fs from 'fs';
  import * as glob from 'glob';
  import * as webpack from 'webpack';
  const webpackDevMiddleware = require('webpack-dev-middleware');
  
  import { AssetPattern } from '../../browser/schema';
  import { KarmaWebpackFailureCb } from './karma-webpack-failure-cb';
  
  /**
   * Enumerate needed (but not require/imported) dependencies from this file
   *  to let the dependency validator know they are used.
   *
   * require('source-map-support')
   * require('karma-source-map-support')
   */
  
  
  let blocked: any[] = [];
  let isBlocked = false;
  let webpackMiddleware: any;
  let successCb: () => void;
  let failureCb: () => void;
  
  // Add files to the Karma files array.
  function addKarmaFiles(files: any[], newFiles: any[], prepend = false) {
    const defaults = {
      included: true,
      served: true,
      watched: true
    };
  
    const processedFiles = newFiles
      // Remove globs that do not match any files, otherwise Karma will show a warning for these.
      .filter(file => glob.sync(file.pattern, { nodir: true }).length != 0)
      // Fill in pattern properties with defaults.
      .map(file => ({ ...defaults, ...file }));
  
    // It's important to not replace the array, because
    // karma already has a reference to the existing array.
    if (prepend) {
      files.unshift(...processedFiles);
    } else {
      files.push(...processedFiles);
    }
  }
  
  const init: any = (config: any, emitter: any, customFileHandlers: any) => {
    if (!config.buildWebpack) {
      throw new Error(`The '@angular-devkit/build-angular/plugins/karma' karma plugin is meant to` +
      ` be used from within Angular CLI and will not work correctly outside of it.`
      )
    }
    const options = config.buildWebpack.options;
    const projectRoot = config.buildWebpack.projectRoot as string;
    successCb = config.buildWebpack.successCb;
    failureCb = config.buildWebpack.failureCb;
  
    config.reporters.unshift('@angular-devkit/build-angular--event-reporter');
  
    // When using code-coverage, auto-add coverage-istanbul.
    config.reporters = config.reporters || [];
    if (options.codeCoverage && config.reporters.indexOf('coverage-istanbul') === -1) {
      config.reporters.unshift('coverage-istanbul');
    }
  
    // Add a reporter that fixes sourcemap urls.
    if (options.sourceMap) {
      config.reporters.unshift('@angular-devkit/build-angular--sourcemap-reporter');
  
      // Code taken from https://github.com/tschaub/karma-source-map-support.
      // We can't use it directly because we need to add it conditionally in this file, and karma
      // frameworks cannot be added dynamically.
      const smsPath = path.dirname(require.resolve('source-map-support'));
      const ksmsPath = path.dirname(require.resolve('karma-source-map-support'));
  
      addKarmaFiles(config.files, [
        { pattern: path.join(smsPath, 'browser-source-map-support.js'), watched: false },
        { pattern: path.join(ksmsPath, 'client.js'), watched: false }
      ], true);
    }
  
    // Add webpack config.
    const webpackConfig = config.buildWebpack.webpackConfig;
    const webpackMiddlewareConfig = {
      logLevel: 'error', // Hide webpack output because its noisy.
      watchOptions: { poll: options.poll },
      publicPath: '/_karma_webpack_/',
    };
  
    const compilationErrorCb = (error: string | undefined, errors: string[]) => {
      // Notify potential listeners of the compile error
      emitter.emit('compile_error', errors);
  
      // Finish Karma run early in case of compilation error.
      emitter.emit('run_complete', [], { exitCode: 1 });
  
      // Unblock any karma requests (potentially started using `karma run`)
      unblock();
    }
    webpackConfig.plugins.push(new KarmaWebpackFailureCb(compilationErrorCb));
  
    // Use existing config if any.
    config.webpack = Object.assign(webpackConfig, config.webpack);
    config.webpackMiddleware = Object.assign(webpackMiddlewareConfig, config.webpackMiddleware);
  
    // Our custom context and debug files list the webpack bundles directly instead of using
    // the karma files array.
    config.customContextFile = `${__dirname}/karma-context.html`;
    config.customDebugFile = `${__dirname}/karma-debug.html`;
  
    // Add the request blocker and the webpack server fallback.
    config.beforeMiddleware = config.beforeMiddleware || [];
    config.beforeMiddleware.push('@angular-devkit/build-angular--blocker');
    config.middleware = config.middleware || [];
    config.middleware.push('@angular-devkit/build-angular--fallback');
  
    // Delete global styles entry, we don't want to load them.
    delete webpackConfig.entry.styles;
  
    // The webpack tier owns the watch behavior so we want to force it in the config.
    webpackConfig.watch = !config.singleRun;
    if (config.singleRun) {
      // There's no option to turn off file watching in webpack-dev-server, but
      // we can override the file watcher instead.
      webpackConfig.plugins.unshift({
        apply: (compiler: any) => { // tslint:disable-line:no-any
          compiler.hooks.afterEnvironment.tap('karma', () => {
            compiler.watchFileSystem = { watch: () => { } };
          });
        },
      });
    }
    // Files need to be served from a custom path for Karma.
    webpackConfig.output.path = '/_karma_webpack_/';
    webpackConfig.output.publicPath = '/_karma_webpack_/';
    webpackConfig.output.devtoolModuleFilenameTemplate = '[namespace]/[resource-path]?[loaders]';
  
    let compiler: any;
    try {
      compiler = webpack(webpackConfig);
    } catch (e) {
      console.error(e.stack || e);
      if (e.details) {
        console.error(e.details);
      }
      throw e;
    }
  
    function handler(callback?: () => void) {
      isBlocked = true;
  
      if (typeof callback === 'function') {
        callback();
      }
    }
  
    compiler.hooks.invalid.tap('karma', () => handler());
  
    compiler.hooks.watchRun.tapAsync('karma', (_: any, callback: () => void) => handler(callback));
  
    compiler.hooks.run.tapAsync('karma', (_: any, callback: () => void) => handler(callback));
  
    function unblock(){
      isBlocked = false;
      blocked.forEach((cb) => cb());
      blocked = [];
    }
  
    compiler.hooks.done.tap('karma', (stats: any) => {
      // Don't refresh karma when there are webpack errors.
      if (stats.compilation.errors.length === 0) {
        emitter.refreshFiles();
      }
      unblock();
    });
  
    webpackMiddleware = new webpackDevMiddleware(compiler, webpackMiddlewareConfig);
  
    // Forward requests to webpack server.
    customFileHandlers.push({
      urlRegex: /^\/_karma_webpack_\/.*/,
      handler: function handler(req: any, res: any) {
        webpackMiddleware(req, res, function () {
          // Ensure script and style bundles are served.
          // They are mentioned in the custom karma context page and we don't want them to 404.
          const alwaysServe = [
            '/_karma_webpack_/runtime.js',
            '/_karma_webpack_/polyfills.js',
            '/_karma_webpack_/scripts.js',
            '/_karma_webpack_/vendor.js',
          ];
          if (alwaysServe.indexOf(req.url) != -1) {
            res.statusCode = 200;
            res.end();
          } else {
            res.statusCode = 404;
            res.end('Not found');
          }
        });
      }
    });
  
    emitter.on('exit', (done: any) => {
      webpackMiddleware.close();
      done();
    });
  };
  
  init.$inject = ['config', 'emitter', 'customFileHandlers'];
  
  // Block requests until the Webpack compilation is done.
  function requestBlocker() {
    return function (_request: any, _response: any, next: () => void) {
      if (isBlocked) {
        blocked.push(next);
      } else {
        next();
      }
    };
  }
  
  // Copied from "karma-jasmine-diff-reporter" source code:
  // In case, when multiple reporters are used in conjunction
  // with initSourcemapReporter, they both will show repetitive log
  // messages when displaying everything that supposed to write to terminal.
  // So just suppress any logs from initSourcemapReporter by doing nothing on
  // browser log, because it is an utility reporter,
  // unless it's alone in the "reporters" option and base reporter is used.
  function muteDuplicateReporterLogging(context: any, config: any) {
    context.writeCommonMsg = function () { };
    const reporterName = '@angular/cli';
    const hasTrailingReporters = config.reporters.slice(-1).pop() !== reporterName;
  
    if (hasTrailingReporters) {
      context.writeCommonMsg = function () { };
    }
  }
  
  // Emits builder events.
  const eventReporter: any = function (this: any, baseReporterDecorator: any, config: any) {
    baseReporterDecorator(this);
  
    muteDuplicateReporterLogging(this, config);
  
    this.onRunComplete = function (_browsers: any, results: any) {
      if (results.exitCode === 0) {
        successCb && successCb();
      } else {
        failureCb && failureCb();
      }
    }
  
    // avoid duplicate failure message
    this.specFailure = () => {};
  };
  
  eventReporter.$inject = ['baseReporterDecorator', 'config'];
  
  // Strip the server address and webpack scheme (webpack://) from error log.
  const sourceMapReporter: any = function (this: any, baseReporterDecorator: any, config: any) {
    baseReporterDecorator(this);
  
    muteDuplicateReporterLogging(this, config);
  
    const urlRegexp = /\(http:\/\/localhost:\d+\/_karma_webpack_\/webpack:\//gi;
  
    this.onSpecComplete = function (_browser: any, result: any) {
      if (!result.success && result.log.length > 0) {
        result.log.forEach((log: string, idx: number) => {
          result.log[idx] = log.replace(urlRegexp, '');
        });
      }
    };
  
    // avoid duplicate complete message
    this.onRunComplete = () => {};
  
    // avoid duplicate failure message
    this.specFailure = () => {};
  };
  
  sourceMapReporter.$inject = ['baseReporterDecorator', 'config'];
  
  // When a request is not found in the karma server, try looking for it from the webpack server root.
  function fallbackMiddleware() {
    return function (req: any, res: any, next: () => void) {
      if (webpackMiddleware) {
        const webpackUrl = '/_karma_webpack_' + req.url;
        const webpackReq = { ...req, url: webpackUrl }
        webpackMiddleware(webpackReq, res, next);
      } else {
        next();
      }
    };
  }
  
  module.exports = {
    'framework:@angular-devkit/build-angular': ['factory', init],
    'reporter:@angular-devkit/build-angular--sourcemap-reporter': ['type', sourceMapReporter],
    'reporter:@angular-devkit/build-angular--event-reporter': ['type', eventReporter],
    'middleware:@angular-devkit/build-angular--blocker': ['factory', requestBlocker],
    'middleware:@angular-devkit/build-angular--fallback': ['factory', fallbackMiddleware]
  };
  