feat: fetch latest NPM package version except of hardcoding those values

src/schematics/ng-add/dependencies.ts

@@ -0,0 +1,25 @@
+import { NodeDependencyType, NodeDependency } from '@schematics/angular/utility/dependencies';
+
+export function getSingleSpaAngularDependency(): NodeDependency {
+  return {
+    name: 'single-spa-angular',
+    version: require('../../../package.json').version,
+    overwrite: false,
+    type: NodeDependencyType.Default,
+  };
+}
+
+/**
+ * We have to install `@angular-builders/custom-webpack` version compatible with the current
+ * version of Angular. If Angular is 8 then `custom-webpack@8.4.1` has to be installed.
+ */
+export function getAngularBuildersCustomWebpackDependency(): NodeDependency {
+  const { VERSION } = require('@angular/core');
+
+  return {
+    name: '@angular-builders/custom-webpack',
+    version: `^${VERSION.major}`,
+    overwrite: false,
+    type: NodeDependencyType.Dev,
+  };
+}

src/schematics/ng-add/index.spec.ts

@@ -58,14 +58,22 @@ describe('ng-add', () => {
     expect(tree.files).toBeDefined();
   });
 
-  test('should add single-spa dependency', async () => {
+  test('should add single-spa to dependencies', async () => {
     const tree = await testRunner
       .runSchematicAsync<NgAddOptions>('ng-add', {}, defaultAppTree)
       .toPromise();
     const packageJSON = JSON.parse(getFileContent(tree, '/package.json'));
     expect(packageJSON.dependencies['single-spa-angular']).toBeDefined();
   });
 
+  test('should add @angular-builders/custom-webpack to devDependencies', async () => {
+    const tree = await testRunner
+      .runSchematicAsync<NgAddOptions>('ng-add', {}, defaultAppTree)
+      .toPromise();
+    const packageJSON = JSON.parse(getFileContent(tree, '/package.json'));
+    expect(packageJSON.devDependencies['@angular-builders/custom-webpack']).toBeDefined();
+  });
+
   test('should add main-single-spa.ts', async () => {
     const tree = await testRunner
       .runSchematicAsync<NgAddOptions>('ng-add', {}, defaultAppTree)

src/schematics/ng-add/index.ts

@@ -11,14 +11,15 @@ import {
   applyTemplates,
   SchematicsException,
 } from '@angular-devkit/schematics';
-import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+
 import { getWorkspace, getWorkspacePath } from '@schematics/angular/utility/config';
-import { normalize, join } from 'path';
+import { addPackageJsonDependency, NodeDependency } from '@schematics/angular/utility/dependencies';
 import { WorkspaceProject, Builders, BrowserBuilderOptions } from '@schematics/angular/utility/workspace-models';
 
+import { normalize, join } from 'path';
+
 import { Schema as NgAddOptions } from './schema';
-import * as versions from '../library-versions';
-import { addPackageToPackageJson } from '../utils';
+import { getSingleSpaAngularDependency, getAngularBuildersCustomWebpackDependency } from './dependencies';
 
 interface CustomWebpackBuilderOptions extends BrowserBuilderOptions {
   customWebpackConfig: {
@@ -28,22 +29,25 @@ interface CustomWebpackBuilderOptions extends BrowserBuilderOptions {
 
 export default function (options: NgAddOptions): Rule {
   return chain([
-    addDependencies(options),
+    addDependencies(),
     createMainEntry(options),
     updateConfiguration(options),
     addNPMScripts(options),
   ]);
 }
 
-export function addDependencies(options: NgAddOptions) {
-  return (host: Tree, context: SchematicContext) => {
-    addPackageToPackageJson(host, 'single-spa-angular', versions.singleSpaAngular);
-    if (atLeastAngular8()) {
-      addPackageToPackageJson(host, '@angular-builders/custom-webpack', versions.angularBuilderCustomWebpack);
+export function addDependencies(): Rule {
+  const dependencies: NodeDependency[] = [
+    getSingleSpaAngularDependency(),
+    getAngularBuildersCustomWebpackDependency(),
+  ];
+
+  return (tree: Tree, context: SchematicContext) => {
+    for (const dependency of dependencies) {
+      addPackageJsonDependency(tree, dependency);
+      context.logger.info(`Added '${dependency.name}' as a dependency`);
     }
-    context.addTask(new NodePackageInstallTask());
-    context.logger.info(`Added 'single-spa-angular' as a dependency`);
-  }
+  };
 }
 
 export function createMainEntry(options: NgAddOptions): Rule {