@ng-zen/cli 0.0.1-alpha.1 → 19.0.0-alpha.1

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

@@ -1,70 +0,0 @@
-:root {
-  --zen-badge-offset: unset;
-  --zen-badge-offset-x: unset;
-  --zen-badge-offset-y: unset;
-}
-
-zen-badge,
-[zenBadge] {
-  display: inline-flex;
-  position: relative;
-
-  [topLeft],
-  [top],
-  [topRight],
-  [right],
-  [bottomRight],
-  [bottom],
-  [bottomLeft],
-  [left] {
-    position: absolute;
-  }
-
-  [topLeft] {
-    top: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    left: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    transform: translateY(-50%) translateX(-50%);
-  }
-
-  [top] {
-    top: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    left: 50%;
-    transform: translateY(-50%) translateX(-50%);
-  }
-
-  [topRight] {
-    top: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    right: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    transform: translateY(-50%) translateX(50%);
-  }
-
-  [right] {
-    right: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    top: 50%;
-    transform: translateY(-50%) translateX(50%);
-  }
-
-  [bottomRight] {
-    bottom: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    right: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    transform: translateY(50%) translateX(50%);
-  }
-
-  [bottom] {
-    bottom: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    left: 50%;
-    transform: translateY(50%) translateX(-50%);
-  }
-
-  [bottomLeft] {
-    bottom: var(--zen-badge-offset-y, calc(var(--zen-badge-offset, 0px) * -1));
-    left: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    transform: translateY(50%) translateX(-50%);
-  }
-
-  [left] {
-    left: var(--zen-badge-offset-x, calc(var(--zen-badge-offset, 0px) * -1));
-    top: 50%;
-    transform: translateY(-50%) translateX(-50%);
-  }
-}

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

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

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

