@nx/angular 16.0.0-beta.1

package/src/runtime/nx/data-persistence.js

@@ -0,0 +1,351 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigation = exports.fetch = exports.optimisticUpdate = exports.pessimisticUpdate = void 0;
+const router_store_1 = require("@ngrx/router-store");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+/**
+ *
+ * @whatItDoes Handles pessimistic updates (updating the server first).
+ *
+ * Updating the server, when implemented naively, suffers from race conditions and poor error handling.
+ *
+ * `pessimisticUpdate` addresses these problems. It runs all fetches in order, which removes race conditions
+ * and forces the developer to handle errors.
+ *
+ * ## Example:
+ *
+ * ```typescript
+ * @Injectable()
+ * class TodoEffects {
+ *   updateTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       ofType('UPDATE_TODO'),
+ *       pessimisticUpdate({
+ *         // provides an action
+ *         run: (action: UpdateTodo) => {
+ *           // update the backend first, and then dispatch an action that will
+ *           // update the client side
+ *           return this.backend.updateTodo(action.todo.id, action.todo).pipe(
+ *             map((updated) => ({
+ *               type: 'UPDATE_TODO_SUCCESS',
+ *               todo: updated,
+ *             }))
+ *           );
+ *         },
+ *         onError: (action: UpdateTodo, error: any) => {
+ *           // we don't need to undo the changes on the client side.
+ *           // we can dispatch an error, or simply log the error here and return `null`
+ *           return null;
+ *         },
+ *       })
+ *     )
+ *   );
+ *
+ *   constructor(private actions$: Actions, private backend: Backend) {}
+ * }
+ * ```
+ *
+ * Note that if you don't return a new action from the run callback, you must set the dispatch property
+ * of the effect to false, like this:
+ *
+ * ```typescript
+ * class TodoEffects {
+ *   updateTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       //...
+ *     ), { dispatch: false }
+ *   );
+ * }
+ * ```
+ *
+ * @param opts
+ */
+function pessimisticUpdate(opts) {
+    return (source) => {
+        return source.pipe(mapActionAndState(), (0, operators_1.concatMap)(runWithErrorHandling(opts.run, opts.onError)));
+    };
+}
+exports.pessimisticUpdate = pessimisticUpdate;
+/**
+ *
+ * @whatItDoes Handles optimistic updates (updating the client first).
+ *
+ * It runs all fetches in order, which removes race conditions and forces the developer to handle errors.
+ *
+ * When using `optimisticUpdate`, in case of a failure, the developer has already updated the state locally,
+ * so the developer must provide an undo action.
+ *
+ * The error handling must be done in the callback, or by means of the undo action.
+ *
+ * ## Example:
+ *
+ * ```typescript
+ * @Injectable()
+ * class TodoEffects {
+ *   updateTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       ofType('UPDATE_TODO'),
+ *       optimisticUpdate({
+ *         // provides an action
+ *         run: (action: UpdateTodo) => {
+ *           return this.backend.updateTodo(action.todo.id, action.todo).pipe(
+ *             mapTo({
+ *               type: 'UPDATE_TODO_SUCCESS',
+ *             })
+ *           );
+ *         },
+ *         undoAction: (action: UpdateTodo, error: any) => {
+ *           // dispatch an undo action to undo the changes in the client state
+ *           return {
+ *             type: 'UNDO_TODO_UPDATE',
+ *             todo: action.todo,
+ *           };
+ *         },
+ *       })
+ *     )
+ *   );
+ *
+ *   constructor(private actions$: Actions, private backend: Backend) {}
+ * }
+ * ```
+ *
+ * Note that if you don't return a new action from the run callback, you must set the dispatch property
+ * of the effect to false, like this:
+ *
+ * ```typescript
+ * class TodoEffects {
+ *   updateTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       //...
+ *     ), { dispatch: false }
+ *   );
+ * }
+ * ```
+ *
+ * @param opts
+ */
+function optimisticUpdate(opts) {
+    return (source) => {
+        return source.pipe(mapActionAndState(), (0, operators_1.concatMap)(runWithErrorHandling(opts.run, opts.undoAction)));
+    };
+}
+exports.optimisticUpdate = optimisticUpdate;
+/**
+ *
+ * @whatItDoes Handles data fetching.
+ *
+ * Data fetching implemented naively suffers from race conditions and poor error handling.
+ *
+ * `fetch` addresses these problems. It runs all fetches in order, which removes race conditions
+ * and forces the developer to handle errors.
+ *
+ * ## Example:
+ *
+ * ```typescript
+ * @Injectable()
+ * class TodoEffects {
+ *   loadTodos$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       ofType('GET_TODOS'),
+ *       fetch({
+ *         // provides an action
+ *         run: (a: GetTodos) => {
+ *           return this.backend.getAll().pipe(
+ *             map((response) => ({
+ *               type: 'TODOS',
+ *               todos: response.todos,
+ *             }))
+ *           );
+ *         },
+ *         onError: (action: GetTodos, error: any) => {
+ *           // dispatch an undo action to undo the changes in the client state
+ *           return null;
+ *         },
+ *       })
+ *     )
+ *   );
+ *
+ *   constructor(private actions$: Actions, private backend: Backend) {}
+ * }
+ * ```
+ *
+ * This is correct, but because it set the concurrency to 1, it may not be performant.
+ *
+ * To fix that, you can provide the `id` function, like this:
+ *
+ * ```typescript
+ * @Injectable()
+ * class TodoEffects {
+ *   loadTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       ofType('GET_TODO'),
+ *       fetch({
+ *         id: (todo: GetTodo) => {
+ *           return todo.id;
+ *         },
+ *         // provides an action
+ *         run: (todo: GetTodo) => {
+ *           return this.backend.getTodo(todo.id).map((response) => ({
+ *             type: 'LOAD_TODO_SUCCESS',
+ *             todo: response.todo,
+ *           }));
+ *         },
+ *         onError: (action: GetTodo, error: any) => {
+ *           // dispatch an undo action to undo the changes in the client state
+ *           return null;
+ *         },
+ *       })
+ *     )
+ *   );
+ *
+ *   constructor(private actions$: Actions, private backend: Backend) {}
+ * }
+ * ```
+ *
+ * With this setup, the requests for Todo 1 will run concurrently with the requests for Todo 2.
+ *
+ * In addition, if there are multiple requests for Todo 1 scheduled, it will only run the last one.
+ *
+ * @param opts
+ */
+function fetch(opts) {
+    return (source) => {
+        if (opts.id) {
+            const groupedFetches = source.pipe(mapActionAndState(), (0, operators_1.groupBy)(([action, ...store]) => {
+                return opts.id(action, ...store);
+            }));
+            return groupedFetches.pipe((0, operators_1.mergeMap)((pairs) => pairs.pipe((0, operators_1.switchMap)(runWithErrorHandling(opts.run, opts.onError)))));
+        }
+        return source.pipe(mapActionAndState(), (0, operators_1.concatMap)(runWithErrorHandling(opts.run, opts.onError)));
+    };
+}
+exports.fetch = fetch;
+/**
+ * @whatItDoes Handles data fetching as part of router navigation.
+ *
+ * Data fetching implemented naively suffers from race conditions and poor error handling.
+ *
+ * `navigation` addresses these problems.
+ *
+ * It checks if an activated router state contains the passed in component type, and, if it does, runs the `run`
+ * callback. It provides the activated snapshot associated with the component and the current state. And it only runs
+ * the last request.
+ *
+ * ## Example:
+ *
+ * ```typescript
+ * @Injectable()
+ * class TodoEffects {
+ *   loadTodo$ = createEffect(() =>
+ *     this.actions$.pipe(
+ *       // listens for the routerNavigation action from @ngrx/router-store
+ *       navigation(TodoComponent, {
+ *         run: (activatedRouteSnapshot: ActivatedRouteSnapshot) => {
+ *           return this.backend
+ *             .fetchTodo(activatedRouteSnapshot.params['id'])
+ *             .pipe(
+ *               map((todo) => ({
+ *                 type: 'LOAD_TODO_SUCCESS',
+ *                 todo: todo,
+ *               }))
+ *             );
+ *         },
+ *         onError: (
+ *           activatedRouteSnapshot: ActivatedRouteSnapshot,
+ *           error: any
+ *         ) => {
+ *           // we can log and error here and return null
+ *           // we can also navigate back
+ *           return null;
+ *         },
+ *       })
+ *     )
+ *   );
+ *
+ *   constructor(private actions$: Actions, private backend: Backend) {}
+ * }
+ * ```
+ *
+ * @param component
+ * @param opts
+ */
+function navigation(component, opts) {
+    return (source) => {
+        const nav = source.pipe(mapActionAndState(), (0, operators_1.filter)(([action]) => isStateSnapshot(action)), (0, operators_1.map)(([action, ...slices]) => {
+            if (!isStateSnapshot(action)) {
+                // Because of the above filter we'll never get here,
+                // but this properly type narrows `action`
+                return;
+            }
+            return [
+                findSnapshot(component, action.payload.routerState.root),
+                ...slices,
+            ];
+        }), (0, operators_1.filter)(([snapshot]) => !!snapshot));
+        return nav.pipe((0, operators_1.switchMap)(runWithErrorHandling(opts.run, opts.onError)));
+    };
+}
+exports.navigation = navigation;
+function isStateSnapshot(action) {
+    return action.type === router_store_1.ROUTER_NAVIGATION;
+}
+function runWithErrorHandling(run, onError) {
+    return ([action, ...slices]) => {
+        try {
+            const r = wrapIntoObservable(run(action, ...slices));
+            return r.pipe((0, operators_1.catchError)((e) => wrapIntoObservable(onError(action, e))));
+        }
+        catch (e) {
+            return wrapIntoObservable(onError(action, e));
+        }
+    };
+}
+/**
+ * @whatItDoes maps Observable<Action | [Action, State]> to
+ * Observable<[Action, State]>
+ */
+function mapActionAndState() {
+    return (source) => {
+        return source.pipe((0, operators_1.map)((value) => normalizeActionAndState(value)));
+    };
+}
+/**
+ * @whatItDoes Normalizes either a bare action or an array of action and slices
+ * into an array of action and slices (or undefined)
+ */
+function normalizeActionAndState(args) {
+    let action, slices;
+    if (args instanceof Array) {
+        [action, ...slices] = args;
+    }
+    else {
+        slices = [];
+        action = args;
+    }
+    return [action, ...slices];
+}
+function findSnapshot(component, s) {
+    if (s.routeConfig && s.routeConfig.component === component) {
+        return s;
+    }
+    for (const c of s.children) {
+        const ss = findSnapshot(component, c);
+        if (ss) {
+            return ss;
+        }
+    }
+    return null;
+}
+function wrapIntoObservable(obj) {
+    if ((0, rxjs_1.isObservable)(obj)) {
+        return obj;
+    }
+    else if (!obj) {
+        return (0, rxjs_1.of)();
+    }
+    else {
+        return (0, rxjs_1.of)(obj);
+    }
+}
+//# sourceMappingURL=data-persistence.js.map

