Skip to content

Commit 53a9aa7

Browse files
manfredsteyermanfredsteyer
committed
feat(nf): add remove schematic
1 parent af94e15 commit 53a9aa7

File tree

5 files changed

+240
-12
lines changed

5 files changed

+240
-12
lines changed

‎libs/native-federation/collection.json

+8-3
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,22 @@
11
{
22
"$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json",
3-
"name": "module-federation",
3+
"name": "native-federation",
44
"version": "0.0.1",
55
"schematics": {
66
"ng-add": {
77
"factory": "./src/schematics/init/schematic",
88
"schema": "./src/schematics/init/schema.json",
9-
"description": "Initialize an angular project for webpack module federation"
9+
"description": "Initialize an angular project for native federation"
1010
},
1111
"init": {
1212
"factory": "./src/schematics/init/schematic",
1313
"schema": "./src/schematics/init/schema.json",
14-
"description": "Initialize an angular project for webpack module federation"
14+
"description": "Initialize an angular project for native federation"
15+
},
16+
"remove": {
17+
"factory": "./src/schematics/remove/schematic",
18+
"schema": "./src/schematics/remove/schema.json",
19+
"description": "Removes native federation"
1520
}
1621
}
1722
}

‎libs/native-federation/src/schematics/init/schematic.ts

+33-9
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
mergeWith,
88
template,
99
move,
10+
noop,
1011
} from '@angular-devkit/schematics';
1112

