@nx/angular 16.0.0-beta.1

package/src/generators/component/lib/module.js.map

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

package/src/generators/component/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/component/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, _b, _c, _d;
+    (_a = options.type) !== null && _a !== void 0 ? _a : (options.type = 'component');
+    const { directory, filePath, name, path, root, sourceRoot } = (0, path_1.normalizeNameAndPaths)(tree, options);
+    const { prefix } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    const selector = (_b = options.selector) !== null && _b !== void 0 ? _b : (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'fileName');
+    return Object.assign(Object.assign({}, options), { name, changeDetection: (_c = options.changeDetection) !== null && _c !== void 0 ? _c : 'Default', style: (_d = options.style) !== null && _d !== void 0 ? _d : 'css', directory,
+        filePath,
+        path, projectSourceRoot: sourceRoot, projectRoot: root, selector });
+}
+exports.normalizeOptions = normalizeOptions;
+//# sourceMappingURL=normalize-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-options.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/component/lib/normalize-options.ts"],"names":[],"mappings":";;;AACA,uCAAsD;AAEtD,2CAAyD;AACzD,mDAAqD;AAGrD,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAe;;IAEf,MAAA,OAAO,CAAC,IAAI,oCAAZ,OAAO,CAAC,IAAI,GAAK,WAAW,EAAC;IAC7B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GACzD,IAAA,4BAAqB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEvC,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,UAAU,CAAC,CAAC;IAEhE,uCACK,OAAO,KACV,IAAI,EACJ,eAAe,EAAE,MAAA,OAAO,CAAC,eAAe,mCAAI,SAAS,EACrD,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,mCAAI,KAAK,EAC7B,SAAS;QACT,QAAQ;QACR,IAAI,EACJ,iBAAiB,EAAE,UAAU,EAC7B,WAAW,EAAE,IAAI,EACjB,QAAQ,IACR;AACJ,CAAC;AA7BD,4CA6BC"}

package/src/generators/component/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/component/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/component/lib/validate-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-options.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/component/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/component/schema.d.ts

@@ -0,0 +1,30 @@
+export interface Schema {
+  name: string;
+  project: string;
+  path?: string;
+  displayBlock?: boolean;
+  inlineStyle?: boolean;
+  inlineTemplate?: boolean;
+  standalone?: boolean;
+  viewEncapsulation?: 'Emulated' | 'None' | 'ShadowDom';
+  changeDetection?: 'Default' | 'OnPush';
+  style?: 'css' | 'scss' | 'sass' | 'less' | 'none';
+  skipTests?: boolean;
+  type?: string;
+  flat?: boolean;
+  skipImport?: boolean;
+  selector?: string;
+  module?: string;
+  skipSelector?: boolean;
+  export?: boolean;
+  prefix?: string;
+  skipFormat?: boolean;
+}
+
+export interface NormalizedSchema extends Schema {
+  directory: string;
+  filePath: string;
+  projectSourceRoot: string;
+  projectRoot: string;
+  selector: string;
+}

package/src/generators/component/schema.json

@@ -0,0 +1,131 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularComponent",
+  "title": "Angular Component Schema",
+  "cli": "nx",
+  "type": "object",
+  "description": "Creates a new, generic Angular component definition in the given or default project.",
+  "additionalProperties": false,
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-dropdown": "projects"
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to the generated component selector.",
+      "alias": "p"
+    },
+    "displayBlock": {
+      "description": "Specifies if the style will contain `:host { display: block; }`.",
+      "type": "boolean",
+      "default": false,
+      "alias": "b"
+    },
+    "inlineStyle": {
+      "description": "Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "standalone": {
+      "description": "Whether the generated component is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "important"
+    },
+    "viewEncapsulation": {
+      "description": "The view encapsulation strategy to use in the new component.",
+      "enum": ["Emulated", "None", "ShadowDom"],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "The change detection strategy to use in the new component.",
+      "enum": ["Default", "OnPush"],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "module": {
+      "type": "string",
+      "description": "The filename or path to the NgModule that will declare this component.",
+      "alias": "m"
+    },
+    "style": {
+      "description": "The file extension or preprocessor to use for style files, or `none` to skip generating the style file.",
+      "type": "string",
+      "default": "css",
+      "enum": ["css", "scss", "sass", "less", "none"]
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create `spec.ts` test files for the new component.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Create the new files at the top level of the current project.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Do not import this component into the owning NgModule.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this component."
+    },
+    "skipSelector": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component should have a selector or not."
+    },
+    "type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format `name.type.ts`.",
+      "default": "component"
+    },
+    "export": {
+      "type": "boolean",
+      "description": "Specifies if the component should be exported in the declaring `NgModule`. Additionally, if the project is a library, the component will be exported from the project's entry point (normally `index.ts`) if the module it belongs to is also exported or if the component is standalone.",
+      "default": false,
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["name", "project"],
+  "examplesFile": "../../../docs/component-examples.md"
+}

