-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(angular): add module-federation-dev-server builder
- Loading branch information
Showing
6 changed files
with
333 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
70 changes: 70 additions & 0 deletions
70
...es/angular/src/builders/module-federation-dev-server/module-federation-dev-server.impl.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| import type { Schema } from './schema'; | ||
| import { ExecutorContext, Workspaces } from '@nrwl/devkit'; | ||
| import { scheduleTarget } from 'nx/src/adapter/ngcli-adapter'; | ||
| import { BuilderContext, createBuilder } from '@angular-devkit/architect'; | ||
| import { JsonObject } from '@angular-devkit/core'; | ||
| import { join } from 'path'; | ||
| import { webpackServer } from '../webpack-server/webpack-server.impl'; | ||
|
|
||
| export function moduleFederationDevServer( | ||
| schema: Schema, | ||
| context: BuilderContext | ||
| ) { | ||
| const workspaces = new Workspaces(context.workspaceRoot); | ||
| const workspaceConfig = workspaces.readWorkspaceConfiguration(); | ||
| const executorContext: ExecutorContext = { | ||
| root: context.workspaceRoot, | ||
| projectName: context.target.project, | ||
| targetName: context.target.target, | ||
| configurationName: context.target.configuration, | ||
| workspace: workspaceConfig, | ||
| cwd: process.cwd(), | ||
| isVerbose: false, | ||
| }; | ||
| if (context.target && context.target.project && context.target.target) { | ||
| executorContext.target = | ||
| workspaceConfig.projects[context.target.project].targets[ | ||
| context.target.target | ||
| ]; | ||
| } | ||
|
|
||
| const p = workspaceConfig.projects[context.target.project]; | ||
|
|
||
| const mfeConfigPath = join(context.workspaceRoot, p.root, 'mfe.config.js'); | ||
|
|
||
| let mfeConfig: { remotes: string[] }; | ||
| try { | ||
| mfeConfig = require(mfeConfigPath); | ||
| } catch { | ||
| throw new Error( | ||
| `Could not load ${mfeConfigPath}. Was this project generated with "@nrwl/angular:host"?` | ||
| ); | ||
| } | ||
|
|
||
| const { apps, ...options } = schema; | ||
| const unparsedRemotes = | ||
| apps.length > 0 | ||
| ? apps | ||
| : mfeConfig.remotes.length > 0 | ||
| ? mfeConfig.remotes | ||
| : []; | ||
| const remotes = unparsedRemotes.map((a) => (Array.isArray(a) ? a[0] : a)); | ||
|
|
||
| for (const remote of remotes) { | ||
| scheduleTarget( | ||
| context.workspaceRoot, | ||
| { | ||
| project: remote, | ||
| target: 'serve', | ||
| configuration: context.target.configuration, | ||
| runOptions: {}, | ||
| executor: context.builder.builderName, | ||
| }, | ||
| options.verbose | ||
| ); | ||
| } | ||
|
|
||
| return webpackServer(options, context); | ||
| } | ||
|
|
||
| export default createBuilder<JsonObject & Schema>(moduleFederationDevServer); |
21 changes: 21 additions & 0 deletions
21
packages/angular/src/builders/module-federation-dev-server/schema.d.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| export interface Schema { | ||
| browserTarget: string; | ||
| port: number; | ||
| host: string; | ||
| proxyConfig?: string; | ||
| ssl: boolean; | ||
| sslKey?: string; | ||
| sslCert?: string; | ||
| headers?: Record<string, string>; | ||
| open: boolean; | ||
| verbose?: boolean; | ||
| liveReload: boolean; | ||
| publicHost?: string; | ||
| allowedHosts?: string[]; | ||
| servePath?: string; | ||
| disableHostCheck?: boolean; | ||
| hmr?: boolean; | ||
| watch?: boolean; | ||
| poll?: number; | ||
| apps?: string[]; | ||
| } |
115 changes: 115 additions & 0 deletions
115
packages/angular/src/builders/module-federation-dev-server/schema.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,115 @@ | ||
| { | ||
| "$schema": "http://json-schema.org/draft-07/schema", | ||
| "title": "Schema for Module Federation Dev Server", | ||
| "description": "The module-federation-dev-server executor is reserved exclusively for use with host Module Federation applications. It allows the user to specify which remote applications should be served with the host.", | ||
| "type": "object", | ||
| "presets": [ | ||
| { | ||
| "name": "Using a Different Port", | ||
| "keys": ["browserTarget", "port"] | ||
| } | ||
| ], | ||
| "properties": { | ||
| "browserTarget": { | ||
| "type": "string", | ||
| "description": "A browser builder target to serve in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.", | ||
| "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$" | ||
| }, | ||
| "port": { | ||
| "type": "number", | ||
| "description": "Port to listen on.", | ||
| "default": 4200 | ||
| }, | ||
| "host": { | ||
| "type": "string", | ||
| "description": "Host to listen on.", | ||
| "default": "localhost" | ||
| }, | ||
| "proxyConfig": { | ||
| "type": "string", | ||
| "description": "Proxy configuration file. For more information, see https://angular.io/guide/build#proxying-to-a-backend-server." | ||
| }, | ||
| "ssl": { | ||
| "type": "boolean", | ||
| "description": "Serve using HTTPS.", | ||
| "default": false | ||
| }, | ||
| "sslKey": { | ||
| "type": "string", | ||
| "description": "SSL key to use for serving HTTPS." | ||
| }, | ||
| "sslCert": { | ||
| "type": "string", | ||
| "description": "SSL certificate to use for serving HTTPS." | ||
| }, | ||
| "headers": { | ||
| "type": "object", | ||
| "description": "Custom HTTP headers to be added to all responses.", | ||
| "propertyNames": { | ||
| "pattern": "^[-_A-Za-z0-9]+$" | ||
| }, | ||
| "additionalProperties": { | ||
| "type": "string" | ||
| } | ||
| }, | ||
| "open": { | ||
| "type": "boolean", | ||
| "description": "Opens the url in default browser.", | ||
| "default": false, | ||
| "alias": "o" | ||
| }, | ||
| "verbose": { | ||
| "type": "boolean", | ||
| "description": "Adds more details to output logging." | ||
| }, | ||
| "liveReload": { | ||
| "type": "boolean", | ||
| "description": "Whether to reload the page on change, using live-reload.", | ||
| "default": true | ||
| }, | ||
| "publicHost": { | ||
| "type": "string", | ||
| "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies." | ||
| }, | ||
| "allowedHosts": { | ||
| "type": "array", | ||
| "description": "List of hosts that are allowed to access the dev server.", | ||
| "default": [], | ||
| "items": { | ||
| "type": "string" | ||
| } | ||
| }, | ||
| "servePath": { | ||
| "type": "string", | ||
| "description": "The pathname where the app will be served." | ||
| }, | ||
| "disableHostCheck": { | ||
| "type": "boolean", | ||
| "description": "Don't verify connected clients are part of allowed hosts.", | ||
| "default": false | ||
| }, | ||
| "hmr": { | ||
| "type": "boolean", | ||
| "description": "Enable hot module replacement.", | ||
| "default": false | ||
| }, | ||
| "watch": { | ||
| "type": "boolean", | ||
| "description": "Rebuild on change.", | ||
| "default": true | ||
| }, | ||
| "poll": { | ||
| "type": "number", | ||
| "description": "Enable and define the file watching poll time period in milliseconds." | ||
| }, | ||
| "apps": { | ||
| "type": "array", | ||
| "items": { | ||
| "type": "string" | ||
| }, | ||
| "description": "List of remote applications to serve in addition to the host application." | ||
| } | ||
| }, | ||
| "additionalProperties": false, | ||
| "required": ["browserTarget"] | ||
| } |