1213
import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
@@ -51,16 +52,22 @@ export default function config(options: MfSchematicSchema): Rule {
5152

5253
const remoteMap = await generateRemoteMap(workspace, projectName);
5354

54-
if (options.type === 'dynamic-host') {
55+
if (options.type === 'dynamic-host' && !tree.exists(manifestPath)) {
5556
tree.create(manifestPath, JSON.stringify(remoteMap, null, '\t'));
5657
}
5758

58-
const generateRule = await generateFederationConfig(
59-
remoteMap,
60-
projectRoot,
61-
projectSourceRoot,
62-
options
63-
);
59+
const federationConfigPath = path.join(projectRoot, 'federation.config.js');
60+
61+
const exists = tree.exists(federationConfigPath);
62+
63+
const generateRule = !exists
64+
? await generateFederationConfig(
65+
remoteMap,
66+
projectRoot,
67+
projectSourceRoot,
68+
options
69+
)
70+
: noop;
6471

6572
updateWorkspaceConfig(tree, normalized, workspace, workspaceFileName);
6673

@@ -104,9 +111,17 @@ function updateWorkspaceConfig(
104111

105112
projectConfig.architect.build = {
106113
builder: '@angular-architects/native-federation:build',
107-
options: {
108-
target: `${projectName}:esbuild:production`,
114+
options: {},
115+
configurations: {
116+
production: {
117+
target: `${projectName}:esbuild:production`,
118+
},
119+
development: {
120+
target: `${projectName}:esbuild:development`,
121+
dev: true,
122+
},
109123
},
124+
defaultConfiguration: 'production',
110125
};
111126

112127
projectConfig.architect['serve-original'] = projectConfig.architect.serve;
@@ -121,6 +136,15 @@ function updateWorkspaceConfig(
121136
},
122137
};
123138

139+
const serveSsr = projectConfig.architect['serve-ssr'];
140+
if (serveSsr && !serveSsr.options) {
141+
serveSsr.options = {};
142+
}
143+
144+
if (serveSsr) {
145+
serveSsr.options.port = port;
146+
}
147+
124148
// projectConfig.architect.serve.builder = serveBuilder;
125149
// TODO: Register further builders when ready
126150
tree.overwrite(workspaceFileName, JSON.stringify(workspace, null, '\t'));

‎libs/native-federation/src/schematics/remove/schema.d.ts

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export interface MfSchematicSchema {
2+
project: string;
3+
}

‎libs/native-federation/src/schematics/remove/schema.json

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"$schema": "http://json-schema.org/schema",
3+
"$id": "mf",
4+
"title": "",
5+
"type": "object",
6+
"properties": {
7+
"project": {
8+
"type": "string",
9+
"description": "The project to add module federation",
10+
"$default": {
11+
"$source": "argv",
12+
"index": 0
13+
},
14+
"x-prompt": "Project name (press enter for default project)"
15+
}
16+
}
17+
}

‎libs/native-federation/src/schematics/remove/schematic.ts

+179
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
import { Rule, Tree, noop } from '@angular-devkit/schematics';
2+
3+
import { MfSchematicSchema } from './schema';
4+
5+
import * as path from 'path';
6+
7+
type NormalizedOptions = {
8+
polyfills: string;
9+
projectName: string;
10+
projectRoot: string;
11+
projectSourceRoot: string;
12+
manifestPath: string;
13+
projectConfig: any;
14+
main: string;
15+
};
16+
17+
export default function remove(options: MfSchematicSchema): Rule {
18+
return async function (tree /*, context*/) {
19+
const workspaceFileName = getWorkspaceFileName(tree);
20+
const workspace = JSON.parse(tree.read(workspaceFileName).toString('utf8'));
21+
22+
const normalized = normalizeOptions(options, workspace);
23+
24+
const { polyfills, projectRoot } = normalized;
25+
26+
const bootstrapPath = path.join(projectRoot, 'src/bootstrap.ts');
27+
const mainPath = path.join(projectRoot, 'src/main.ts');
28+
29+
makeMainSync(tree, bootstrapPath, mainPath);
30+
updatePolyfills(tree, polyfills);
31+
updateWorkspaceConfig(tree, normalized, workspace, workspaceFileName);
32+
};
33+
}
34+
35+
function makeMainSync(tree, bootstrapPath: string, mainPath: string) {
36+
if (tree.exists(bootstrapPath) && tree.exists(mainPath)) {
37+
tree.delete(mainPath);
38+
tree.rename(bootstrapPath, mainPath);
39+
}
40+
}
41+
42+
function updateWorkspaceConfig(
43+
tree: Tree,
44+
options: NormalizedOptions,
45+
workspace: any,
46+
workspaceFileName: string
47+
) {
48+
const { projectConfig } = options;
49+
50+
if (!projectConfig?.architect?.build || !projectConfig?.architect?.serve) {
51+
throw new Error(
52+
`The project doen't have a build or serve target in angular.json!`
53+
);
54+
}
55+
56+
if (projectConfig.architect.esbuild) {
57+
projectConfig.architect.build = projectConfig.architect.esbuild;
58+
delete projectConfig.architect.esbuild;
59+
}
60+
61+
if (projectConfig.architect['serve-original']) {
62+
projectConfig.architect.serve = projectConfig.architect['serve-original'];
63+
delete projectConfig.architect['serve-original'];
64+
}
65+
66+
if (projectConfig.architect.serve) {
67+
const conf = projectConfig.architect.serve.configurations;
68+
conf.production.browserTarget = conf.production.browserTarget.replace(
69+
':esbuild:',
70+
':build:'
71+
);
72+
conf.development.browserTarget = conf.development.browserTarget.replace(
73+
':esbuild:',
74+
':build:'
75+
);
76+
}
77+
78+
tree.overwrite(workspaceFileName, JSON.stringify(workspace, null, '\t'));
79+
}
80+
81+
function normalizeOptions(
82+
options: MfSchematicSchema,
83+
workspace: any
84+
): NormalizedOptions {
85+
if (!options.project) {
86+
options.project = workspace.defaultProject;
87+
}
88+
89+
const projects = Object.keys(workspace.projects);
90+
91+
if (!options.project && projects.length === 0) {
92+
throw new Error(
93+
`No default project found. Please specifiy a project name!`
94+
);
95+
}
96+
97+
if (!options.project) {
98+
console.log(
99+
'Using first configured project as default project: ' + projects[0]
100+
);
101+
options.project = projects[0];
102+
}
103+
104+
const projectName = options.project;
105+
const projectConfig = workspace.projects[projectName];
106+
107+
if (!projectConfig) {
108+
throw new Error(`Project ${projectName} not found!`);
109+
}
110+
111+
const projectRoot: string = projectConfig.root?.replace(/\\/g, '/');
112+
const projectSourceRoot: string = projectConfig.sourceRoot?.replace(
113+
/\\/g,
114+
'/'
115+
);
116+
117+
const manifestPath = path
118+
.join(projectRoot, 'src/assets/federation.manifest.json')
119+
.replace(/\\/g, '/');
120+
121+
const main = projectConfig.architect.build.options.main;
122+
123+
if (!projectConfig.architect.build.options.polyfills) {
124+
projectConfig.architect.build.options.polyfills = [];
125+
}
126+
127+
const polyfills = projectConfig.architect.build.options.polyfills;
128+
return {
129+
polyfills,
130+
projectName,
131+
projectRoot,
132+
projectSourceRoot,
133+
manifestPath,
134+
projectConfig,
135+
main,
136+
};
137+
}
138+
139+
function updatePolyfills(tree, polyfills: any) {
140+
if (typeof polyfills === 'string') {
141+
updatePolyfillsFile(tree, polyfills);
142+
} else {
143+
updatePolyfillsArray(tree, polyfills);
144+
}
145+
}
146+
147+
function updatePolyfillsFile(tree, polyfills: any) {
148+
let polyfillsContent = tree.readText(polyfills);
149+
if (polyfillsContent.includes('es-module-shims')) {
150+
polyfillsContent = polyfillsContent.replace(
151+
`import 'es-module-shims';`,
152+
''
153+
);
154+
tree.overwrite(polyfills, polyfillsContent);
155+
}
156+
}
157+
158+
function updatePolyfillsArray(tree, polyfills: any) {
159+
const polyfillsConfig = polyfills as string[];
160+
161+
const index = polyfillsConfig.findIndex((p) => p === 'es-module-shims');
162+
if (index === -1) {
163+
return;
164+
}
165+
166+
polyfillsConfig.splice(index, 1);
167+
}
168+
169+
export function getWorkspaceFileName(tree: Tree): string {
170+
if (tree.exists('angular.json')) {
171+
return 'angular.json';
172+
}
173+
if (tree.exists('workspace.json')) {
174+
return 'workspace.json';
175+
}
176+
throw new Error(
177+
"angular.json or workspace.json expected! Did you call this in your project's root?"
178+
);
179+
}

0 commit comments

Comments
 (0)