fix(@angular-devkit/build-angular): the path to source_file_utils changed in v10.0.0

Author: petebacondarwin

packages/angular_devkit/build_angular/src/dev-server/index.ts

@@ -33,6 +33,7 @@ import { ExecutionTransformer } from '../transforms';
 import { BuildBrowserFeatures, normalizeOptimization } from '../utils';
 import { findCachePath } from '../utils/cache-path';
 import { I18nOptions } from '../utils/i18n-options';
+import { createI18nPlugins } from '../utils/process-bundle';
 import { assertCompatibleAngularVersion } from '../utils/version';
 import { getIndexInputFile, getIndexOutputFile } from '../utils/webpack-browser-config';
 import { Schema } from './schema';
@@ -54,48 +55,6 @@ const devServerBuildOverriddenKeys: (keyof DevServerBuilderOptions)[] = [
   'deployUrl',
 ];
 
-async function createI18nPlugins(
-  locale: string,
-  translation: unknown | undefined,
-  missingTranslation?: 'error' | 'warning' | 'ignore',
-) {
-  const plugins = [];
-  // tslint:disable-next-line: no-implicit-dependencies
-  const localizeDiag = await import('@angular/localize/src/tools/src/diagnostics');
-
-  const diagnostics = new localizeDiag.Diagnostics();
-
-  const es2015 = await import(
-    // tslint:disable-next-line: trailing-comma no-implicit-dependencies
-    '@angular/localize/src/tools/src/translate/source_files/es2015_translate_plugin'
-  );
-  plugins.push(
-    // tslint:disable-next-line: no-any
-    es2015.makeEs2015TranslatePlugin(diagnostics, (translation || {}) as any, {
-      missingTranslation: translation === undefined ? 'ignore' : missingTranslation,
-    }),
-  );
-
-  const es5 = await import(
-    // tslint:disable-next-line: trailing-comma no-implicit-dependencies
-    '@angular/localize/src/tools/src/translate/source_files/es5_translate_plugin'
-  );
-  plugins.push(
-    // tslint:disable-next-line: no-any
-    es5.makeEs5TranslatePlugin(diagnostics, (translation || {}) as any, {
-      missingTranslation: translation === undefined ? 'ignore' : missingTranslation,
-    }),
-  );
-
-  const inlineLocale = await import(
-    // tslint:disable-next-line: trailing-comma no-implicit-dependencies
-    '@angular/localize/src/tools/src/translate/source_files/locale_plugin'
-  );
-  plugins.push(inlineLocale.makeLocalePlugin(locale));
-
-  return { diagnostics, plugins };
-}
-
 export type DevServerBuilderOutput = DevServerBuildOutput & {
   baseUrl: string;
 };
@@ -328,7 +287,7 @@ async function setupLocalize(
   const { plugins, diagnostics } = await createI18nPlugins(
     locale,
     localeDescription && localeDescription.translation,
-    browserOptions.i18nMissingTranslation,
+    browserOptions.i18nMissingTranslation || 'ignore',
   );
 
   // Modify main entrypoint to include locale data

packages/angular_devkit/build_angular/src/utils/process-bundle.ts

@@ -511,11 +511,11 @@ function createReplacePlugin(replacements: [string, string][]): PluginObj {
 
 const USE_LOCALIZE_PLUGINS = false;
 
-async function createI18nPlugins(
+export async function createI18nPlugins(
   locale: string,
   translation: unknown | undefined,
   missingTranslation: 'error' | 'warning' | 'ignore',
-  localeDataContent: string | undefined,
+  localeDataContent?: string,
 ) {
   const plugins = [];
   // tslint:disable-next-line: no-implicit-dependencies
@@ -693,10 +693,15 @@ async function inlineLocalesDirect(ast: ParseResult, options: InlineOptions) {
   }
 
   const { default: generate } = await import('@babel/generator');
-  const utils = await import(
-    // tslint:disable-next-line: trailing-comma no-implicit-dependencies
-    '@angular/localize/src/tools/src/translate/source_files/source_file_utils'
+
+  // In Angular v10.0.0 the `source_file_utils` file was moved.
+  // (Remember to remove the `tryImport()` function when only one import path is required.)
+  // tslint:disable-next-line: no-implicit-dependencies
+  const utils = await tryImport<typeof import('@angular/localize/src/tools/src/translate/source_files/source_file_utils')>(
+    '@angular/localize/src/tools/src/source_file_utils',
+    '@angular/localize/src/tools/src/translate/source_files/source_file_utils',
   );
+
   // tslint:disable-next-line: no-implicit-dependencies
   const localizeDiag = await import('@angular/localize/src/tools/src/diagnostics');
 
@@ -778,6 +783,17 @@ async function inlineLocalesDirect(ast: ParseResult, options: InlineOptions) {
   return { file: options.filename, diagnostics: diagnostics.messages, count: positions.length };
 }
 
+async function tryImport<T>(...importPaths: string[]): Promise<T> {
+  for (const importPath of importPaths) {
+    try {
+      return await import(importPath);
+    } catch {
+      // Do nothing
+    }
+  }
+  throw new Error('Unable to import from any of these paths:\n' + importPaths.map(p => ` - ${p}`).join('\n'));
+}
+
 function inlineCopyOnly(options: InlineOptions) {
   if (!i18n) {
     throw new Error('i18n options are missing');