package/src/runtime/nx/data-persistence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-persistence.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/runtime/nx/data-persistence.ts"],"names":[],"mappings":";;;AAMA,qDAAuD;AAGvD,+BAAwC;AACxC,8CAQwB;AAqCxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,SAAgB,iBAAiB,CAC/B,IAAiC;IAEjC,OAAO,CAAC,MAAgC,EAAsB,EAAE;QAC9D,OAAO,MAAM,CAAC,IAAI,CAChB,iBAAiB,EAAE,EACnB,IAAA,qBAAS,EAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACxD,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AATD,8CASC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,SAAgB,gBAAgB,CAC9B,IAAgC;IAEhC,OAAO,CAAC,MAAgC,EAAsB,EAAE;QAC9D,OAAO,MAAM,CAAC,IAAI,CAChB,iBAAiB,EAAE,EACnB,IAAA,qBAAS,EAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAC3D,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AATD,4CASC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6EG;AACH,SAAgB,KAAK,CACnB,IAAqB;IAErB,OAAO,CAAC,MAAgC,EAAsB,EAAE;QAC9D,IAAI,IAAI,CAAC,EAAE,EAAE;YACX,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAChC,iBAAiB,EAAE,EACnB,IAAA,mBAAO,EAAC,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,EAAE;gBAC7B,OAAO,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;YACnC,CAAC,CAAC,CACH,CAAC;YAEF,OAAO,cAAc,CAAC,IAAI,CACxB,IAAA,oBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACpE,CACF,CAAC;SACH;QAED,OAAO,MAAM,CAAC,IAAI,CAChB,iBAAiB,EAAE,EACnB,IAAA,qBAAS,EAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACxD,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAxBD,sBAwBC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,SAAgB,UAAU,CACxB,SAAoB,EACpB,IAA6B;IAE7B,OAAO,CAAC,MAAgC,EAAE,EAAE;QAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CACrB,iBAAiB,EAAE,EACnB,IAAA,kBAAM,EAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,EAC7C,IAAA,eAAG,EAAC,CAAC,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,EAAE;YAC1B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE;gBAC5B,oDAAoD;gBACpD,0CAA0C;gBAC1C,OAAO;aACR;YAED,OAAO;gBACL,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;gBACxD,GAAG,MAAM;aACwB,CAAC;QACtC,CAAC,CAAC,EACF,IAAA,kBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CACnC,CAAC;QAEF,OAAO,GAAG,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC;AACJ,CAAC;AAzBD,gCAyBC;AAED,SAAS,eAAe,CACtB,MAAW;IAEX,OAAO,MAAM,CAAC,IAAI,KAAK,gCAAiB,CAAC;AAC3C,CAAC;AAED,SAAS,oBAAoB,CAC3B,GAA0D,EAC1D,OAAY;IAEZ,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,MAAM,CAAY,EAAiB,EAAE;QACvD,IAAI;YACF,MAAM,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,CAAC,IAAI,CAAC,IAAA,sBAAU,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1E;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,kBAAkB,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,iBAAiB;IACxB,OAAO,CAAC,MAAkD,EAAE,EAAE;QAC5D,OAAO,MAAM,CAAC,IAAI,CAChB,IAAA,eAAG,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAc,CAAC,CAC5D,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,uBAAuB,CAC9B,IAAoC;IAEpC,IAAI,MAAS,EAAE,MAAS,CAAC;IAEzB,IAAI,IAAI,YAAY,KAAK,EAAE;QACzB,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;KAC5B;SAAM;QACL,MAAM,GAAG,EAAO,CAAC;QACjB,MAAM,GAAG,IAAI,CAAC;KACf;IAED,OAAO,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,YAAY,CACnB,SAAoB,EACpB,CAAyB;IAEzB,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,KAAK,SAAS,EAAE;QAC1D,OAAO,CAAC,CAAC;KACV;IACD,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QAC1B,MAAM,EAAE,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,kBAAkB,CAAI,GAA6B;IAC1D,IAAI,IAAA,mBAAY,EAAC,GAAG,CAAC,EAAE;QACrB,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,CAAC,GAAG,EAAE;QACf,OAAO,IAAA,SAAE,GAAE,CAAC;KACb;SAAM;QACL,OAAO,IAAA,SAAE,EAAC,GAAQ,CAAC,CAAC;KACrB;AACH,CAAC"}

