feat: support signal inputs, queries and model (#2303)

Fixes #2246. Closes #2255

Author: devversion

.eslintignore

@@ -4,5 +4,4 @@ node_modules
 src/config/setup-jest.ts
 coverage
 website
-src/transformers/downlevel_decorators_transform
-src/ngtsc
+src/transformers/jit_transform.js

.gitignore

@@ -14,3 +14,6 @@ website/.yarn/*
 !.yarn/versions
 !/e2e/full-ivy-lib/node_modules
 !/e2e/partial-ivy-lib/node_modules
+
+# Generated by `yarn build-transformers-bundle` automatically.
+src/transformers/jit_transform.js

.prettierignore

@@ -3,3 +3,4 @@ node_modules/
 src/**/__snapshots__/
 e2e/__tests__/__snapshots__/
 CHANGELOG.md
+src/transformers/jit_transform.js

e2e/ast-transformers/ng-jit-transformers/__tests__/signal-inputs.spec.ts

@@ -0,0 +1,27 @@
+import { Component, input } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+
+test('signal inputs', () => {
+  @Component({
+    selector: 'greet',
+    standalone: true,
+    template: 'Name: {{name()}}',
+  })
+  class GreetCmp {
+    name = input.required<string>();
+  }
+
+  @Component({
+    standalone: true,
+    imports: [GreetCmp],
+    template: '<greet [name]="name" />',
+  })
+  class TestCmp {
+    name = 'John';
+  }
+
+  const fixture = TestBed.createComponent(TestCmp);
+  fixture.detectChanges();
+
+  expect(fixture.nativeElement.textContent).toBe('Name: John');
+});

package.json

@@ -27,13 +27,14 @@
     "testing"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build-transformers-bundle": "esbuild --bundle src/transformers/jit_transform.d.ts --platform=node --external:typescript --outfile=./src/transformers/jit_transform.js --format=cjs --define:import.meta.url=import_meta_url --inject:./src/transformers/esm_interop_inject.cjs && cp src/transformers/jit_transform.js build/transformers/jit_transform.js",
+    "build": "tsc -p tsconfig.build.json && yarn build-transformers-bundle",
     "lint": "eslint --ext .js,.ts .",
     "lint-fix": "eslint --fix --ext .js,.ts .",
     "lint-prettier": "prettier \"**/*.{yml,yaml,md}\" --write",
     "lint-prettier-ci": "prettier \"**/*.{yml,yaml,md}\" --check",
     "pretest": "tsc -p tsconfig.spec.json --noEmit",
-    "test": "jest",
+    "test": "yarn build && jest",
     "test-examples": "node scripts/test-examples.js",
     "doc": "cd website && yarn start",
     "doc:build": "cd website && yarn build",

src/compiler/ng-jest-compiler.ts

@@ -1,7 +1,7 @@
 import { type TsJestAstTransformer, TsCompiler, type ConfigSet } from 'ts-jest';
 import type * as ts from 'typescript';
 
-import { constructorParametersDownlevelTransform } from '../transformers/downlevel-ctor';
+import { angularJitApplicationTransform } from '../transformers/jit_transform';
 import { replaceResources } from '../transformers/replace-resources';
 
 export class NgJestCompiler extends TsCompiler {
@@ -112,6 +112,9 @@ export class NgJestCompiler extends TsCompiler {
   }
 
   protected _makeTransformers(customTransformers: TsJestAstTransformer): ts.CustomTransformers {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const program = this.program!;
+
     return {
       ...super._makeTransformers(customTransformers).after,
       ...super._makeTransformers(customTransformers).afterDeclarations,
@@ -120,8 +123,7 @@ export class NgJestCompiler extends TsCompiler {
           beforeTransformer.factory(this, beforeTransformer.options),
         ),
         replaceResources(this),
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        constructorParametersDownlevelTransform(this.program!),
+        angularJitApplicationTransform(program),
       ] as Array<ts.TransformerFactory<ts.SourceFile> | ts.CustomTransformerFactory>,
     };
   }