@@ -1,52 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ViewEncapsulation,
-} from '@angular/core';
-
-/**
- * ZenBadgeComponent is a versatile Angular component used to display badges or indicators
- * in various positions within its parent container. It allows for flexible placement
- * of badge content such as icons, text, or other elements in the top-left, top,
- * top-right, left, right, bottom-left, bottom, and bottom-right positions.
- *
- * This component offers standalone usage and is highly customizable through its
- * template and styling. It leverages Angular's change detection strategy 'OnPush'
- * for optimal performance.
- *
- * Additionally, it provides support for CSS variables to customize badge positioning
- *
- * ```css
- * --zen-badge-offset: unset; // Controls the overall offset of the badge
- * --zen-badge-offset-x: unset; // Controls the horizontal offset of the badge.
- * --zen-badge-offset-y: unset; // Controls the vertical offset of the badge.
- * ```
- *
- * @example <zen-badge> Text <span bottom>🦆</span></zen-badge>
- *
- * @component
- * @selector `zen-badge`,`[zenBadge]`
- *
- * @license BSD-2-Clause
- * @author Konrad Stępień <kord.stp@gmail.com>
- * @link https://github.com/Kordrad/ng-zen
- */
-@Component({
-  selector: 'zen-badge,[zenBadge]',
-  standalone: true,
-  template: `
-    <ng-content />
-    <ng-content select="[topLeft]" />
-    <ng-content select="[top]" />
-    <ng-content select="[topRight]" />
-    <ng-content select="[left]" />
-    <ng-content select="[right]" />
-    <ng-content select="[bottomLeft]" />
-    <ng-content select="[bottom]" />
-    <ng-content select="[bottomRight]" />
-  `,
-  styleUrl: './badge.component.scss',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ZenBadgeComponent {}

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

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

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

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

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

@@ -1,29 +0,0 @@
-zen-pin,
-zen-pin.stream::before {
-  display: block;
-  height: 8px;
-  width: 8px;
-  border-radius: 50%;
-  background-color: #6b7280;
-}
-
-zen-pin {
-  position: relative;
-
-  &.stream::before {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    translate: -50% -50%;
-    animation: stream 1s ease-in-out infinite;
-  }
-}
-
-@keyframes stream {
-  75%,
-  100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-import {
-  booleanAttribute,
-  ChangeDetectionStrategy,
-  Component,
-  HostBinding,
-  input,
-  ViewEncapsulation,
-} from '@angular/core';
-
-/**
- * The ZenPinComponent represents a simple visual pin with a circular shape.
- *
- * ```html
- * <zen-pin />
- * ```
- *
- * @example <zen-pin />
- * @component
- * @selector `zen-pin`
- *
- * @license BSD-2-Clause
- * @author Konrad Stępień <kord.stp@gmail.com>
- * @link https://github.com/Kordrad/ng-zen
- */
-@Component({
-  selector: 'zen-pin',
-  standalone: true,
-  imports: [],
-  template: ``,
-  styleUrl: './pin.component.scss',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ZenPinComponent {
-  /**
-   * Displays waving stream animation
-   */
-  readonly stream = input<boolean, boolean | 'true' | 'false' | ''>(false, {
-    transform: booleanAttribute,
-  });
-
-  @HostBinding('class.stream')
-  get classStream() {
-    return this.stream();
-  }
-}

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

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-
-import { ZenSwitchComponent } from './zen-switch.component';
-
-@NgModule({
-  imports: [ZenSwitchComponent],
-  exports: [ZenSwitchComponent],
-})
-export class ZenSwitchModule {}
-export * from './zen-switch.component';

package/schematics/components/files/switch/zen-switch.component.html

@@ -1,11 +0,0 @@
-<button
-  class="switch"
-  [attr.aria-checked]="checked()"
-  [attr.aria-disabled]="disabled()"
-  [disabled]="disabled()"
-  (click)="onToggle()"
-  (keydown)="onKeyDown($event)"
-  role="switch"
->
-  <span class="slider"></span>
-</button>

package/schematics/components/files/switch/zen-switch.component.scss

@@ -1,62 +0,0 @@
-// Define SCSS variables for better maintainability
-$switch-width: 36px;
-$switch-height: 22px;
-$slider-size: 16px;
-$transition-duration: 0.4s;
-$switch-bg-color: grey;
-$switch-checked-bg-color: green;
-$switch-disabled-bg-color: lightgrey;
-$slider-bg-color: white;
-
-// Other
-$slider-padding: calc(($switch-height - $slider-size) / 2);
-$slider-transform-distance: calc(
-  $switch-width - $slider-size - $slider-padding * 2
-);
-
-/* Switch container */
-.switch {
-  position: relative;
-  display: inline-block;
-  width: $switch-width;
-  height: $switch-height;
-  background-color: $switch-bg-color;
-  border: none;
-  border-radius: 99999px; // force perfectly rounded
-  cursor: pointer;
-  transition: background-color $transition-duration;
-
-  /*
-    outline: none;
-    &:focus {
-      box-shadow: 0 0 3px 2px rgba(21, 156, 228, 0.4);
-    }
-  */
-}
-
-/* Slider */
-.slider {
-  position: absolute;
-  top: $slider-padding;
-  left: $slider-padding;
-  height: $slider-size;
-  width: $slider-size;
-  background-color: $slider-bg-color;
-  transition: transform $transition-duration;
-  border-radius: 50%;
-}
-
-/* Styles when the button is checked */
-.switch[aria-checked='true'] {
-  background-color: $switch-checked-bg-color;
-
-  .slider {
-    transform: translateX($slider-transform-distance);
-  }
-}
-
-/* Styles when the button is disabled */
-.switch[aria-disabled='true'] {
-  background-color: $switch-disabled-bg-color;
-  cursor: not-allowed;
-}

package/schematics/components/files/switch/zen-switch.component.spec.ts

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

package/schematics/components/files/switch/zen-switch.component.ts

@@ -1,123 +0,0 @@
-import { NgIf } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  forwardRef,
-  model,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  FormsModule,
-  NG_VALUE_ACCESSOR,
-} from '@angular/forms';
-
-type OnChangeFn = (value: boolean) => void;
-type OnTouchedFn = () => void;
-
-/**
- * ZenSwitchComponent is a custom switch component that implements ControlValueAccessor to work seamlessly with Angular forms.
- *
- * @example <zen-switch />
- *
- * @export
- * @class ZenSwitchComponent
- * @implements {ControlValueAccessor}
- *
- * @license BSD-2-Clause
- * @author Konrad Stępień <kord.stp@gmail.com>
- * @link https://github.com/Kordrad/ng-zen
- */
-@Component({
-  selector: 'zen-switch',
-  standalone: true,
-  templateUrl: './zen-switch.component.html',
-  styleUrl: './zen-switch.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => ZenSwitchComponent),
-      multi: true,
-    },
-  ],
-  imports: [FormsModule, NgIf],
-})
-export class ZenSwitchComponent implements ControlValueAccessor {
-  /** Model for the checked state of the switch. */
-  checked = model<boolean>(false);
-
-  /** Model for the disabled state of the switch. */
-  disabled = model<boolean>(false);
-
-  /** @ignore */
-  private onChange: OnChangeFn = () => {};
-  /** @ignore */
-  private onTouched: OnTouchedFn = () => {};
-
-  /**
-   * Writes a new value to the component.
-   * @ignore
-   */
-  writeValue(value: boolean): void {
-    this.checked.set(value);
-  }
-
-  /**
-   * Registers a function to be called when the value changes.
-   * @ignore
-   */
-  registerOnChange(fn: OnChangeFn): void {
-    this.onChange = fn;
-  }
-
-  /**
-   * Registers a function to be called when the component is touched.
-   * @ignore
-   */
-  registerOnTouched(fn: OnTouchedFn): void {
-    this.onTouched = fn;
-  }
-
-  /**
-   * Sets the disabled state of the component.
-   * @ignore
-   */
-  setDisabledState(isDisabled: boolean): void {
-    this.disabled.set(isDisabled);
-  }
-
-  /**
-   * Toggles the switch value and notifies the change.
-   */
-  onToggle(check?: boolean): void {
-    if (this.disabled()) return;
-
-    const value = check ?? !this.checked();
-
-    this.checked.set(value);
-    this.onChange(value);
-    this.onTouched();
-  }
-
-  /**
-   * Handles keyboard events for accessibility.
-   */
-  onKeyDown(event: KeyboardEvent): void {
-    switch (event.code) {
-      case 'Enter':
-      case 'Space': {
-        event.preventDefault();
-        this.onToggle();
-        break;
-      }
-      case 'ArrowRight': {
-        this.onToggle(true);
-        break;
-      }
-      case 'ArrowLeft': {
-        this.onToggle(false);
-        break;
-      }
-    }
-  }
-}

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

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-
-import { ZenTagComponent } from './tag.component';
-
-@NgModule({
-  imports: [ZenTagComponent],
-  exports: [ZenTagComponent],
-})
-export class ZenTagModule {}
-export * from './tag.component';

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

@@ -1,9 +0,0 @@
-:host {
-  border-radius: 9999999px;
-  background-color: lightgray;
-  padding: 2px 8px;
-  line-height: 20px;
-  font-size: 12px;
-  color: #343434;
-  font-weight: bold;
-}

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

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

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

@@ -1,26 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-/**
- * The `ZenTagComponent` is a reusable UI component designed to display a tag or label.
- * It allows for custom content to be projected inside the tag.
- *
- * ```html
- * <zen-tag>...</zen-tag>
- * ```
- *
- * @example <zen-tag>Simple tag</zen-tag>
- * @component
- * @selector `zen-tag`
- *
- * @license BSD-2-Clause
- * @author Konrad Stępień <kord.stp@gmail.com>
- * @link https://github.com/Kordrad/ng-zen
- */
-@Component({
-  selector: 'zen-tag',
-  standalone: true,
-  template: `<ng-content />`,
-  styleUrl: './tag.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ZenTagComponent {}

package/schematics/components/index.d.ts

@@ -1,4 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { ComponentGeneratorSchema } from './components-generator';
-export declare function componentGenerator(options: ComponentGeneratorSchema): Rule;
-//# sourceMappingURL=index.d.ts.map

package/schematics/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../projects/cli/schematics/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAML,IAAI,EAEL,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAElE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAoB1E"}

package/schematics/ng-add/index.d.ts

@@ -1,4 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { NgZenGeneratorSchema } from './ng-zen-generator';
-export declare function ngAdd(options: NgZenGeneratorSchema): Rule;
-//# sourceMappingURL=index.d.ts.map

package/schematics/ng-add/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../projects/cli/schematics/ng-add/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAA0B,MAAM,4BAA4B,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,wBAAgB,KAAK,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAQzD"}

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

@@ -1,4 +0,0 @@
-export interface NgZenGeneratorSchema {
-    path: string;
-}
-//# sourceMappingURL=ng-zen-generator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ng-zen-generator.d.ts","sourceRoot":"","sources":["../../../../../projects/cli/schematics/ng-add/ng-zen-generator.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;CACd"}

package/schematics/utils/add-path-to-tsconfig.util.d.ts

@@ -1,3 +0,0 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function addPathToTsconfigUtil(tree: Tree, key: string, value: string[]): void;
-//# sourceMappingURL=add-path-to-tsconfig.util.d.ts.map

package/schematics/utils/add-path-to-tsconfig.util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-path-to-tsconfig.util.d.ts","sourceRoot":"","sources":["../../../../../projects/cli/schematics/utils/add-path-to-tsconfig.util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EAAE,GACd,IAAI,CA+CN"}

package/schematics/utils/add-path-to-tsconfig.util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-path-to-tsconfig.util.js","sourceRoot":"","sources":["../../../../../projects/cli/schematics/utils/add-path-to-tsconfig.util.ts"],"names":[],"mappings":";;;AAAA,2DAAiE;AAGjE,SAAgB,qBAAqB,CACnC,IAAU,EACV,GAAW,EACX,KAAe;IAEf,MAAM,YAAY,GAAG,eAAe,CAAC;IAErC,gCAAgC;IAChC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,gCAAmB,CAAC,8BAA8B,CAAC,CAAC;IAChE,CAAC;IAED,uCAAuC;IACvC,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,gCAAmB,CAAC,8BAA8B,CAAC,CAAC;IAChE,CAAC;IACD,IAAI,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEvD,mCAAmC;IACnC,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpD,4CAA4C;IAC5C,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEvD,8BAA8B;IAC9B,IAAI,QAAQ,CAAC;IACb,IAAI,CAAC;QACH,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACzC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,gCAAmB,CAAC,+BAA+B,CAAC,CAAC;IACjE,CAAC;IAED,uDAAuD;IACvD,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC9B,QAAQ,CAAC,eAAe,GAAG,EAAE,CAAC;IAChC,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;QACpC,QAAQ,CAAC,eAAe,CAAC,KAAK,GAAG,EAAE,CAAC;IACtC,CAAC;IACD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAE5C,uCAAuC;IACvC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAEpD,+DAA+D;IAC/D,eAAe,GAAG,GAAG,OAAO,KAAK,eAAe,EAAE,CAAC;IAEnD,8BAA8B;IAC9B,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAChD,CAAC;AAnDD,sDAmDC","sourcesContent":["import { SchematicsException } from '@angular-devkit/schematics';\r\nimport { Tree } from '@angular-devkit/schematics';\r\n\r\nexport function addPathToTsconfigUtil(\r\n  tree: Tree,\r\n  key: string,\r\n  value: string[]\r\n): void {\r\n  const tsconfigPath = 'tsconfig.json';\r\n\r\n  // Check if tsconfig.json exists\r\n  if (!tree.exists(tsconfigPath)) {\r\n    throw new SchematicsException('tsconfig.json does not exist');\r\n  }\r\n\r\n  // Read tsconfig.json content as string\r\n  const tsconfigBuffer = tree.read(tsconfigPath);\r\n  if (!tsconfigBuffer) {\r\n    throw new SchematicsException('Failed to read tsconfig.json');\r\n  }\r\n  let tsconfigContent = tsconfigBuffer.toString('utf-8');\r\n\r\n  // Extract and preserve the comment\r\n  const commentMatch = tsconfigContent.match(/\\/\\*[\\s\\S]*?\\*\\//);\r\n  const comment = commentMatch ? commentMatch[0] : '';\r\n\r\n  // Remove comment from content to parse JSON\r\n  tsconfigContent = tsconfigContent.replace(comment, '');\r\n\r\n  // Parse tsconfig.json content\r\n  let tsconfig;\r\n  try {\r\n    tsconfig = JSON.parse(tsconfigContent);\r\n  } catch (e) {\r\n    throw new SchematicsException('Failed to parse tsconfig.json');\r\n  }\r\n\r\n  // Modify compilerOptions.paths to add your new mapping\r\n  if (!tsconfig.compilerOptions) {\r\n    tsconfig.compilerOptions = {};\r\n  }\r\n  if (!tsconfig.compilerOptions.paths) {\r\n    tsconfig.compilerOptions.paths = {};\r\n  }\r\n  tsconfig.compilerOptions.paths[key] = value;\r\n\r\n  // Convert tsconfig back to JSON string\r\n  tsconfigContent = JSON.stringify(tsconfig, null, 2);\r\n\r\n  // Ensure the preserved comment is prepended to the JSON string\r\n  tsconfigContent = `${comment}\\n${tsconfigContent}`;\r\n\r\n  // Write back to tsconfig.json\r\n  tree.overwrite(tsconfigPath, tsconfigContent);\r\n}\r\n"]}