package/src/generators/component-cypress-spec/compat.d.ts

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

package/src/generators/component-cypress-spec/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 component_cypress_spec_1 = require("./component-cypress-spec");
+exports.default = (0, warn_for_schematic_usage_1.warnForSchematicUsage)((0, devkit_1.convertNxGenerator)(component_cypress_spec_1.componentCypressSpecGenerator));
+//# sourceMappingURL=compat.js.map

package/src/generators/component-cypress-spec/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/component-cypress-spec/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,gFAA0E;AAC1E,qEAAyE;AAEzE,kBAAe,IAAA,gDAAqB,EAClC,IAAA,2BAAkB,EAAC,sDAA6B,CAAC,CAClD,CAAC"}

package/src/generators/component-cypress-spec/component-cypress-spec.d.ts

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentCypressSpecGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const storybook_inputs_1 = require("../utils/storybook-ast/storybook-inputs");
+const get_args_default_value_1 = require("./lib/get-args-default-value");
+const get_component_selector_1 = require("./lib/get-component-selector");
+function componentCypressSpecGenerator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { cypressProject, projectName, projectPath, componentPath, componentFileName, componentName, specDirectory, } = options;
+        const e2eProjectName = cypressProject || `${projectName}-e2e`;
+        const { sourceRoot, root } = (0, devkit_1.readProjectConfiguration)(tree, e2eProjectName);
+        const isCypressV10 = tree.exists((0, devkit_1.joinPathFragments)(root, 'cypress.config.ts'));
+        const e2eLibIntegrationFolderPath = (0, devkit_1.joinPathFragments)(sourceRoot, isCypressV10 ? 'e2e' : 'integration');
+        const templatesDir = (0, devkit_1.joinPathFragments)(__dirname, 'files');
+        const destinationDir = (0, devkit_1.joinPathFragments)(e2eLibIntegrationFolderPath, specDirectory !== null && specDirectory !== void 0 ? specDirectory : componentPath);
+        const storyFile = (0, devkit_1.joinPathFragments)(destinationDir, `${componentFileName}.${isCypressV10 ? 'cy' : 'spec'}.ts`);
+        if (tree.exists(storyFile)) {
+            return;
+        }
+        const fullComponentPath = (0, devkit_1.joinPathFragments)(projectPath, componentPath, `${componentFileName}.ts`);
+        const props = (0, storybook_inputs_1.getComponentProps)(tree, fullComponentPath, get_args_default_value_1.getArgsDefaultValue);
+        const componentSelector = (0, get_component_selector_1.getComponentSelector)(tree, fullComponentPath);
+        (0, devkit_1.generateFiles)(tree, templatesDir, destinationDir, {
+            projectName,
+            componentFileName,
+            componentName,
+            componentSelector,
+            props,
+            fileExt: isCypressV10 ? 'cy.ts' : 'spec.ts',
+        });
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+    });
+}
+exports.componentCypressSpecGenerator = componentCypressSpecGenerator;
+exports.default = componentCypressSpecGenerator;
+//# sourceMappingURL=component-cypress-spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-cypress-spec.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/component-cypress-spec/component-cypress-spec.ts"],"names":[],"mappings":";;;;AACA,uCAKoB;AACpB,8EAA4E;AAC5E,yEAAmE;AACnE,yEAAoE;AAGpE,SAAsB,6BAA6B,CACjD,IAAU,EACV,OAA6C;;QAE7C,MAAM,EACJ,cAAc,EACd,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,aAAa,GACd,GAAG,OAAO,CAAC;QACZ,MAAM,cAAc,GAAG,cAAc,IAAI,GAAG,WAAW,MAAM,CAAC;QAC9D,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QAC5E,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAC9B,IAAA,0BAAiB,EAAC,IAAI,EAAE,mBAAmB,CAAC,CAC7C,CAAC;QACF,MAAM,2BAA2B,GAAG,IAAA,0BAAiB,EACnD,UAAU,EACV,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CACrC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,cAAc,GAAG,IAAA,0BAAiB,EACtC,2BAA2B,EAC3B,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,aAAa,CAC/B,CAAC;QACF,MAAM,SAAS,GAAG,IAAA,0BAAiB,EACjC,cAAc,EACd,GAAG,iBAAiB,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,CAC1D,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;YAC1B,OAAO;SACR;QAED,MAAM,iBAAiB,GAAG,IAAA,0BAAiB,EACzC,WAAW,EACX,aAAa,EACb,GAAG,iBAAiB,KAAK,CAC1B,CAAC;QACF,MAAM,KAAK,GAAG,IAAA,oCAAiB,EAAC,IAAI,EAAE,iBAAiB,EAAE,4CAAmB,CAAC,CAAC;QAC9E,MAAM,iBAAiB,GAAG,IAAA,6CAAoB,EAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QAExE,IAAA,sBAAa,EAAC,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE;YAChD,WAAW;YACX,iBAAiB;YACjB,aAAa;YACb,iBAAiB;YACjB,KAAK;YACL,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;SAC5C,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC;CAAA;AAzDD,sEAyDC;AAED,kBAAe,6BAA6B,CAAC"}