package/src/utils/backward-compatible-versions.d.ts

@@ -0,0 +1,6 @@
+import * as latestVersions from './versions';
+type SupportedVersions = 'angularV14';
+export type PackageVersionNames = Exclude<keyof typeof latestVersions, 'nxVersion'>;
+export type PackageVersions = Record<PackageVersionNames, string>;
+export declare const backwardCompatibleVersions: Record<SupportedVersions, PackageVersions>;
+export {};

package/src/utils/backward-compatible-versions.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backwardCompatibleVersions = void 0;
+exports.backwardCompatibleVersions = {
+    angularV14: {
+        angularVersion: '~14.2.0',
+        angularDevkitVersion: '~14.2.0',
+        ngPackagrVersion: '~14.2.0',
+        ngrxVersion: '~14.0.0',
+        rxjsVersion: '~7.5.0',
+        zoneJsVersion: '~0.11.4',
+        angularJsVersion: '1.7.9',
+        tsLibVersion: '^2.3.0',
+        ngUniversalVersion: '~14.2.0',
+        corsVersion: '~2.8.5',
+        typesCorsVersion: '~2.8.5',
+        expressVersion: '~4.18.2',
+        typesExpressVersion: '4.17.14',
+        moduleFederationNodeVersion: '^0.10.1',
+        angularEslintVersion: '~14.0.4',
+        tailwindVersion: '^3.0.2',
+        postcssVersion: '^8.4.5',
+        postcssImportVersion: '~14.1.0',
+        postcssPresetEnvVersion: '~7.5.0',
+        postcssUrlVersion: '~10.1.3',
+        autoprefixerVersion: '^10.4.0',
+        tsNodeVersion: '10.9.1',
+        jestPresetAngularVersion: '~12.2.3',
+        typesNodeVersion: '16.11.7',
+        jasmineMarblesVersion: '^0.9.2',
+    },
+};
+//# sourceMappingURL=backward-compatible-versions.js.map

