@nx/angular 16.0.0-beta.1

package/src/generators/cypress-component-configuration/cypress-component-configuration.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cypressComponentConfiguration = void 0;
+const tslib_1 = require("tslib");
+const cypress_1 = require("@nx/cypress");
+const find_target_options_1 = require("@nx/cypress/src/utils/find-target-options");
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const component_test_1 = require("../component-test/component-test");
+const component_info_1 = require("../utils/storybook-ast/component-info");
+const entry_point_1 = require("../utils/storybook-ast/entry-point");
+const module_info_1 = require("../utils/storybook-ast/module-info");
+/**
+ * This is for cypress built in component testing, if you want to test with
+ * storybook + cypress then use the componentCypressGenerator instead.
+ */
+function cypressComponentConfiguration(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+        const installTask = yield (0, cypress_1.cypressComponentProject)(tree, {
+            project: options.project,
+            skipFormat: true,
+        });
+        yield updateProjectConfig(tree, options);
+        addFiles(tree, projectConfig, options);
+        if (options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return () => {
+            installTask();
+        };
+    });
+}
+exports.cypressComponentConfiguration = cypressComponentConfiguration;
+function addFiles(tree, projectConfig, options) {
+    const cypressConfigPath = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress.config.ts');
+    if (tree.exists(cypressConfigPath)) {
+        tree.delete(cypressConfigPath);
+    }
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), projectConfig.root, {
+        tpl: '',
+    });
+    if (options.generateTests) {
+        const entryPoints = (0, entry_point_1.getProjectEntryPoints)(tree, options.project);
+        const componentInfo = [];
+        for (const entryPoint of entryPoints) {
+            const moduleFilePaths = (0, module_info_1.getModuleFilePaths)(tree, entryPoint);
+            componentInfo.push(...(0, component_info_1.getComponentsInfo)(tree, entryPoint, moduleFilePaths, options.project), ...(0, component_info_1.getStandaloneComponentsInfo)(tree, entryPoint));
+        }
+        for (const info of componentInfo) {
+            if (info === undefined) {
+                continue;
+            }
+            const componentDirFromProjectRoot = (0, path_1.relative)(projectConfig.root, (0, devkit_1.joinPathFragments)(info.moduleFolderPath, info.path));
+            (0, component_test_1.componentTestGenerator)(tree, {
+                project: options.project,
+                componentName: info.name,
+                componentDir: componentDirFromProjectRoot,
+                componentFileName: info.componentFileName,
+                skipFormat: true,
+            });
+        }
+    }
+}
+function updateProjectConfig(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const found = yield (0, find_target_options_1.findBuildConfig)(tree, {
+            project: options.project,
+            buildTarget: options.buildTarget,
+            validExecutorNames: new Set([
+                '@nrwl/angular:webpack-browser',
+                '@angular-devkit/build-angular:browser',
+            ]),
+        });
+        assertValidConfig(found === null || found === void 0 ? void 0 : found.config);
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+        projectConfig.targets['component-test'].options = Object.assign(Object.assign({}, projectConfig.targets['component-test'].options), { skipServe: true, devServerTarget: found.target });
+        (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
+    });
+}
+function assertValidConfig(config) {
+    if (!config) {
+        throw new Error('Unable to find a valid build configuration. Try passing in a target for an Angular app. --build-target=<project>:<target>[:<configuration>]');
+    }
+}
+exports.default = cypressComponentConfiguration;
+//# sourceMappingURL=cypress-component-configuration.js.map

package/src/generators/cypress-component-configuration/cypress-component-configuration.js.map

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

package/src/generators/cypress-component-configuration/files/cypress/support/commands.ts__tpl__

@@ -0,0 +1,42 @@
+/// <reference types="cypress" />
+import { mount } from 'cypress/angular'
+
+// ***********************************************
+// This example commands.ts shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+
+declare global {
+// eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    interface Chainable<Subject> {
+      login(email: string, password: string): void;
+      mount: typeof mount;
+    }
+  }
+}
+
+Cypress.Commands.add('mount', mount)
+
+//
+// -- This is a parent command --
+Cypress.Commands.add('login', (email, password) => {
+  console.log('Custom command example: Login', email, password);
+});
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/src/generators/cypress-component-configuration/files/cypress.config.ts__tpl__

