@rxap/plugin-angular 16.2.0-dev.9 → 16.2.1-dev.0

package/src/generators/init-application/generator.js

@@ -4,7 +4,7 @@ exports.initApplicationGenerator = void 0;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const plugin_application_1 = require("@rxap/plugin-application");
-const plugin_docker_1 = require("@rxap/plugin-docker");
+const plugin_gitlab_ci_1 = require("@rxap/plugin-gitlab-ci");
 const plugin_localazy_1 = require("@rxap/plugin-localazy");
 const ts_morph_1 = require("@rxap/ts-morph");
 const utilities_1 = require("@rxap/utilities");
@@ -12,6 +12,9 @@ const workspace_ts_morph_1 = require("@rxap/workspace-ts-morph");
 const workspace_utilities_1 = require("@rxap/workspace-utilities");
 const path_1 = require("path");
 const ts_morph_2 = require("ts-morph");
+const angular_version_1 = require("../../lib/angular-version");
+const coerce_test_setup_1 = require("../../lib/coerce-test-setup");
+const coerce_project_1 = require("./coerce-project");
 const generate_authentication_1 = require("./generate-authentication");
 const generate_monolithic_1 = require("./generate-monolithic");
 function skipProject(tree, options, project, projectName) {
@@ -23,16 +26,20 @@ function skipProject(tree, options, project, projectName) {
     }
     return false;
 }