package/src/utils/backward-compatible-versions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backward-compatible-versions.js","sourceRoot":"","sources":["../../../../../packages/angular/src/utils/backward-compatible-versions.ts"],"names":[],"mappings":";;;AASa,QAAA,0BAA0B,GAGnC;IACF,UAAU,EAAE;QACV,cAAc,EAAE,SAAS;QACzB,oBAAoB,EAAE,SAAS;QAC/B,gBAAgB,EAAE,SAAS;QAC3B,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,QAAQ;QACrB,aAAa,EAAE,SAAS;QACxB,gBAAgB,EAAE,OAAO;QACzB,YAAY,EAAE,QAAQ;QACtB,kBAAkB,EAAE,SAAS;QAC7B,WAAW,EAAE,QAAQ;QACrB,gBAAgB,EAAE,QAAQ;QAC1B,cAAc,EAAE,SAAS;QACzB,mBAAmB,EAAE,SAAS;QAC9B,2BAA2B,EAAE,SAAS;QACtC,oBAAoB,EAAE,SAAS;QAC/B,eAAe,EAAE,QAAQ;QACzB,cAAc,EAAE,QAAQ;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,QAAQ;QACjC,iBAAiB,EAAE,SAAS;QAC5B,mBAAmB,EAAE,SAAS;QAC9B,aAAa,EAAE,QAAQ;QACvB,wBAAwB,EAAE,SAAS;QACnC,gBAAgB,EAAE,SAAS;QAC3B,qBAAqB,EAAE,QAAQ;KAChC;CACF,CAAC"}

