Follow the tsconfig's `useDefineForClassFields` for fields without an initializer

Open
#41 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
52/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
angular, typescript, vite

Research direction

Start by tracing where ngp configures oxc's typescript.removeClassFieldsWithoutInitializer option and how it obtains or applies tsconfig settings; the issue does not name a file or test. Check class fields without initializers against useDefineForClassFields, including the stated static ɵfac JIT case. Done means the behavior follows the tsconfig while static fields still work with the inherited getter scenario, validated in the described Angular TestBed setup.

Written by the indexing model from the issue text.

Description

feature

Part of #27.

Problem

ngp hands TypeScript to oxc without a tsconfig, so class fields without an initializer are defined, not assigned. override x: T; then shadows an inherited method with undefined. Analog compiled with useDefineForClassFields: false, and specs rely on it.

Proposed change

Follow the tsconfig's useDefineForClassFields. We set oxc's typescript.removeClassFieldsWithoutInitializer: true today. Static fields must keep define semantics: static ɵfac = … has to succeed when TestBed has JIT-compiled a parent class that exposes ɵfac as a getter.

Setup: ngp 0.3.0, @angular/compiler/compiler-cli 22.3.0-next.4, Vite 8, Vitest 5.1.0 (pool: 'forks'), a Nx monorepo with 1,035 Angular projects, one Vitest config each, specs written for TestBed under JIT (Analog).

Dominant language
TypeScript
Stars
7
Forks
1
Avg merge
12h 24m
Merged PRs (30d)
13

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from push-based/vite-plugin-ngp

All issues in push-based/vite-plugin-ngp

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.