-function updateProjectTargets(project, options) {
+function updateProjectTargets(projectName, project, options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     var _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     (_a = project.targets) !== null && _a !== void 0 ? _a : (project.targets = {});
     if (!project.targets['build']) {
         throw new Error(`The project '${project.name}' has no build target`);
     }
-    if (project.targets['docker']) {
-        (_b = (_z = project.targets['docker']).options) !== null && _b !== void 0 ? _b : (_z.options = {});
-        (_c = (_0 = project.targets['docker'].options).dockerfile) !== null && _c !== void 0 ? _c : (_0.dockerfile = 'shared/angular/Dockerfile');
+    if (!options.skipDocker) {
+        if (project.targets['docker']) {
+            (_b = (_z = project.targets['docker']).options) !== null && _b !== void 0 ? _b : (_z.options = {});
+            (_c = (_0 = project.targets['docker'].options).dockerfile) !== null && _c !== void 0 ? _c : (_0.dockerfile = options.moduleFederation === 'remote' ?
+                (0, path_1.join)(project.sourceRoot, 'Dockerfile') :
+                'shared/angular/Dockerfile');
+        }
     }
     (0, workspace_utilities_1.CoerceTarget)(project, 'serve', {
         options: {
@@ -106,8 +113,10 @@ function updateProjectTargets(project, options) {
     project.targets['build'].options.sourceMap = true;
     (_q = (_10 = project.targets['build'].options).assets) !== null && _q !== void 0 ? _q : (_10.assets = []);
     (_r = (_11 = project.targets['build'].options).scripts) !== null && _r !== void 0 ? _r : (_11.scripts = []);
-    if (!project.targets['build'].options.scripts.includes('node_modules/marked/marked.min.js')) {
-        project.targets['build'].options.scripts.push('node_modules/marked/marked.min.js');
+    if (options.moduleFederation !== 'remote') {
+        if (!project.targets['build'].options.scripts.includes('node_modules/marked/marked.min.js')) {
+            project.targets['build'].options.scripts.push('node_modules/marked/marked.min.js');
+        }
     }
     (0, workspace_utilities_1.CoerceAssets)(project.targets['build'].options.assets, [
         {
@@ -168,6 +177,24 @@ function updateProjectTargets(project, options) {
             }
         }
     }
+    if (options.incrementalBuild) {
+        project.targets['build'].executor = '@nx/angular:webpack-browser';
+        project.targets['build'].options.buildLibsFromSource = false;
+        (0, workspace_utilities_1.CoerceTarget)(project, 'serve-static', {
+            executor: '@nx/web:file-server',
+            options: {
+                proxyUrl: 'https://127-0-0-1.nip.io:8443'
+            },
+            configurations: {
+                production: {
+                    buildTarget: `${projectName}:build:production`
+                },
+                development: {
+                    buildTarget: `${projectName}:build:development`
+                }
+            }
+        });
+    }
     if (options.deploy) {
         switch (options.deploy) {
             case 'web3-storage':
@@ -255,6 +282,10 @@ function updateTags(project, options) {
     if (options.sentry) {
         tags.push('sentry');
     }
+    if (options.moduleFederation) {
+        tags.push('module-federation');
+        tags.push(`mfe:${options.moduleFederation}`);
+    }
     (0, workspace_utilities_1.CoerceProjectTags)(project, tags);
 }
 const MAIN_BOOTSTRAP_STATEMENT = `application.bootstrap().catch((err) => console.error(err));`;
@@ -268,7 +299,12 @@ const MAIN_APP_CREATION_STATEMENT = `const application = new StandaloneApplicati
   AppComponent,
   appConfig,
 );`;
-function assertMainStatements(sourceFile) {
+const REMOTE_MAIN_APP_CREATION_STATEMENT = `const application = new StandaloneApplication(
+  environment,
+  RemoteEntryComponent,
+  appConfig,
+);`;
+function assertMainStatements(sourceFile, options) {
     var _a;
     const statements = [];
     statements.push('const application = new StandaloneApplication(');
@@ -279,16 +315,12 @@ function assertMainStatements(sourceFile) {
             console.error(`Missing statement from angular main.ts:  ${statement}`);
             sourceFile.set({
                 statements: [
-                    MAIN_APP_CREATION_STATEMENT,
+                    options.moduleFederation === 'remote' ? REMOTE_MAIN_APP_CREATION_STATEMENT : MAIN_APP_CREATION_STATEMENT,
                     MAIN_LOGGER_STATEMENT,
                     MAIN_BOOTSTRAP_STATEMENT,
                 ],
             });
             (0, ts_morph_1.CoerceImports)(sourceFile, [
-                {
-                    moduleSpecifier: './app/app.component',
-                    namedImports: ['AppComponent'],
-                },
                 {
                     moduleSpecifier: './app/app.config',
                     namedImports: ['appConfig'],
@@ -306,29 +338,124 @@ function assertMainStatements(sourceFile) {
                     namedImports: ['StandaloneApplication'],
                 },
             ]);
+            if (options.moduleFederation === 'remote') {
+                (0, ts_morph_1.CoerceImports)(sourceFile, [
+                    {
+                        moduleSpecifier: './app/remote-entry/entry.component',
+                        namedImports: ['RemoteEntryComponent'],
+                    },
+                ]);
+            }
+            else {
+                (0, ts_morph_1.CoerceImports)(sourceFile, [
+                    {
+                        moduleSpecifier: './app/app.component',
+                        namedImports: ['AppComponent'],
+                    },
+                ]);
+            }
             return;
         }
     }
 }
-function cleanup(tree, projectSourceRoot) {
+function cleanup(tree, projectName, options) {
+    const sourceRoot = (0, workspace_utilities_1.GetProjectSourceRoot)(tree, projectName);
     const deleteFiles = [
         'app/app.component.spec.ts',
         'app/nx-welcome.component.ts',
+        'app/remote-entry/nx-welcome.component.ts',
         'app/nx-welcome.component.cy.ts',
     ];
     for (const file of deleteFiles) {
-        if (tree.exists((0, path_1.join)(projectSourceRoot, file))) {
-            tree.delete((0, path_1.join)(projectSourceRoot, file));
-        }
-    }
-    let content = tree.read((0, path_1.join)(projectSourceRoot, 'app/app.component.ts'), 'utf-8')
-        .replace('title = \'domain-product\';', '')
-        .replace('import { NxWelcomeComponent } from \'./nx-welcome.component\';', '')
-        .replace('NxWelcomeComponent, ', '');
-    tree.write((0, path_1.join)(projectSourceRoot, 'app/app.component.ts'), content);
-    content = tree.read((0, path_1.join)(projectSourceRoot, 'app/app.component.html'), 'utf-8')
-        .replace(/<.+-nx-welcome><\/.+-nx-welcome> /, '');
-    tree.write((0, path_1.join)(projectSourceRoot, 'app/app.component.html'), content);
+        if (tree.exists((0, path_1.join)(sourceRoot, file))) {
+            tree.delete((0, path_1.join)(sourceRoot, file));
+        }
+    }
+    if (tree.exists((0, path_1.join)(sourceRoot, 'app/app.component.html'))) {
+        const content = tree.read((0, path_1.join)(sourceRoot, 'app/app.component.html'), 'utf-8')
+            .replace(/<.+-nx-welcome><\/.+-nx-welcome> /, '')
+            .replace(/<ul class="remote-menu">[\s\S]*<\/ul>/, '');
+        tree.write((0, path_1.join)(sourceRoot, 'app/app.component.html'), content);
+    }
+    if (options.moduleFederation !== 'remote') {
+        (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+            project: projectName,
+        }, (_, [appRoutes, appComponent]) => {
+            var _a, _b, _c;
+            (0, ts_morph_1.RemoveRoute)(appRoutes, {
+                component: 'NxWelcomeComponent',
+                name: 'appRoutes'
+            });
+            (_a = appRoutes.getImportDeclaration('./nx-welcome.component')) === null || _a === void 0 ? void 0 : _a.remove();
+            (_c = (_b = appComponent.getClass('AppComponent')) === null || _b === void 0 ? void 0 : _b.getProperty('title')) === null || _c === void 0 ? void 0 : _c.remove();
+            (0, ts_morph_1.RemoveComponentImport)(appComponent, 'NxWelcomeComponent');
+        }, ['app/app.routes.ts', 'app/app.component.ts']);
+    }
+    if (options.moduleFederation === 'remote') {
+        // region module-federation config
+        const projectRoot = (0, workspace_utilities_1.GetProjectRoot)(tree, projectName);
+        let content = tree.read((0, path_1.join)(projectRoot, 'module-federation.config.js'), 'utf-8');
+        content = content.replace('./Routes', './routes');
+        tree.write((0, path_1.join)(projectRoot, 'module-federation.config.js'), content);
+        // endregion
+        // region tsconfig.base.json
+        (0, workspace_utilities_1.UpdateTsConfigJson)(tree, tsConfig => {
+            var _a, _b;
+            var _c;
+            (_a = tsConfig.compilerOptions) !== null && _a !== void 0 ? _a : (tsConfig.compilerOptions = {});
+            (_b = (_c = tsConfig.compilerOptions).paths) !== null && _b !== void 0 ? _b : (_c.paths = {});
+            if (tsConfig.compilerOptions.paths[`${projectName}/Routes`]) {
+                delete tsConfig.compilerOptions.paths[`${projectName}/Routes`];
+            }
+        }, { infix: 'base' });
+        // endregion
+        (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+            project: projectName,
+        }, (_, [entryRoutes]) => {
+            (0, ts_morph_1.CoerceDefaultExport)(entryRoutes.getVariableStatement('remoteRoutes').getDeclarations()[0]);
+        }, [
+            'app/remote-entry/entry.routes.ts',
+        ]);
+        if (tree.exists((0, path_1.join)(sourceRoot, 'app/remote-entry/entry.component.ts'))) {
+            (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+                project: projectName,
+            }, (_, [entryComponent]) => {
+                var _a, _b;
+                (_a = entryComponent.getImportDeclaration('./nx-welcome.component')) === null || _a === void 0 ? void 0 : _a.remove();
+                (0, ts_morph_1.RemoveComponentImport)(entryComponent, 'NxWelcomeComponent');
+                (0, ts_morph_1.RemoveComponentImport)(entryComponent, 'CommonModule');
+                const componentOptions = (0, ts_morph_1.GetComponentDecoratorObject)(entryComponent);
+                const templateProp = componentOptions.getProperty('template');
+                if (templateProp && ((_b = templateProp.asKindOrThrow(ts_morph_2.SyntaxKind.PropertyAssignment).getInitializer()) === null || _b === void 0 ? void 0 : _b.getText().match(/<.+nx-welcome><\/.+nx-welcome>/))) {
+                    templateProp.remove();
+                    componentOptions.addPropertyAssignment({
+                        name: 'template',
+                        initializer: w => w.quote('<router-outlet></router-outlet>'),
+                    });
+                    (0, ts_morph_1.CoerceComponentImport)(entryComponent, {
+                        name: 'RouterModule',
+                        moduleSpecifier: '@angular/router'
+                    });
+                }
+            }, [
+                'app/remote-entry/entry.component.ts',
+            ]);
+        }
+        if (options.host) {
+            (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+                project: options.host,
+            }, (_, [appRoutes]) => {
+                (0, ts_morph_1.RemoveRoute)(appRoutes, {
+                    loadRemoteModule: {
+                        name: projectName,
+                        entry: './Routes',
+                    },
+                    name: 'appRoutes'
+                });
+                appRoutes.organizeImports();
+            }, ['app/app.routes.ts']);
+        }
+    }
 }
 function updateMainFile(tree, projectName, project, options) {
     (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
@@ -336,7 +463,7 @@ function updateMainFile(tree, projectName, project, options) {
         // directory: '..' // to move from the apps/demo/src/app folder into the apps/demo/src folder
     }, (project, [sourceFile, mainSourceFile]) => {
         var _a;
-        assertMainStatements(sourceFile);
+        assertMainStatements(sourceFile, options);
         const importDeclarations = [];
         const statements = [];
         if (options.serviceWorker) {
@@ -386,11 +513,41 @@ function updateMainFile(tree, projectName, project, options) {
                 sourceFile.insertStatements(index, statement);
             }
         }
-        if (options.moduleFederation) {
+        if (options.moduleFederation === 'host') {
             mainSourceFile.set({
                 statements: [
-                    'import { SetupDynamicMfe } from \'@rxap/ngx-bootstrap\';',
-                    'SetupDynamicMfe(environment).then(() => import(\'./bootstrap\').catch((err) => console.error(err)));',
+                    `import {
+  setRemoteDefinitions,
+  setRemoteUrlResolver
+} from '@nx/angular/mf';
+import type { Environment } from '@rxap/environment';
+import { environment } from './environments/environment';
+
+export async function SetupDynamicMfe(environment: Environment) {
+
+  const manifest = environment.moduleFederation?.manifest;
+
+  if (!manifest) {
+    const release = environment.tag || environment.branch || 'latest';
+    setRemoteUrlResolver((remoteName: string) => \`\${ location.origin }/__mfe/\${ release }/\${ remoteName }\`);
+  } else {
+
+    let definitions: Record<string, string>;
+
+    if (typeof manifest === 'object') {
+      definitions = manifest;
+    } else {
+      definitions = await fetch(manifest).then((res) => res.json());
+    }
+
+    setRemoteDefinitions(definitions);
+
+  }
+
+}
+
+SetupDynamicMfe(environment).then(() => import('./bootstrap').catch((err) => console.error(err)));
+`,
                 ]
             });
         }
@@ -415,8 +572,11 @@ function coerceEnvironmentFiles(tree, options) {
             name: w => w.quote('development'),
             production: 'false',
             app: w => w.quote(options.project),
-            serviceWorker: 'false',
         };
+        // region dev environment
+        if (options.serviceWorker) {
+            baseEnvironment['serviceWorker'] = 'false';
+        }
         if (options.sentry) {
             baseEnvironment['sentry'] = ts_morph_2.Writers.object({
                 enabled: 'false',
@@ -432,21 +592,25 @@ function coerceEnvironmentFiles(tree, options) {
             type: 'Environment',
             initializer: ts_morph_2.Writers.object(baseEnvironment),
         });
+        if (options.overwrite) {
+            normal.set({ initializer: ts_morph_2.Writers.object(baseEnvironment) });
+        }
+        // region
+        // region prod environment
         if (options.moduleFederation === 'host') {
             delete baseEnvironment['moduleFederation'];
         }
-        if (options.overwrite) {
-            normal.set({ initializer: ts_morph_2.Writers.object(baseEnvironment) });
+        if (options.serviceWorker) {
+            baseEnvironment['serviceWorker'] = 'true';
         }
-        baseEnvironment['name'] = w => w.quote('production');
-        baseEnvironment['production'] = 'true';
-        baseEnvironment['serviceWorker'] = 'true';
         if (options.sentry) {
             baseEnvironment['sentry'] = ts_morph_2.Writers.object({
                 enabled: 'true',
                 debug: 'false',
             });
         }
+        baseEnvironment['name'] = w => w.quote('production');
+        baseEnvironment['production'] = 'true';
         const prod = (0, ts_morph_1.CoerceVariableDeclaration)(prodSourceFile, 'environment', {
             type: 'Environment',
             initializer: ts_morph_2.Writers.object(baseEnvironment),
@@ -454,6 +618,7 @@ function coerceEnvironmentFiles(tree, options) {
         if (options.overwrite) {
             prod.set({ initializer: ts_morph_2.Writers.object(baseEnvironment) });
         }
+        // endregion
     }, [
         '/environments/environment.ts?',
         '/environments/environment.prod.ts?',
@@ -483,46 +648,90 @@ function updateTsConfig(tree, projectName) {
     const projectRoot = (0, workspace_utilities_1.GetProjectRoot)(tree, projectName);
     for (const tsConfigName of ['app', 'editor', 'spec']) {
         (0, workspace_utilities_1.UpdateTsConfigJson)(tree, tsConfig => {
-            var _a, _b;
-            var _c;
+            var _a, _b, _c;
+            var _d;
             (_a = tsConfig.compilerOptions) !== null && _a !== void 0 ? _a : (tsConfig.compilerOptions = {});
-            (_b = (_c = tsConfig.compilerOptions).types) !== null && _b !== void 0 ? _b : (_c.types = []);
+            (_b = (_d = tsConfig.compilerOptions).types) !== null && _b !== void 0 ? _b : (_d.types = []);
             if (!tsConfig.compilerOptions.types.includes('@angular/localize')) {
                 tsConfig.compilerOptions.types.push('@angular/localize');
             }
+            if (['app', 'spec'].includes(tsConfigName)) {
+                (_c = tsConfig.exclude) !== null && _c !== void 0 ? _c : (tsConfig.exclude = []);
+                (0, utilities_1.CoerceArrayItems)(tsConfig.exclude, [
+                    'src/**/*.stories.ts',
+                    'src/**/*.cy.ts',
+                ]);
+            }
         }, { infix: tsConfigName, basePath: projectRoot });
     }
 }
+function linkMfeRemoteWithHost(tree, projectName, options) {
+    if (!options.host) {
+        throw new Error('The host project must be defined');
+    }
+    const hostSourceRoot = (0, workspace_utilities_1.GetProjectSourceRoot)(tree, options.host);
+    const isHostMonolithic = tree.exists((0, path_1.join)(hostSourceRoot, 'app/layout.routes.ts'));
+    const path = projectName.replace('user-interface-', '').replace('feature-', '');
+    if (isHostMonolithic && !options.standaloneImport) {
+        (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+            project: options.host,
+        }, (project, [layoutSourceFile]) => {
+            (0, ts_morph_1.CoerceLayoutRoutes)(layoutSourceFile, {
+                itemList: [
+                    {
+                        route: {
+                            path,
+                            loadRemoteModule: projectName
+                        },
+                        component: 'LayoutComponent'
+                    }
+                ]
+            });
+        }, ['app/layout.routes.ts']);
+    }
+    else {
+        (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+            project: options.host,
+        }, (project, [appRoutes]) => {
+            (0, ts_morph_1.CoerceAppRoutes)(appRoutes, {
+                itemList: [
+                    {
+                        route: {
+                            path,
+                            loadRemoteModule: projectName
+                        },
+                    },
+                ],
+            });
+        }, ['app/app.routes.ts']);
+    }
+}
 function initApplicationGenerator(tree, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _a, _b, _c;
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        (_a = options.moduleFederation) !== null && _a !== void 0 ? _a : (options.moduleFederation = undefined);
-        (_b = options.sentry) !== null && _b !== void 0 ? _b : (options.sentry = true);
-        (_c = options.openApi) !== null && _c !== void 0 ? _c : (options.openApi = false);
-        (_d = options.config) !== null && _d !== void 0 ? _d : (options.config = true);
-        (_e = options.localazy) !== null && _e !== void 0 ? _e : (options.localazy = false);
-        (_f = options.i18n) !== null && _f !== void 0 ? _f : (options.i18n = false);
-        (_g = options.serviceWorker) !== null && _g !== void 0 ? _g : (options.serviceWorker = false);
-        (_h = options.languages) !== null && _h !== void 0 ? _h : (options.languages = options.i18n ? ['en'] : []);
-        (_j = options.material) !== null && _j !== void 0 ? _j : (options.material = true);
-        (_k = options.generateMain) !== null && _k !== void 0 ? _k : (options.generateMain = false);
-        (_l = options.overwrite) !== null && _l !== void 0 ? _l : (options.overwrite = false);
-        (_m = options.monolithic) !== null && _m !== void 0 ? _m : (options.monolithic = false);
-        options.openApi = options.openApi || options.monolithic;
-        (_o = options.authentik) !== null && _o !== void 0 ? _o : (options.authentik = false);
-        (_p = options.oauth) !== null && _p !== void 0 ? _p : (options.oauth = false);
-        (_q = options.authentication) !== null && _q !== void 0 ? _q : (options.authentication = false);
-        options.oauth = options.oauth || options.authentik;
-        (_r = options.project) !== null && _r !== void 0 ? _r : (options.project = undefined);
-        (_s = options.projects) !== null && _s !== void 0 ? _s : (options.projects = []);
+        if (options.authentik) {
+            options.oauth = true;
+        }
+        if (options.monolithic) {
+            options.openApi = true;
+        }
+        if (options.i18n) {
+            (_a = options.languages) !== null && _a !== void 0 ? _a : (options.languages = ['en']);
+        }
         if (options.project) {
+            (_b = options.projects) !== null && _b !== void 0 ? _b : (options.projects = []);
             (0, utilities_1.CoerceArrayItems)(options.projects, [options.project]);
         }
+        if (options.host) {
+            options.moduleFederation = 'remote';
+        }
         if (options.moduleFederation === 'remote') {
             options.authentication = false;
             options.oauth = false;
             options.authentik = false;
             options.serviceWorker = false;
+            options.sentry = false;
+            options.monolithic = false;
         }
         console.log('angular application init generator:', options);
         yield (0, plugin_application_1.ApplicationInitWorkspace)(tree, options);
@@ -546,9 +755,9 @@ function initApplicationGenerator(tree, options) {
         yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/pipes', 'latest', { soft: true });
         yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/mixin', 'latest', { soft: true });
         yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/reflect-metadata', 'latest', { soft: true });
-        const angularVersion = '~16.2.0';
+        yield (0, workspace_utilities_1.AddPackageJsonDevDependency)(tree, '@rxap/browser-tailwind', 'latest', { soft: true, withoutNonRxapPeerDependencies: false });
         // must always be added as some rxap components use the i18n tag
-        yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/localize', angularVersion, { soft: true });
+        yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/localize', angular_version_1.ANGULAR_VERSION, { soft: true });
         // must always be added as some rxap components use interfaces from the package
         // TODO : refactor the @rxap/ngx-error and @rxap/ngx-status-check to be independent from the @sentry/angular-ivy package
         yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@sentry/angular-ivy', 'latest', { soft: true });
@@ -558,12 +767,12 @@ function initApplicationGenerator(tree, options) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/oauth', 'latest', { soft: true });
         }
         if (options.material) {
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/material', angularVersion, { soft: true });
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/cdk', angularVersion, { soft: true });
+            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/material', angular_version_1.ANGULAR_VERSION, { soft: true });
+            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/cdk', angular_version_1.ANGULAR_VERSION, { soft: true });
         }
         if (options.serviceWorker) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/service-worker', 'latest', { soft: true });
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/service-worker', angularVersion, { soft: true });
+            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/service-worker', angular_version_1.ANGULAR_VERSION, { soft: true });
         }
         if (options.monolithic) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/layout', 'latest', { soft: true });
@@ -614,7 +823,10 @@ function initApplicationGenerator(tree, options) {
             target: 'shared/angular',
             overwrite: options.overwrite,
         });
-        if (options.i18n) {
+        if (!tree.exists('shared/angular/assets/custom.svg')) {
+            tree.write('shared/angular/assets/custom.svg', '<svg></svg>');
+        }
+        if (options.i18n && !options.skipDocker) {
             let dockerfileContent = tree.read('shared/angular/Dockerfile', 'utf-8');
             dockerfileContent = dockerfileContent.replace('registry.gitlab.com/rxap/docker/nginx:', 'registry.gitlab.com/rxap/docker/i18n-nginx:');
             tree.write('shared/angular/Dockerfile', dockerfileContent);
@@ -632,6 +844,7 @@ function initApplicationGenerator(tree, options) {
             });
         }
         updateTargetDefaults(tree, options);
+        yield (0, coerce_project_1.CoerceProjects)(tree, options);
         if (!options.skipProjects) {
             for (const [projectName, project] of (0, devkit_1.getProjects)(tree).entries()) {
                 if (skipProject(tree, options, project, projectName)) {
@@ -639,11 +852,18 @@ function initApplicationGenerator(tree, options) {
                 }
                 (0, workspace_utilities_1.GenerateSerializedSchematicFile)(tree, (0, workspace_utilities_1.GetProjectRoot)(tree, projectName), '@rxap/plugin-angular', 'init-application', (0, utilities_1.DeleteProperties)(options, ['project', 'projects', 'overwrite', 'skipProjects']));
                 console.log(`init angular application project: ${projectName}`);
+                const sourceRoot = (0, workspace_utilities_1.GetProjectSourceRoot)(tree, projectName);
                 (0, plugin_application_1.ApplicationInitProject)(tree, projectName, project, options);
-                updateProjectTargets(project, options);
+                if (options.overwrite || !((_c = tree.read((0, path_1.join)(sourceRoot, 'styles.scss'), 'utf-8')) === null || _c === void 0 ? void 0 : _c.match(/@use ".+\/shared\/angular\/styles";/))) {
+                    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'root'), sourceRoot, Object.assign(Object.assign({ serviceWorker: false }, options), { relativePathToWorkspaceRoot: (0, path_1.relative)(sourceRoot, ''), name: projectName.replace(/^user-interface-/, ''), classify: utilities_1.classify, prefix: (0, workspace_utilities_1.GetProjectPrefix)(tree, projectName, 'rxap') }));
+                }
+                updateProjectTargets(projectName, project, options);
                 updateTags(project, options);
                 updateGitIgnore(project, tree, options);
                 updateTsConfig(tree, projectName);
+                if (options.cleanup || options.coerce) {
+                    cleanup(tree, projectName, options);
+                }
                 coerceEnvironmentFiles(tree, Object.assign(Object.assign({}, options), { project: projectName }));
                 (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
                     project: projectName,
@@ -764,12 +984,6 @@ function initApplicationGenerator(tree, options) {
                 if (options.generateMain) {
                     updateMainFile(tree, projectName, project, options);
                 }
-                if (!project.sourceRoot) {
-                    throw new Error(`Project source root not found for project ${projectName}`);
-                }
-                if (options.cleanup) {
-                    cleanup(tree, project.sourceRoot);
-                }
                 if (options.localazy) {
                     coerceLocalazyConfigFile(tree, project);
                 }
@@ -779,23 +993,40 @@ function initApplicationGenerator(tree, options) {
                 if (options.monolithic) {
                     (0, generate_monolithic_1.generateMonolithic)(tree, projectName, project, options);
                 }
+                if (options.moduleFederation === 'remote') {
+                    if (options.overwrite) {
+                        (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'mfe-remote'), sourceRoot, Object.assign(Object.assign({}, options), { relativePathToWorkspaceRoot: (0, path_1.relative)(sourceRoot, ''), name: projectName
+                                .replace(/^user-interface-/, '')
+                                .replace(/^feature-/, ''), classify: utilities_1.classify,
+                            dasherize: utilities_1.dasherize, prefix: (0, workspace_utilities_1.GetProjectPrefix)(tree, projectName, 'rxap') }));
+                    }
+                    if (options.host) {
+                        linkMfeRemoteWithHost(tree, projectName, options);
+                    }
+                }
                 if (options.serviceWorker) {
-                    if (options.overwrite || !tree.exists((0, path_1.join)(project.sourceRoot, 'manifest.webmanifest'))) {
-                        (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'service-worker'), project.sourceRoot, Object.assign(Object.assign({}, options), { name: projectName.replace(/^user-interface-/, ''), classify: utilities_1.classify,
+                    if (options.overwrite || !tree.exists((0, path_1.join)(sourceRoot, 'manifest.webmanifest'))) {
+                        (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'service-worker'), sourceRoot, Object.assign(Object.assign({}, options), { name: projectName.replace(/^user-interface-/, ''), classify: utilities_1.classify,
                             dasherize: utilities_1.dasherize }));
                     }
                 }
                 (0, workspace_utilities_1.CoerceFilesStructure)(tree, {
                     srcFolder: (0, path_1.join)(__dirname, 'files', 'assets'),
-                    target: (0, path_1.join)(project.sourceRoot, 'assets'),
+                    target: (0, path_1.join)(sourceRoot, 'assets'),
                     overwrite: options.overwrite,
                 });
+                (0, coerce_test_setup_1.coerceTestSetup)(tree, projectName);
                 // apply changes to the project configuration
                 (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
             }
         }
-        yield (0, plugin_localazy_1.LocalazyGitlabCiGenerator)(tree, {});
-        yield (0, plugin_docker_1.DockerGitlabCiGenerator)(tree, {});
+        if (options.localazy) {
+            yield (0, plugin_localazy_1.LocalazyGitlabCiGenerator)(tree, {});
+        }
+        (0, plugin_gitlab_ci_1.GenerateGitlabCi)(tree, {});
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
     });
 }
 exports.initApplicationGenerator = initApplicationGenerator;