fix(angular): fix misc standalone generation issues in application an…

…d setup-mf generators (#19846)

packages/angular/src/generators/application/files/standalone-components/src/app/app.config.ts__tpl__

@@ -1,4 +1,4 @@
-import { ApplicationConfig } from '@angular/core';<% if (routing) { %>
+import { ApplicationConfig } from <% if (installedAngularInfo.major >= 16) { %>'@angular/core';<% } else { %>'@angular/platform-browser';<% } %><% if (routing) { %>
 import { provideRouter, withEnabledBlockingInitialNavigation } from '@angular/router';
 import { appRoutes } from './app.routes';<% } %>
 

packages/angular/src/generators/application/files/standalone-components/src/main.ts__tpl__

@@ -1,5 +1,11 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
+import { AppComponent } from './app/app.component';<% if(installedAngularInfo.major === 14) { %>
+import { enableProdMode } from '@angular/core';
+import { environment } from './environments/environment';
+
+if(environment.production) {
+  enableProdMode();
+}<% } %>
 
 bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));

packages/angular/src/generators/setup-mf/files/host-files/app.component.spec.ts__tmpl__

@@ -10,9 +10,11 @@ describe('AppComponent', () => {
       imports: [
         RouterTestingModule.withRoutes([
           { path: '', component: NxWelcomeComponent },
-        ]),
-      ],
-      declarations: [AppComponent, NxWelcomeComponent],
+        ]),<% if (standalone) { %>
+        AppComponent,
+        NxWelcomeComponent,<% } %>
+      ],<% if (!standalone) { %>
+      declarations: [AppComponent, NxWelcomeComponent],<% } %>
     }).compileComponents();
   });
 
@@ -37,4 +39,4 @@ describe('AppComponent', () => {
     const compiled = fixture.nativeElement as HTMLElement;
     expect(compiled.querySelector('h1')?.textContent).toContain('Welcome <%= appName %>');
   }));
-});
+});

packages/angular/src/generators/setup-mf/lib/fix-bootstrap.ts

@@ -7,7 +7,7 @@ export function fixBootstrap(tree: Tree, appRoot: string, options: Schema) {
   const mainFilePath = joinPathFragments(appRoot, 'src/main.ts');
   const bootstrapCode = tree.read(mainFilePath, 'utf-8');
   const installedAngularMajor = getInstalledAngularMajorVersion(tree);
-  if (options.standalone) {
+  if (options.standalone && options.mfType === 'remote') {
     tree.write(
       `${appRoot}/src/bootstrap.ts`,
       standaloneBootstrapCode(installedAngularMajor === 14)

packages/angular/src/generators/setup-mf/lib/update-host-app-routes.ts

@@ -77,6 +77,7 @@ export function updateHostAppRoutes(tree: Tree, options: Schema) {
     joinPathFragments(sourceRoot, 'app'),
     {
       appName: options.appName,
+      standalone: options.standalone,
       tmpl: '',
     }
   );

packages/angular/src/generators/setup-mf/setup-mf.spec.ts

@@ -503,14 +503,15 @@ describe('Init MF', () => {
     expect(tree.read('ng14/src/bootstrap.ts', 'utf-8')).toMatchInlineSnapshot(`
       "import { bootstrapApplication } from '@angular/platform-browser';
       import { appConfig } from './app/app.config';
-      import { RemoteEntryComponent } from './app/remote-entry/entry.component';
+      import { AppComponent } from './app/app.component';
       import { enableProdMode } from '@angular/core';
       import { environment } from './environments/environment';
+
       if (environment.production) {
         enableProdMode();
       }
 
-      bootstrapApplication(RemoteEntryComponent, appConfig).catch((err) =>
+      bootstrapApplication(AppComponent, appConfig).catch((err) =>
         console.error(err)
       );
       "