package/src/utils/cli-config-utils.d.ts

@@ -0,0 +1 @@
+export declare function replaceAppNameWithPath(node: string | string[] | object | unknown, appName: string, root: string): any;

package/src/utils/cli-config-utils.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceAppNameWithPath = void 0;
+function replaceAppNameWithPath(node, appName, root) {
+    if (typeof node === 'string') {
+        const matchPattern = new RegExp(`([^a-z0-9]*(${appName}))|((${appName})[^a-z0-9:]*)`, 'gi');
+        if (!!node.match(matchPattern) &&
+            node !== 'application' &&
+            node !== 'library') {
+            const r = node.replace(appName, root);
+            return r.startsWith('/apps') || r.startsWith('/libs')
+                ? r.substring(1)
+                : r;
+        }
+        else {
+            return node;
+        }
+    }
+    else if (Array.isArray(node)) {
+        return node.map((j) => replaceAppNameWithPath(j, appName, root));
+    }
+    else if (typeof node === 'object' && node) {
+        const forbiddenPropertyList = [
+            'prefix',
+            'builder',
+            'executor',
+            'browserTarget',
+            'tags',
+            'defaultConfiguration',
+            'maximumError',
+            'name',
+            'type',
+            'outputHashing',
+            'buildTarget',
+        ]; // Some of the properties should not be renamed
+        return Object.keys(node).reduce((m, c) => ((m[c] = !forbiddenPropertyList.includes(c)
+            ? replaceAppNameWithPath(node[c], appName, root)
+            : node[c]),
+            m), {});
+    }
+    else {
+        return node;
+    }
+}
+exports.replaceAppNameWithPath = replaceAppNameWithPath;
+//# sourceMappingURL=cli-config-utils.js.map

