@nx/angular 0.0.0-pr-22179-271588f

package/generators.json

@@ -0,0 +1,186 @@
+{
+  "name": "Nx Angular",
+  "version": "0.1",
+  "extends": ["@schematics/angular", "@nx/workspace"],
+  "generators": {
+    "add-linting": {
+      "factory": "./src/generators/add-linting/add-linting",
+      "schema": "./src/generators/add-linting/schema.json",
+      "description": "Adds linting configuration to an Angular project.",
+      "hidden": true
+    },
+    "application": {
+      "factory": "./src/generators/application/application#applicationGeneratorInternal",
+      "schema": "./src/generators/application/schema.json",
+      "aliases": ["app"],
+      "x-type": "application",
+      "description": "Creates an Angular application."
+    },
+    "component": {
+      "factory": "./src/generators/component/component#componentGeneratorInternal",
+      "schema": "./src/generators/component/schema.json",
+      "aliases": ["c"],
+      "description": "Generate an Angular Component."
+    },
+    "component-cypress-spec": {
+      "factory": "./src/generators/component-cypress-spec/component-cypress-spec",
+      "schema": "./src/generators/component-cypress-spec/schema.json",
+      "description": "Creates a Cypress spec for a UI component that has a story.",
+      "hidden": true
+    },
+    "component-story": {
+      "factory": "./src/generators/component-story/component-story",
+      "schema": "./src/generators/component-story/schema.json",
+      "description": "Creates a stories.ts file for a component.",
+      "hidden": true
+    },
+    "component-test": {
+      "factory": "./src/generators/component-test/component-test",
+      "schema": "./src/generators/component-test/schema.json",
+      "description": "Creates a cypress component test file for a component."
+    },
+    "convert-to-application-executor": {
+      "factory": "./src/generators/convert-to-application-executor/convert-to-application-executor",
+      "schema": "./src/generators/convert-to-application-executor/schema.json",
+      "description": "Converts projects to use the `@nx/angular:application` executor or the `@angular-devkit/build-angular:application` builder. _Note: this is only supported in Angular versions >= 17.0.0_."
+    },
+    "directive": {
+      "factory": "./src/generators/directive/directive",
+      "schema": "./src/generators/directive/schema.json",
+      "aliases": ["d"],
+      "description": "Generate an Angular directive."
+    },
+    "federate-module": {
+      "factory": "./src/generators/federate-module/federate-module",
+      "schema": "./src/generators/federate-module/schema.json",
+      "x-type": "application",
+      "description": "Create a federated module, which is exposed by a remote and can be subsequently loaded by a host."
+    },
+    "init": {
+      "factory": "./src/generators/init/init",
+      "schema": "./src/generators/init/schema.json",
+      "description": "Initializes the `@nrwl/angular` plugin.",
+      "hidden": true
+    },
+    "library": {
+      "factory": "./src/generators/library/library#libraryGeneratorInternal",
+      "schema": "./src/generators/library/schema.json",
+      "aliases": ["lib"],
+      "x-type": "library",
+      "description": "Creates an Angular library."
+    },
+    "library-secondary-entry-point": {
+      "factory": "./src/generators/library-secondary-entry-point/library-secondary-entry-point",
+      "schema": "./src/generators/library-secondary-entry-point/schema.json",
+      "aliases": ["secondary-entry-point", "entry-point"],
+      "description": "Creates a secondary entry point for an Angular publishable library."
+    },
+    "remote": {
+      "factory": "./src/generators/remote/remote#remoteInternal",
+      "schema": "./src/generators/remote/schema.json",
+      "x-type": "application",
+      "description": "Generate a Remote Angular Module Federation Application."
+    },
+    "move": {
+      "factory": "./src/generators/move/move#angularMoveGeneratorInternal",
+      "schema": "./src/generators/move/schema.json",
+      "aliases": ["mv"],
+      "description": "Moves an Angular application or library to another folder within the workspace and updates the project configuration.",
+      "x-deprecated": "Use the `@nx/workspace:move` generator instead. This generator will be removed in Nx v19."
+    },
+    "convert-to-with-mf": {
+      "factory": "./src/generators/convert-to-with-mf/convert-to-with-mf",
+      "schema": "./src/generators/convert-to-with-mf/schema.json",
+      "description": "Converts an old micro frontend configuration to use the new withModuleFederation helper. It will run successfully if the following conditions are met: \n - Is either a host or remote application \n - Shared npm package configurations have not been modified \n - Name used to identify the Micro Frontend application matches the project name \n\n{% callout type=\"warning\" title=\"Overrides\" %}This generator will overwrite your webpack config. If you have additional custom configuration in your config file, it will be lost!{% /callout %}"
+    },
+    "host": {
+      "factory": "./src/generators/host/host#hostInternal",
+      "schema": "./src/generators/host/schema.json",
+      "x-type": "application",
+      "description": "Generate a Host Angular Module Federation Application."
+    },
+    "ng-add": {
+      "factory": "./src/generators/ng-add/ng-add",
+      "schema": "./src/generators/ng-add/schema.json",
+      "description": "Migrates an Angular CLI workspace to Nx or adds the Angular plugin to an Nx workspace.",
+      "hidden": true
+    },
+    "ngrx": {
+      "factory": "./src/generators/ngrx/ngrx",
+      "schema": "./src/generators/ngrx/schema.json",
+      "description": "Adds NgRx support to an application or library.",
+      "x-deprecated": "This generator is deprecated and will be removed in a future version of Nx. Use the 'ngrx-root-store' and 'ngrx-feature-store' generators instead."
+    },
+    "ngrx-feature-store": {
+      "factory": "./src/generators/ngrx-feature-store/ngrx-feature-store",
+      "schema": "./src/generators/ngrx-feature-store/schema.json",
+      "description": "Adds an NgRx Feature Store to an application or library."
+    },
+    "ngrx-root-store": {
+      "factory": "./src/generators/ngrx-root-store/ngrx-root-store",
+      "schema": "./src/generators/ngrx-root-store/schema.json",
+      "description": "Adds an NgRx Root Store to an application."
+    },
+    "pipe": {
+      "factory": "./src/generators/pipe/pipe",
+      "schema": "./src/generators/pipe/schema.json",
+      "description": "Generate an Angular Pipe",
+      "aliases": ["p"]
+    },
+    "scam-to-standalone": {
+      "factory": "./src/generators/scam-to-standalone/scam-to-standalone",
+      "schema": "./src/generators/scam-to-standalone/schema.json",
+      "description": "Convert an existing Single Component Angular Module (SCAM) to a Standalone Component."
+    },
+    "scam": {
+      "factory": "./src/generators/scam/scam",
+      "schema": "./src/generators/scam/schema.json",
+      "description": "Generate a component with an accompanying Single Component Angular Module (SCAM)."
+    },
+    "scam-directive": {
+      "factory": "./src/generators/scam-directive/scam-directive",
+      "schema": "./src/generators/scam-directive/schema.json",
+      "description": "Generate a directive with an accompanying Single Component Angular Module (SCAM)."
+    },
+    "scam-pipe": {
+      "factory": "./src/generators/scam-pipe/scam-pipe",
+      "schema": "./src/generators/scam-pipe/schema.json",
+      "description": "Generate a pipe with an accompanying Single Component Angular Module (SCAM)."
+    },
+    "setup-mf": {
+      "factory": "./src/generators/setup-mf/setup-mf",
+      "schema": "./src/generators/setup-mf/schema.json",
+      "description": "Generate a Module Federation configuration for a given Angular application."
+    },
+    "setup-ssr": {
+      "factory": "./src/generators/setup-ssr/setup-ssr",
+      "schema": "./src/generators/setup-ssr/schema.json",
+      "description": "Generate Angular Universal (SSR) setup for an Angular application."
+    },
+    "setup-tailwind": {
+      "factory": "./src/generators/setup-tailwind/setup-tailwind",
+      "schema": "./src/generators/setup-tailwind/schema.json",
+      "description": "Configures Tailwind CSS for an application or a buildable/publishable library."
+    },
+    "stories": {
+      "factory": "./src/generators/stories/stories",
+      "schema": "./src/generators/stories/schema.json",
+      "description": "Creates stories/specs for all components declared in a project."
+    },
+    "storybook-configuration": {
+      "factory": "./src/generators/storybook-configuration/storybook-configuration",
+      "schema": "./src/generators/storybook-configuration/schema.json",
+      "description": "Adds Storybook configuration to a project."
+    },
+    "cypress-component-configuration": {
+      "factory": "./src/generators/cypress-component-configuration/cypress-component-configuration#cypressComponentConfigurationInternal",
+      "schema": "./src/generators/cypress-component-configuration/schema.json",
+      "description": "Setup Cypress component testing for a project."
+    },
+    "web-worker": {
+      "factory": "./src/generators/web-worker/web-worker",
+      "schema": "./src/generators/web-worker/schema.json",
+      "description": "Creates a Web Worker."
+    }
+  }
+}