package/src/generators/component-cypress-spec/files/__componentFileName__.__fileExt__

@@ -0,0 +1,12 @@
+describe('<%=projectName%>', () => {
+  beforeEach(() => cy.visit('/iframe.html?id=<%= componentName.toLowerCase() %>--primary<% if ( props && props.length > 0 ) { %>&args=<% } %><%
+    for(let prop of props) {
+      %><%=prop.name%><%
+      if(prop.defaultValue !== undefined && (prop.defaultValue || prop.defaultValue === false)) {
+        %>:<%=prop.defaultValue%><%
+      } %>;<%
+    }%>'));
+  it('should render the component', () => {
+    cy.get('<%=componentSelector%>').should('exist');
+  });
+});

package/src/generators/component-cypress-spec/lib/get-args-default-value.d.ts

@@ -0,0 +1,2 @@
+import type { PropertyDeclaration } from 'typescript';
+export declare function getArgsDefaultValue(property: PropertyDeclaration): string | undefined;

package/src/generators/component-cypress-spec/lib/get-args-default-value.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getArgsDefaultValue = void 0;
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+let tsModule;
+function getArgsDefaultValue(property) {
+    if (!property.initializer) {
+        return undefined;
+    }
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    switch (property.initializer.kind) {
+        case tsModule.SyntaxKind.StringLiteral:
+            const returnString = property.initializer.getText().slice(1, -1);
+            return returnString.replace(/\s/g, '+');
+        case tsModule.SyntaxKind.NumericLiteral:
+        case tsModule.SyntaxKind.TrueKeyword:
+        case tsModule.SyntaxKind.FalseKeyword:
+            return property.initializer.getText();
+        default:
+            return undefined;
+    }
+}
+exports.getArgsDefaultValue = getArgsDefaultValue;
+//# sourceMappingURL=get-args-default-value.js.map

package/src/generators/component-cypress-spec/lib/get-args-default-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-args-default-value.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/component-cypress-spec/lib/get-args-default-value.ts"],"names":[],"mappings":";;;AAAA,qFAAiF;AAGjF,IAAI,QAAqC,CAAC;AAE1C,SAAgB,mBAAmB,CACjC,QAA6B;IAE7B,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,IAAA,oCAAgB,GAAE,CAAC;KAC/B;IACD,QAAQ,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE;QACjC,KAAK,QAAQ,CAAC,UAAU,CAAC,aAAa;YACpC,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACjE,OAAO,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC1C,KAAK,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC;QACxC,KAAK,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC;QACrC,KAAK,QAAQ,CAAC,UAAU,CAAC,YAAY;YACnC,OAAO,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QACxC;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC;AApBD,kDAoBC"}

package/src/generators/component-cypress-spec/lib/get-component-selector.d.ts

@@ -0,0 +1,2 @@
+import type { Tree } from '@nx/devkit';
+export declare function getComponentSelector(tree: Tree, path: string): string;

package/src/generators/component-cypress-spec/lib/get-component-selector.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentSelector = void 0;
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const typescript_1 = require("nx/src/utils/typescript");
+const ast_utils_1 = require("../../../utils/nx-devkit/ast-utils");
+let tsModule;
+function getComponentSelector(tree, path) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const file = (0, ast_utils_1.getTsSourceFile)(tree, path);
+    const componentDecorators = (0, ast_utils_1.getDecoratorMetadata)(file, 'Component', '@angular/core');
+    if (componentDecorators.length === 0) {
+        throw new Error(`No @Component decorator in ${path}.`);
+    }
+    const componentDecorator = componentDecorators[0];
+    const selectorNode = ((0, typescript_1.findNodes)(componentDecorator, tsModule.SyntaxKind.PropertyAssignment).find((node) => node.name.getText() === 'selector'));
+    if (!selectorNode) {
+        throw new Error(`No selector defined for the component in ${path}.`);
+    }
+    return selectorNode.initializer.getText().slice(1, -1);
+}
+exports.getComponentSelector = getComponentSelector;
+//# sourceMappingURL=get-component-selector.js.map

package/src/generators/component-cypress-spec/lib/get-component-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-component-selector.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/component-cypress-spec/lib/get-component-selector.ts"],"names":[],"mappings":";;;AACA,qFAAiF;AACjF,wDAAoD;AAGpD,kEAG4C;AAE5C,IAAI,QAAqC,CAAC;AAE1C,SAAgB,oBAAoB,CAAC,IAAU,EAAE,IAAY;IAC3D,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,IAAA,oCAAgB,GAAE,CAAC;KAC/B;IACD,MAAM,IAAI,GAAG,IAAA,2BAAe,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,IAAA,gCAAoB,EAC9C,IAAI,EACJ,WAAW,EACX,eAAe,CAChB,CAAC;IACF,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,MAAM,IAAI,KAAK,CAAC,8BAA8B,IAAI,GAAG,CAAC,CAAC;KACxD;IACD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,YAAY,GAAuB,CACvC,IAAA,sBAAS,EAAC,kBAAkB,EAAE,QAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,IAAI,CACxE,CAAC,IAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,UAAU,CACjE,CACF,CAAC;IACF,IAAI,CAAC,YAAY,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,4CAA4C,IAAI,GAAG,CAAC,CAAC;KACtE;IAED,OAAO,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAzBD,oDAyBC"}

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

@@ -0,0 +1,10 @@
+export interface ComponentCypressSpecGeneratorOptions {
+  projectName: string;
+  projectPath: string;
+  componentName: string;
+  componentPath: string;
+  componentFileName: string;
+  cypressProject?: string;
+  specDirectory?: string;
+  skipFormat?: boolean;
+}

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

@@ -0,0 +1,65 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxAngularComponentCypressSpecGenerator",
+  "type": "object",
+  "cli": "nx",
+  "description": "Creates a Cypress spec for a UI component that has a story.",
+  "properties": {
+    "projectName": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      },
+      "examples": ["ui-samples"],
+      "x-priority": "important"
+    },
+    "projectPath": {
+      "type": "string",
+      "description": "Path to the project.",
+      "examples": ["libs/ui-samples"],
+      "x-priority": "important"
+    },
+    "componentName": {
+      "type": "string",
+      "description": "Class name of the component.",
+      "examples": ["AwesomeComponent"],
+      "x-priority": "important"
+    },
+    "componentPath": {
+      "type": "string",
+      "description": "Relative path to the component file from the project root.",
+      "examples": ["awesome"],
+      "x-priority": "important"
+    },
+    "componentFileName": {
+      "type": "string",
+      "description": "Component file name without the `.ts` extension.",
+      "examples": ["awesome.component"],
+      "x-priority": "important"
+    },
+    "cypressProject": {
+      "type": "string",
+      "description": "The Cypress project to generate the stories under. By default, inferred from `projectName`."
+    },
+    "specDirectory": {
+      "type": "string",
+      "description": "Directory where to place the generated spec file. By default matches the value of the `componentPath` option."
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "projectName",
+    "projectPath",
+    "componentName",
+    "componentPath",
+    "componentFileName"
+  ],
+  "examplesFile": "../../../docs/component-cypress-spec-examples.md"
+}