package/src/utils/cli-config-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-config-utils.js","sourceRoot":"","sources":["../../../../../packages/angular/src/utils/cli-config-utils.ts"],"names":[],"mappings":";;;AAAA,SAAgB,sBAAsB,CACpC,IAA0C,EAC1C,OAAe,EACf,IAAY;IAEZ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,MAAM,YAAY,GAAG,IAAI,MAAM,CAC7B,eAAe,OAAO,QAAQ,OAAO,eAAe,EACpD,IAAI,CACL,CAAC;QACF,IACE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAC1B,IAAI,KAAK,aAAa;YACtB,IAAI,KAAK,SAAS,EAClB;YACA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACtC,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACnD,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChB,CAAC,CAAC,CAAC,CAAC;SACP;aAAM;YACL,OAAO,IAAI,CAAC;SACb;KACF;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC9B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;KAClE;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,EAAE;QAC3C,MAAM,qBAAqB,GAAa;YACtC,QAAQ;YACR,SAAS;YACT,UAAU;YACV,eAAe;YACf,MAAM;YACN,sBAAsB;YACtB,cAAc;YACd,MAAM;YACN,MAAM;YACN,eAAe;YACf,aAAa;SACd,CAAC,CAAC,+CAA+C;QAClD,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAC7B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACR,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC;YAChD,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACZ,CAAC,CACF,EACD,EAAS,CACV,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC;AAlDD,wDAkDC"}

package/src/utils/file-change-recorder.d.ts

@@ -0,0 +1,16 @@
+import type { Tree } from '@nx/devkit';
+import type { Node } from 'typescript';
+export declare class FileChangeRecorder {
+    private readonly tree;
+    private readonly filePath;
+    private mutableContent;
+    get content(): string;
+    get originalContent(): string;
+    constructor(tree: Tree, filePath: string);
+    applyChanges(): void;
+    insertLeft(index: number, content: string): void;
+    insertRight(index: number, content: string): void;
+    remove(index: number, end: number): void;
+    replace(node: Node, content: string): void;
+    setContentToFileContent(): void;
+}

package/src/utils/file-change-recorder.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileChangeRecorder = void 0;
+const magic_string_1 = require("magic-string");
+class FileChangeRecorder {
+    get content() {
+        return this.mutableContent.toString();
+    }
+    get originalContent() {
+        return this.mutableContent.original;
+    }
+    constructor(tree, filePath) {
+        this.tree = tree;
+        this.filePath = filePath;
+        this.setContentToFileContent();
+    }
+    applyChanges() {
+        this.tree.write(this.filePath, this.mutableContent.toString());
+    }
+    insertLeft(index, content) {
+        this.mutableContent.appendLeft(index, content);
+    }
+    insertRight(index, content) {
+        this.mutableContent.appendRight(index, content);
+    }
+    remove(index, end) {
+        this.mutableContent.remove(index, end);
+    }
+    replace(node, content) {
+        this.mutableContent.overwrite(node.getStart(), node.getEnd(), content);
+    }
+    setContentToFileContent() {
+        this.mutableContent = new magic_string_1.default(this.tree.read(this.filePath, 'utf-8'));
+    }
+}
+exports.FileChangeRecorder = FileChangeRecorder;
+//# sourceMappingURL=file-change-recorder.js.map

package/src/utils/file-change-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-change-recorder.js","sourceRoot":"","sources":["../../../../../packages/angular/src/utils/file-change-recorder.ts"],"names":[],"mappings":";;;AACA,+CAAuC;AAGvC,MAAa,kBAAkB;IAG7B,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;IACxC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;IACtC,CAAC;IAED,YAA6B,IAAU,EAAmB,QAAgB;QAA7C,SAAI,GAAJ,IAAI,CAAM;QAAmB,aAAQ,GAAR,QAAQ,CAAQ;QACxE,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,UAAU,CAAC,KAAa,EAAE,OAAe;QACvC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,WAAW,CAAC,KAAa,EAAE,OAAe;QACxC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,GAAW;QAC/B,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,CAAC,IAAU,EAAE,OAAe;QACjC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,cAAc,GAAG,IAAI,sBAAW,CACnC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CACvC,CAAC;IACJ,CAAC;CACF;AAxCD,gDAwCC"}