@@ -0,0 +1,6 @@
+import { defineConfig } from 'cypress';
+import { nxComponentTestingPreset } from '@nrwl/angular/plugins/component-testing';
+
+export default defineConfig({
+  component: nxComponentTestingPreset(__filename),
+});

package/src/generators/cypress-component-configuration/schema.d.ts

@@ -0,0 +1,6 @@
+export interface CypressComponentConfigSchema {
+  project: string;
+  generateTests: boolean;
+  skipFormat?: boolean;
+  buildTarget?: string;
+}

package/src/generators/cypress-component-configuration/schema.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxAngularCypressComponentConfigurationGenerator",
+  "type": "object",
+  "cli": "nx",
+  "title": "Add Cypress component testing",
+  "description": "Add a Cypress component testing configuration to an existing project. Cypress v10.7.0 or higher is required.",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to add cypress component testing configuration to",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-dropdown": "projects",
+      "x-prompt": "What project should we add Cypress component testing to?",
+      "x-priority": "important"
+    },
+    "generateTests": {
+      "type": "boolean",
+      "description": "Generate default component tests for existing components in the project",
+      "x-prompt": "Automatically generate tests for components declared in this project?",
+      "default": false
+    },
+    "buildTarget": {
+      "type": "string",
+      "description": "A build target used to configure Cypress component testing in the format of `project:target[:configuration]`. The build target should be an angular app. If not provided we will try to infer it from your projects usage.",
+      "pattern": "^[^:\\s]+:[^:\\s]+(:\\S+)?$",
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["project"],
+  "examplesFile": "../../../docs/cypress-component-configuration-examples.md"
+}

package/src/generators/directive/directive.d.ts

@@ -0,0 +1,4 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from './schema';
+export declare function directiveGenerator(tree: Tree, schema: Schema): Promise<void>;
+export default directiveGenerator;

package/src/generators/directive/directive.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.directiveGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const utils_1 = require("../utils");
+const lib_1 = require("./lib");
+function directiveGenerator(tree, schema) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        (0, lib_1.validateOptions)(tree, schema);
+        const options = (0, lib_1.normalizeOptions)(tree, schema);
+        const directiveNames = (0, devkit_1.names)(options.name);
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
+            selector: options.selector,
+            directiveClassName: directiveNames.className,
+            directiveFileName: directiveNames.fileName,
+            standalone: options.standalone,
+            tpl: '',
+        });
+        if (options.skipTests) {
+            const pathToSpecFile = (0, devkit_1.joinPathFragments)(options.directory, `${directiveNames.fileName}.directive.spec.ts`);
+            tree.delete(pathToSpecFile);
+        }
+        if (!options.skipImport && !options.standalone) {
+            const modulePath = (0, utils_1.findModule)(tree, options.path, options.module);
+            (0, utils_1.addToNgModule)(tree, options.path, modulePath, directiveNames.fileName, `${directiveNames.className}Directive`, `${directiveNames.fileName}.directive`, 'declarations', options.flat, options.export);
+        }
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+    });
+}
+exports.directiveGenerator = directiveGenerator;
+exports.default = directiveGenerator;
+//# sourceMappingURL=directive.js.map

package/src/generators/directive/directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/directive/directive.ts"],"names":[],"mappings":";;;;AACA,uCAKoB;AACpB,oCAAqD;AACrD,+BAA0D;AAG1D,SAAsB,kBAAkB,CAAC,IAAU,EAAE,MAAc;;QACjE,IAAA,qBAAe,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAA,sBAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAE/C,MAAM,cAAc,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,0BAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,EACrC,OAAO,CAAC,SAAS,EACjB;YACE,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,kBAAkB,EAAE,cAAc,CAAC,SAAS;YAC5C,iBAAiB,EAAE,cAAc,CAAC,QAAQ;YAC1C,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,GAAG,EAAE,EAAE;SACR,CACF,CAAC;QAEF,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,MAAM,cAAc,GAAG,IAAA,0BAAiB,EACtC,OAAO,CAAC,SAAS,EACjB,GAAG,cAAc,CAAC,QAAQ,oBAAoB,CAC/C,CAAC;YAEF,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC9C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAClE,IAAA,qBAAa,EACX,IAAI,EACJ,OAAO,CAAC,IAAI,EACZ,UAAU,EACV,cAAc,CAAC,QAAQ,EACvB,GAAG,cAAc,CAAC,SAAS,WAAW,EACtC,GAAG,cAAc,CAAC,QAAQ,YAAY,EACtC,cAAc,EACd,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,MAAM,CACf,CAAC;SACH;QAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC;CAAA;AA9CD,gDA8CC;AAED,kBAAe,kBAAkB,CAAC"}

