Auto decorators for Angular

@Component({
   template: `{{ count }}`,
   changeDetection: ChangeDetectionStrategy.OnPush,
})
@Auto() // must be evaluated before angular decorator
export class MyComponent {
   @Input()
   count = 0;

   @Detect()
   object = new Resource()

   @Subscribe()
   autoIncrement = interval(1000).pipe(
      tap((value) => this.count = value + 1)
   );

   @Unsubscribe()
   subscription = new Subscription();
}

@Auto()
export class Resource {
   private http = inject(HttpClient)

   @Check()
   value
   
   ngOnInit() {
      console.log("hello!")
   }

   fetch(params) {
      this.http.get(endpoint, params)
         .subscribe((value) => this.value = value)
   }
}

Decorators

Check

Automatically check when the decorated value and mark the view dirty when it changes. Use with OnPush change detection strategy.

Detect

Automatically detect and forward lifecycle hooks to the decorated object. Can be repeated on nested objects.

Subscribe

Automatically subscribe to the decorated observable during ngDoCheck and mark the view dirty whenever a value is emitted. Use with OnPush change detection strategy. Assigning new values will automatically cancel the previous subscription. Subscriptions are automatically unsubscribed when the context is destroyed.

Unsubscribe

Automatically unsubscribe the decorated subject or subscription during ngOnDestroy. You must still manually call complete and/or unsubscribe before assigning a new value to prevent memory leaks.