├── mfe1
    ├── src
    │   ├── assets
    │   │   ├── .gitkeep
    │   │   ├── vite.svg
    │   │   └── analog.svg
    │   ├── vite-env.d.ts
    │   ├── environments
    │   │   ├── environment.prod.ts
    │   │   └── environment.ts
    │   ├── favicon.ico
    │   ├── main.ts
    │   ├── bootstrap.ts
    │   ├── test.ts
    │   ├── index.html
    │   ├── app
    │   │   ├── app.component.ts
    │   │   └── app.component.spec.ts
    │   ├── styles.css
    │   └── polyfills.ts
    ├── .vscode
    │   ├── extensions.json
    │   ├── launch.json
    │   └── tasks.json
    ├── .editorconfig
    ├── tsconfig.app.json
    ├── update.bat
    ├── tsconfig.spec.json
    ├── federation.config.cjs
    ├── angular.json
    ├── .browserslistrc
    ├── README.md
    ├── tsconfig.json
    ├── package.json
    └── vite.config.ts
├── shell
    ├── src
    │   ├── assets
    │   │   ├── .gitkeep
    │   │   ├── vite.svg
    │   │   └── analog.svg
    │   ├── vite-env.d.ts
    │   ├── environments
    │   │   ├── environment.prod.ts
    │   │   └── environment.ts
    │   ├── favicon.ico
    │   ├── app
    │   │   ├── home.component.ts
    │   │   ├── app.routes.ts
    │   │   ├── app.component.ts
    │   │   └── app.component.spec.ts
    │   ├── main.ts
    │   ├── test.ts
    │   ├── bootstrap.ts
    │   ├── index.html
    │   ├── styles.css
    │   └── polyfills.ts
    ├── .vscode
    │   ├── extensions.json
    │   ├── launch.json
    │   └── tasks.json
    ├── federation.config.cjs
    ├── tsconfig.app.json
    ├── update.bat
    ├── .editorconfig
    ├── tsconfig.spec.json
    ├── angular.json
    ├── .browserslistrc
    ├── README.md
    ├── tsconfig.json
    ├── package.json
    └── vite.config.ts
├── .gitignore
├── shared
    └── index.ts
├── example.png
└── readme.md


/mfe1/src/assets/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/shell/src/assets/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | 


--------------------------------------------------------------------------------
/mfe1/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/shared/index.ts:
--------------------------------------------------------------------------------
1 | export const shared = {
2 |     userName: ''
3 | };


--------------------------------------------------------------------------------
/shell/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manfredsteyer/native-federation-vite-angular-demo/HEAD/example.png


--------------------------------------------------------------------------------
/mfe1/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 |   production: true
3 | };
4 | 


--------------------------------------------------------------------------------
/shell/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 |   production: true
3 | };
4 | 


--------------------------------------------------------------------------------
/mfe1/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manfredsteyer/native-federation-vite-angular-demo/HEAD/mfe1/src/favicon.ico


--------------------------------------------------------------------------------
/shell/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manfredsteyer/native-federation-vite-angular-demo/HEAD/shell/src/favicon.ico


--------------------------------------------------------------------------------
/mfe1/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
3 |   "recommendations": ["angular.ng-template"]
4 | }
5 | 


--------------------------------------------------------------------------------
/shell/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
3 |   "recommendations": ["angular.ng-template"]
4 | }
5 | 


--------------------------------------------------------------------------------
/mfe1/src/main.ts:
--------------------------------------------------------------------------------
1 | import { initFederation } from "@softarc/native-federation";
2 | 
3 | (async () => {
4 | 
5 | 	await initFederation();
6 | 	await import('./bootstrap');
7 | 
8 | })();


--------------------------------------------------------------------------------
/shell/src/app/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | 
3 | @Component({
4 |   standalone: true,
5 |   selector: 'app-home',
6 |   template: `<h1>Welcome!</h1>`,
7 | })
8 | export class HomeComponent {}
9 | 


--------------------------------------------------------------------------------
/shell/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { initFederation } from "@softarc/native-federation";
 2 | 
 3 | (async () => {
 4 | 
 5 | 	await initFederation({
 6 | 		'mfe1': 'http://localhost:3001/remoteEntry.json'
 7 | 	});
 8 | 	
 9 | 	await import('./bootstrap');
10 | 
11 | })();


--------------------------------------------------------------------------------
/shell/federation.config.cjs:
--------------------------------------------------------------------------------
 1 | const {
 2 |   withNativeFederation,
 3 |   shareAll,
 4 | } = require("@softarc/native-federation/build");
 5 | 
 6 | module.exports = withNativeFederation({
 7 |   name: "host",
 8 | 
 9 |   shared: {
10 |     ...shareAll({ singleton: true, strictVersion: true, requiredVersion: "auto", }),
11 |   },
12 | 
13 | });
14 | 


--------------------------------------------------------------------------------
/mfe1/src/bootstrap.ts:
--------------------------------------------------------------------------------
 1 | import './polyfills';
 2 | import { enableProdMode } from '@angular/core';
 3 | import { bootstrapApplication } from '@angular/platform-browser';
 4 | 
 5 | import { AppComponent } from './app/app.component';
 6 | 
 7 | if (import.meta.env.PROD) {
 8 |   enableProdMode();
 9 | }
10 | 
11 | bootstrapApplication(AppComponent);
12 | 


--------------------------------------------------------------------------------
/mfe1/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see https://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.ts]
12 | quote_type = single
13 | 
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 | 


--------------------------------------------------------------------------------
/mfe1/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "extends": "./tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "composite": false,
 6 |     "outDir": "./out-tsc/app",
 7 |     "types": []
 8 |   },
 9 |   "files": ["src/main.ts", "src/polyfills.ts"],
10 |   "include": ["src/**/*.d.ts"]
11 | }
12 | 


--------------------------------------------------------------------------------
/shell/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "extends": "./tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "composite": false,
 6 |     "outDir": "./out-tsc/app",
 7 |     "types": []
 8 |   },
 9 |   "files": ["src/main.ts", "src/polyfills.ts"],
10 |   "include": ["src/**/*.d.ts"]
11 | }
12 | 


--------------------------------------------------------------------------------
/shell/update.bat:
--------------------------------------------------------------------------------
1 | call npm i @softarc/native-federation@latest --registry http://localhost:4873
2 | call npm i @softarc/native-federation-runtime@latest --registry http://localhost:4873
3 | call npm i @softarc/native-federation-esbuild@latest --registry http://localhost:4873
4 | call npm i @angular-architects/native-federation@latest --registry http://localhost:4873
5 | 


--------------------------------------------------------------------------------
/shell/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see https://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.ts]
12 | quote_type = single
13 | 
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 | 


--------------------------------------------------------------------------------
/mfe1/update.bat:
--------------------------------------------------------------------------------
1 | call npm i @softarc/native-federation@latest --registry http://localhost:4873 -f
2 | call npm i @softarc/native-federation-runtime@latest --registry http://localhost:4873 -f
3 | call npm i @softarc/native-federation-esbuild@latest --registry http://localhost:4873 -f
4 | call npm i @angular-architects/native-federation@latest --registry http://localhost:4873 -f
5 | 
6 | 


--------------------------------------------------------------------------------
/mfe1/src/test.ts:
--------------------------------------------------------------------------------
 1 | import '@analogjs/vite-plugin-angular/setup-vitest';
 2 | 
 3 | import {
 4 |   BrowserDynamicTestingModule,
 5 |   platformBrowserDynamicTesting,
 6 | } from '@angular/platform-browser-dynamic/testing';
 7 | import { getTestBed } from '@angular/core/testing';
 8 | 
 9 | getTestBed().initTestEnvironment(
10 |   BrowserDynamicTestingModule,
11 |   platformBrowserDynamicTesting()
12 | );
13 | 


--------------------------------------------------------------------------------
/mfe1/tsconfig.spec.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "extends": "./tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "composite": false,
 6 |     "outDir": "./out-tsc/spec",
 7 |     "types": ["node", "vitest/globals"]
 8 |   },
 9 |   "files": ["src/test.ts", "src/polyfills.ts"],
10 |   "include": ["src/**/*.spec.ts", "src/**/*.ts"]
11 | }
12 | 


--------------------------------------------------------------------------------
/shell/src/test.ts:
--------------------------------------------------------------------------------
 1 | import '@analogjs/vite-plugin-angular/setup-vitest';
 2 | 
 3 | import {
 4 |   BrowserDynamicTestingModule,
 5 |   platformBrowserDynamicTesting,
 6 | } from '@angular/platform-browser-dynamic/testing';
 7 | import { getTestBed } from '@angular/core/testing';
 8 | 
 9 | getTestBed().initTestEnvironment(
10 |   BrowserDynamicTestingModule,
11 |   platformBrowserDynamicTesting()
12 | );
13 | 


--------------------------------------------------------------------------------
/shell/tsconfig.spec.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "extends": "./tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "composite": false,
 6 |     "outDir": "./out-tsc/spec",
 7 |     "types": ["node", "vitest/globals"]
 8 |   },
 9 |   "files": ["src/test.ts", "src/polyfills.ts"],
10 |   "include": ["src/**/*.spec.ts", "src/**/*.ts"]
11 | }
12 | 


