Fix/mf ng update migrations

.gitignore

@@ -42,7 +42,9 @@ Thumbs.db
 # Nx
 .nx/cache
 .nx
-migrations.json
+# Only the migrations.json `nx migrate` writes at the root — a bare pattern would
+# also swallow libs/mf/migrations.json, which is the published ng-update collection.
+/migrations.json
 
 # Angular
 .angular

eslint.base.config.mjs

@@ -1,6 +1,6 @@
 import globals from 'globals';
 import nx from '@nx/eslint-plugin';
-import jsoncEslintParser from 'jsonc-eslint-parser';
+import * as jsoncEslintParser from 'jsonc-eslint-parser';
 
 export default [
   ...nx.configs['flat/base'],

eslint.config.mjs

@@ -1,6 +1,6 @@
 import globals from 'globals';
 import baseConfig from './eslint.base.config.mjs';
-import jsoncEslintParser from 'jsonc-eslint-parser';
+import * as jsoncEslintParser from 'jsonc-eslint-parser';
 
 export default [
   ...baseConfig,

libs/mf-runtime/eslint.config.mjs

@@ -3,7 +3,7 @@ import { fileURLToPath } from 'url';
 import baseConfig from '../../eslint.config.mjs';
 import baseConfig1 from '../../eslint.base.config.mjs';
 import nx from '@nx/eslint-plugin';
-import jsoncEslintParser from 'jsonc-eslint-parser';
+import * as jsoncEslintParser from 'jsonc-eslint-parser';
 
 export default [
   ...baseConfig,

libs/mf-tools/eslint.config.mjs

@@ -3,7 +3,7 @@ import { fileURLToPath } from 'url';
 import baseConfig from '../../eslint.config.mjs';
 import baseConfig1 from '../../eslint.base.config.mjs';
 import nx from '@nx/eslint-plugin';
-import jsoncEslintParser from 'jsonc-eslint-parser';
+import * as jsoncEslintParser from 'jsonc-eslint-parser';
 
 export default [
   ...baseConfig,

libs/mf/eslint.config.mjs

@@ -1,5 +1,5 @@
 import baseConfig from '../../eslint.base.config.mjs';
-import jsoncEslintParser from 'jsonc-eslint-parser';
+import * as jsoncEslintParser from 'jsonc-eslint-parser';
 
 export default [
   ...baseConfig,

libs/mf/jest.config.ts

@@ -4,8 +4,14 @@ export default {
   preset: '../../jest.preset.js',
   testEnvironment: 'node',
   transform: {
-    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
+    '^.+\\.m?[tj]s$': [
+      'ts-jest',
+      { tsconfig: '<rootDir>/tsconfig.spec.json', useESM: false },
+    ],
   },
-  moduleFileExtensions: ['ts', 'js', 'html'],
+  // @angular-devkit/schematics pulls in magic-string >=1, which is ESM-only, so
+  // it has to be transpiled to CJS rather than skipped like the rest of node_modules.
+  transformIgnorePatterns: ['node_modules/(?!(magic-string)/)'],
+  moduleFileExtensions: ['ts', 'js', 'mjs', 'html'],
   coverageDirectory: '../../coverage/libs/mf',
 };

libs/mf/migrations.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "migrate-to-custom-webpack": {
+      "version": "22.0.0",
+      "description": "Replaces the ngx-build-plus builders with @angular-builders/custom-webpack.",
+      "factory": "./src/schematics/migrate-to-custom-webpack/schematic"
+    }
+  }
+}

libs/mf/package.json

@@ -19,9 +19,9 @@
   "dependencies": {
     "@angular-architects/module-federation-runtime": "~22.0.0",
     "word-wrap": "^1.2.5",
-    "callsite": "^1.0.0",
+    "chalk": "^5.6.2",
     "node-fetch": "^3.3.2",
-    "semver": "~7.7.1"
+    "semver": "~7.8.5"
   },
   "peerDependencies": {},
   "ng-update": {

libs/mf/src/schematics/init-rspack/schematic.ts

@@ -195,7 +195,7 @@ function makeMainAsync(main: string, options: MfSchematicSchema): Rule {
     const mainContent = tree.read(main);
     tree.create(bootstrapName, mainContent);
 
-    let newMainContent = '';
+    let newMainContent: string;
     if (options.type === 'dynamic-host') {
       newMainContent = `import { initFederation } from '@angular-architects/module-federation/runtime';
 

libs/mf/src/schematics/init-webpack/schematic.ts

@@ -82,7 +82,7 @@ function makeMainAsync(main: string, options: MfSchematicSchema): Rule {
     const mainContent = tree.read(main);
     tree.create(bootstrapName, mainContent);
 
-    let newMainContent = '';
+    let newMainContent: string;
     if (options.type === 'dynamic-host') {
       newMainContent = `import { initFederation } from '@angular-architects/module-federation';