package/src/generators/component-story/compat.d.ts

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

package/src/generators/component-story/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 component_story_1 = require("./component-story");
+exports.default = (0, warn_for_schematic_usage_1.warnForSchematicUsage)((0, devkit_1.convertNxGenerator)(component_story_1.componentStoryGenerator));
+//# sourceMappingURL=compat.js.map

package/src/generators/component-story/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/component-story/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,gFAA0E;AAC1E,uDAA4D;AAE5D,kBAAe,IAAA,gDAAqB,EAClC,IAAA,2BAAkB,EAAC,yCAAuB,CAAC,CAC5C,CAAC"}

package/src/generators/component-story/component-story.d.ts

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

package/src/generators/component-story/component-story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentStoryGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const storybook_inputs_1 = require("../utils/storybook-ast/storybook-inputs");
+function componentStoryGenerator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { componentFileName, componentName, componentPath, projectPath } = options;
+        const templatesDir = (0, devkit_1.joinPathFragments)(__dirname, 'files');
+        const destinationDir = (0, devkit_1.joinPathFragments)(projectPath, componentPath);
+        const storyFile = (0, devkit_1.joinPathFragments)(destinationDir, `${componentFileName}.stories.ts`);
+        if (tree.exists(storyFile)) {
+            return;
+        }
+        const props = (0, storybook_inputs_1.getComponentProps)(tree, (0, devkit_1.joinPathFragments)(destinationDir, `${componentFileName}.ts`));
+        (0, devkit_1.generateFiles)(tree, templatesDir, destinationDir, {
+            componentFileName: componentFileName,
+            componentName: componentName,
+            props: props.filter((p) => typeof p.defaultValue !== 'undefined'),
+            tmpl: '',
+        });
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+    });
+}
+exports.componentStoryGenerator = componentStoryGenerator;
+exports.default = componentStoryGenerator;
+//# sourceMappingURL=component-story.js.map