package/src/utils/get-mf-projects.d.ts

@@ -0,0 +1,4 @@
+import type { Tree } from '@nx/devkit';
+export declare function getMFProjects(tree: Tree, { legacy }?: {
+    legacy: boolean;
+}): string[];

package/src/utils/get-mf-projects.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMFProjects = void 0;
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+function getMFProjects(tree, { legacy } = { legacy: false }) {
+    const NRWL_WEBPACK_BROWSER_BUILDER = '@nrwl/angular:webpack-browser';
+    const CUSTOM_WEBPACK_OPTION = 'customWebpackConfig';
+    const MODULE_FEDERATION_IDENTIFIER = legacy
+        ? 'Identifier[name=ModuleFederationPlugin]'
+        : 'Identifier[name=withModuleFederation]';
+    const projects = [];
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, NRWL_WEBPACK_BROWSER_BUILDER, (opts, projectName) => {
+        var _a;
+        const webpackPath = (_a = opts[CUSTOM_WEBPACK_OPTION]) === null || _a === void 0 ? void 0 : _a.path;
+        if (!webpackPath || !tree.exists(webpackPath)) {
+            return;
+        }
+        const webpackConfig = tree.read(webpackPath, 'utf-8');
+        const { tsquery } = require('@phenomnomnominal/tsquery');
+        const ast = tsquery.ast(webpackConfig);
+        const moduleFederationWebpackConfig = tsquery(ast, MODULE_FEDERATION_IDENTIFIER, {
+            visitAllChildren: true,
+        });
+        if (!moduleFederationWebpackConfig ||
+            moduleFederationWebpackConfig.length === 0) {
+            return;
+        }
+        projects.push(projectName);
+    });
+    return projects;
+}
+exports.getMFProjects = getMFProjects;
+//# sourceMappingURL=get-mf-projects.js.map

package/src/utils/get-mf-projects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-mf-projects.js","sourceRoot":"","sources":["../../../../../packages/angular/src/utils/get-mf-projects.ts"],"names":[],"mappings":";;;AACA,6FAA0F;AAE1F,SAAgB,aAAa,CAC3B,IAAU,EACV,EAAE,MAAM,KAA0B,EAAE,MAAM,EAAE,KAAK,EAAE;IAEnD,MAAM,4BAA4B,GAAG,+BAA+B,CAAC;IACrE,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;IACpD,MAAM,4BAA4B,GAAG,MAAM;QACzC,CAAC,CAAC,yCAAyC;QAC3C,CAAC,CAAC,uCAAuC,CAAC;IAE5C,MAAM,QAAQ,GAAa,EAAE,CAAC;IAC9B,IAAA,+CAAsB,EACpB,IAAI,EACJ,4BAA4B,EAC5B,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;;QACpB,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,qBAAqB,CAAC,0CAAE,IAAI,CAAC;QACtD,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;YAC7C,OAAO;SACR;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACzD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACvC,MAAM,6BAA6B,GAAG,OAAO,CAC3C,GAAG,EACH,4BAA4B,EAC5B;YACE,gBAAgB,EAAE,IAAI;SACvB,CACF,CAAC;QACF,IACE,CAAC,6BAA6B;YAC9B,6BAA6B,CAAC,MAAM,KAAK,CAAC,EAC1C;YACA,OAAO;SACR;QAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,CACF,CAAC;IAEF,OAAO,QAAQ,CAAC;AAClB,CAAC;AAzCD,sCAyCC"}

package/src/utils/mf/utils.d.ts

@@ -0,0 +1,13 @@
+import { ModuleFederationConfig, SharedLibraryConfig } from '@nx/devkit';
+export declare function applyDefaultEagerPackages(sharedConfig: Record<string, SharedLibraryConfig>): void;
+export declare const DEFAULT_NPM_PACKAGES_TO_AVOID: string[];
+export declare const DEFAULT_ANGULAR_PACKAGES_TO_SHARE: string[];
+export declare function getModuleFederationConfig(mfConfig: ModuleFederationConfig, determineRemoteUrl: (remote: string) => string, options?: {
+    isServer: boolean;
+}): Promise<{
+    sharedLibraries: import("@nx/devkit").SharedWorkspaceLibraryConfig;
+    sharedDependencies: {
+        [x: string]: SharedLibraryConfig;
+    };
+    mappedRemotes: Record<string, string>;
+}>;

