feat: new branch with build issue fix

Author: Shailesh Pachbhai

package.json

@@ -36,6 +36,7 @@
     "@salesforce/ts-sinon": "^1",
     "@types/babel__traverse": "^7.20.6",
     "@types/jsforce": "^1.11.5",
+    "@types/mocha": "^10.0.8",
     "@typescript-eslint/eslint-plugin": "^4.2.0",
     "@typescript-eslint/parser": "^4.2.0",
     "chai": "^4.4.1",

src/commands/omnistudio/migration/OmnistudioRelatedObjectMigrationFacade.ts

@@ -8,6 +8,7 @@ import { RelatedObjectsMigrate } from '../../../migration/interfaces';
 import { sfProject } from '../../../utils/sfcli/project/sfProject';
 import { Logger } from '../../../utils/logger';
 import { ApexMigration } from '../../../migration/related/ApexMigration';
+import { LwcMigration } from '../../../migration/related/LwcMigration';
 
 // Initialize Messages with the current plugin directory
 // Messages.importMessagesDirectory(__dirname);
@@ -44,7 +45,7 @@ export default class OmnistudioRelatedObjectMigrationFacade {
     debugTimer.start();
     // Initialize migration tools based on the relatedObjects parameter
     if (relatedObjects.includes('lwc')) {
-      migrationTools.push(this.createLWCComponentMigrationTool(this.namespace, this.org));
+      migrationTools.push(this.createLWCComponentMigrationTool(projectDirectory));
     }
     if (relatedObjects.includes('labels')) {
       migrationTools.push(this.createCustomLabelMigrationTool(this.namespace, this.org));
@@ -75,9 +76,9 @@ export default class OmnistudioRelatedObjectMigrationFacade {
   }
 
   // Factory methods to create instances of specific tools
-  private createLWCComponentMigrationTool(namespace: string, org: Org): RelatedObjectsMigrate {
+  private createLWCComponentMigrationTool(projectPath: string): LwcMigration {
     // Return an instance of LWCComponentMigrationTool when implemented
-    throw new Error('LWCComponentMigrationTool implementation is not provided yet.');
+    return new LwcMigration(projectPath, this.namespace, this.org);
   }
 
   private createCustomLabelMigrationTool(namespace: string, org: Org): RelatedObjectsMigrate {

src/migration/related/LwcMigration.ts

@@ -0,0 +1,79 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/explicit-member-accessibility */
+import * as shell from 'shelljs';
+import { Org } from '@salesforce/core';
+import { fileutil, File } from '../../utils/file/fileutil';
+import { MigrationResult } from '../interfaces';
+import { sfProject } from '../../utils/sfcli/project/sfProject';
+import { JavaScriptParser } from '../../utils/lwcparser/jsparser/JavaScriptParser';
+import { HTMLParser } from '../../utils/lwcparser/htmlparser/HTMLParser';
+import { XmlParser } from '../../utils/lwcparser/xmlparser/XmlParser';
+import { BaseRelatedObjectMigration } from './BaseRealtedObjectMigration';
+
+const LWC_DIR_PATH = '/force-app/main/default/lwc';
+const LWCTYPE = 'LightningComponentBundle';
+const XML_TAG_TO_REMOVE = 'runtimeNamespace';
+const NAMESPACE = 'vlocity_ins';
+
+export class LwcMigration extends BaseRelatedObjectMigration {
+  public identifyObjects(migrationResults: MigrationResult[]): Promise<JSON[]> {
+    throw new Error('Method not implemented.');
+  }
+  public migrateRelatedObjects(migrationResults: MigrationResult[], migrationCandidates: JSON[]): void {
+    this.migrate();
+  }
+  // eslint-disable-next-line @typescript-eslint/member-ordering
+
+  public migrate(): void {
+    const pwd = shell.pwd();
+    shell.cd(this.projectPath);
+    const targetOrg: Org = this.org;
+    sfProject.retrieve(LWCTYPE, targetOrg.getUsername());
+    this.processLwcFiles(this.projectPath);
+    sfProject.deploy(LWCTYPE, targetOrg.getUsername());
+    shell.cd(pwd);
+  }
+
+  public processLwcFiles(dir: string): File[] {
+    dir += LWC_DIR_PATH;
+    let files: File[] = [];
+    // files = fileutil.readFilesSync(dir);
+    files = fileutil.readAllFiles(dir);
+    // TODO: Add logging
+    for (const file of files) {
+      if (file.ext === '.js') {
+        this.processJavascriptFile(file);
+      } else if (file.ext === '.html') {
+        this.processHtmlFile(file);
+      } else if (file.ext === '.xml') {
+        this.processXMLFile(file);
+      }
+    }
+    return files;
+  }
+
+  processJavascriptFile(file: File): void {
+    const jsParser = new JavaScriptParser();
+    const filePath = file.location;
+    const namespace = NAMESPACE;
+    jsParser.replaceImportSource(filePath, namespace);
+  }
+
+  processHtmlFile(file: File): void {
+    const filePath: string = file.location;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+    const parse = new HTMLParser(filePath);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
+    parse.replaceTags(NAMESPACE);
+    parse.saveToFile(filePath);
+  }
+
+  processXMLFile(file: File): void {
+    const filePath: string = file.location;
+    const parser = new XmlParser(filePath);
+
+    parser.removeNode(XML_TAG_TO_REMOVE);
+    // eslint-disable-next-line no-console
+    console.log(parser.getXmlString());
+  }
+}

src/utils/file/fileutil.ts

@@ -15,6 +15,32 @@ export class fileutil {
     });
     return files;
   }
+
+  public static readAllFiles(dirPath: string, fileList: File[] = []): File[] {
+    // Read the directory contents
+    const files = fs.readdirSync(dirPath);
+
+    files.forEach((filename) => {
+      // Construct the full file/directory path
+      const filePath = path.join(dirPath, filename);
+
+      // Check if the current path is a directory or a file
+      if (fs.statSync(filePath).isDirectory()) {
+        // If it's a directory, recurse into it
+        fileutil.readAllFiles(filePath, fileList);
+      } else {
+        const name = path.parse(filename).name;
+        const ext = path.parse(filename).ext;
+        const filepath = path.resolve(dirPath, filename);
+        const stat = fs.statSync(filepath);
+        const isFile = stat.isFile();
+        // If it's a file, add it to the fileList
+        if (isFile) fileList.push(new File(name, filepath, ext));
+      }
+    });
+
+    return fileList;
+  }
 }
 
 export class File {

src/utils/lwcparser/htmlParser/HTMLParser.ts

@@ -5,7 +5,10 @@
 import * as fs from 'fs';
 import * as cheerio from 'cheerio';
 
-class HTMLParser {
+const DEFAULT_NAMESPACE = 'c';
+const TAG = 'tag';
+
+export class HTMLParser {
   private parser: cheerio.CheerioAPI;
 
   // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
@@ -26,11 +29,27 @@ class HTMLParser {
   }
 
   // Method to replace custom tags
-  public replaceCustomTag(oldTag: string, newTag: string): void {
-    this.parser(oldTag).each((_, element) => {
-      const newElement = this.parser(`<${newTag}></${newTag}>`).html(this.parser(element).html());
-      this.parser(element).replaceWith(newElement);
+  public replaceTags(namespaceTag: string): string {
+    // Load the HTML into cheerio
+    const $ = this.parser;
+
+    // Find all tags that contain the substring "omnistudio" in their tag name
+    $('*').each((i, element) => {
+      if (element.type === TAG && element.name && element.name.includes(namespaceTag + '-')) {
+        // Create a new tag with the same content and attributes as the old tag
+        const newTag = DEFAULT_NAMESPACE + element.name.substring(element.name.indexOf('-'));
+        const newElement = $(`<${newTag}>`).html($(element).html());
+
+        // Copy all attributes from the old element to the new one
+        Object.keys(element.attribs).forEach((attr) => {
+          newElement.attr(attr, $(element).attr(attr));
+        });
+
+        // Replace the old element with the new one
+        $(element).replaceWith(newElement);
+      }
     });
+    return $.html();
   }
 
   // Method to save modified HTML back to a file
@@ -50,5 +69,3 @@ class HTMLParser {
     return this.parser.html();
   }
 }
-
-export default HTMLParser;

src/utils/lwcparser/input/test.js

@@ -1,25 +1,26 @@
 import { LightningElement, track, api } from 'lwc';
 import * as LABELS from './labels';
 import { cloneDeep } from 'runtime_omnistudio_common/lodash';
-
 export default class TestInputJsFile extends LightningElement {
   labels = LABELS;
-  @api set actionData(val) {
+  @api
+  set actionData(val) {
     if (val) {
       this.actionJson = cloneDeep(val);
     }
   }
   get actionData() {
     return this.actionJson;
   }
-
-  @api attrsToBeRemoved = [];
-
-  @track actionJson = [];
-  @track filteredLogs = [];
-  @track actionSearchInput;
+  @api
+  attrsToBeRemoved = [];
+  @track
+  actionJson = [];
+  @track
+  filteredLogs = [];
+  @track
+  actionSearchInput;
   _displayFilteredLogs = false;
-
   toggle(event) {
     const index = event.currentTarget.dataset.index;
     this.actionJson[index].expanded = !this.actionJson[index].expanded;
@@ -37,16 +38,13 @@ export default class TestInputJsFile extends LightningElement {
     // Display entire debug logs
     return this.actionJson;
   }
-
   clearLogs() {
     this._displayFilteredLogs = false;
     this.actionSearchInput = '';
     this.actionJson = [];
   }
-
   searchActionLogs(event) {
     event.preventDefault();
-
     if (event.target.value) {
       this._displayFilteredLogs = true;
       const valueToSearch = event.target.value.toLowerCase();

src/utils/lwcparser/input/test.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+  <apiVersion>60.0</apiVersion>
+  <isExposed>true</isExposed>
+
+  <masterLabel>OmniExample - Custom Component Action Example</masterLabel>
+</LightningComponentBundle>

src/utils/lwcparser/jsParser/JavaScriptParser.ts

@@ -1,49 +1,47 @@
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable no-console */
-/* eslint-disable @typescript-eslint/explicit-member-accessibility */
-// import * as fs from 'fs';
-// import { parse, type ParseResult } from '@babel/parser'; // Import all types from @babel/types
+import * as fs from 'fs';
+import * as parser from '@babel/parser';
+import traverse from '@babel/traverse';
+import generate from '@babel/generator';
+import * as t from '@babel/types';
 
-class JavaScriptParser {
-  // private fileContent: string;
-  private ast: File | null = null; // Specify the generic type argument
+const NAMESPACE = 'c';
 
-  constructor(filePath: string) {
-    // this.fileContent = fs.readFileSync(filePath, 'utf-8');
-    this.ast = null;
-  }
+export class JavaScriptParser {
+  // Function to replace strings in import declarations and write back to file
+  public replaceImportSource(filePath: string, oldSource: string): void {
+    // Read the JavaScript file
+    const code = fs.readFileSync(filePath, 'utf-8');
 
-  // public parseCode(): void {
-  //   const parseResult: File = parse(this.fileContent, {
-  //     sourceType: 'module', // Use 'script' if you're parsing non-module code
-  //     plugins: ['jsx', 'typescript'], // Add plugins as needed
-  //   });
-
-  //   if (parseResult.type === 'File') {
-  //     this.ast = parseResult;
-  //   } else {
-  //     throw new Error("Parsing did not return a 'File' node as expected.");
-  //   }
-  // }
-
-  // Method to get the AST as a string
-  getAST(): string | null {
-    if (!this.ast) {
-      console.error('AST is not available. Please parse the code first.');
-      return null;
-    }
-    return JSON.stringify(this.ast, null, 2);
-  }
+    // Parse the code into an AST (Abstract Syntax Tree)
+    const ast = parser.parse(code, {
+      sourceType: 'module', // Specify that we are parsing an ES module
+      plugins: ['decorators'], // Include any relevant plugins if necessary (e.g., 'jsx', 'flow', etc.)
+    });
+
+    // Traverse the AST and modify import declarations
+    traverse(ast, {
+      ImportDeclaration(path) {
+        const importSource = path.node.source.value;
+
+        // Check if the import source contains the old substring
+        if (importSource.includes(oldSource + '/')) {
+          // Replace the old substring with the new substring
+          const updatedSource = importSource.replace(oldSource, NAMESPACE);
+          // Update the AST with the new source
+          path.node.source = t.stringLiteral(updatedSource);
+        }
+      },
+    });
 
-  // Main method to process the file
-  processFile(): void {
-    // this.parseCode(); // Parse the JavaScript code
-    const astString = this.getAST(); // Get the AST as a string
-    if (astString) {
-      console.log(astString); // Output the AST
-    }
+    // Generate the updated code from the modified AST
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+    const output = generate(ast, {}, code);
+
+    // Write the modified code back to the file
+    fs.writeFileSync(filePath, output.code, 'utf-8');
+
+    console.log(`Replaced import '${oldSource}' with '${NAMESPACE}' in file: ${filePath}`);
   }
 }
-
-export default JavaScriptParser;