feat: Automation script for updating dependencies in angular-sdk (#384)

* feat: Automation script for updating dependencies in angular-sdk

* fix: corrected import of componentMapper

Author: tammy-a11y

package.json

@@ -49,6 +49,7 @@
     "build-angular-sdk-components": "ng build angular-sdk-components && node scripts/copy-map.js && node ./scripts/copy-npm-assets-to-components.js",
     "prod-build-angularsdk": "shx rm -rf ./dist && npm run prod-build && npm run copy-index && npm run make-mashup-dir && npm run compress-angularsdk",
     "start": "npm run ng serve",
+    "create_and_install_sdk_packages": "node scripts/update-dependencies.js",
     "_comment_2": "Commands related to running tests against the Angular SDK",
     "test": "node ./scripts/playwright-message.js && playwright test --project=chromium MediaCo/portal MediaCo/embedded",
     "test:headed": "playwright test --headed --project=chromium MediaCo/portal MediaCo/embedded",

packages/angular-sdk-components/src/lib/_components/field/cancel-alert/cancel-alert.component.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatGridListModule } from '@angular/material/grid-list';
 import { ProgressSpinnerService } from '../../../_messages/progress-spinner.service';
-import { ComponentMapperComponent } from 'packages/angular-sdk-components/src/public-api';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
   selector: 'app-cancel-alert',

scripts/update-dependencies.js

@@ -0,0 +1,108 @@
+const { execFileSync } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+const readline = require('readline');
+
+try {
+  const componentsProjectRootPath = process.cwd();
+  const componentsInPackagePath = path.join(componentsProjectRootPath, 'packages', 'angular-sdk-components');
+  const overridesPackagePath = path.join(componentsProjectRootPath, 'packages', 'angular-sdk-overrides');
+  const distInComponentsPath = path.join(componentsProjectRootPath, 'dist');
+  const componentsInDistPath = path.join(distInComponentsPath, 'angular-sdk-components');
+
+  /** Create readline interface to ask for angular-sdk project path */
+  const readLineInterface = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+
+  readLineInterface.question('Please enter the absolute path of angular-sdk project: ', sdkProjectPathInput => {
+    readLineInterface.close();
+    const sdkProjectRootPath = path.resolve(sdkProjectPathInput);
+
+    /** Delete existing dist folder before build */
+    if (fs.existsSync(distInComponentsPath)) {
+      console.log(`---- Removing existing dist folder: ${distInComponentsPath} ----`);
+      fs.rmSync(distInComponentsPath, { recursive: true, force: true });
+    }
+
+    /** Build angular-sdk-components in packages folder */
+    console.log(`---- Building angular-sdk-components at: ${componentsInPackagePath} ----`);
+    execFileSync('ng', ['build', 'angular-sdk-components'], { cwd: componentsInPackagePath, stdio: 'inherit' });
+
+    /** Package angular-sdk-components in dist folder */
+    console.log(`---- Packing npm package in: ${componentsInDistPath} ----`);
+    execFileSync('npm', ['pack'], { cwd: componentsInDistPath, stdio: 'inherit' });
+
+    /** Find the generated 'angular-sdk-components' .tgz file */
+    const componentsTgzFile = fs
+      .readdirSync(componentsInDistPath)
+      .find(file => file.endsWith('.tgz') && file.indexOf('pega-angular-sdk-components') > -1);
+    if (!componentsTgzFile) {
+      throw new Error('No .tgz file found in dist folder!');
+    }
+
+    const componentsTgzPath = path.join(path.join(distInComponentsPath, 'angular-sdk-components'), componentsTgzFile);
+    const componentTargetTgzPath = path.join(sdkProjectRootPath, componentsTgzFile);
+
+    /** Delete components .tgz file if exists in angular-sdk folder */
+    const existingTgzInSDK = fs
+      .readdirSync(sdkProjectRootPath)
+      .find(file => file.endsWith('.tgz') && file.indexOf('pega-angular-sdk-components') > -1);
+    if (existingTgzInSDK) {
+      console.log(`---- Removing old package: ${existingTgzInSDK} ----`);
+      fs.unlinkSync(path.join(sdkProjectRootPath, existingTgzInSDK));
+    }
+
+    console.log(`---- Copying ${componentsTgzFile} to angular-sdk folder: ${sdkProjectRootPath} ----`);
+    fs.copyFileSync(componentsTgzPath, componentTargetTgzPath);
+
+    /** Build and package 'angular-sdk-overrides' */
+
+    /** Delete existing .tgz file before building */
+    const existingOverridesTgzInComponents = fs
+      .readdirSync(overridesPackagePath)
+      .find(file => file.endsWith('.tgz') && file.indexOf('pega-angular-sdk-overrides') > -1);
+    if (existingOverridesTgzInComponents) {
+      console.log(`---- Removing existing tgz: ${existingOverridesTgzInComponents} ----`);
+      fs.unlinkSync(path.join(overridesPackagePath, existingOverridesTgzInComponents));
+    }
+
+    console.log('Building angular-sdk-overrides.......');
+    execFileSync('npm', ['run', 'build-sdk'], { cwd: componentsProjectRootPath, stdio: 'inherit' });
+    execFileSync('npm', ['run', 'build-overrides'], { cwd: componentsProjectRootPath, stdio: 'inherit' });
+    execFileSync('npm', ['pack'], { cwd: overridesPackagePath, stdio: 'inherit' });
+
+    const overridesTgzFile = fs
+      .readdirSync(overridesPackagePath)
+      .find(file => file.endsWith('.tgz') && file.indexOf('pega-angular-sdk-overrides') > -1);
+    if (!overridesTgzFile) {
+      throw new Error('No overrides .tgz file found');
+    }
+
+    const overridesTgzPath = path.join(overridesPackagePath, overridesTgzFile);
+    const overridesTargetTgzPath = path.join(sdkProjectRootPath, overridesTgzFile);
+
+    const existingOverridesTgzInSDK = fs
+      .readdirSync(sdkProjectRootPath)
+      .find(file => file.endsWith('.tgz') && file.indexOf('pega-angular-sdk-overrides') > -1);
+    if (existingOverridesTgzInSDK) {
+      console.log(`---- Removing old package: ${existingOverridesTgzInSDK} ----`);
+      fs.unlinkSync(path.join(sdkProjectRootPath, existingOverridesTgzInSDK));
+    }
+
+    console.log(`---- Copying ${overridesTgzFile} to angular-sdk folder: ${sdkProjectRootPath} ----`);
+    fs.copyFileSync(overridesTgzPath, overridesTargetTgzPath);
+
+    /** Install the built packages in angular-sdk project */
+    console.log(`---- Installing ${componentsTgzFile} in angular-sdk ----`);
+    execFileSync('npm', ['install', `./${componentsTgzFile}`], { cwd: sdkProjectRootPath, stdio: 'inherit' });
+    console.log("Done!!! 'angular-sdk' now uses local build of angular-sdk-components.");
+    console.log(`---- Installing ${overridesTgzFile} in angular-sdk ----`);
+    execFileSync('npm', ['install', `./${overridesTgzFile}`], { cwd: sdkProjectRootPath, stdio: 'inherit' });
+    console.log("Done!!! 'angular-sdk' now uses local build of angular-sdk-overrides.");
+  });
+} catch (error) {
+  console.error('Error:', error.message);
+  process.exit(1);
+}