package/src/generators/directive/files/__directiveFileName__.directive.spec.ts__tpl__

@@ -0,0 +1,8 @@
+import { <%= directiveClassName %>Directive } from './<%= directiveFileName %>.directive';
+
+describe('<%= directiveClassName %>Directive', () => {
+  it('should create an instance', () => {
+    const directive = new <%= directiveClassName %>Directive();
+    expect(directive).toBeTruthy();
+  });
+});

package/src/generators/directive/files/__directiveFileName__.directive.ts__tpl__

@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: '[<%= selector %>]'<% if(standalone) {%>,
+  standalone: true<%}%>
+})
+export class <%= directiveClassName %>Directive {
+
+  constructor() { }
+
+}

package/src/generators/directive/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './normalize-options';
+export * from './validate-options';

package/src/generators/directive/lib/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./normalize-options"), exports);
+tslib_1.__exportStar(require("./validate-options"), exports);
+//# sourceMappingURL=index.js.map

package/src/generators/directive/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/directive/lib/index.ts"],"names":[],"mappings":";;;AAAA,8DAAoC;AACpC,6DAAmC"}

package/src/generators/directive/lib/normalize-options.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { NormalizedSchema, Schema } from '../schema';
+export declare function normalizeOptions(tree: Tree, options: Schema): NormalizedSchema;

package/src/generators/directive/lib/normalize-options.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = void 0;
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("../../utils/path");
+const selector_1 = require("../../utils/selector");
+function normalizeOptions(tree, options) {
+    var _a;
+    const { directory, name, path } = (0, path_1.normalizeNameAndPaths)(tree, Object.assign(Object.assign({}, options), { type: 'directive' }));
+    const { prefix } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    const selector = (_a = options.selector) !== null && _a !== void 0 ? _a : (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'propertyName');
+    return Object.assign(Object.assign({}, options), { directory,
+        name,
+        path,
+        selector });
+}
+exports.normalizeOptions = normalizeOptions;
+//# sourceMappingURL=normalize-options.js.map

package/src/generators/directive/lib/normalize-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-options.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/directive/lib/normalize-options.ts"],"names":[],"mappings":";;;AACA,uCAAsD;AAEtD,2CAAyD;AACzD,mDAAqD;AAGrD,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAe;;IAEf,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAqB,EAAC,IAAI,kCACvD,OAAO,KACV,IAAI,EAAE,WAAW,IACjB,CAAC;IAEH,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAwB,EACzC,IAAI,EACJ,OAAO,CAAC,OAAO,CACe,CAAC;IAEjC,MAAM,QAAQ,GACZ,MAAA,OAAO,CAAC,QAAQ,mCAChB,IAAA,wBAAa,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;IAEpE,uCACK,OAAO,KACV,SAAS;QACT,IAAI;QACJ,IAAI;QACJ,QAAQ,IACR;AACJ,CAAC;AAzBD,4CAyBC"}

package/src/generators/directive/lib/validate-options.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function validateOptions(tree: Tree, options: Schema): void;

package/src/generators/directive/lib/validate-options.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = void 0;
+const path_1 = require("../../utils/path");
+const validations_1 = require("../../utils/validations");
+function validateOptions(tree, options) {
+    (0, validations_1.validateProject)(tree, options.project);
+    (0, path_1.checkPathUnderProjectRoot)(tree, options.project, options.path);
+    (0, validations_1.validateStandaloneOption)(tree, options.standalone);
+}
+exports.validateOptions = validateOptions;
+//# sourceMappingURL=validate-options.js.map

