@wavemaker/angular-codegen 11.5.0-next.40301 → 11.5.0-next.NULL

angular-codegen/angular-app/build-scripts/build.js

@@ -0,0 +1,30 @@
+const { spawnSync } = require('child_process');
+const path = require('path');
+
+const args = process.argv.slice(2);
+
+const ngBuildArgs = ['build', ...args];
+console.log("Build params - ", ngBuildArgs);
+
+//Trigger angular build with the passed params
+const ngPath = path.resolve(process.cwd(), 'node_modules', '.bin', "ng");
+const ngBuildProcess = spawnSync(ngPath, ngBuildArgs, { stdio: 'inherit', shell: true });
+
+if (ngBuildProcess.status === 0) {
+    console.log('ng build completed successfully!');
+} else {
+    console.error('Error during ng build:', ngBuildProcess.error || ngBuildProcess.stderr);
+    process.exit(1);
+}
+
+const ngPostBuildArgs = ['build-scripts/post-build.js', ...args];
+console.log("Post build params - ", ngPostBuildArgs);
+
+const ngPostBuildProcess = spawnSync('node', ngPostBuildArgs, { stdio: 'inherit' });
+
+if (ngPostBuildProcess.status === 0) {
+    console.log('ng post build completed successfully!');
+} else {
+    console.error('Error during ng build:', ngPostBuildProcess.error || ngPostBuildProcess.stderr);
+    process.exit(1);
+}

angular-codegen/angular-app/build-scripts/post-build.js

@@ -28,6 +28,8 @@ const generateHash = async (filepath) => {
     return hash.digest('hex');
 };
 const generateHashForScripts = (updatedFilenames) => {
+    //from angular 12(IVY), scripts array in angular json, doesn't allow `@` symbol in the name/value
+    //so removed `@` from wavemaker.com in the file name and adding it back in the post-build.js file
     const scriptsMap = {};
     return new Promise(resolve => {
         fs.readdir(opPath, (err, items) => {
@@ -74,7 +76,7 @@ const setMobileProjectType = (angularJson) => {
 const addMobileSpecificStyles = async (deployUrl) => {
     if (isDevBuild) {
         $("body").append(
-            `<script type="text/javascript" defer="true" src="${deployUrl}/wm-android-styles.js"></script>`
+            `<script type="text/javascript" defer="true" src="${deployUrl}wm-android-styles.js"></script>`
         );
     }
 
@@ -82,12 +84,12 @@ const addMobileSpecificStyles = async (deployUrl) => {
         let hash = await generateHash(`${opPath}/wm-android-styles.css`);
         copyMobileCssFiles(hash, 'wm-android-styles');
         $("head").append(
-            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}/wm-android-styles.${hash}.css" >`
+            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}wm-android-styles.${hash}.css" >`
         );
         hash = await generateHash(`${opPath}/wm-ios-styles.css`);
         copyMobileCssFiles(hash, 'wm-ios-styles');
         $("head").append(
-            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}/wm-ios-styles.${hash}.css" >`
+            `<link rel="stylesheet" theme="wmtheme" href="${deployUrl}wm-ios-styles.${hash}.css" >`
         );
     }
 }
@@ -106,8 +108,10 @@ const addScriptForWMStylesPath = (wm_styles_path) => {
             );
         }
     }
+}
+const addPrintStylesPath = (print_styles_path) => {
     $("head").append(
-        `<link rel="stylesheet" type="text/css" media="print" href="print.css"/>`
+        `<link rel="stylesheet" type="text/css" media="print" href="${print_styles_path}"/>`
     );
 }
 
@@ -151,7 +155,7 @@ const getUpdatedFileName = (deployUrl, url, updatedFileNames) => {
     }
 
     if (absUrl in updatedFileNames) {
-        return `${deployUrl}/${updatedFileNames[absUrl]}` // add the leading '/' back
+        return `${deployUrl}${updatedFileNames[absUrl]}` // add the leading '/' back
     }
     return `${deployUrl}${url}`;
 }
@@ -193,6 +197,8 @@ const getIconPath = (iconPath) => {
 const updatePwaAssets = (deployUrl, updatedFileNames, updatedFileHashes) => {
     const ngswPath = './dist/ngsw.json';
     const manifestPath = './dist/manifest.json';
+    //this is always from server in case of pwa. Need to fix this to use cdnurl from runtime/build config
+    deployUrl = deployUrl === "_cdnUrl_" ? 'ng-bundle/' : deployUrl;
 
     // copy service worker and its config to root directory
     fs.copyFileSync('./dist/ng-bundle/ngsw-worker.js', './dist/ngsw-worker.js');
@@ -204,7 +210,7 @@ const updatePwaAssets = (deployUrl, updatedFileNames, updatedFileHashes) => {
     const manifest = JSON.parse(fs.readFileSync(manifestPath).toString());
     const updatedManifest = {
         ...manifest,
-        icons: manifest.icons.map(icon => ({ ...icon, src: `${deployUrl}/${getIconPath(icon.src)}` })),
+        icons: manifest.icons.map(icon => ({ ...icon, src: `${deployUrl}${getIconPath(icon.src)}` })),
     }
     const manifestContent = JSON.stringify(updatedManifest, null, 4);
     fs.writeFileSync(manifestPath, manifestContent);
@@ -242,9 +248,6 @@ const generateSha1 = (content) => {
         const angularJson = require(`${process.cwd()}/angular.json`);
         const build = angularJson['projects']['angular-app']['architect']['build'];
         let deployUrl = args['deploy-url'] || build['options']['deployUrl'];
-        if (deployUrl.endsWith('/')) {
-            deployUrl = deployUrl.slice(0, deployUrl.length - 1);
-        }
 
         const contents = await readFile(`./dist/index.html`, `utf8`);
         $ = cheerio.load(contents);
@@ -255,8 +258,6 @@ const generateSha1 = (content) => {
         } else {
             isDevBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-android-styles.js`);
             isProdBuild = fs.existsSync(`${process.cwd()}/dist/ng-bundle/wm-android-styles.css`);
-            $("script[type='module']").remove();
-            $('script[nomodule]').removeAttr('nomodule');
         }
 
         if (isProdBuild) {
@@ -278,17 +279,22 @@ const generateSha1 = (content) => {
             await addMobileSpecificStyles(deployUrl);
         } else {
             if (isDevBuild) {
-                wm_styles_path = `${deployUrl}/wm-styles.js`;
+                wm_styles_path = `${deployUrl}wm-styles.js`;
             } else {
                 const fileName = 'wm-styles';
                 const hash = await generateHash(`${opPath}/${fileName}.css`);
                 copyCssFiles(hash, updatedFilenames);
                 const updatedFileName = `${fileName}.${hash}.css`
-                wm_styles_path = `${deployUrl}/${updatedFileName}`;
+                wm_styles_path = `${deployUrl}${updatedFileName}`;
             }
         }
 
         addScriptForWMStylesPath(wm_styles_path);
+        addPrintStylesPath(`${deployUrl}print.css`);
+
+        //this is required to download all the assets
+        $('head').append(`<meta name="deployUrl" content=${deployUrl} />`);
+
         const htmlContent = $.html();
         await writeFile(`./dist/index.html`, htmlContent);