package/index.d.ts

@@ -0,0 +1 @@
+export { fetch, navigation, optimisticUpdate, pessimisticUpdate, } from './src/runtime/nx/data-persistence';

package/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pessimisticUpdate = exports.optimisticUpdate = exports.navigation = exports.fetch = void 0;
+var data_persistence_1 = require("./src/runtime/nx/data-persistence");
+Object.defineProperty(exports, "fetch", { enumerable: true, get: function () { return data_persistence_1.fetch; } });
+Object.defineProperty(exports, "navigation", { enumerable: true, get: function () { return data_persistence_1.navigation; } });
+Object.defineProperty(exports, "optimisticUpdate", { enumerable: true, get: function () { return data_persistence_1.optimisticUpdate; } });
+Object.defineProperty(exports, "pessimisticUpdate", { enumerable: true, get: function () { return data_persistence_1.pessimisticUpdate; } });

package/mf/index.d.ts

@@ -0,0 +1 @@
+export { setRemoteUrlResolver, setRemoteDefinitions, loadRemoteModule, } from './mf';

package/mf/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadRemoteModule = exports.setRemoteDefinitions = exports.setRemoteUrlResolver = void 0;
+var mf_1 = require("./mf");
+Object.defineProperty(exports, "setRemoteUrlResolver", { enumerable: true, get: function () { return mf_1.setRemoteUrlResolver; } });
+Object.defineProperty(exports, "setRemoteDefinitions", { enumerable: true, get: function () { return mf_1.setRemoteDefinitions; } });
+Object.defineProperty(exports, "loadRemoteModule", { enumerable: true, get: function () { return mf_1.loadRemoteModule; } });