package/src/generators/directive/lib/validate-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-options.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/directive/lib/validate-options.ts"],"names":[],"mappings":";;;AACA,2CAA6D;AAC7D,yDAGiC;AAGjC,SAAgB,eAAe,CAAC,IAAU,EAAE,OAAe;IACzD,IAAA,6BAAe,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,IAAA,gCAAyB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,IAAA,sCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;AACrD,CAAC;AAJD,0CAIC"}

package/src/generators/directive/schema.d.ts

@@ -0,0 +1,19 @@
+export interface Schema {
+  name: string;
+  project: string;
+  path?: string;
+  prefix?: string;
+  skipTests?: boolean;
+  skipImport?: boolean;
+  selector?: string;
+  standalone?: boolean;
+  flat?: boolean;
+  module?: string;
+  export?: boolean;
+  skipFormat?: boolean;
+}
+
+export interface NormalizedSchema extends Schema {
+  directory: string;
+  path: string;
+}

package/src/generators/directive/schema.json

@@ -0,0 +1,92 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "GeneratorAngularDirective",
+  "cli": "nx",
+  "title": "Nx Angular Directive Options Schema",
+  "type": "object",
+  "description": "Creates a new, generic directive definition in the given project.",
+  "additionalProperties": false,
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The name of the new directive.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the directive?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "$default": {
+        "$source": "workingDirectory"
+      },
+      "description": "The path at which to create the interface that defines the directive, relative to the workspace root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-dropdown": "projects"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "A prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new class.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not import this directive into the owning NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this directive."
+    },
+    "standalone": {
+      "description": "Whether the generated directive is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "type": "boolean",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "When true (the default), creates the new files at the top level of the current project.",
+      "default": true
+    },
+    "module": {
+      "type": "string",
+      "description": "The filename of the declaring NgModule.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "The declaring NgModule exports this directive."
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "default": false,
+      "description": "Skip formatting of files."
+    }
+  },
+  "required": ["name", "project"]
+}

package/src/generators/host/files/src/main.server.ts__tmpl__

@@ -0,0 +1,66 @@
+import 'zone.js/dist/zone-node';
+
+import { APP_BASE_HREF } from '@angular/common';
+import { ngExpressEngine } from '@nguniversal/express-engine';
+import * as express from 'express';
+import * as cors from 'cors';
+import { existsSync } from 'fs';
+import { join } from 'path';
+
+import { AppServerModule } from './bootstrap.server';
+
+// The Express app is exported so that it can be used by serverless Functions.
+export function app(): express.Express {
+  const server = express();
+  const browserBundles = join(process.cwd(), 'dist/apps/<%= appName %>/browser');
+
+  server.use(cors());
+  const indexHtml = existsSync(join(browserBundles, 'index.original.html'))
+    ? 'index.original.html'
+    : 'index';
+
+  // Our Universal express-engine (found @ https://github.com/angular/universal/tree/main/modules/express-engine)
+  server.engine(
+    'html',
+    ngExpressEngine({
+      bootstrap: AppServerModule,
+    })
+  );
+
+  server.set('view engine', 'html');
+  server.set('views', browserBundles);
+
+  // Serve static files from /browser
+  server.get(
+    '*.*',
+    express.static(browserBundles, {
+      maxAge: '1y',
+    })
+  );
+
+  // All regular routes use the Universal engine
+  server.get('*', (req, res) => {
+    // keep it async to avoid blocking the server thread
+
+    res.render(indexHtml, {
+      providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }],
+      req,
+    });
+  });
+
+  return server;
+}
+
+function run(): void {
+  const port = process.env['PORT'] || 4000;
+
+  // Start up the Node server
+  const server = app();
+  server.listen(port, () => {
+    console.log(`Node Express server listening on http://localhost:${port}`);
+  });
+}
+
+run();
+
+export * from './bootstrap.server';

package/src/generators/host/files/webpack.server.config.js__tmpl__

