bug: Comments within objects are not resolved correctly - Angular Build not possible.

[marcomattes]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

4.21.0

Stencil Framework Output Target

Angular

Stencil Framework Output Target Version

0.9.0

Current Behavior

If I add a comment within an event type, this is built inline in the build and breaks the components.d.ts file.
Angular can then no longer be built.

Input

  @Event({
    eventName: 'someTestEvent',
  })
  formValidationEvent!: EventEmitter<{
    field;
    field2;
    // someCommentLikeTsIgnoreOrElse
    errorField: {};
  }>;

Output

export declare interface MyComponent extends Components.MyComponent {

  someTestEvent: EventEmitter<CustomEvent<{ field; field2; // someCommentLikeTsIgnoreOrElse errorField: {}; }>>;
}

Expected Behavior

Comments should be removed or made safe (new line or similar)

Steps to Reproduce

Open: https://stackblitz.com/edit/stencil-template-aiden-c7padq?file=angular-workspace%2Fprojects%2Fcomponent-library%2Fsrc%2Flib%2Fstencil-generated%2Fcomponents.ts

Run: npm run build

Code Reproduction URL

https://stackblitz.com/edit/stencil-template-aiden-c7padq?file=angular-workspace%2Fprojects%2Fcomponent-library%2Fsrc%2Flib%2Fstencil-generated%2Fcomponents.ts

Additional Information

No response

[ionitron-bot]

Thanks for the issue!

This project is currently maintained for the purposes of supporting Ionic Framework. At this time, only new issues & pull requests that support Ionic Framework will be prioritized. For the latest updates regarding the maintenance status of this project, please see this section of the project's README