feat: add useDefineForClassFields playground fixture and pass tsconfig to Rolldown

napi/angular-compiler/vite-plugin/index.ts

@@ -202,6 +202,7 @@ export function angular(options: PluginOptions = {}): Plugin[] {
       },
       configResolved(config) {
         resolvedConfig = config
+        resolvedConfig.build.rolldownOptions.tsconfig = options.tsconfig
       },
       configureServer(server) {
         viteServer = server

napi/playground/src/app/app.routes.ts

@@ -1,3 +1,5 @@
 import { Routes } from '@angular/router'
 
-export const routes: Routes = []
+import { CasesComponent } from './cases.component'
+
+export const routes: Routes = [{ path: 'cases', component: CasesComponent }]

napi/playground/src/app/cases.component.ts

@@ -0,0 +1,30 @@
+import { Component, Injectable, inject, signal } from '@angular/core'
+import { Observable, of, delay } from 'rxjs'
+
+@Injectable({ providedIn: 'root' })
+export class CifaPanelService {
+  onClose: Observable<boolean> = of(true)
+}
+
+@Component({
+  selector: 'app-cases',
+  template: '<div>Cases: {{ view() }}</div>',
+  standalone: true,
+})
+export class CasesComponent {
+  // Field using inject()
+  private cifaPanelService = inject(CifaPanelService)
+
+  // Field referencing the inject() field above - CRASHES with native class fields
+  // because cifaPanelService may not be initialized yet
+  private casesDrawerCloseChangeEvent$ = this.cifaPanelService.onClose.pipe(delay(0))
+
+  // Private field with signal
+  #view = signal<string>('home')
+  view = this.#view.asReadonly()
+
+  constructor() {
+    this.casesDrawerCloseChangeEvent$.subscribe()
+    console.log('CasesComponent view:', this.#view())
+  }
+}

napi/playground/tsconfig.base.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "useDefineForClassFields": false,
+    "module": "preserve",
+    "moduleResolution": "bundler"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

napi/playground/tsconfig.json

@@ -1,24 +1,5 @@
 {
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve",
-    "moduleResolution": "bundler"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
+  "extends": "./tsconfig.base.json",
   "references": [
     {
       "path": "../angular-compiler"