@ng-zen/cli 19.1.0 → 19.2.0-next.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 19.2.0-next.1 (2025-05-23)
+
+* chore(dependencies): update dependencies (#187) ([7028a9e](https://github.com/kstepien3/ng-zen/commit/7028a9e)), closes [#187](https://github.com/kstepien3/ng-zen/issues/187)
+* chore(dependencies): update ngx-schematic-builder to v0.2.0 (#183) ([5ea0cea](https://github.com/kstepien3/ng-zen/commit/5ea0cea)), closes [#183](https://github.com/kstepien3/ng-zen/issues/183)
+* chore(workflow): update deploy workflow for tag-based triggering (#166) ([0fea522](https://github.com/kstepien3/ng-zen/commit/0fea522)), closes [#166](https://github.com/kstepien3/ng-zen/issues/166) [#165](https://github.com/kstepien3/ng-zen/issues/165)
+* chore(workflows): disable persist-credentials in release workflow (#188) ([b784e47](https://github.com/kstepien3/ng-zen/commit/b784e47)), closes [#188](https://github.com/kstepien3/ng-zen/issues/188)
+* feat(divider): add zen-divider component (#186) ([c021773](https://github.com/kstepien3/ng-zen/commit/c021773)), closes [#186](https://github.com/kstepien3/ng-zen/issues/186)
+* style(components): update outline styles (#184) ([5737a15](https://github.com/kstepien3/ng-zen/commit/5737a15)), closes [#184](https://github.com/kstepien3/ng-zen/issues/184)
+* fix(schematics/ng-add): run other schematics after installation (#177) ([5cb1be4](https://github.com/kstepien3/ng-zen/commit/5cb1be4)), closes [#177](https://github.com/kstepien3/ng-zen/issues/177)
+* ci(eslint): fix plugins and configure linting rules (#176) ([5e93a09](https://github.com/kstepien3/ng-zen/commit/5e93a09)), closes [#176](https://github.com/kstepien3/ng-zen/issues/176)
+* build(deps-dev): bump typescript from 5.7.3 to 5.8.3 (#154) ([3ebe49f](https://github.com/kstepien3/ng-zen/commit/3ebe49f)), closes [#154](https://github.com/kstepien3/ng-zen/issues/154)
+* build(ngx-schematic-builder): migrate the custom builder (#175) ([c7d19eb](https://github.com/kstepien3/ng-zen/commit/c7d19eb)), closes [#175](https://github.com/kstepien3/ng-zen/issues/175)
+* Merge remote-tracking branch 'origin/next' into develop ([f581d01](https://github.com/kstepien3/ng-zen/commit/f581d01))
+
 ## [19.1.0](https://github.com/kstepien3/ng-zen/compare/v19.0.0...v19.1.0) (2025-04-27)
 
 ### 🚀 New Features

package/README.md

@@ -11,7 +11,7 @@
 
 Generate modern, customizable Angular UI components and elements directly into your project 🚀
 
-Built with best practices and developer experience in mind 💡
+Built with the best practices and developer experience in mind 💡
 
 ## Table of Contents
 
@@ -27,7 +27,8 @@ Built with best practices and developer experience in mind 💡
 10. [Contributing](#contributing)
 11. [License](#license)
 12. [Author](#author)
-13. [FAQ](#faq)
+13. [See also](#see-also)
+14. [FAQ](#faq)
 
 ## Features
 
@@ -148,6 +149,10 @@ Maintained by Konrad Stępień.
 - LinkedIn: [Konrad Stępień](https://www.linkedin.com/in/konradstepien/) 👥
 - Email: [kord.stp@gmail.com](mailto:kord.stp@gmail.com?subject=%5BNG-ZEN%5D%20Query) 📨
 
+## See also
+
+- [ngx-schematic-builder](https://github.com/kstepien3/ngx-schematic-builder) - A custom Angular builder for compiling and bundling Angular schematics.
+
 ## FAQ
 
 ### How do I customize a generated component?

package/package.json

@@ -1,23 +1,7 @@
 {
   "name": "@ng-zen/cli",
-  "version": "19.1.0",
+  "version": "19.2.0-next.2",
   "description": "A CLI tool for generating customizable, modern Angular UI components using schematics.",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "test": "ng test",
-    "lint": "ng lint",
-    "lint:fix": "ng lint --fix",
-    "prepare": "husky",
-    "storybook": "ng run cli:storybook",
-    "storybook:build": "ng run cli:build-storybook",
-    "storybook:doc": "compodoc -e json -p .storybook/tsconfig.json -t",
-    "verdaccio": "verdaccio",
-    "prepublish:verdaccio": "pnpm unpublish @ng-zen/cli --registry http://localhost:4873 --force && pnpm run build",
-    "publish:verdaccio": "cd dist/@ng-zen/cli && npm publish --registry http://localhost:4873/",
-    "semantic-release": "semantic-release"
-  },
   "license": "BSD-2-Clause",
   "private": false,
   "repository": {
@@ -55,77 +39,8 @@
     "@angular/core": ">=19.0.0"
   },
   "dependencies": {
-    "@angular-devkit/core": "^19.1.7",
-    "@angular-devkit/schematics": "^19.1.7",
+    "@angular-devkit/core": "^19.2.13",
+    "@angular-devkit/schematics": "^19.2.13",
     "tslib": "^2.8.1"
-  },
-  "devDependencies": {
-    "@angular-builders/jest": "^19.0.0",
-    "@angular-devkit/architect": "^0.1902.6",
-    "@angular-devkit/build-angular": "^19.1.5",
-    "@angular-devkit/core": "^19.1.7",
-    "@angular/animations": "^19.1.5",
-    "@angular/cli": "^19.1.7",
-    "@angular/common": "^19.1.5",
-    "@angular/compiler": "^19.1.5",
-    "@angular/compiler-cli": "^19.1.5",
-    "@angular/core": "^19.1.5",
-    "@angular/forms": "^19.1.5",
-    "@angular/platform-browser": "^19.1.5",
-    "@angular/platform-browser-dynamic": "^19.1.5",
-    "@angular/router": "^19.1.5",
-    "@chromatic-com/storybook": "^3.2.6",
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.8.0",
-    "@compodoc/compodoc": "^1.1.26",
-    "@eslint/js": "^9.22.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.1",
-    "@semantic-release/npm": "^12.0.1",
-    "@semantic-release/release-notes-generator": "^14.0.3",
-    "@storybook/addon-docs": "^8.5.5",
-    "@storybook/addon-essentials": "^8.5.5",
-    "@storybook/addon-interactions": "^8.5.5",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.5.5",
-    "@storybook/angular": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/test": "^8.5.5",
-    "@types/jest": "29.5.14",
-    "angular-eslint": "19.3.0",
-    "conventional-changelog-conventionalcommits": "^8.0.0",
-    "copyfiles": "^2.4.1",
-    "cpy": "^11.1.0",
-    "eslint": "^9.20.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.12.0",
-    "eslint-plugin-unicorn": "^57.0.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "execa": "^9.5.2",
-    "fs-extra": "^11.3.0",
-    "husky": "^9.1.7",
-    "jasmine-core": "~5.6.0",
-    "jest": "^29.7.0",
-    "jest-preset-angular": "^14.5.4",
-    "nano-staged": "^0.8.0",
-    "prettier": "^3.5.3",
-    "prettier-plugin-organize-attributes": "^1.0.0",
-    "rxjs": "~7.8.1",
-    "semantic-release": "^24.2.3",
-    "storybook": "^8.5.5",
-    "stylelint": "^16.17.0",
-    "stylelint-config-standard-scss": "^14.0.0",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "8.29.1"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
   }
 }

package/schematics/components/components-generator.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=components-generator.js.map

package/schematics/components/components-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-generator.js","sourceRoot":"","sources":["../../../../../src/schematics/components/components-generator.ts"],"names":[],"mappings":"","sourcesContent":["import { GeneratorSchemaBase } from '../../types';\n\nexport type ComponentType = 'avatar' | 'button' | 'checkbox' | 'divider' | 'input' | 'switch' | 'textarea';\n\nexport interface ComponentGeneratorSchema extends GeneratorSchemaBase {\n  components: ComponentType[];\n}\n"]}

package/{src/schematics → schematics}/components/components-generator.ts

@@ -1,6 +1,6 @@
 import { GeneratorSchemaBase } from '../../types';
 
-export type ComponentType = 'avatar' | 'button' | 'checkbox' | 'input' | 'switch' | 'textarea';
+export type ComponentType = 'avatar' | 'button' | 'checkbox' | 'divider' | 'input' | 'switch' | 'textarea';
 
 export interface ComponentGeneratorSchema extends GeneratorSchemaBase {
   components: ComponentType[];

package/schematics/components/files/button/button.component.scss

@@ -0,0 +1,43 @@
+$bg-color-hover: var(--zen-button-bg-color-hover, hsl(0deg 0% 20%));
+$bg-color: var(--zen-button-bg-color, hsl(0deg 0% 0%));
+$color: var(--zen-button-color, hsl(0deg 0% 100%));
+$padding: var(--zen-button-padding, 0.5rem 1rem);
+$shadow: var(--zen-button-shadow, 0 2px 4px hsl(0deg 0% 0% / 10%));
+$transition-duration: var(--zen-transition-duration, 0.4s);
+$outline: var(--zen-outline, 2px solid hsl(200deg 100 50 / 50%));
+
+:host {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  text-align: center;
+  cursor: pointer;
+  border: none;
+  padding: $padding;
+  border-radius: 99999px;
+  transition-property: background-color, opacity;
+  transition-duration: $transition-duration;
+  transition-timing-function: ease;
+  background-color: $bg-color;
+  color: $color;
+  box-shadow: $shadow;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Hover state */
+:host:hover {
+  background-color: $bg-color-hover;
+}
+
+/* Focus state */
+:host:focus-visible {
+  outline: $outline;
+}
+
+/* Disabled state */
+:host[aria-disabled='true'] {
+  cursor: not-allowed;
+  opacity: 0.6;
+}

package/{src/schematics → schematics}/components/files/button/button.stories.ts

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
+
 import { ZenButtonComponent } from './button.component';
 
 export default {

package/{src/schematics → schematics}/components/files/checkbox/checkbox.component.scss

@@ -8,7 +8,7 @@ $appearance: var(--zen-checkbox-appearance, hsl(0% 0% 10%));
 $disabled-opacity: var(--zen-checkbox-disabled-opacity, 0.6);
 $border: var(--zen-checkbox-border, 1px solid hsl(0% 0% 80%));
 $error: var(--zen-error, hsl(0% 70% 50%));
-$outline: var(--zen-outline, 1px solid hsl(0% 0% 60%));
+$outline: var(--zen-outline, 2px solid hsl(200deg 100 50 / 50%));
 
 // Animations
 $transition-duration: var(--zen-transition-duration, 0.2s);

package/{src/schematics → schematics}/components/files/checkbox/checkbox.stories.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { ZenCheckboxComponent } from './checkbox.component';
 
 export default {

package/schematics/components/files/divider/divider.component.scss

@@ -0,0 +1,52 @@
+$appearance: var(--zen-divider-appearance, hsl(0% 0% 10%));
+$type: var(--zen-divider-type, solid);
+$align-offset: var(--zen-divider-align-offset, 25%);
+$gap: var(--zen-divider-gap, 0.25rem);
+$thickness: var(--zen-divider-thickness, 1px);
+
+:host {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: $gap;
+
+  &::before,
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 0;
+    border-color: $appearance;
+    border-style: $type;
+    border-width: #{$thickness} 0 0;
+  }
+
+  &:not(.has-content)::after {
+    content: none;
+  }
+
+  &.zen-align-start::before,
+  &.zen-align-end::after {
+    width: $align-offset;
+  }
+}
+
+:host[vertical]:not([vertical='false']) {
+  flex-direction: column;
+  width: unset;
+  height: 100%;
+
+  &::before,
+  &::after {
+    content: '';
+    display: block;
+    width: unset;
+    height: 100%;
+    border-width: 0 #{$thickness} 0 0;
+  }
+
+  &.zen-align-start::before,
+  &.zen-align-end::after {
+    height: $align-offset;
+  }
+}

package/schematics/components/files/divider/divider.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ZenDividerComponent } from './divider.component';
+
+describe('DividerComponent', () => {
+  let component: ZenDividerComponent;
+  let fixture: ComponentFixture<ZenDividerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ZenDividerComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ZenDividerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/components/files/divider/divider.component.ts

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input } from '@angular/core';
+
+/**
+ * ZenDividerComponent is a reusable divider component that provides a simple way to
+ * separate content sections visually. It supports both horizontal (default) and vertical
+ * orientations and can contain optional content.
+ *
+ * The divider automatically detects if it contains content and applies appropriate styling.
+ * Content alignment can be controlled via the `align` input property.
+ *
+ * @example
+ * ```html
+ * <zen-divider/>
+ * <zen-divider>With content</zen-divider>
+ * ```
+ *
+ * ### CSS Custom Properties
+ * You can customize the component using CSS custom properties:
+ *
+ * ```css
+ * :root {
+ *  --zen-divider-appearance: red;
+ *  --zen-divider-type: dotted;
+ *  --zen-divider-align-offset: 10%;
+ * }
+ * ```
+ *
+ * @author Konrad Stępień
+ * @license {@link https://github.com/kstepien3/ng-zen/blob/master/LICENSE|BSD-2-Clause}
+ * @see [GitHub](https://github.com/kstepien3/ng-zen)
+ */
+@Component({
+  selector: `zen-divider, zen-divider[vertical],`,
+  template: '<ng-content/>',
+  styleUrl: './divider.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  host: {
+    '[class.has-content]': 'hasContent()',
+    '[class]': '"zen-align-"+align()',
+  },
+})
+export class ZenDividerComponent {
+  /**
+   * Controls the alignment of content within the divider.
+   * @default 'center'
+   */
+  readonly align = input<'start' | 'end' | 'center'>('center');
+
+  /**
+   * Computed property that determines if the divider contains any content.
+   * Used to apply appropriate styling when content is present.
+   */
+  readonly hasContent = computed(() => {
+    return this.elementRef.nativeElement.childNodes.length > 0;
+  });
+
+  private readonly elementRef = inject(ElementRef);
+}

package/schematics/components/files/divider/divider.stories.ts

@@ -0,0 +1,69 @@
+import { Meta, StoryObj } from '@storybook/angular';
+
+import { ZenDividerComponent } from './divider.component';
+
+interface StoryParams {
+  content: string;
+  vertical: boolean;
+}
+
+export default {
+  title: 'Components/Divider',
+  component: ZenDividerComponent,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+  argTypes: {
+    content: { control: 'text' },
+    vertical: { control: 'boolean' },
+    align: { control: 'select', options: ['start', 'center', 'end'] },
+  },
+  args: { content: '', vertical: false, align: 'center' },
+} satisfies Meta<ZenDividerComponent & StoryParams>;
+
+type Story = StoryObj<ZenDividerComponent & StoryParams>;
+
+export const Default: Story = {
+  render: args => ({
+    props: { ...args },
+    template: `
+    <div style="height: 200px">
+        <zen-divider [align]="'${args.align}'" [attr.vertical]="${args.vertical}">
+          ${args.content ?? ''}
+        </zen-divider>
+    </div>`,
+  }),
+};
+
+export const Vertical: Story = {
+  render: args => ({
+    props: { ...args },
+    template: `
+      <div style="height: 200px; display: flex; justify-content: space-between">
+        <zen-divider vertical align="start">
+          START
+        </zen-divider>
+        <zen-divider vertical>
+          CENTER
+        </zen-divider>
+        <zen-divider vertical align="end">
+          END
+        </zen-divider>
+      </div>`,
+  }),
+};
+
+export const Customization: Story = {
+  render: () => ({
+    template: `
+      <div style="display: flex; flex-direction: column; gap: 1rem">
+        <zen-divider style="--zen-divider-appearance: red;">appearance</zen-divider>
+        <zen-divider style="--zen-divider-type: dotted;">type</zen-divider>
+        <zen-divider style="--zen-divider-align-offset: 10%;" align="start">offset</zen-divider>
+        <zen-divider style="--zen-divider-gap: 50px">gap</zen-divider>
+        <zen-divider style="--zen-divider-thickness: 8px">offset</zen-divider>
+      </div>
+    `,
+  }),
+};

package/schematics/components/files/divider/index.ts

@@ -0,0 +1 @@
+export * from './divider.component';

package/{src/schematics → schematics}/components/files/input/input.component.scss

@@ -6,7 +6,7 @@ $focus-shadow: var(--zen-input-focus-shadow, 0 1px 4px hsla(0% 0% 60% / 20%) ins
 $placeholder-color: var(--zen-input-placeholder-color, hsl(0% 0% 60%));
 
 // Color Palette
-$outline: var(--zen-outline, 1px solid hsl(0% 0% 60%));
+$outline: var(--zen-outline, 2px solid hsl(200deg 100 50 / 50%));
 $error: var(--zen-error, hsl(0% 70% 50%));
 
 input {

package/{src/schematics → schematics}/components/files/input/input.stories.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { ZenInputComponent } from './input.component';
 
 export default {

package/{src/schematics → schematics}/components/files/switch/switch.component.scss

@@ -1,4 +1,4 @@
-$outline: var(--zen-outline, 2px solid hsl(0% 0% 60%));
+$outline: var(--zen-outline, 2px solid hsl(200deg 100 50 / 50%));
 $transition-duration: 0.15s;
 $placeholder-color: var(--zen-input-placeholder-color, hsl(0% 0% 60%));
 $size: var(--zen-switch-size, 16px);
@@ -43,7 +43,7 @@ $height: calc(#{$size} + #{$margin} * 2);
     width: calc(#{$size} + 2px);
   }
 
-  &:focus {
+  &:focus-visible {
     outline: $outline;
   }
 

package/{src/schematics → schematics}/components/files/switch/switch.stories.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { ZenSwitchComponent } from './switch.component';
 
 export default {

package/{src/schematics → schematics}/components/files/textarea/textarea.component.scss

@@ -6,7 +6,7 @@ $focus-shadow: var(--zen-input-focus-shadow, 0 1px 4px hsla(0% 0% 60% / 20%) ins
 $placeholder-color: var(--zen-input-placeholder-color, hsl(0% 0% 60%));
 
 // Color Palette
-$outline: var(--zen-outline, 1px solid hsl(0% 0% 60%));
+$outline: var(--zen-outline, 2px solid hsl(200deg 100 50 / 50%));
 $error: var(--zen-error, hsl(0% 70% 50%));
 
 :host {

package/{src/schematics → schematics}/components/files/textarea/textarea.stories.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { ZenTextareaComponent } from './textarea.component';
 
 interface StoryParams {

package/schematics/components/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentGenerator = componentGenerator;
+const schematics_1 = require("@angular-devkit/schematics");
+const utils_1 = require("../../utils");
+function componentGenerator({ components, ...config }) {
+    return () => {
+        return (0, schematics_1.chain)((0, utils_1.applyFileTemplateUtil)(components, config));
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/schematics/components/index.ts"],"names":[],"mappings":";;AAKA,gDAIC;AATD,2DAAyD;AAEzD,uCAAoD;AAGpD,SAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,GAAG,MAAM,EAA4B;IACpF,OAAO,GAAG,EAAE;QACV,OAAO,IAAA,kBAAK,EAAC,IAAA,6BAAqB,EAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { chain, Rule } from '@angular-devkit/schematics';\n\nimport { applyFileTemplateUtil } from '../../utils';\nimport { ComponentGeneratorSchema } from './components-generator';\n\nexport function componentGenerator({ components, ...config }: ComponentGeneratorSchema): Rule {\n  return () => {\n    return chain(applyFileTemplateUtil(components, config));\n  };\n}\n"]}

package/{src/schematics → schematics}/components/schema.json

@@ -10,7 +10,7 @@
       "type": "array",
       "items": {
         "type": "string",
-        "enum": ["avatar", "button", "checkbox", "input", "switch", "textarea"]
+        "enum": ["avatar", "button", "checkbox", "divider", "input", "switch", "textarea"]
       },
       "multiselect": true,
       "x-prompt": "Which component should be generated?"

package/schematics/ng-add/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const schematics_1 = require("@angular-devkit/schematics");
+function ngAdd(options) {
+    return (_tree, _context) => {
+        _context.logger.info('Adding library to the project');
+        // Run other schematics from ng-add
+        return (0, schematics_1.chain)([(0, schematics_1.schematic)('component', options)]);
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAIA,sBAOC;AAXD,2DAA4F;AAI5F,SAAgB,KAAK,CAAC,OAA6B;IACjD,OAAO,CAAC,KAAW,EAAE,QAA0B,EAAE,EAAE;QACjD,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAEtD,mCAAmC;QACnC,OAAO,IAAA,kBAAK,EAAC,CAAC,IAAA,sBAAS,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { chain, Rule, schematic, SchematicContext, Tree } from '@angular-devkit/schematics';\n\nimport { NgZenGeneratorSchema } from './ng-zen-generator';\n\nexport function ngAdd(options: NgZenGeneratorSchema): Rule {\n  return (_tree: Tree, _context: SchematicContext) => {\n    _context.logger.info('Adding library to the project');\n\n    // Run other schematics from ng-add\n    return chain([schematic('component', options)]);\n  };\n}\n"]}

package/schematics/ng-add/index.ts

@@ -0,0 +1,12 @@
+import { chain, Rule, schematic, SchematicContext, Tree } from '@angular-devkit/schematics';
+
+import { NgZenGeneratorSchema } from './ng-zen-generator';
+
+export function ngAdd(options: NgZenGeneratorSchema): Rule {
+  return (_tree: Tree, _context: SchematicContext) => {
+    _context.logger.info('Adding library to the project');
+
+    // Run other schematics from ng-add
+    return chain([schematic('component', options)]);
+  };
+}

package/schematics/ng-add/ng-zen-generator.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ng-zen-generator.js.map

package/schematics/ng-add/ng-zen-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-zen-generator.js","sourceRoot":"","sources":["../../../../../src/schematics/ng-add/ng-zen-generator.ts"],"names":[],"mappings":"","sourcesContent":["import { GeneratorSchemaBase } from '../../types';\n\nexport type NgZenGeneratorSchema = GeneratorSchemaBase;\n"]}

package/schematics/ng-add/ng-zen-generator.ts

@@ -0,0 +1,3 @@
+import { GeneratorSchemaBase } from '../../types';
+
+export type NgZenGeneratorSchema = GeneratorSchemaBase;

package/types/generator-schema-base.interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=generator-schema-base.interface.js.map

package/types/generator-schema-base.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator-schema-base.interface.js","sourceRoot":"","sources":["../../../../src/types/generator-schema-base.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface GeneratorSchemaBase {\n  path: string;\n  stories: boolean;\n}\n"]}

package/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./generator-schema-base.interface"), exports);
+//# sourceMappingURL=index.js.map

package/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,4EAAkD","sourcesContent":["export * from './generator-schema-base.interface';\n"]}

package/types/schematics-folder.type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schematics-folder.type.js.map

package/types/schematics-folder.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics-folder.type.js","sourceRoot":"","sources":["../../../../src/types/schematics-folder.type.ts"],"names":[],"mappings":"","sourcesContent":["import { ComponentType } from '../schematics/components/components-generator';\n\nexport type SchematicsFolder = ComponentType;\n"]}

package/utils/apply-file-template.util.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyFileTemplateUtil = applyFileTemplateUtil;
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const createTemplateRules = (folder, path) => [
+    (0, schematics_1.applyTemplates)({
+        name: folder,
+        localeDate: new Date().toLocaleString(),
+        ...core_1.strings,
+    }),
+    (0, schematics_1.move)((0, core_1.normalize)(`${path}/${folder}`)),
+];
+const getTemplates = (rules) => (0, schematics_1.apply)((0, schematics_1.url)(`./templates`), rules);
+const includeStories = (include) => (0, schematics_1.filter)(filePath => include || !filePath.endsWith('.stories.ts'));
+function applyFileTemplateUtil(folders, config) {
+    return folders.map(folder => {
+        const RULES = createTemplateRules(folder, config.path);
+        const folderSource = (0, schematics_1.apply)((0, schematics_1.url)(`./files/${folder}`), [includeStories(config.stories), ...RULES]);
+        return (0, schematics_1.chain)([folderSource, getTemplates(RULES)].map(schematics_1.mergeWith));
+    });
+}
+//# sourceMappingURL=apply-file-template.util.js.map

package/utils/apply-file-template.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-file-template.util.js","sourceRoot":"","sources":["../../../../src/utils/apply-file-template.util.ts"],"names":[],"mappings":";;AAkBA,sDAQC;AA1BD,+CAA0D;AAC1D,2DAA8G;AAK9G,MAAM,mBAAmB,GAAG,CAAC,MAAc,EAAE,IAAY,EAAU,EAAE,CAAC;IACpE,IAAA,2BAAc,EAAC;QACb,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE;QACvC,GAAG,cAAO;KACX,CAAC;IACF,IAAA,iBAAI,EAAC,IAAA,gBAAS,EAAC,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC;AACzE,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,IAAA,mBAAM,EAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE9G,SAAgB,qBAAqB,CAAC,OAA2B,EAAE,MAA2B;IAC5F,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC1B,MAAM,KAAK,GAAG,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAEvD,MAAM,YAAY,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,WAAW,MAAM,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;QAEjG,OAAO,IAAA,kBAAK,EAAC,CAAC,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,sBAAS,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { normalize, strings } from '@angular-devkit/core';\nimport { apply, applyTemplates, chain, filter, mergeWith, move, Rule, url } from '@angular-devkit/schematics';\n\nimport { GeneratorSchemaBase } from '../types';\nimport { SchematicsFolder } from '../types/schematics-folder.type';\n\nconst createTemplateRules = (folder: string, path: string): Rule[] => [\n  applyTemplates({\n    name: folder,\n    localeDate: new Date().toLocaleString(),\n    ...strings,\n  }),\n  move(normalize(`${path}/${folder}`)),\n];\n\nconst getTemplates = (rules: Rule[]) => apply(url(`./templates`), rules);\nconst includeStories = (include: boolean) => filter(filePath => include || !filePath.endsWith('.stories.ts'));\n\nexport function applyFileTemplateUtil(folders: SchematicsFolder[], config: GeneratorSchemaBase): Rule[] {\n  return folders.map(folder => {\n    const RULES = createTemplateRules(folder, config.path);\n\n    const folderSource = apply(url(`./files/${folder}`), [includeStories(config.stories), ...RULES]);\n\n    return chain([folderSource, getTemplates(RULES)].map(mergeWith));\n  });\n}\n"]}