package/src/generators/component-story/component-story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-story.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/component-story/component-story.ts"],"names":[],"mappings":";;;;AACA,uCAA2E;AAC3E,8EAA4E;AAG5E,SAAsB,uBAAuB,CAC3C,IAAU,EACV,OAAuC;;QAEvC,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,GACpE,OAAO,CAAC;QAEV,MAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,cAAc,GAAG,IAAA,0BAAiB,EAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QACrE,MAAM,SAAS,GAAG,IAAA,0BAAiB,EACjC,cAAc,EACd,GAAG,iBAAiB,aAAa,CAClC,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;YAC1B,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAA,oCAAiB,EAC7B,IAAI,EACJ,IAAA,0BAAiB,EAAC,cAAc,EAAE,GAAG,iBAAiB,KAAK,CAAC,CAC7D,CAAC;QAEF,IAAA,sBAAa,EAAC,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE;YAChD,iBAAiB,EAAE,iBAAiB;YACpC,aAAa,EAAE,aAAa;YAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,YAAY,KAAK,WAAW,CAAC;YACjE,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC;CAAA;AAjCD,0DAiCC;AAED,kBAAe,uBAAuB,CAAC"}

package/src/generators/component-story/files/__componentFileName__.stories.ts__tmpl__

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/angular';
+import { <%=componentName%> } from './<%=componentFileName%>';
+
+export default {
+  title: '<%=componentName%>',
+  component: <%=componentName%>
+} as Meta<<%=componentName%>>;
+
+export const Primary = {
+  render: (args: <%=componentName%>) => ({
+    props: args,
+  }),
+  args: {<% for (let prop of props) { %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+  },
+};

package/src/generators/component-story/schema.d.ts

@@ -0,0 +1,7 @@
+export interface ComponentStoryGeneratorOptions {
+  projectPath: string;
+  componentName: string;
+  componentPath: string;
+  componentFileName: string;
+  skipFormat?: boolean;
+}

package/src/generators/component-story/schema.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxAngularComponentStoryGenerator",
+  "type": "object",
+  "cli": "nx",
+  "description": "Creates a `stories.ts` file for an Angular component.",
+  "properties": {
+    "projectPath": {
+      "type": "string",
+      "description": "Path to the project.",
+      "examples": ["libs/ui-samples"],
+      "x-priority": "important"
+    },
+    "componentName": {
+      "type": "string",
+      "description": "Class name of the component.",
+      "examples": ["AwesomeComponent"],
+      "x-priority": "important"
+    },
+    "componentPath": {
+      "type": "string",
+      "description": "Relative path to the component file from the project root.",
+      "examples": ["awesome"],
+      "x-priority": "important"
+    },
+    "componentFileName": {
+      "type": "string",
+      "description": "Component file name without the `.ts` extension.",
+      "examples": ["awesome.component"],
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "projectPath",
+    "componentName",
+    "componentPath",
+    "componentFileName"
+  ]
+}

package/src/generators/component-test/compat.d.ts

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

package/src/generators/component-test/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 component_test_1 = require("./component-test");
+exports.default = (0, warn_for_schematic_usage_1.warnForSchematicUsage)((0, devkit_1.convertNxGenerator)(component_test_1.componentTestGenerator));
+//# sourceMappingURL=compat.js.map

package/src/generators/component-test/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/component-test/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,gFAA0E;AAC1E,qDAA0D;AAE1D,kBAAe,IAAA,gDAAqB,EAClC,IAAA,2BAAkB,EAAC,uCAAsB,CAAC,CAC3C,CAAC"}

package/src/generators/component-test/component-test.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { ComponentTestSchema } from './schema';
+export declare function componentTestGenerator(tree: Tree, options: ComponentTestSchema): void;
+export default componentTestGenerator;