feat: support signal input from angular 17.1

Adds a custom transformer to transform Angular Code, specifically, signals (input, query and models) to behave better in jit-environment. Solves help-me-mom#7976
andreandersson · Apr 25, 2024 · 866af7e · 866af7e
1 parent 0afae31
commit 866af7e
Show file tree

Hide file tree

Showing 9 changed files with 519 additions and 2 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -91,6 +91,7 @@ commands:
           paths:
             - ./e2e/<< parameters.dir >>/node_modules
             - ~/.cache/puppeteer
+            - ./transformers/jit-transform.js
   test:
     parameters:
       dir:
@@ -164,6 +165,7 @@ jobs:
           paths:
             - ./node_modules
             - ~/.cache/puppeteer
+            - ./transformers/jit-transform.js
       - run:
           name: Prettier
           command: npm run prettier:check
@@ -172,7 +174,7 @@ jobs:
           command: npx commitlint -V --from=origin/master
       - run:
           name: Lint code style
-          command: npm run lint -- --ignore-pattern e2e/ --ignore-pattern tests-e2e/
+          command: npm run lint -- --ignore-pattern e2e/ --ignore-pattern tests-e2e/ --ignore-pattern transformers/jit-transform.js
       - run:
           name: Lint typescript
           command: npm run ts:check
@@ -250,6 +252,7 @@ jobs:
                 paths:
                   - ./tests-e2e/node_modules
                   - ~/.cache/puppeteer
+                  - ./transformers/jit-transform.js
             - run:
                 name: E2E
                 command: npm run e2e
@@ -282,6 +285,7 @@ jobs:
                 paths:
                   - ./docs/node_modules
                   - ~/.cache/puppeteer
+                  - ./transformers/jit-transform.js
             - run:
                 name: Docs
                 command: npm run build:docs
@@ -368,6 +372,7 @@ jobs:
                   - ./e2e/a5es5/node_modules
                   - ~/.cache/puppeteer
                   - /ProgramData/nvm/temp
+                  - ./transformers/jit-transform.js
             - run:
                 name: Spreading Build
                 command: |

diff --git a/karma.conf.ts b/karma.conf.ts
@@ -5,6 +5,9 @@ import path from 'node:path';
 import { Config } from 'karma';
 import puppeteer from 'puppeteer';
 import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
+import { Program } from 'typescript';
+
+import { angularJitApplicationTransform } from './transformers/jit-transform.js';
 
 process.env.CHROME_BIN = puppeteer.executablePath();
 
@@ -120,6 +123,9 @@ export default (config: Config) => {
                 options: {
                   configFile: './tsconfig.json',
                   transpileOnly: true,
+                  getCustomTransformers: (program: Program) => ({
+                    before: [angularJitApplicationTransform(program)],
+                  }),
                 },
               },
             ],