chore: fix build issues and deps (#2904)

Co-authored-by: ScriptedAlchemy <[email protected]>

Author: ScriptedAlchemy

apps/3000-home/cypress/e2e/app.cy.ts

@@ -13,7 +13,7 @@ describe('3000-home/', () => {
         '/api/test',
       ];
       urls.forEach((url) => {
-        cy.request(url); // This makes a GET request, not a full page visit
+        cy.request(url);
       });
     });
   });
@@ -22,6 +22,12 @@ describe('3000-home/', () => {
     it('should display welcome message', () => {
       getH1().contains('This is SPA combined');
     });
+    it('Api endpoint works', () => {
+      const urls = ['/api/test'];
+      urls.forEach((url) => {
+        cy.request(url); // This makes a GET request, not a full page visit
+      });
+    });
   });
 
   describe('Image checks', () => {

apps/runtime-demo/3005-runtime-host/project.json

@@ -131,6 +131,5 @@
       }
     }
   },
-  "tags": [],
-  "implicitDependencies": ["typescript"]
+  "tags": []
 }

apps/runtime-demo/3005-runtime-host/webpack.config.js

@@ -77,6 +77,9 @@ module.exports = composePlugins(withNx(), withReact(), (config, context) => {
     }),
   );
   config.optimization.runtimeChunk = false;
+  if (!config.devServer) {
+    config.devServer = {};
+  }
   config.devServer.host = '127.0.0.1';
   config.plugins.forEach((p) => {
     if (p.constructor.name === 'ModuleFederationPlugin') {

apps/runtime-demo/3006-runtime-remote/project.json

@@ -51,6 +51,12 @@
         "hmr": true,
         "port": 3006
       },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ],
       "configurations": {
         "development": {
           "buildTarget": "3006-runtime-remote:build:development"

apps/runtime-demo/3006-runtime-remote/src/components/a.css

@@ -1,3 +1,3 @@
 span {
-  color: red;
+  color: black;
 }

apps/runtime-demo/3006-runtime-remote/webpack.config.js

@@ -23,6 +23,9 @@ module.exports = composePlugins(
     config.watchOptions = {
       ignored: ['**/dist/**'],
     };
+    if (!config.devServer) {
+      config.devServer = {};
+    }
     config.devServer.host = '127.0.0.1';
 
     config.plugins.push(

apps/runtime-demo/3007-runtime-remote/project.json

@@ -51,6 +51,12 @@
         "hmr": true,
         "port": 3007
       },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ],
       "configurations": {
         "development": {
           "buildTarget": "3007-runtime-remote:build:development"

apps/runtime-demo/3007-runtime-remote/webpack.config.js

@@ -57,6 +57,9 @@ module.exports = composePlugins(
         },
       }),
     );
+    if (!config.devServer) {
+      config.devServer = {};
+    }
     config.devServer.host = '127.0.0.1';
     config.optimization.runtimeChunk = false;
     config.plugins.forEach((p) => {

apps/runtime-demo/3008-runtime-remote/project.json

@@ -9,21 +9,39 @@
       "options": {
         "command": "npm run build",
         "cwd": "apps/runtime-demo/3008-runtime-remote"
-      }
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
     },
     "serve": {
       "executor": "nx:run-commands",
       "options": {
         "command": "npm run dev",
         "cwd": "apps/runtime-demo/3008-runtime-remote"
-      }
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
     },
     "dev": {
       "executor": "nx:run-commands",
       "options": {
         "command": "npm run dev",
         "cwd": "apps/runtime-demo/3008-runtime-remote"
-      }
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
     }
   },
   "tags": []