angular-cli/packages/schematics/angular/migrations/update-9/update-workspace-config.ts

/**
 * @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
 */
import {
  JsonAstObject,
  JsonParseMode,
  parseJsonAst,
} from '@angular-devkit/core';
import { Rule, Tree, UpdateRecorder } from '@angular-devkit/schematics';
import {
  appendValueInAstArray,
  findPropertyInAstObject,
  insertPropertyInAstObjectInOrder,
  removePropertyInAstObject,
} from '../../utility/json-utils';

export const ANY_COMPONENT_STYLE_BUDGET = {
  type: 'anyComponentStyle',
  maximumWarning: '6kb',
};

export function UpdateWorkspaceConfig(): Rule {
  return (tree: Tree) => {
    let workspaceConfigPath = 'angular.json';
    let angularConfigContent = tree.read(workspaceConfigPath);

    if (!angularConfigContent) {
      workspaceConfigPath = '.angular.json';
      angularConfigContent = tree.read(workspaceConfigPath);

      if (!angularConfigContent) {
        return;
      }
    }

    const angularJson = parseJsonAst(angularConfigContent.toString(), JsonParseMode.Loose);
    if (angularJson.kind !== 'object') {
      return;
    }

    const projects = findPropertyInAstObject(angularJson, 'projects');
    if (!projects || projects.kind !== 'object') {
      return;
    }

    // For all projects
    const recorder = tree.beginUpdate(workspaceConfigPath);
    for (const project of projects.properties) {
      const projectConfig = project.value;
      if (projectConfig.kind !== 'object') {
        break;
      }

      const architect = findPropertyInAstObject(projectConfig, 'architect');
      if (!architect || architect.kind !== 'object') {
        break;
      }

      const buildTarget = findPropertyInAstObject(architect, 'build');
      if (buildTarget && buildTarget.kind === 'object') {
        const builder = findPropertyInAstObject(buildTarget, 'builder');
        // Projects who's build builder is not build-angular:browser
        if (builder && builder.kind === 'string' && builder.value === '@angular-devkit/build-angular:browser') {
          updateStyleOrScriptOption('styles', recorder, buildTarget);
          updateStyleOrScriptOption('scripts', recorder, buildTarget);
          addAnyComponentStyleBudget(recorder, buildTarget);
        }
      }

      const testTarget = findPropertyInAstObject(architect, 'test');
      if (testTarget && testTarget.kind === 'object') {
        const builder = findPropertyInAstObject(testTarget, 'builder');
        // Projects who's build builder is not build-angular:browser
        if (builder && builder.kind === 'string' && builder.value === '@angular-devkit/build-angular:karma') {
          updateStyleOrScriptOption('styles', recorder, testTarget);
          updateStyleOrScriptOption('scripts', recorder, testTarget);
        }
      }
    }

    tree.commitUpdate(recorder);

    return tree;
  };
}

/**
 * Helper to retreive all the options in various configurations
 */
function getAllOptions(builderConfig: JsonAstObject, configurationsOnly = false): JsonAstObject[] {
  const options = [];
  const configurations = findPropertyInAstObject(builderConfig, 'configurations');
  if (configurations && configurations.kind === 'object') {
    options.push(...configurations.properties.map(x => x.value));
  }

  if (!configurationsOnly) {
    options.push(findPropertyInAstObject(builderConfig, 'options'));
  }

  return options.filter(o => o && o.kind === 'object') as JsonAstObject[];
}

function updateStyleOrScriptOption(property: 'scripts' | 'styles', recorder: UpdateRecorder, builderConfig: JsonAstObject) {
  const options = getAllOptions(builderConfig);

  for (const option of options) {
    const propertyOption = findPropertyInAstObject(option, property);
    if (!propertyOption || propertyOption.kind !== 'array') {
      continue;
    }

    for (const node of propertyOption.elements) {
      if (!node || node.kind !== 'object') {
        // skip non complex objects
        continue;
      }

      const lazy = findPropertyInAstObject(node, 'lazy');
      removePropertyInAstObject(recorder, node, 'lazy');

      // if lazy was not true, it is redundant hence, don't add it
      if (lazy && lazy.kind === 'true') {
        insertPropertyInAstObjectInOrder(recorder, node, 'inject', false, 0);
      }
    }
  }
}

function addAnyComponentStyleBudget(recorder: UpdateRecorder, builderConfig: JsonAstObject) {
  const options = getAllOptions(builderConfig, true);

  for (const option of options) {
    const aotOption = findPropertyInAstObject(option, 'aot');
    if (!aotOption || aotOption.kind !== 'true') {
      // AnyComponentStyle only works for AOT
      continue;
    }

    const budgetOption = findPropertyInAstObject(option, 'budgets');
    if (!budgetOption) {
      // add
      insertPropertyInAstObjectInOrder(recorder, option, 'budgets', [ANY_COMPONENT_STYLE_BUDGET], 14);
      continue;
    }

    if (budgetOption.kind !== 'array') {
      continue;
    }

    // if 'anyComponentStyle' budget already exists don't add.
    const hasAnyComponentStyle = budgetOption.elements.some(node => {
      if (!node || node.kind !== 'object') {
        // skip non complex objects
        return false;
      }

      const budget = findPropertyInAstObject(node, 'type');

      return !!budget && budget.kind === 'string' && budget.value === 'anyComponentStyle';
    });

    if (!hasAnyComponentStyle) {
      appendValueInAstArray(recorder, budgetOption, ANY_COMPONENT_STYLE_BUDGET, 16);
    }
  }
}