@rxap/plugin-angular 16.2.0-dev.1 → 16.2.0-dev.12

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initApplicationGenerator = void 0;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const generator_utilities_1 = require("@rxap/generator-utilities");
 const plugin_application_1 = require("@rxap/plugin-application");
 const plugin_docker_1 = require("@rxap/plugin-docker");
 const plugin_localazy_1 = require("@rxap/plugin-localazy");
@@ -13,14 +12,14 @@ 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 skip_project_1 = require("../../lib/skip-project");
+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) {
-    if ((0, skip_project_1.SkipNonAngularProject)(tree, options, project, projectName)) {
+    if ((0, workspace_utilities_1.SkipNonAngularProject)(tree, options, project, projectName)) {
         return true;
     }
-    if ((0, generator_utilities_1.SkipNonApplicationProject)(tree, options, project, projectName)) {
+    if ((0, workspace_utilities_1.SkipNonApplicationProject)(tree, options, project, projectName)) {
         return true;
     }
     return false;
@@ -34,7 +33,7 @@ function updateProjectTargets(project, options) {
     }
     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');
+        (_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: {
@@ -108,10 +107,12 @@ 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, generator_utilities_1.CoerceAssets)(project.targets['build'].options.assets, [
+    (0, workspace_utilities_1.CoerceAssets)(project.targets['build'].options.assets, [
         {
             glob: '*',
             input: 'shared/angular/assets/',
@@ -130,12 +131,12 @@ function updateProjectTargets(project, options) {
         project.targets['build'].options.polyfills = ['zone.js'];
     }
     // always add the localize init polyfill as some rxap components use the i18n directive
-    (0, generator_utilities_1.CoerceAssets)(project.targets['build'].options.polyfills, ['@angular/localize/init']);
+    (0, workspace_utilities_1.CoerceAssets)(project.targets['build'].options.polyfills, ['@angular/localize/init']);
     if (options.serviceWorker) {
         if (!project.sourceRoot) {
             throw new Error(`The project ${project.name} has no source root`);
         }
-        (0, generator_utilities_1.CoerceAssets)(project.targets['build'].options.assets, [
+        (0, workspace_utilities_1.CoerceAssets)(project.targets['build'].options.assets, [
             (0, path_1.join)(project.sourceRoot, 'manifest.webmanifest'),
         ]);
         (_t = (_13 = project.targets['build']).configurations) !== null && _t !== void 0 ? _t : (_13.configurations = {});
@@ -238,7 +239,7 @@ function updateGitIgnore(project, tree, options) {
             throw new Error(`The project ${project.name} has no source root`);
         }
         const gitIgnorePath = (0, path_1.join)(project.sourceRoot, '.gitignore');
-        (0, generator_utilities_1.CoerceIgnorePattern)(tree, gitIgnorePath, [
+        (0, workspace_utilities_1.CoerceIgnorePattern)(tree, gitIgnorePath, [
             '/i18n',
         ]);
     }
@@ -257,7 +258,11 @@ function updateTags(project, options) {
     if (options.sentry) {
         tags.push('sentry');
     }
-    (0, generator_utilities_1.CoerceProjectTags)(project, tags);
+    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));`;
 const MAIN_LOGGER_STATEMENT = `application.importProvidersFrom(LoggerModule.forRoot({
@@ -270,7 +275,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(');
@@ -281,16 +291,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'],
@@ -308,37 +314,119 @@ 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,
+        }, (_, [entryComponent, entryRoutes]) => {
+            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' });
+            }
+            (0, ts_morph_1.CoerceDefaultExport)(entryRoutes.getVariableStatement('remoteRoutes').getDeclarations()[0]);
+        }, [
+            'app/remote-entry/entry.component.ts',
+            'app/remote-entry/entry.routes.ts',
+        ]);
+        if (options.host) {
+            (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+                project: options.host,
+            }, (_, [appRoutes]) => {
+                (0, ts_morph_1.RemoveRoute)(appRoutes, {
+                    loadRemoteModule: projectName,
+                    name: 'appRoutes'
+                });
+                appRoutes.organizeImports();
+            }, ['app/app.routes.ts']);
+        }
+    }
 }
 function updateMainFile(tree, projectName, project, options) {
     (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
         project: projectName,
         // directory: '..' // to move from the apps/demo/src/app folder into the apps/demo/src folder
-    }, (project, [sourceFile]) => {
+    }, (project, [sourceFile, mainSourceFile]) => {
         var _a;
-        assertMainStatements(sourceFile);
+        assertMainStatements(sourceFile, options);
         const importDeclarations = [];
         const statements = [];
         if (options.serviceWorker) {
@@ -388,10 +476,51 @@ function updateMainFile(tree, projectName, project, options) {
                 sourceFile.insertStatements(index, statement);
             }
         }
-    }, ['main.ts']);
+        if (options.moduleFederation === 'host') {
+            mainSourceFile.set({
+                statements: [
+                    `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)));
+`,
+                ]
+            });
+        }
+    }, [
+        options.moduleFederation ? 'bootstrap.ts' : 'main.ts',
+        'main.ts'
+    ]);
 }
 function coerceEnvironmentFiles(tree, options) {
-    (0, workspace_ts_morph_1.TsMorphNestProjectTransform)(tree, {
+    (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
         project: options.project,
     }, (project, [sourceFile, prodSourceFile]) => {
         (0, ts_morph_1.CoerceImports)(sourceFile, {
@@ -406,14 +535,22 @@ 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',
                 debug: 'false',
             });
         }
+        if (options.moduleFederation === 'host') {
+            baseEnvironment['moduleFederation'] = ts_morph_2.Writers.object({
+                manifest: w => w.quote('/assets/module-federation.manifest.json'),
+            });
+        }
         const normal = (0, ts_morph_1.CoerceVariableDeclaration)(sourceFile, 'environment', {
             type: 'Environment',
             initializer: ts_morph_2.Writers.object(baseEnvironment),
@@ -421,15 +558,22 @@ function coerceEnvironmentFiles(tree, options) {
         if (options.overwrite) {
             normal.set({ initializer: ts_morph_2.Writers.object(baseEnvironment) });
         }
-        baseEnvironment['name'] = w => w.quote('production');
-        baseEnvironment['production'] = 'true';
-        baseEnvironment['serviceWorker'] = 'true';
+        // region
+        // region prod environment
+        if (options.moduleFederation === 'host') {
+            delete baseEnvironment['moduleFederation'];
+        }
+        if (options.serviceWorker) {
+            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),
@@ -437,6 +581,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?',
@@ -462,48 +607,99 @@ function coerceLocalazyConfigFile(tree, project) {
         }, null, 2));
     }
 }
-function updateTsConfig(tree, project, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projectRoot = project.root;
-        if (options.i18n) {
-            for (const tsConfigName of ['app', 'editor', 'spec']) {
-                yield (0, workspace_utilities_1.UpdateJsonFile)(tree, tsConfig => {
-                    var _a, _b;
-                    var _c;
-                    (_a = tsConfig.compilerOptions) !== null && _a !== void 0 ? _a : (tsConfig.compilerOptions = {});
-                    (_b = (_c = tsConfig.compilerOptions).types) !== null && _b !== void 0 ? _b : (_c.types = []);
-                    if (!tsConfig.compilerOptions.types.includes('@angular/localize')) {
-                        tsConfig.compilerOptions.types.push('@angular/localize');
-                    }
-                }, (0, path_1.join)(projectRoot, `tsconfig.${tsConfigName}.json`));
+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;
+            (_a = tsConfig.compilerOptions) !== null && _a !== void 0 ? _a : (tsConfig.compilerOptions = {});
+            (_b = (_c = tsConfig.compilerOptions).types) !== null && _b !== void 0 ? _b : (_c.types = []);
+            if (!tsConfig.compilerOptions.types.includes('@angular/localize')) {
+                tsConfig.compilerOptions.types.push('@angular/localize');
             }
-        }
-    });
+        }, { 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) {
+        (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
+            project: options.host,
+        }, (project, [layoutSourceFile]) => {
+            (0, ts_morph_1.CoerceLayoutRoutes)(layoutSourceFile, {
+                itemList: [
+                    {
+                        route: {
+                            path,
+                            loadRemoteModule: projectName
+                        },
+                        path: ['']
+                    }
+                ]
+            });
+        }, ['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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        (_a = options.sentry) !== null && _a !== void 0 ? _a : (options.sentry = true);
-        (_b = options.openApi) !== null && _b !== void 0 ? _b : (options.openApi = false);
-        (_c = options.config) !== null && _c !== void 0 ? _c : (options.config = true);
-        (_d = options.localazy) !== null && _d !== void 0 ? _d : (options.localazy = false);
-        (_e = options.i18n) !== null && _e !== void 0 ? _e : (options.i18n = false);
-        (_f = options.serviceWorker) !== null && _f !== void 0 ? _f : (options.serviceWorker = false);
-        (_g = options.languages) !== null && _g !== void 0 ? _g : (options.languages = options.i18n ? ['en'] : []);
-        (_h = options.material) !== null && _h !== void 0 ? _h : (options.material = true);
-        (_j = options.generateMain) !== null && _j !== void 0 ? _j : (options.generateMain = false);
-        (_k = options.overwrite) !== null && _k !== void 0 ? _k : (options.overwrite = false);
-        (_l = options.monolithic) !== null && _l !== void 0 ? _l : (options.monolithic = false);
+        (_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;
-        (_m = options.authentik) !== null && _m !== void 0 ? _m : (options.authentik = false);
-        (_o = options.oauth) !== null && _o !== void 0 ? _o : (options.oauth = false);
-        (_p = options.authentication) !== null && _p !== void 0 ? _p : (options.authentication = false);
+        (_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;
-        (_q = options.project) !== null && _q !== void 0 ? _q : (options.project = undefined);
-        (_r = options.projects) !== null && _r !== void 0 ? _r : (options.projects = []);
+        (_r = options.project) !== null && _r !== void 0 ? _r : (options.project = undefined);
+        (_s = options.projects) !== null && _s !== void 0 ? _s : (options.projects = []);
+        (_t = options.cleanup) !== null && _t !== void 0 ? _t : (options.cleanup = true);
+        (_u = options.host) !== null && _u !== void 0 ? _u : (options.host = undefined);
         if (options.project) {
             (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);
         yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@mdi/angular-material', 'latest', { soft: true });
@@ -526,17 +722,24 @@ 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';
+        // must always be added as some rxap components use the i18n tag
+        yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/localize', angularVersion, { 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 });
         if (options.oauth) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, 'angular-oauth2-oidc', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, 'angular-oauth2-oidc-jwks', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/oauth', 'latest', { soft: true });
         }
         if (options.material) {
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/material', 'latest', { soft: true });
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/cdk', 'latest', { soft: true });
+            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/material', angularVersion, { soft: true });
+            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/cdk', angularVersion, { 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 });
         }
         if (options.monolithic) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/layout', 'latest', { soft: true });
@@ -561,12 +764,10 @@ function initApplicationGenerator(tree, options) {
         }
         if (options.sentry) {
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/ngx-sentry', 'latest', { soft: true });
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@sentry/angular-ivy', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@sentry/browser', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@sentry/integrations', 'latest', { soft: true });
         }
         if (options.i18n) {
-            yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@angular/localize', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/ngx-localize', 'latest', { soft: true });
             yield (0, workspace_utilities_1.AddPackageJsonDependency)(tree, '@rxap/ngx-user', 'latest', { soft: true });
         }
@@ -589,6 +790,14 @@ function initApplicationGenerator(tree, options) {
             target: 'shared/angular',
             overwrite: options.overwrite,
         });
+        if (!tree.exists('shared/angular/assets/custom.svg')) {
+            tree.write('shared/angular/assets/custom.svg', '<svg></svg>');
+        }
+        if (options.i18n) {
+            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);
+        }
         (0, workspace_utilities_1.CoerceFilesStructure)(tree, {
             srcFolder: (0, path_1.join)(__dirname, 'files', 'styles'),
             target: 'shared/angular/styles',
@@ -602,23 +811,28 @@ 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)) {
                     continue;
                 }
+                (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);
+                if (options.overwrite) {
+                    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'root'), sourceRoot, Object.assign(Object.assign({}, 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(project, options);
                 updateTags(project, options);
                 updateGitIgnore(project, tree, options);
-                yield updateTsConfig(tree, project, options);
-                coerceEnvironmentFiles(tree, {
-                    project: projectName,
-                    sentry: options.sentry,
-                    overwrite: options.overwrite,
-                });
-                (0, workspace_ts_morph_1.TsMorphNestProjectTransform)(tree, {
+                updateTsConfig(tree, projectName);
+                if (options.cleanup) {
+                    cleanup(tree, projectName, options);
+                }
+                coerceEnvironmentFiles(tree, Object.assign(Object.assign({}, options), { project: projectName }));
+                (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
                     project: projectName,
                 }, (_, [sourceFile]) => {
                     const providers = [
@@ -718,6 +932,15 @@ function initApplicationGenerator(tree, options) {
                             },
                         ]);
                     }
+                    if (options.material) {
+                        providers.push('ProvideIconAssetPath()');
+                        (0, ts_morph_1.CoerceImports)(sourceFile, [
+                            {
+                                moduleSpecifier: '@rxap/icon',
+                                namedImports: ['ProvideIconAssetPath'],
+                            },
+                        ]);
+                    }
                     (0, ts_morph_1.CoerceAppConfigProvider)(sourceFile, {
                         overwrite: options.overwrite,
                         providers,
@@ -728,12 +951,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);
                 }
@@ -743,22 +960,35 @@ 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,
                 });
                 // apply changes to the project configuration
                 (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
             }
         }
-        yield (0, plugin_localazy_1.LocalazyGitlabCiGenerator)(tree, {});
+        if (options.localazy) {
+            yield (0, plugin_localazy_1.LocalazyGitlabCiGenerator)(tree, {});
+        }
         yield (0, plugin_docker_1.DockerGitlabCiGenerator)(tree, {});
     });
 }