@@ -0,0 +1,3 @@
+const { withModuleFederationForSSR } = require('@nrwl/angular/module-federation');
+const config = require('./module-federation.config');
+module.exports = withModuleFederationForSSR(config)

package/src/generators/host/host.compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: import("./schema").Schema) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/generators/host/host.compat.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const warn_for_schematic_usage_1 = require("../utils/warn-for-schematic-usage");
+const host_1 = require("./host");
+exports.default = (0, warn_for_schematic_usage_1.warnForSchematicUsage)((0, devkit_1.convertNxGenerator)(host_1.default));
+//# sourceMappingURL=host.compat.js.map

package/src/generators/host/host.compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.compat.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/host/host.compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,gFAA0E;AAC1E,iCAA0B;AAE1B,kBAAe,IAAA,gDAAqB,EAAC,IAAA,2BAAkB,EAAC,cAAI,CAAC,CAAC,CAAC"}

package/src/generators/host/host.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import type { Schema } from './schema';
+export declare function host(tree: Tree, options: Schema): Promise<import("@nx/devkit").GeneratorCallback>;
+export default host;

package/src/generators/host/host.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.host = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const application_1 = require("../application/application");
+const remote_1 = require("../remote/remote");
+const project_1 = require("../utils/project");
+const setup_mf_1 = require("../setup-mf/setup-mf");
+const test_runners_1 = require("../../utils/test-runners");
+const lib_1 = require("./lib");
+const version_utils_1 = require("../utils/version-utils");
+const semver_1 = require("semver");
+function host(tree, options) {
+    var _a;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const installedAngularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+        if ((0, semver_1.lt)(installedAngularVersionInfo.version, '14.1.0') && options.standalone) {
+            throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using ${installedAngularVersionInfo.version}.
+    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
+        }
+        const projects = (0, devkit_1.getProjects)(tree);
+        const remotesToGenerate = [];
+        const remotesToIntegrate = [];
+        if (options.remotes && options.remotes.length > 0) {
+            options.remotes.forEach((remote) => {
+                if (!projects.has(remote)) {
+                    remotesToGenerate.push(remote);
+                }
+                else {
+                    remotesToIntegrate.push(remote);
+                }
+            });
+        }
+        const { projectDirectory } = (0, devkit_1.extractLayoutDirectory)(options.directory);
+        const appName = (0, project_1.normalizeProjectName)(options.name, projectDirectory);
+        const appInstallTask = yield (0, application_1.default)(tree, Object.assign(Object.assign({}, options), { standalone: (_a = options.standalone) !== null && _a !== void 0 ? _a : false, routing: true, port: 4200, skipFormat: true }));
+        const skipE2E = !options.e2eTestRunner || options.e2eTestRunner === test_runners_1.E2eTestRunner.None;
+        yield (0, setup_mf_1.setupMf)(tree, {
+            appName,
+            mfType: 'host',
+            routing: true,
+            port: 4200,
+            remotes: remotesToIntegrate !== null && remotesToIntegrate !== void 0 ? remotesToIntegrate : [],
+            federationType: options.dynamic ? 'dynamic' : 'static',
+            skipPackageJson: options.skipPackageJson,
+            skipFormat: true,
+            skipE2E,
+            e2eProjectName: skipE2E ? undefined : `${appName}-e2e`,
+        });
+        let installTasks = [appInstallTask];
+        if (options.ssr) {
+            let ssrInstallTask = yield (0, lib_1.addSsr)(tree, options, appName);
+            installTasks.push(ssrInstallTask);
+        }
+        for (const remote of remotesToGenerate) {
+            yield (0, remote_1.default)(tree, Object.assign(Object.assign({}, options), { name: remote, host: appName, skipFormat: true, standalone: options.standalone }));
+        }
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return (0, devkit_1.runTasksInSerial)(...installTasks);
+    });
+}
+exports.host = host;
+exports.default = host;
+//# sourceMappingURL=host.js.map

package/src/generators/host/host.js.map

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

package/src/generators/host/lib/add-ssr.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function addSsr(tree: Tree, options: Schema, appName: string): Promise<import("@nx/devkit").GeneratorCallback>;