--------------------------------------------------------------------------------
/mfe1/federation.config.cjs:
--------------------------------------------------------------------------------
 1 | const {
 2 |   withNativeFederation,
 3 |   shareAll,
 4 | } = require("@softarc/native-federation/build");
 5 | 
 6 | module.exports = withNativeFederation({
 7 |   name: "host",
 8 | 
 9 |   exposes: {
10 |     "./comp": "src/app/app.component.ts"
11 |   },
12 | 
13 |   shared: {
14 |     ...shareAll({ singleton: true, strictVersion: true, requiredVersion: "auto", }),
15 |   },
16 | 
17 | });
18 | 


--------------------------------------------------------------------------------
/mfe1/angular.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 3 |   "version": 1,
 4 |   "newProjectRoot": "projects",
 5 |   "projects": {
 6 |     "my-app": {
 7 |       "projectType": "application",
 8 |       "schematics": {},
 9 |       "root": "",
10 |       "sourceRoot": "src",
11 |       "prefix": "app",
12 |       "architect": {
13 |         "targets": {}
14 |       }
15 |     }
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/shell/angular.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 3 |   "version": 1,
 4 |   "newProjectRoot": "projects",
 5 |   "projects": {
 6 |     "my-app": {
 7 |       "projectType": "application",
 8 |       "schematics": {},
 9 |       "root": "",
10 |       "sourceRoot": "src",
11 |       "prefix": "app",
12 |       "architect": {
13 |         "targets": {}
14 |       }
15 |     }
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/shell/src/bootstrap.ts:
--------------------------------------------------------------------------------
 1 | import './polyfills';
 2 | import { enableProdMode } from '@angular/core';
 3 | import { bootstrapApplication } from '@angular/platform-browser';
 4 | 
 5 | import { AppComponent } from './app/app.component';
 6 | import { provideRouter } from '@angular/router';
 7 | import { APP_ROUTES } from './app/app.routes';
 8 | 
 9 | if (import.meta.env.PROD) {
10 |   enableProdMode();
11 | }
12 | 
13 | bootstrapApplication(AppComponent, {
14 |   providers: [
15 |     provideRouter(APP_ROUTES,)
16 |   ]
17 | });
18 | 


--------------------------------------------------------------------------------
/mfe1/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 3 |   "version": "0.2.0",
 4 |   "configurations": [
 5 |     {
 6 |       "name": "ng serve",
 7 |       "type": "pwa-chrome",
 8 |       "request": "launch",
 9 |       "preLaunchTask": "npm: start",
10 |       "url": "http://localhost:4200/"
11 |     },
12 |     {
13 |       "name": "ng test",
14 |       "type": "chrome",
15 |       "request": "launch",
16 |       "preLaunchTask": "npm: test",
17 |       "url": "http://localhost:9876/debug.html"
18 |     }
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/shell/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 3 |   "version": "0.2.0",
 4 |   "configurations": [
 5 |     {
 6 |       "name": "ng serve",
 7 |       "type": "pwa-chrome",
 8 |       "request": "launch",
 9 |       "preLaunchTask": "npm: start",
10 |       "url": "http://localhost:4200/"
11 |     },
12 |     {
13 |       "name": "ng test",
14 |       "type": "chrome",
15 |       "request": "launch",
16 |       "preLaunchTask": "npm: test",
17 |       "url": "http://localhost:9876/debug.html"
18 |     }
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/shell/src/app/app.routes.ts:
--------------------------------------------------------------------------------
 1 | import { Routes } from '@angular/router';
 2 | import { loadRemoteModule } from '@softarc/native-federation-runtime';
 3 | import { HomeComponent } from './home.component';
 4 | 
 5 | export const APP_ROUTES: Routes = [
 6 |   {
 7 |     path: '',
 8 |     pathMatch: 'full',
 9 |     redirectTo: 'home',
10 |   },
11 |   {
12 |     path: 'home',
13 |     component: HomeComponent,
14 |   },
15 |   {
16 |     path: 'mfe1',
17 |     loadComponent: () =>
18 |       loadRemoteModule({
19 |         remoteName: 'mfe1',
20 |         exposedModule: './comp',
21 |       }).then((esm) => esm.AppComponent),
22 |   },
23 | ];
24 | 


--------------------------------------------------------------------------------
/mfe1/.browserslistrc:
--------------------------------------------------------------------------------
 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
 2 | # For additional information regarding the format and rule options, please see:
 3 | # https://github.com/browserslist/browserslist#queries
 4 | 
 5 | # For the full list of supported browsers by the Angular framework, please see:
 6 | # https://angular.io/guide/browser-support
 7 | 
 8 | # You can see what browsers were selected by your queries by running:
 9 | #   npx browserslist
10 | 
11 | last 1 Chrome version
12 | last 1 Firefox version
13 | last 2 Edge major versions
14 | last 2 Safari major versions
15 | last 2 iOS major versions
16 | Firefox ESR
17 | 


--------------------------------------------------------------------------------
/shell/.browserslistrc:
--------------------------------------------------------------------------------
 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
 2 | # For additional information regarding the format and rule options, please see:
 3 | # https://github.com/browserslist/browserslist#queries
 4 | 
 5 | # For the full list of supported browsers by the Angular framework, please see:
 6 | # https://angular.io/guide/browser-support
 7 | 
 8 | # You can see what browsers were selected by your queries by running:
 9 | #   npx browserslist
10 | 
11 | last 1 Chrome version
12 | last 1 Firefox version
13 | last 2 Edge major versions
14 | last 2 Safari major versions
15 | last 2 iOS major versions
16 | Firefox ESR
17 | 


--------------------------------------------------------------------------------
/mfe1/src/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <title>MFE1</title>
 7 |   <base href="/">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="icon" type="image/x-icon" href="favicon.ico">
10 |   <link rel="stylesheet" href="/styles.css" />
11 | </head>
12 | 
13 | <body>
14 |   <app-root></app-root>
15 | 
16 |   <!--
17 |     We need to add the shim _before_ we load any es modules
18 |   -->
19 |   <script type="esms-options"> { "shimMode": true }</script>
20 |   <script src="https://ga.jspm.io/npm:es-module-shims@1.5.17/dist/es-module-shims.js"></script>
21 | 
22 |   <script type="module" src="/main.ts"></script>
23 | </body>
24 | 
25 | </html>


--------------------------------------------------------------------------------
/shell/src/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <title>Shell</title>
 7 |   <base href="/">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="icon" type="image/x-icon" href="favicon.ico">
10 |   <link rel="stylesheet" href="/styles.css" />
11 | </head>
12 | 
13 | <body>
14 |   <app-root></app-root>
15 | 
16 |   <!--
17 |     We need to add the shim _before_ we load any es modules
18 |   -->
19 |   <script type="esms-options"> { "shimMode": true }</script>
20 |   <script src="https://ga.jspm.io/npm:es-module-shims@1.5.17/dist/es-module-shims.js"></script>
21 | 
22 |   <script type="module" src="/main.ts"></script>
23 | </body>
24 | 
25 | </html>


--------------------------------------------------------------------------------
/mfe1/src/environments/environment.ts:
--------------------------------------------------------------------------------
 1 | // This file can be replaced during build by using the `fileReplacements` array.
 2 | // `ng build` replaces `environment.ts` with `environment.prod.ts`.
 3 | // The list of file replacements can be found in `angular.json`.
 4 | 
 5 | export const environment = {
 6 |   production: false
 7 | };
 8 | 
 9 | /*
10 |  * For easier debugging in development mode, you can import the following file
11 |  * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 |  *
13 |  * This import should be commented out in production mode because it will have a negative impact
14 |  * on performance if an error is thrown.
15 |  */
16 | // import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
17 | 


--------------------------------------------------------------------------------
/shell/src/environments/environment.ts:
--------------------------------------------------------------------------------
 1 | // This file can be replaced during build by using the `fileReplacements` array.
 2 | // `ng build` replaces `environment.ts` with `environment.prod.ts`.
 3 | // The list of file replacements can be found in `angular.json`.
 4 | 
 5 | export const environment = {
 6 |   production: false
 7 | };
 8 | 
 9 | /*
10 |  * For easier debugging in development mode, you can import the following file
11 |  * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 |  *
13 |  * This import should be commented out in production mode because it will have a negative impact
14 |  * on performance if an error is thrown.
15 |  */
16 | // import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
17 | 


--------------------------------------------------------------------------------
/mfe1/README.md:
--------------------------------------------------------------------------------
 1 | # Analog App
 2 | 
 3 | This project was generated with [Analog](https://npmjs.com/package/create-analog).
 4 | 
 5 | ## Setup
 6 | 
 7 | Run `yarn` to install the application dependencies.
 8 | 
 9 | ## Development
10 | 
11 | Run `yarn dev` for a dev server. Navigate to `http://localhost:5173/`. The application will automatically reload if you change any of the source files.
12 | 
13 | ## Build
14 | 
15 | Run `yarn build` to build the project. The build artifacts will be stored in the `dist/` directory.
16 | 
17 | ## Test
18 | 
19 | Run `yarn test` to run unit tests with [Vitest](https://vitest.dev).
20 | 
21 | ## Community
22 | 
23 | - Join the [Discord](https://discord.gg/mKC2Ec48U5)
24 | - Visit and Star the [GitHub Repo](https://github.com/analogjs/analog)
25 | - Visit the [Website](https://analogjs.org/)
26 | - Follow us on [Twitter](https://twitter.com/analogjs)
27 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Example: Micro Frontends with Native Federation + vite + Angular powered by AnalogJS
 2 | 
 3 | The section between the dashed lines is a separately compiled and deployed Micro Frontend:
 4 | 
 5 | ![The section between the dashed lines is a separately compiled and deployed Micro Frontend](example.png)
 6 | 
 7 | ## Install and Run
 8 | 
 9 | Repeat this for both, the ``shell`` and the ``mfe1`` folder:
10 | 
11 | ```
12 | npm i
13 | npm run dev
14 | ```
15 | 
16 | ## Inspect the Examples
17 | 
18 | - ``vite.config.ts``: Here, the federation-vite-plugin is used and the dev server is configured to allow access to the ``shared`` folder
19 | - ``federation.config``: Native Federation config
20 | - ``index.html``: Here, the polyfill for Import Maps is registered
21 | - ``main.ts``: Initializes Native Federation and then (!) imports ``bootstrap.ts`` for starting the application
22 | 


--------------------------------------------------------------------------------
/shell/README.md:
--------------------------------------------------------------------------------
 1 | # Analog App
 2 | 
 3 | This project was generated with [Analog](https://npmjs.com/package/create-analog).
 4 | 
 5 | ## Setup
 6 | 
 7 | Run `yarn` to install the application dependencies.
 8 | 
 9 | ## Development
10 | 
11 | Run `yarn dev` for a dev server. Navigate to `http://localhost:5173/`. The application will automatically reload if you change any of the source files.
12 | 
13 | ## Build
14 | 
15 | Run `yarn build` to build the project. The build artifacts will be stored in the `dist/` directory.
16 | 
17 | ## Test
18 | 
19 | Run `yarn test` to run unit tests with [Vitest](https://vitest.dev).
20 | 
21 | ## Community
22 | 
23 | - Join the [Discord](https://discord.gg/mKC2Ec48U5)
24 | - Visit and Star the [GitHub Repo](https://github.com/analogjs/analog)
25 | - Visit the [Website](https://analogjs.org/)
26 | - Follow us on [Twitter](https://twitter.com/analogjs)
27 | 


--------------------------------------------------------------------------------
/mfe1/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | import { shared } from 'shared';
 3 | 
 4 | @Component({
 5 |   selector: 'app-root',
 6 |   standalone: true,
 7 |   template: `
 8 |     <div class="mfe">
 9 |       <h1>Flights</h1>
10 | 
11 |       <input type="text" /><button (click)="search()">Search</button>
12 |     </div>
13 |   `,
14 |   styles: [
15 |     `
16 |       .mfe {
17 |         border: 2px darkred dashed;
18 |         padding: 20px;
19 |       }
20 |       
21 |       input[type='text'] {
22 |         width: 300px;
23 |       }
24 | 
25 |       button, input[type='text'] {
26 |         border-radius: 5px;
27 |         border: black 1px solid;
28 |         padding: 8px 5px;
29 |         margin: 8px 0;
30 |         margin-right:10px;
31 |         box-sizing: border-box;
32 |       }
33 |     `,
34 |   ],
35 | })
36 | export class AppComponent {
37 |   constructor() {
38 |     console.log('mfe1:user name', shared.userName)
39 |   }
40 |   search() {
41 |     alert('Not implemented for this demo.');
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/shell/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { CommonModule } from '@angular/common';
 2 | import { Component } from '@angular/core';
 3 | import { RouterLinkWithHref, RouterOutlet } from '@angular/router';
 4 | import { HomeComponent } from './home.component';
 5 | import { shared } from 'shared';
 6 | 
 7 | @Component({
 8 |   selector: 'app-root',
 9 |   standalone: true,
10 |   imports: [
11 |     HomeComponent,
12 |     CommonModule,
13 |     RouterLinkWithHref,
14 |     RouterOutlet
15 |   ],
16 |   template: `
17 |   <div class="menu">
18 |     <a routerLink="home">Home</a>
19 |     <a routerLink="mfe1">Flights</a>
20 |   </div>
21 |   <main>
22 |     <router-outlet></router-outlet>
23 |   </main>
24 |   `,
25 |   styles: [`
26 |   
27 |     .menu {
28 |       background-color: black;
29 |       padding:20px;
30 |     }
31 | 
32 |     .menu a {
33 |       color: white;
34 |       font-size: 18px;
35 |       margin-right: 20px;
36 |     }
37 | 
38 |     main {
39 |       padding: 20px;
40 |     }
41 |   `]
42 | })
43 | export class AppComponent {
44 |   constructor() {
45 |     shared.userName = 'Jane Doe';
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/mfe1/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
 3 |   "version": "2.0.0",
 4 |   "tasks": [
 5 |     {
 6 |       "type": "npm",
 7 |       "script": "start",
 8 |       "isBackground": true,
 9 |       "problemMatcher": {
10 |         "owner": "typescript",
11 |         "pattern": "$tsc",
12 |         "background": {
13 |           "activeOnStart": true,
14 |           "beginsPattern": {
15 |             "regexp": "(.*?)"
16 |           },
17 |           "endsPattern": {
18 |             "regexp": "bundle generation complete"
19 |           }
20 |         }
21 |       }
22 |     },
23 |     {
24 |       "type": "npm",
25 |       "script": "test",
26 |       "isBackground": true,
27 |       "problemMatcher": {
28 |         "owner": "typescript",
29 |         "pattern": "$tsc",
30 |         "background": {
31 |           "activeOnStart": true,
32 |           "beginsPattern": {
33 |             "regexp": "(.*?)"
34 |           },
35 |           "endsPattern": {
36 |             "regexp": "bundle generation complete"
37 |           }
38 |         }
39 |       }
40 |     }
41 |   ]
42 | }
43 | 


--------------------------------------------------------------------------------
/shell/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
 3 |   "version": "2.0.0",
 4 |   "tasks": [
 5 |     {
 6 |       "type": "npm",
 7 |       "script": "start",
 8 |       "isBackground": true,
 9 |       "problemMatcher": {
10 |         "owner": "typescript",
11 |         "pattern": "$tsc",
12 |         "background": {
13 |           "activeOnStart": true,
14 |           "beginsPattern": {
15 |             "regexp": "(.*?)"
16 |           },
17 |           "endsPattern": {
18 |             "regexp": "bundle generation complete"
19 |           }
20 |         }
21 |       }
22 |     },
23 |     {
24 |       "type": "npm",
25 |       "script": "test",
26 |       "isBackground": true,
27 |       "problemMatcher": {
28 |         "owner": "typescript",
29 |         "pattern": "$tsc",
30 |         "background": {
31 |           "activeOnStart": true,
32 |           "beginsPattern": {
33 |             "regexp": "(.*?)"
34 |           },
35 |           "endsPattern": {
36 |             "regexp": "bundle generation complete"
37 |           }
38 |         }
39 |       }
40 |     }
41 |   ]
42 | }
43 | 


--------------------------------------------------------------------------------
/mfe1/tsconfig.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "compileOnSave": false,
 4 |   "compilerOptions": {
 5 |     "baseUrl": "./",
 6 |     "outDir": "./dist/out-tsc",
 7 |     "forceConsistentCasingInFileNames": true,
 8 |     "strict": true,
 9 |     "noImplicitOverride": true,
10 |     "noPropertyAccessFromIndexSignature": true,
11 |     "noImplicitReturns": true,
12 |     "noFallthroughCasesInSwitch": true,
13 |     "sourceMap": true,
14 |     "declaration": false,
15 |     "downlevelIteration": true,
16 |     "experimentalDecorators": true,
17 |     "moduleResolution": "node",
18 |     "importHelpers": true,
19 |     "target": "es2020",
20 |     "module": "es2020",
21 |     "lib": ["es2020", "dom"],
22 |     "paths": {
23 |       "shared": ["../shared/index.ts"]
24 |     }
25 |   },
26 |   "angularCompilerOptions": {
27 |     "enableI18nLegacyMessageIdFormat": false,
28 |     "strictInjectionParameters": true,
29 |     "strictInputAccessModifiers": true,
30 |     "strictTemplates": true
31 |   },
32 |   "references": [
33 |     { "path": "tsconfig.app.json" },
34 |     { "path": "tsconfig.spec.json" }
35 |   ]
36 | }
37 | 


--------------------------------------------------------------------------------
/shell/tsconfig.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "compileOnSave": false,
 4 |   "compilerOptions": {
 5 |     "baseUrl": "./",
 6 |     "outDir": "./dist/out-tsc",
 7 |     "forceConsistentCasingInFileNames": true,
 8 |     "strict": true,
 9 |     "noImplicitOverride": true,
10 |     "noPropertyAccessFromIndexSignature": true,
11 |     "noImplicitReturns": true,
12 |     "noFallthroughCasesInSwitch": true,
13 |     "sourceMap": true,
14 |     "declaration": false,
15 |     "downlevelIteration": true,
16 |     "experimentalDecorators": true,
17 |     "moduleResolution": "node",
18 |     "importHelpers": true,
19 |     "target": "es2020",
20 |     "module": "es2020",
21 |     "lib": ["es2020", "dom"],
22 |     "paths": {
23 |       "shared": ["../shared/index.ts"]
24 |     }
25 |   },
26 |   "angularCompilerOptions": {
27 |     "enableI18nLegacyMessageIdFormat": false,
28 |     "strictInjectionParameters": true,
29 |     "strictInputAccessModifiers": true,
30 |     "strictTemplates": true
31 |   },
32 |   "references": [
33 |     { "path": "tsconfig.app.json" },
34 |     { "path": "tsconfig.spec.json" }
35 |   ]
36 | }
37 | 


--------------------------------------------------------------------------------
/mfe1/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | import { RouterTestingModule } from '@angular/router/testing';
 3 | import { AppComponent } from './app.component';
 4 | 
 5 | describe('AppComponent', () => {
 6 |   beforeEach(async () => {
 7 |     await TestBed.configureTestingModule({
 8 |       imports: [
 9 |         RouterTestingModule,
10 |         AppComponent
11 |       ]
12 |     }).compileComponents();
13 |   });
14 |   
15 |   it('should create the app', () => {
16 |     const fixture = TestBed.createComponent(AppComponent);
17 |     const app = fixture.componentInstance;
18 |     expect(app).toBeTruthy();
19 |   });
20 | 
21 |   it(`should have an initial count of 0`, () => {
22 |     const fixture = TestBed.createComponent(AppComponent);
23 |     const app = fixture.componentInstance;
24 |     expect(app.count).toEqual(0);
25 |   });
26 | 
27 |   it('should render title', () => {
28 |     const fixture = TestBed.createComponent(AppComponent);
29 |     fixture.detectChanges();
30 |     const compiled = fixture.nativeElement as HTMLElement;
31 |     expect(compiled.querySelector('h1')?.textContent).toContain('Vite + Angular');
32 |   });
33 | });
34 | 


--------------------------------------------------------------------------------
/shell/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | import { RouterTestingModule } from '@angular/router/testing';
 3 | import { AppComponent } from './app.component';
 4 | 
 5 | describe('AppComponent', () => {
 6 |   beforeEach(async () => {
 7 |     await TestBed.configureTestingModule({
 8 |       imports: [
 9 |         RouterTestingModule,
10 |         AppComponent
11 |       ]
12 |     }).compileComponents();
13 |   });
14 |   
15 |   it('should create the app', () => {
16 |     const fixture = TestBed.createComponent(AppComponent);
17 |     const app = fixture.componentInstance;
18 |     expect(app).toBeTruthy();
19 |   });
20 | 
21 |   it(`should have an initial count of 0`, () => {
22 |     const fixture = TestBed.createComponent(AppComponent);
23 |     const app = fixture.componentInstance;
24 |     expect(app.count).toEqual(0);
25 |   });
26 | 
27 |   it('should render title', () => {
28 |     const fixture = TestBed.createComponent(AppComponent);
29 |     fixture.detectChanges();
30 |     const compiled = fixture.nativeElement as HTMLElement;
31 |     expect(compiled.querySelector('h1')?.textContent).toContain('Vite + Angular');
32 |   });
33 | });
34 | 


--------------------------------------------------------------------------------
/shell/src/styles.css:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | /* You can add global styles to this file, and also import other style files */
 3 | :root {
 4 |   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
 5 |   font-size: 16px;
 6 |   line-height: 24px;
 7 |   font-weight: 400;
 8 | 
 9 |   color-scheme: light dark;
10 |   color: rgba(255, 255, 255, 0.87);
11 |   background-color: #242424;
12 | 
13 |   font-synthesis: none;
14 |   text-rendering: optimizeLegibility;
15 |   -webkit-font-smoothing: antialiased;
16 |   -moz-osx-font-smoothing: grayscale;
17 |   -webkit-text-size-adjust: 100%;
18 | }
19 | 
20 | a {
21 |   font-weight: 500;
22 |   color: #646cff;
23 |   text-decoration: inherit;
24 | }
25 | a:hover {
26 |   color: #535bf2;
27 | }
28 | 
29 | body {
30 |   margin: 0;
31 |   padding:0px;
32 | }
33 | 
34 | h1 {
35 |   font-size: 3.2em;
36 |   line-height: 1.1;
37 | }
38 | 
39 | .card {
40 |   padding: 2em;
41 | }
42 | 
43 | @media (prefers-color-scheme: light) {
44 |   :root {
45 |     color: #213547;
46 |     background-color: #ffffff;
47 |   }
48 |   a:hover {
49 |     color: #747bff;
50 |   }
51 |   button {
52 |     background-color: #f9f9f9;
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/mfe1/src/styles.css:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | /* You can add global styles to this file, and also import other style files */
 3 | :root {
 4 |   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
 5 |   font-size: 16px;
 6 |   line-height: 24px;
 7 |   font-weight: 400;
 8 | 
 9 |   color-scheme: light dark;
10 |   color: rgba(255, 255, 255, 0.87);
11 |   background-color: #242424;
12 | 
13 |   font-synthesis: none;
14 |   text-rendering: optimizeLegibility;
15 |   -webkit-font-smoothing: antialiased;
16 |   -moz-osx-font-smoothing: grayscale;
17 |   -webkit-text-size-adjust: 100%;
18 | }
19 | 
20 | a {
21 |   font-weight: 500;
22 |   color: #646cff;
23 |   text-decoration: inherit;
24 | }
25 | a:hover {
26 |   color: #535bf2;
27 | }
28 | 
29 | body {
30 |   margin: 0;
31 |   /* display: flex;
32 |   place-items: center; */
33 |   padding:20px;
34 |   /* min-width: 320px;
35 |   min-height: 100vh; */
36 | }
37 | 
38 | h1 {
39 |   font-size: 3.2em;
40 |   line-height: 1.1;
41 | }
42 | 
43 | 
44 | 
45 | .card {
46 |   padding: 2em;
47 | }
48 | 
49 | @media (prefers-color-scheme: light) {
50 |   :root {
51 |     color: #213547;
52 |     background-color: #ffffff;
53 |   }
54 |   a:hover {
55 |     color: #747bff;
56 |   }
57 |   button {
58 |     background-color: #f9f9f9;
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/mfe1/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mfe1",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "engines": {
 6 |     "node": ">=16.0.0"
 7 |   },
 8 |   "scripts": {
 9 |     "dev": "vite",
10 |     "ng": "ng",
11 |     "start": "npm run dev",
12 |     "build": "vite build",
13 |     "watch": "vite build --watch",
14 |     "test": "vitest",
15 |     "postinstall": "vite optimize"
16 |   },
17 |   "dependencies": {
18 |     "@angular/animations": "^14.0.0",
19 |     "@angular/common": "^14.0.0",
20 |     "@angular/compiler": "^14.0.0",
21 |     "@angular/core": "^14.0.0",
22 |     "@angular/forms": "^14.0.0",
23 |     "@angular/platform-browser": "^14.0.0",
24 |     "@angular/platform-browser-dynamic": "^14.0.0",
25 |     "@angular/router": "^14.0.0",
26 |     "@softarc/native-federation": "^1.0.0",
27 |     "@softarc/native-federation-runtime": "^1.0.0",
28 |     "rxjs": "~7.5.6",
29 |     "tslib": "^2.4.0",
30 |     "zone.js": "~0.11.8"
31 |   },
32 |   "devDependencies": {
33 |     "@analogjs/vite-plugin-angular": "latest",
34 |     "@angular-architects/native-federation": "^1.0.0-beta.1",
35 |     "@angular-devkit/build-angular": "^14.0.3",
36 |     "@angular/cli": "~14.0.3",
37 |     "@angular/compiler-cli": "^14.0.0",
38 |     "@gioboa/vite-module-federation": "^0.2.3",
39 |     "@softarc/native-federation-esbuild": "^1.0.0",
40 |     "jsdom": "^20.0.0",
41 |     "typescript": "~4.7.4",
42 |     "vite": "^3.0.9",
43 |     "vitest": "^0.22.1"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/shell/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "shell",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "engines": {
 6 |     "node": ">=16.0.0"
 7 |   },
 8 |   "scripts": {
 9 |     "dev": "vite",
10 |     "ng": "ng",
11 |     "start": "npm run dev",
12 |     "build": "vite build",
13 |     "watch": "vite build --watch",
14 |     "test": "vitest",
15 |     "postinstall": "vite optimize"
16 |   },
17 |   "dependencies": {
18 |     "@angular-architects/native-federation": "^1.0.0-beta.1",
19 |     "@angular/animations": "^14.0.0",
20 |     "@angular/common": "^14.0.0",
21 |     "@angular/compiler": "^14.0.0",
22 |     "@angular/core": "^14.0.0",
23 |     "@angular/forms": "^14.0.0",
24 |     "@angular/platform-browser": "^14.0.0",
25 |     "@angular/platform-browser-dynamic": "^14.0.0",
26 |     "@angular/router": "^14.0.0",
27 |     "@softarc/native-federation": "^1.0.0",
28 |     "@softarc/native-federation-esbuild": "^1.0.0",
29 |     "@softarc/native-federation-runtime": "^1.0.0",
30 |     "rxjs": "~7.5.6",
31 |     "tslib": "^2.4.0",
32 |     "zone.js": "~0.11.8"
33 |   },
34 |   "devDependencies": {
35 |     "@analogjs/vite-plugin-angular": "latest",
36 |     "@angular-devkit/build-angular": "^14.0.3",
37 |     "@angular/cli": "~14.0.3",
38 |     "@angular/compiler-cli": "^14.0.0",
39 |     "@gioboa/vite-module-federation": "^0.2.3",
40 |     "jsdom": "^20.0.0",
41 |     "typescript": "~4.7.4",
42 |     "vite": "^3.0.9",
43 |     "vitest": "^0.22.1"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/mfe1/src/assets/vite.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>


--------------------------------------------------------------------------------
/shell/src/assets/vite.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>


--------------------------------------------------------------------------------
/mfe1/vite.config.ts:
--------------------------------------------------------------------------------
 1 | /// <reference types="vitest" />
 2 | 
 3 | import { defineConfig } from 'vite';
 4 | import angular from '@analogjs/vite-plugin-angular';
 5 | import { federation } from '@gioboa/vite-module-federation';
 6 | import { AngularEsBuildAdapter } from '@angular-architects/native-federation/src/utils/angular-esbuild-adapter';
 7 | 
 8 | // https://vitejs.dev/config/
 9 | export default defineConfig(({ mode, command }) => ({
10 |   root: 'src',
11 |   publicDir: 'assets',
12 |   server: {
13 |     port: 3001,
14 |     open: true,
15 |     fs: {
16 |       // Allowing access to both, project 
17 |       // and shared folder in dev mode
18 |       allow: [
19 |         '.',
20 |         '../../shared' 
21 |       ]
22 |     }
23 |   },
24 |   preview: {
25 |     port: 3001,
26 |     open: true,
27 |   },
28 |   build: {
29 |     outDir: `../dist/my-app`,
30 |     emptyOutDir: true,
31 |     target: 'es2020',
32 |   },
33 |   resolve: {
34 |     mainFields: ['module'],
35 |   },
36 |   plugins: [
37 |     federation({
38 |       options: {
39 |         workspaceRoot: __dirname,
40 |         outputPath: 'dist/my-app',
41 |         tsConfig: 'tsconfig.app.json',
42 |         federationConfig: 'federation.config.cjs',
43 |         verbose: false,
44 |         dev: command === 'serve',
45 |       },
46 |       adapter: AngularEsBuildAdapter,
47 |     }),
48 |     angular()
49 |   ],
50 |   test: {
51 |     globals: true,
52 |     environment: 'jsdom',
53 |     setupFiles: ['test.ts'],
54 |     include: ['**/*.spec.ts'],
55 |     cache: {
56 |       dir: `../node_modules/.vitest`,
57 |     },
58 |   },
59 |   define: {
60 |     'import.meta.vitest': mode !== 'production',
61 |   },
62 | }));
63 | 


--------------------------------------------------------------------------------
/shell/vite.config.ts:
--------------------------------------------------------------------------------
 1 | /// <reference types="vitest" />
 2 | 
 3 | import { defineConfig } from 'vite';
 4 | import angular from '@analogjs/vite-plugin-angular';
 5 | import { federation } from '@gioboa/vite-module-federation';
 6 | import { AngularEsBuildAdapter } from '@angular-architects/native-federation/src/utils/angular-esbuild-adapter';
 7 | 
 8 | 
 9 | // https://vitejs.dev/config/
10 | export default defineConfig(({ mode, command }) => ({
11 |   root: 'src',
12 |   publicDir: 'assets',
13 |   server: {
14 |     port: 3000,
15 |     open: true,
16 |     fs: {
17 |       // Allowing access to both, project 
18 |       // and shared folder in dev mode
19 |       allow: [
20 |         '.',
21 |         '../../shared' 
22 |       ]
23 |     }
24 |   },
25 |   preview: {
26 |     port: 3000,
27 |     open: true,
28 |   },
29 |   build: {
30 |     outDir: `../dist/my-app`,
31 |     emptyOutDir: true,
32 |     target: 'es2020',
33 |   },
34 |   resolve: {
35 |     mainFields: ['module'],
36 |   },
37 |   plugins: [
38 |     federation({
39 |       options: {
40 |         workspaceRoot: __dirname,
41 |         outputPath: 'dist/my-app',
42 |         tsConfig: 'tsconfig.app.json',
43 |         federationConfig: 'federation.config.cjs',
44 |         verbose: false,
45 |         dev: command === 'serve',
46 |       },
47 |       adapter: AngularEsBuildAdapter,
48 |     }),
49 |     angular(),
50 |   ],
51 |   test: {
52 |     globals: true,
53 |     environment: 'jsdom',
54 |     setupFiles: ['test.ts'],
55 |     include: ['**/*.spec.ts'],
56 |     cache: {
57 |       dir: `../node_modules/.vitest`,
58 |     },
59 |   },
60 |   define: {
61 |     'import.meta.vitest': mode !== 'production',
62 |   },
63 | }));
64 | 


--------------------------------------------------------------------------------
/mfe1/src/polyfills.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file includes polyfills needed by Angular and is loaded before the app.
 3 |  * You can add your own extra polyfills to this file.
 4 |  *
 5 |  * This file is divided into 2 sections:
 6 |  *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
 7 |  *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
 8 |  *      file.
 9 |  *
10 |  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 |  * automatically update themselves. This includes recent versions of Safari, Chrome (including
12 |  * Opera), Edge on the desktop, and iOS and Chrome on mobile.
13 |  *
14 |  * Learn more in https://angular.io/guide/browser-support
15 |  */
16 | 
17 | /***************************************************************************************************
18 |  * BROWSER POLYFILLS
19 |  */
20 | 
21 | /**
22 |  * By default, zone.js will patch all possible macroTask and DomEvents
23 |  * user can disable parts of macroTask/DomEvents patch by setting following flags
24 |  * because those flags need to be set before `zone.js` being loaded, and webpack
25 |  * will put import in the top of bundle, so user need to create a separate file
26 |  * in this directory (for example: zone-flags.ts), and put the following flags
27 |  * into that file, and then add the following code before importing zone.js.
28 |  * import './zone-flags';
29 |  *
30 |  * The flags allowed in zone-flags.ts are listed here.
31 |  *
32 |  * The following flags will work for all browsers.
33 |  *
34 |  * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
35 |  * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
36 |  * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
37 |  *
38 |  *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
39 |  *  with the following flag, it will bypass `zone.js` patch for IE/Edge
40 |  *
41 |  *  (window as any).__Zone_enable_cross_context_check = true;
42 |  *
43 |  */
44 | 
45 | /***************************************************************************************************
46 |  * Zone JS is required by default for Angular itself.
47 |  */
48 | import 'zone.js';  // Included with Angular CLI.
49 | 
50 | 
51 | /***************************************************************************************************
52 |  * APPLICATION IMPORTS
53 |  */
54 | 


--------------------------------------------------------------------------------
/shell/src/polyfills.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file includes polyfills needed by Angular and is loaded before the app.
 3 |  * You can add your own extra polyfills to this file.
 4 |  *
 5 |  * This file is divided into 2 sections:
 6 |  *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
 7 |  *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
 8 |  *      file.
 9 |  *
10 |  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 |  * automatically update themselves. This includes recent versions of Safari, Chrome (including
12 |  * Opera), Edge on the desktop, and iOS and Chrome on mobile.
13 |  *
14 |  * Learn more in https://angular.io/guide/browser-support
15 |  */
16 | 
17 | /***************************************************************************************************
18 |  * BROWSER POLYFILLS
19 |  */
20 | 
21 | /**
22 |  * By default, zone.js will patch all possible macroTask and DomEvents
23 |  * user can disable parts of macroTask/DomEvents patch by setting following flags
24 |  * because those flags need to be set before `zone.js` being loaded, and webpack
25 |  * will put import in the top of bundle, so user need to create a separate file
26 |  * in this directory (for example: zone-flags.ts), and put the following flags
27 |  * into that file, and then add the following code before importing zone.js.
28 |  * import './zone-flags';
29 |  *
30 |  * The flags allowed in zone-flags.ts are listed here.
31 |  *
32 |  * The following flags will work for all browsers.
33 |  *
34 |  * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
35 |  * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
36 |  * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
37 |  *
38 |  *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
39 |  *  with the following flag, it will bypass `zone.js` patch for IE/Edge
40 |  *
41 |  *  (window as any).__Zone_enable_cross_context_check = true;
42 |  *
43 |  */
44 | 
45 | /***************************************************************************************************
46 |  * Zone JS is required by default for Angular itself.
47 |  */
48 | import 'zone.js';  // Included with Angular CLI.
49 | 
50 | 
51 | /***************************************************************************************************
52 |  * APPLICATION IMPORTS
53 |  */
54 | 


--------------------------------------------------------------------------------
/mfe1/src/assets/analog.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="564" zoomAndPan="magnify" viewBox="0 0 422.88 343.499995" height="458" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 127.296875 75.375 L 347.570312 75.375 L 347.570312 267.527344 L 127.296875 267.527344 Z M 127.296875 75.375 " clip-rule="nonzero"/></clipPath><clipPath id="id2"><path d="M 75.871094 104 L 263.335938 104 L 263.335938 268.03125 L 75.871094 268.03125 Z M 75.871094 104 " clip-rule="nonzero"/></clipPath><clipPath id="id3"><path d="M 105 169.023438 L 315 169.023438 L 315 256.898438 L 105 256.898438 Z M 105 169.023438 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="#c30f2e" d="M 237.433594 75.378906 L 347.570312 267.527344 L 127.296875 267.527344 L 237.433594 75.378906 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#id2)"><path fill="#dd0330" d="M 169.601562 104 L 263.332031 268.03125 L 75.871094 268.03125 L 169.601562 104 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#ffffff" d="M 328.894531 218.96875 L 95.152344 218.96875 L 95.152344 216.402344 L 328.894531 216.402344 L 328.894531 218.96875 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#id3)"><path fill="#ffffff" d="M 292.785156 256.511719 C 291.871094 256.511719 291.011719 256.132812 290.292969 255.414062 C 286 251.101562 285.8125 233.566406 286.019531 207.304688 C 286.136719 192.953125 286.292969 173.296875 284.003906 171.746094 C 281.769531 172.671875 281.546875 188.910156 281.402344 199.660156 C 281.230469 212.167969 281.054688 225.109375 279.023438 231.699219 C 278.417969 233.652344 277.636719 235.441406 276.066406 235.296875 C 273.851562 235.101562 273.136719 231.605469 271.484375 217.808594 C 270.796875 212.078125 270.085938 206.15625 269.253906 203.863281 C 269.144531 203.574219 269.050781 203.34375 268.96875 203.164062 C 268.082031 205.167969 267.058594 210.675781 266.347656 214.5 C 265.363281 219.78125 264.433594 224.769531 263.269531 226.945312 C 262.371094 228.617188 260.945312 230.796875 258.953125 230.375 C 256.238281 229.804688 255.425781 224.332031 255.183594 221.121094 C 255.183594 194.105469 251.648438 190.960938 250.941406 190.605469 L 250.828125 190.691406 L 250.65625 190.652344 C 248.132812 191.753906 247.996094 200.515625 247.867188 208.988281 C 247.765625 215.203125 247.65625 222.246094 246.75 228.835938 C 245.574219 237.378906 244.152344 239.027344 242.382812 238.925781 C 238.308594 238.648438 238.191406 224.617188 238.191406 223.019531 C 238.191406 222.519531 238.203125 221.929688 238.21875 221.277344 C 238.296875 218.011719 238.4375 211.9375 236.429688 210.023438 C 236.164062 209.769531 235.789062 209.476562 235.496094 209.558594 C 234.066406 209.917969 232.582031 214.5625 232.089844 216.089844 C 231.933594 216.574219 231.808594 216.972656 231.703125 217.246094 C 231.621094 217.472656 231.515625 217.792969 231.390625 218.179688 C 230.308594 221.464844 229.078125 224.742188 226.976562 225.550781 C 226.199219 225.851562 225.386719 225.785156 224.625 225.355469 C 223.613281 224.78125 222.789062 223.609375 222.019531 221.660156 C 221.597656 220.582031 221.238281 219.488281 220.871094 218.390625 C 220.425781 217.050781 219.96875 215.664062 219.402344 214.347656 C 218.957031 213.324219 217.847656 212.863281 216.433594 213.113281 C 213.496094 213.636719 213.003906 216.605469 212.589844 221.074219 C 212.515625 221.851562 212.445312 222.613281 212.347656 223.332031 C 212.335938 223.542969 211.816406 230.101562 211.484375 232.1875 C 210.566406 237.90625 209.359375 240.160156 207.355469 239.996094 C 202.410156 239.574219 200.140625 217.882812 200.261719 208.71875 C 200.355469 201.722656 199.089844 199.167969 198.332031 198.761719 C 198.253906 198.726562 198.132812 198.660156 197.84375 198.863281 C 196.949219 199.46875 196.152344 201.355469 196.398438 203.335938 C 199.121094 224.902344 197.113281 249.601562 192.195312 255.164062 C 190.644531 256.914062 188.535156 256.890625 187.066406 255.414062 C 182.769531 251.101562 182.589844 233.566406 182.792969 207.304688 C 182.910156 192.953125 183.0625 173.296875 180.777344 171.746094 C 178.542969 172.671875 178.324219 188.910156 178.175781 199.660156 C 178.003906 212.167969 177.828125 225.109375 175.792969 231.699219 C 175.1875 233.652344 174.40625 235.441406 172.839844 235.296875 C 170.621094 235.101562 169.910156 231.605469 168.253906 217.808594 C 167.566406 212.078125 166.855469 206.15625 166.023438 203.863281 C 165.917969 203.574219 165.824219 203.34375 165.738281 203.164062 C 164.855469 205.167969 163.832031 210.675781 163.121094 214.5 C 162.136719 219.78125 161.207031 224.769531 160.039062 226.945312 C 159.140625 228.617188 157.714844 230.796875 155.726562 230.375 C 153.011719 229.804688 152.199219 224.332031 151.957031 221.121094 C 151.953125 194.105469 148.421875 190.960938 147.714844 190.605469 L 147.601562 190.691406 L 147.425781 190.652344 C 144.90625 191.753906 144.769531 200.515625 144.636719 208.988281 C 144.539062 215.203125 144.429688 222.246094 143.523438 228.835938 C 142.347656 237.378906 140.9375 239.042969 139.160156 238.925781 C 135.078125 238.648438 134.960938 224.617188 134.960938 223.019531 C 134.960938 222.519531 134.976562 221.929688 134.992188 221.277344 C 135.070312 218.011719 135.210938 211.9375 133.203125 210.023438 C 132.9375 209.769531 132.5625 209.476562 132.269531 209.558594 C 130.839844 209.917969 129.351562 214.5625 128.867188 216.089844 C 128.710938 216.570312 128.578125 216.972656 128.480469 217.246094 C 128.394531 217.46875 128.289062 217.789062 128.164062 218.175781 C 127.082031 221.460938 125.851562 224.742188 123.753906 225.550781 C 122.972656 225.851562 122.15625 225.785156 121.398438 225.355469 C 120.386719 224.78125 119.558594 223.609375 118.792969 221.660156 C 118.371094 220.582031 118.007812 219.488281 117.644531 218.390625 C 117.199219 217.050781 116.738281 215.664062 116.171875 214.347656 C 115.730469 213.324219 114.617188 212.863281 113.203125 213.113281 C 109.820312 213.714844 109.019531 217.910156 108.375 222.917969 L 108.261719 223.808594 L 105.703125 223.46875 L 105.824219 222.59375 C 106.382812 218.203125 107.234375 211.566406 112.753906 210.589844 C 115.351562 210.128906 117.621094 211.207031 118.535156 213.332031 C 119.148438 214.753906 119.628906 216.191406 120.089844 217.585938 C 120.433594 218.636719 120.785156 219.6875 121.191406 220.726562 C 121.90625 222.539062 122.460938 223.007812 122.667969 223.121094 C 123.960938 222.71875 125.28125 218.699219 125.71875 217.375 C 125.855469 216.949219 125.972656 216.597656 126.066406 216.347656 C 126.15625 216.101562 126.273438 215.742188 126.414062 215.308594 C 127.578125 211.667969 129.039062 207.726562 131.632812 207.070312 C 132.425781 206.867188 133.652344 206.894531 134.984375 208.167969 C 137.8125 210.867188 137.664062 217.167969 137.566406 221.339844 C 137.550781 221.964844 137.535156 222.535156 137.535156 223.019531 C 137.535156 229.675781 138.523438 234.328125 139.277344 235.925781 C 139.667969 235.109375 140.335938 233.132812 140.972656 228.488281 C 141.855469 222.050781 141.96875 215.089844 142.0625 208.949219 C 142.234375 198.082031 142.355469 190.203125 146.289062 188.351562 C 146.875 187.992188 147.847656 187.796875 148.875 188.316406 C 152.679688 190.230469 154.527344 200.929688 154.527344 221.023438 C 154.765625 224.128906 155.601562 227.398438 156.289062 227.867188 C 156.292969 227.796875 156.851562 227.453125 157.769531 225.734375 C 158.75 223.910156 159.726562 218.660156 160.585938 214.03125 C 162.488281 203.828125 163.351562 200.246094 165.601562 200.058594 C 167.316406 199.890625 168.109375 202.070312 168.441406 202.988281 C 169.378906 205.558594 170.074219 211.359375 170.808594 217.503906 C 171.382812 222.269531 172.199219 229.074219 173.03125 231.828125 C 173.121094 231.585938 173.222656 231.296875 173.332031 230.941406 C 175.257812 224.703125 175.433594 211.957031 175.601562 199.625 C 175.835938 182.496094 176.136719 171.882812 179.261719 169.667969 C 179.957031 169.175781 180.804688 169.054688 181.632812 169.332031 C 185.292969 170.546875 185.574219 181.277344 185.367188 207.328125 C 185.21875 226.21875 185.035156 249.730469 188.894531 253.605469 C 189.230469 253.945312 189.46875 253.945312 189.554688 253.945312 C 189.734375 253.945312 189.992188 253.773438 190.265625 253.464844 C 194.171875 249.046875 196.644531 225.847656 193.84375 203.660156 C 193.496094 200.898438 194.5625 197.996094 196.382812 196.746094 C 197.386719 196.054688 198.542969 195.964844 199.542969 196.5 C 201.820312 197.710938 202.925781 201.832031 202.835938 208.753906 C 202.675781 220.839844 205.578125 234.984375 207.472656 237.242188 C 207.773438 236.742188 208.367188 235.371094 208.9375 231.78125 C 209.257812 229.796875 209.785156 223.128906 209.792969 223.0625 C 209.886719 222.308594 209.957031 221.578125 210.023438 220.835938 C 210.414062 216.671875 210.894531 211.492188 215.980469 210.589844 C 218.574219 210.128906 220.84375 211.203125 221.761719 213.332031 C 222.375 214.753906 222.851562 216.191406 223.3125 217.585938 C 223.664062 218.636719 224.015625 219.6875 224.421875 220.726562 C 225.132812 222.539062 225.691406 223.007812 225.894531 223.121094 C 227.1875 222.71875 228.511719 218.699219 228.945312 217.378906 C 229.085938 216.953125 229.203125 216.597656 229.292969 216.347656 C 229.386719 216.105469 229.5 215.742188 229.636719 215.308594 C 230.804688 211.667969 232.265625 207.726562 234.863281 207.070312 C 235.648438 206.867188 236.878906 206.894531 238.210938 208.167969 C 241.039062 210.867188 240.890625 217.167969 240.796875 221.339844 C 240.777344 221.964844 240.761719 222.535156 240.761719 223.019531 C 240.761719 229.675781 241.75 234.328125 242.503906 235.925781 C 242.890625 235.109375 243.558594 233.132812 244.203125 228.488281 C 245.085938 222.050781 245.191406 215.089844 245.292969 208.949219 C 245.460938 198.082031 245.582031 190.203125 249.515625 188.351562 C 250.101562 187.992188 251.074219 187.796875 252.105469 188.316406 C 255.90625 190.230469 257.757812 200.929688 257.757812 221.023438 C 257.996094 224.128906 258.832031 227.398438 259.515625 227.867188 C 259.523438 227.796875 260.074219 227.453125 261 225.734375 C 261.980469 223.910156 262.953125 218.660156 263.816406 214.03125 C 265.710938 203.828125 266.578125 200.246094 268.828125 200.058594 C 270.546875 199.890625 271.339844 202.070312 271.671875 202.988281 C 272.605469 205.558594 273.300781 211.359375 274.042969 217.503906 C 274.609375 222.269531 275.425781 229.074219 276.261719 231.828125 C 276.347656 231.585938 276.449219 231.296875 276.558594 230.941406 C 278.484375 224.703125 278.65625 211.957031 278.828125 199.625 C 279.058594 182.496094 279.363281 171.882812 282.488281 169.667969 C 283.1875 169.175781 284.03125 169.054688 284.859375 169.332031 C 288.523438 170.546875 288.804688 181.277344 288.59375 207.328125 C 288.445312 226.21875 288.261719 249.730469 292.117188 253.605469 C 292.460938 253.945312 292.695312 253.945312 292.785156 253.945312 C 292.960938 253.945312 293.21875 253.773438 293.488281 253.464844 C 297.402344 249.046875 299.871094 225.847656 297.070312 203.660156 C 296.707031 200.769531 297.527344 197.855469 299.023438 196.734375 C 299.777344 196.164062 300.695312 196.046875 301.539062 196.402344 C 303.71875 197.332031 305.195312 201.316406 306.054688 208.589844 C 306.414062 211.636719 306.734375 214.929688 307.042969 218.179688 C 307.722656 225.273438 308.644531 234.832031 309.890625 236.933594 C 310.273438 236.445312 311.054688 235.125 312.214844 231.585938 L 314.664062 232.386719 C 312.863281 237.859375 311.453125 239.921875 309.617188 239.710938 C 306.761719 239.394531 305.9375 233.625 304.480469 218.425781 C 304.171875 215.191406 303.855469 211.917969 303.496094 208.886719 C 302.402344 199.609375 300.542969 198.769531 300.523438 198.761719 C 300.160156 198.945312 299.316406 200.875 299.628906 203.335938 C 302.34375 224.902344 300.34375 249.605469 295.421875 255.164062 C 294.628906 256.058594 293.738281 256.511719 292.785156 256.511719 " fill-opacity="1" fill-rule="nonzero"/></g></svg>


--------------------------------------------------------------------------------
/shell/src/assets/analog.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="564" zoomAndPan="magnify" viewBox="0 0 422.88 343.499995" height="458" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 127.296875 75.375 L 347.570312 75.375 L 347.570312 267.527344 L 127.296875 267.527344 Z M 127.296875 75.375 " clip-rule="nonzero"/></clipPath><clipPath id="id2"><path d="M 75.871094 104 L 263.335938 104 L 263.335938 268.03125 L 75.871094 268.03125 Z M 75.871094 104 " clip-rule="nonzero"/></clipPath><clipPath id="id3"><path d="M 105 169.023438 L 315 169.023438 L 315 256.898438 L 105 256.898438 Z M 105 169.023438 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="#c30f2e" d="M 237.433594 75.378906 L 347.570312 267.527344 L 127.296875 267.527344 L 237.433594 75.378906 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#id2)"><path fill="#dd0330" d="M 169.601562 104 L 263.332031 268.03125 L 75.871094 268.03125 L 169.601562 104 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#ffffff" d="M 328.894531 218.96875 L 95.152344 218.96875 L 95.152344 216.402344 L 328.894531 216.402344 L 328.894531 218.96875 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#id3)"><path fill="#ffffff" d="M 292.785156 256.511719 C 291.871094 256.511719 291.011719 256.132812 290.292969 255.414062 C 286 251.101562 285.8125 233.566406 286.019531 207.304688 C 286.136719 192.953125 286.292969 173.296875 284.003906 171.746094 C 281.769531 172.671875 281.546875 188.910156 281.402344 199.660156 C 281.230469 212.167969 281.054688 225.109375 279.023438 231.699219 C 278.417969 233.652344 277.636719 235.441406 276.066406 235.296875 C 273.851562 235.101562 273.136719 231.605469 271.484375 217.808594 C 270.796875 212.078125 270.085938 206.15625 269.253906 203.863281 C 269.144531 203.574219 269.050781 203.34375 268.96875 203.164062 C 268.082031 205.167969 267.058594 210.675781 266.347656 214.5 C 265.363281 219.78125 264.433594 224.769531 263.269531 226.945312 C 262.371094 228.617188 260.945312 230.796875 258.953125 230.375 C 256.238281 229.804688 255.425781 224.332031 255.183594 221.121094 C 255.183594 194.105469 251.648438 190.960938 250.941406 190.605469 L 250.828125 190.691406 L 250.65625 190.652344 C 248.132812 191.753906 247.996094 200.515625 247.867188 208.988281 C 247.765625 215.203125 247.65625 222.246094 246.75 228.835938 C 245.574219 237.378906 244.152344 239.027344 242.382812 238.925781 C 238.308594 238.648438 238.191406 224.617188 238.191406 223.019531 C 238.191406 222.519531 238.203125 221.929688 238.21875 221.277344 C 238.296875 218.011719 238.4375 211.9375 236.429688 210.023438 C 236.164062 209.769531 235.789062 209.476562 235.496094 209.558594 C 234.066406 209.917969 232.582031 214.5625 232.089844 216.089844 C 231.933594 216.574219 231.808594 216.972656 231.703125 217.246094 C 231.621094 217.472656 231.515625 217.792969 231.390625 218.179688 C 230.308594 221.464844 229.078125 224.742188 226.976562 225.550781 C 226.199219 225.851562 225.386719 225.785156 224.625 225.355469 C 223.613281 224.78125 222.789062 223.609375 222.019531 221.660156 C 221.597656 220.582031 221.238281 219.488281 220.871094 218.390625 C 220.425781 217.050781 219.96875 215.664062 219.402344 214.347656 C 218.957031 213.324219 217.847656 212.863281 216.433594 213.113281 C 213.496094 213.636719 213.003906 216.605469 212.589844 221.074219 C 212.515625 221.851562 212.445312 222.613281 212.347656 223.332031 C 212.335938 223.542969 211.816406 230.101562 211.484375 232.1875 C 210.566406 237.90625 209.359375 240.160156 207.355469 239.996094 C 202.410156 239.574219 200.140625 217.882812 200.261719 208.71875 C 200.355469 201.722656 199.089844 199.167969 198.332031 198.761719 C 198.253906 198.726562 198.132812 198.660156 197.84375 198.863281 C 196.949219 199.46875 196.152344 201.355469 196.398438 203.335938 C 199.121094 224.902344 197.113281 249.601562 192.195312 255.164062 C 190.644531 256.914062 188.535156 256.890625 187.066406 255.414062 C 182.769531 251.101562 182.589844 233.566406 182.792969 207.304688 C 182.910156 192.953125 183.0625 173.296875 180.777344 171.746094 C 178.542969 172.671875 178.324219 188.910156 178.175781 199.660156 C 178.003906 212.167969 177.828125 225.109375 175.792969 231.699219 C 175.1875 233.652344 174.40625 235.441406 172.839844 235.296875 C 170.621094 235.101562 169.910156 231.605469 168.253906 217.808594 C 167.566406 212.078125 166.855469 206.15625 166.023438 203.863281 C 165.917969 203.574219 165.824219 203.34375 165.738281 203.164062 C 164.855469 205.167969 163.832031 210.675781 163.121094 214.5 C 162.136719 219.78125 161.207031 224.769531 160.039062 226.945312 C 159.140625 228.617188 157.714844 230.796875 155.726562 230.375 C 153.011719 229.804688 152.199219 224.332031 151.957031 221.121094 C 151.953125 194.105469 148.421875 190.960938 147.714844 190.605469 L 147.601562 190.691406 L 147.425781 190.652344 C 144.90625 191.753906 144.769531 200.515625 144.636719 208.988281 C 144.539062 215.203125 144.429688 222.246094 143.523438 228.835938 C 142.347656 237.378906 140.9375 239.042969 139.160156 238.925781 C 135.078125 238.648438 134.960938 224.617188 134.960938 223.019531 C 134.960938 222.519531 134.976562 221.929688 134.992188 221.277344 C 135.070312 218.011719 135.210938 211.9375 133.203125 210.023438 C 132.9375 209.769531 132.5625 209.476562 132.269531 209.558594 C 130.839844 209.917969 129.351562 214.5625 128.867188 216.089844 C 128.710938 216.570312 128.578125 216.972656 128.480469 217.246094 C 128.394531 217.46875 128.289062 217.789062 128.164062 218.175781 C 127.082031 221.460938 125.851562 224.742188 123.753906 225.550781 C 122.972656 225.851562 122.15625 225.785156 121.398438 225.355469 C 120.386719 224.78125 119.558594 223.609375 118.792969 221.660156 C 118.371094 220.582031 118.007812 219.488281 117.644531 218.390625 C 117.199219 217.050781 116.738281 215.664062 116.171875 214.347656 C 115.730469 213.324219 114.617188 212.863281 113.203125 213.113281 C 109.820312 213.714844 109.019531 217.910156 108.375 222.917969 L 108.261719 223.808594 L 105.703125 223.46875 L 105.824219 222.59375 C 106.382812 218.203125 107.234375 211.566406 112.753906 210.589844 C 115.351562 210.128906 117.621094 211.207031 118.535156 213.332031 C 119.148438 214.753906 119.628906 216.191406 120.089844 217.585938 C 120.433594 218.636719 120.785156 219.6875 121.191406 220.726562 C 121.90625 222.539062 122.460938 223.007812 122.667969 223.121094 C 123.960938 222.71875 125.28125 218.699219 125.71875 217.375 C 125.855469 216.949219 125.972656 216.597656 126.066406 216.347656 C 126.15625 216.101562 126.273438 215.742188 126.414062 215.308594 C 127.578125 211.667969 129.039062 207.726562 131.632812 207.070312 C 132.425781 206.867188 133.652344 206.894531 134.984375 208.167969 C 137.8125 210.867188 137.664062 217.167969 137.566406 221.339844 C 137.550781 221.964844 137.535156 222.535156 137.535156 223.019531 C 137.535156 229.675781 138.523438 234.328125 139.277344 235.925781 C 139.667969 235.109375 140.335938 233.132812 140.972656 228.488281 C 141.855469 222.050781 141.96875 215.089844 142.0625 208.949219 C 142.234375 198.082031 142.355469 190.203125 146.289062 188.351562 C 146.875 187.992188 147.847656 187.796875 148.875 188.316406 C 152.679688 190.230469 154.527344 200.929688 154.527344 221.023438 C 154.765625 224.128906 155.601562 227.398438 156.289062 227.867188 C 156.292969 227.796875 156.851562 227.453125 157.769531 225.734375 C 158.75 223.910156 159.726562 218.660156 160.585938 214.03125 C 162.488281 203.828125 163.351562 200.246094 165.601562 200.058594 C 167.316406 199.890625 168.109375 202.070312 168.441406 202.988281 C 169.378906 205.558594 170.074219 211.359375 170.808594 217.503906 C 171.382812 222.269531 172.199219 229.074219 173.03125 231.828125 C 173.121094 231.585938 173.222656 231.296875 173.332031 230.941406 C 175.257812 224.703125 175.433594 211.957031 175.601562 199.625 C 175.835938 182.496094 176.136719 171.882812 179.261719 169.667969 C 179.957031 169.175781 180.804688 169.054688 181.632812 169.332031 C 185.292969 170.546875 185.574219 181.277344 185.367188 207.328125 C 185.21875 226.21875 185.035156 249.730469 188.894531 253.605469 C 189.230469 253.945312 189.46875 253.945312 189.554688 253.945312 C 189.734375 253.945312 189.992188 253.773438 190.265625 253.464844 C 194.171875 249.046875 196.644531 225.847656 193.84375 203.660156 C 193.496094 200.898438 194.5625 197.996094 196.382812 196.746094 C 197.386719 196.054688 198.542969 195.964844 199.542969 196.5 C 201.820312 197.710938 202.925781 201.832031 202.835938 208.753906 C 202.675781 220.839844 205.578125 234.984375 207.472656 237.242188 C 207.773438 236.742188 208.367188 235.371094 208.9375 231.78125 C 209.257812 229.796875 209.785156 223.128906 209.792969 223.0625 C 209.886719 222.308594 209.957031 221.578125 210.023438 220.835938 C 210.414062 216.671875 210.894531 211.492188 215.980469 210.589844 C 218.574219 210.128906 220.84375 211.203125 221.761719 213.332031 C 222.375 214.753906 222.851562 216.191406 223.3125 217.585938 C 223.664062 218.636719 224.015625 219.6875 224.421875 220.726562 C 225.132812 222.539062 225.691406 223.007812 225.894531 223.121094 C 227.1875 222.71875 228.511719 218.699219 228.945312 217.378906 C 229.085938 216.953125 229.203125 216.597656 229.292969 216.347656 C 229.386719 216.105469 229.5 215.742188 229.636719 215.308594 C 230.804688 211.667969 232.265625 207.726562 234.863281 207.070312 C 235.648438 206.867188 236.878906 206.894531 238.210938 208.167969 C 241.039062 210.867188 240.890625 217.167969 240.796875 221.339844 C 240.777344 221.964844 240.761719 222.535156 240.761719 223.019531 C 240.761719 229.675781 241.75 234.328125 242.503906 235.925781 C 242.890625 235.109375 243.558594 233.132812 244.203125 228.488281 C 245.085938 222.050781 245.191406 215.089844 245.292969 208.949219 C 245.460938 198.082031 245.582031 190.203125 249.515625 188.351562 C 250.101562 187.992188 251.074219 187.796875 252.105469 188.316406 C 255.90625 190.230469 257.757812 200.929688 257.757812 221.023438 C 257.996094 224.128906 258.832031 227.398438 259.515625 227.867188 C 259.523438 227.796875 260.074219 227.453125 261 225.734375 C 261.980469 223.910156 262.953125 218.660156 263.816406 214.03125 C 265.710938 203.828125 266.578125 200.246094 268.828125 200.058594 C 270.546875 199.890625 271.339844 202.070312 271.671875 202.988281 C 272.605469 205.558594 273.300781 211.359375 274.042969 217.503906 C 274.609375 222.269531 275.425781 229.074219 276.261719 231.828125 C 276.347656 231.585938 276.449219 231.296875 276.558594 230.941406 C 278.484375 224.703125 278.65625 211.957031 278.828125 199.625 C 279.058594 182.496094 279.363281 171.882812 282.488281 169.667969 C 283.1875 169.175781 284.03125 169.054688 284.859375 169.332031 C 288.523438 170.546875 288.804688 181.277344 288.59375 207.328125 C 288.445312 226.21875 288.261719 249.730469 292.117188 253.605469 C 292.460938 253.945312 292.695312 253.945312 292.785156 253.945312 C 292.960938 253.945312 293.21875 253.773438 293.488281 253.464844 C 297.402344 249.046875 299.871094 225.847656 297.070312 203.660156 C 296.707031 200.769531 297.527344 197.855469 299.023438 196.734375 C 299.777344 196.164062 300.695312 196.046875 301.539062 196.402344 C 303.71875 197.332031 305.195312 201.316406 306.054688 208.589844 C 306.414062 211.636719 306.734375 214.929688 307.042969 218.179688 C 307.722656 225.273438 308.644531 234.832031 309.890625 236.933594 C 310.273438 236.445312 311.054688 235.125 312.214844 231.585938 L 314.664062 232.386719 C 312.863281 237.859375 311.453125 239.921875 309.617188 239.710938 C 306.761719 239.394531 305.9375 233.625 304.480469 218.425781 C 304.171875 215.191406 303.855469 211.917969 303.496094 208.886719 C 302.402344 199.609375 300.542969 198.769531 300.523438 198.761719 C 300.160156 198.945312 299.316406 200.875 299.628906 203.335938 C 302.34375 224.902344 300.34375 249.605469 295.421875 255.164062 C 294.628906 256.058594 293.738281 256.511719 292.785156 256.511719 " fill-opacity="1" fill-rule="nonzero"/></g></svg>


--------------------------------------------------------------------------------