package/mf/mf.d.ts

@@ -0,0 +1,4 @@
+export type ResolveRemoteUrlFunction = (remoteName: string) => string | Promise<string>;
+export declare function setRemoteUrlResolver(_resolveRemoteUrl: ResolveRemoteUrlFunction): void;
+export declare function setRemoteDefinitions(definitions: Record<string, string>): void;
+export declare function loadRemoteModule(remoteName: string, moduleName: string): Promise<any>;

package/mf/mf.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadRemoteModule = exports.setRemoteDefinitions = exports.setRemoteUrlResolver = void 0;
+let resolveRemoteUrl;
+function setRemoteUrlResolver(_resolveRemoteUrl) {
+    resolveRemoteUrl = _resolveRemoteUrl;
+}
+exports.setRemoteUrlResolver = setRemoteUrlResolver;
+let remoteUrlDefinitions;
+function setRemoteDefinitions(definitions) {
+    remoteUrlDefinitions = definitions;
+}
+exports.setRemoteDefinitions = setRemoteDefinitions;
+let remoteModuleMap = new Map();
+let remoteContainerMap = new Map();
+async function loadRemoteModule(remoteName, moduleName) {
+    const remoteModuleKey = `${remoteName}:${moduleName}`;
+    if (remoteModuleMap.has(remoteModuleKey)) {
+        return remoteModuleMap.get(remoteModuleKey);
+    }
+    const container = remoteContainerMap.has(remoteName)
+        ? remoteContainerMap.get(remoteName)
+        : await loadRemoteContainer(remoteName);
+    const factory = await container.get(moduleName);
+    const Module = factory();
+    remoteModuleMap.set(remoteModuleKey, Module);
+    return Module;
+}
+exports.loadRemoteModule = loadRemoteModule;
+function loadModule(url) {
+    return Promise.resolve(`${url}`).then(s => require(s));
+}
+let initialSharingScopeCreated = false;
+async function loadRemoteContainer(remoteName) {
+    if (!resolveRemoteUrl && !remoteUrlDefinitions) {
+        throw new Error('Call setRemoteDefinitions or setRemoteUrlResolver to allow Dynamic Federation to find the remote apps correctly.');
+    }
+    if (!initialSharingScopeCreated) {
+        initialSharingScopeCreated = true;
+        await __webpack_init_sharing__('default');
+    }
+    const remoteUrl = remoteUrlDefinitions
+        ? remoteUrlDefinitions[remoteName]
+        : await resolveRemoteUrl(remoteName);
+    let containerUrl = remoteUrl;
+    if (!remoteUrl.endsWith('.mjs') && !remoteUrl.endsWith('.js')) {
+        containerUrl = `${remoteUrl}${remoteUrl.endsWith('/') ? '' : '/'}remoteEntry.mjs`;
+    }
+    const container = await loadModule(containerUrl);
+    await container.init(__webpack_share_scopes__.default);
+    remoteContainerMap.set(remoteName, container);
+    return container;
+}

package/mf/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "index.ts"
+  }
+}