package/src/utils/mf/utils.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getModuleFederationConfig = exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = exports.DEFAULT_NPM_PACKAGES_TO_AVOID = exports.applyDefaultEagerPackages = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+function applyDefaultEagerPackages(sharedConfig) {
+    const DEFAULT_PACKAGES_TO_LOAD_EAGERLY = [
+        '@angular/localize',
+        '@angular/localize/init',
+    ];
+    for (const pkg of DEFAULT_PACKAGES_TO_LOAD_EAGERLY) {
+        if (!sharedConfig[pkg]) {
+            continue;
+        }
+        sharedConfig[pkg] = Object.assign(Object.assign({}, sharedConfig[pkg]), { eager: true });
+    }
+}
+exports.applyDefaultEagerPackages = applyDefaultEagerPackages;
+exports.DEFAULT_NPM_PACKAGES_TO_AVOID = ['zone.js', '@nrwl/angular/mf'];
+exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = [
+    '@angular/animations',
+    '@angular/common',
+];
+function getModuleFederationConfig(mfConfig, determineRemoteUrl, options = { isServer: false }) {
+    var _a;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        let projectGraph;
+        try {
+            projectGraph = (0, devkit_1.readCachedProjectGraph)();
+        }
+        catch (e) {
+            projectGraph = yield (0, devkit_1.createProjectGraphAsync)();
+        }
+        if (!((_a = projectGraph.nodes[mfConfig.name]) === null || _a === void 0 ? void 0 : _a.data)) {
+            throw Error(`Cannot find project "${mfConfig.name}". Check that the name is correct in module-federation.config.js`);
+        }
+        const dependencies = (0, devkit_1.getDependentPackagesForProject)(projectGraph, mfConfig.name);
+        if (mfConfig.shared) {
+            dependencies.workspaceLibraries = dependencies.workspaceLibraries.filter((lib) => mfConfig.shared(lib.importKey, {}) !== false);
+            dependencies.npmPackages = dependencies.npmPackages.filter((pkg) => mfConfig.shared(pkg, {}) !== false);
+        }
+        const sharedLibraries = (0, devkit_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
+        const npmPackages = (0, devkit_1.sharePackages)(Array.from(new Set([
+            ...exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE,
+            ...dependencies.npmPackages.filter((pkg) => !exports.DEFAULT_NPM_PACKAGES_TO_AVOID.includes(pkg)),
+        ])));
+        exports.DEFAULT_NPM_PACKAGES_TO_AVOID.forEach((pkgName) => {
+            if (pkgName in npmPackages) {
+                delete npmPackages[pkgName];
+            }
+        });
+        const sharedDependencies = Object.assign(Object.assign({}, sharedLibraries.getLibraries()), npmPackages);
+        applyDefaultEagerPackages(sharedDependencies);
+        (0, devkit_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
+        (0, devkit_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
+        const mapRemotesFunction = options.isServer ? devkit_1.mapRemotesForSSR : devkit_1.mapRemotes;
+        const mappedRemotes = !mfConfig.remotes || mfConfig.remotes.length === 0
+            ? {}
+            : mapRemotesFunction(mfConfig.remotes, 'mjs', determineRemoteUrl);
+        return { sharedLibraries, sharedDependencies, mappedRemotes };
+    });
+}
+exports.getModuleFederationConfig = getModuleFederationConfig;
+//# sourceMappingURL=utils.js.map

package/src/utils/mf/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/utils/mf/utils.ts"],"names":[],"mappings":"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"}

package/src/utils/mf/with-module-federation-ssr.d.ts

@@ -0,0 +1,2 @@
+import { ModuleFederationConfig } from '@nx/devkit';
+export declare function withModuleFederationForSSR(options: ModuleFederationConfig): Promise<(config: any) => any>;