feat: add experimental precompilation to global setup

examples/example-app-v11/jest-esm.config.mjs

@@ -1,16 +1,16 @@
-import ngPreset from 'jest-preset-angular/presets/index.js';
-
 globalThis.ngJest = {
   skipNgcc: false,
+  experimentalPrecompilation: true,
   tsconfig: 'tsconfig-esm.spec.json',
-};
+}
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 const jestConfig = {
-  ...ngPreset.defaultsESM,
+  preset: 'jest-preset-angular/presets/defaults-esm',
   globals: {
     'ts-jest': {
-      ...ngPreset.defaultsESM.globals["ts-jest"],
+      useESM: true,
+      stringifyContentPathRegex: '\\.(html|svg)$',
       tsconfig: '<rootDir>/tsconfig-esm.spec.json',
     },
   },

examples/example-app-v11/jest.config.js

@@ -5,6 +5,7 @@ const { paths } = require('./tsconfig.json').compilerOptions;
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v11/src/app/app-services/app.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppService } from './app.service';
+
+describe('AppService', () => {
+  let service: AppService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

examples/example-app-v11/src/app/app-services/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v11/src/app/app-services/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v11/src/app/app-services/index.ts

@@ -0,0 +1,3 @@
+import * as Services from './app.service';
+
+export { Services };

examples/example-app-v11/src/app/app.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
 
+import { Services } from './app-services';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(private myService: Services.AppService) {}
+}

examples/example-app-v11/tsconfig-esm.spec.json

@@ -1,3 +1,4 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {

examples/example-app-v12-monorepo/jest-esm-isolated.config.mjs

@@ -1,6 +1,7 @@
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig-esm.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v12-monorepo/jest-esm.config.mjs

@@ -1,6 +1,7 @@
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig-esm.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v12-monorepo/jest-isolated.config.js

@@ -2,6 +2,7 @@
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v12-monorepo/jest.config.js

@@ -2,6 +2,7 @@
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v12-monorepo/projects/app1/jest-esm.config.mjs

@@ -1,3 +1,9 @@
+globalThis.ngJest = {
+  skipNgcc: false,
+  experimentalPrecompilation: true,
+  tsconfig: 'tsconfig-esm.spec.json',
+}
+
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 const jestConfig = {
   preset: 'jest-preset-angular/presets/defaults-esm',
@@ -8,9 +14,7 @@ const jestConfig = {
       tsconfig: '<rootDir>/tsconfig-esm.spec.json',
     },
   },
-  moduleNameMapper: {
-    tslib: 'tslib/tslib.es6.js',
-  },
+  globalSetup: 'jest-preset-angular/global-setup',
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
 }
 

examples/example-app-v12-monorepo/projects/app1/src/app/app-services/app.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppService } from './app.service';
+
+describe('AppService', () => {
+  let service: AppService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

examples/example-app-v12-monorepo/projects/app1/src/app/app-services/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12-monorepo/projects/app1/src/app/app-services/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12-monorepo/projects/app1/src/app/app-services/index.ts

@@ -0,0 +1,3 @@
+import * as Services from './app.service';
+
+export { Services };

examples/example-app-v12-monorepo/projects/app1/src/app/app.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
 
+import { Services } from './app-services';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(private myService: Services.AppService) {}
+}

examples/example-app-v12-monorepo/projects/app1/src/app/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12-monorepo/projects/app1/src/app/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12-monorepo/projects/app2/jest-esm.config.mjs

@@ -1,3 +1,9 @@
+globalThis.ngJest = {
+  skipNgcc: false,
+  experimentalPrecompilation: true,
+  tsconfig: 'tsconfig-esm.spec.json',
+}
+
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 const jestConfig = {
   preset: 'jest-preset-angular/presets/defaults-esm',
@@ -8,9 +14,7 @@ const jestConfig = {
       tsconfig: '<rootDir>/tsconfig-esm.spec.json',
     },
   },
-  moduleNameMapper: {
-    tslib: 'tslib/tslib.es6.js',
-  },
+  globalSetup: 'jest-preset-angular/global-setup',
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
 }
 

examples/example-app-v12-monorepo/projects/app2/src/app/app-services/app.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppService } from './app.service';
+
+describe('AppService', () => {
+  let service: AppService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

examples/example-app-v12-monorepo/projects/app2/src/app/app-services/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12-monorepo/projects/app2/src/app/app-services/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12-monorepo/projects/app2/src/app/app-services/index.ts

@@ -0,0 +1,3 @@
+import * as Services from './app.service';
+
+export { Services };

examples/example-app-v12-monorepo/projects/app2/src/app/app.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
 
+import { Services } from './app-services';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(private myService: Services.AppService) {}
+}

examples/example-app-v12-monorepo/projects/app2/src/app/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12-monorepo/projects/app2/src/app/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12/jest-esm.config.mjs

@@ -1,16 +1,16 @@
-import ngPreset from 'jest-preset-angular/presets/index.js';
-
 globalThis.ngJest = {
   skipNgcc: false,
+  experimentalPrecompilation: true,
   tsconfig: 'tsconfig-esm.spec.json',
-};
+}
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 const jestConfig = {
-  ...ngPreset.defaultsESM,
+  preset: 'jest-preset-angular/presets/defaults-esm',
   globals: {
     'ts-jest': {
-      ...ngPreset.defaultsESM.globals["ts-jest"],
+      useESM: true,
+      stringifyContentPathRegex: '\\.(html|svg)$',
       tsconfig: '<rootDir>/tsconfig-esm.spec.json',
     },
   },

examples/example-app-v12/jest.config.js

@@ -5,6 +5,7 @@ const { paths } = require('./tsconfig.json').compilerOptions;
 globalThis.ngJest = {
   skipNgcc: false,
   tsconfig: 'tsconfig.spec.json',
+  experimentalPrecompilation: true,
 };
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */

examples/example-app-v12/src/app/app-services/app.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppService } from '../app.service';
+
+describe('AppService', () => {
+  let service: AppService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

examples/example-app-v12/src/app/app-services/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12/src/app/app-services/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12/src/app/app-services/index.ts

@@ -0,0 +1,3 @@
+import * as Services from './app.service';
+
+export { Services };

examples/example-app-v12/src/app/app.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
 
+import { Services } from './app-services';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(private myService: Services.AppService) {}
+}

examples/example-app-v12/src/app/app.service.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable, Optional } from '@angular/core';
+import type { Request } from 'express';
+
+import { REQUEST } from './app.tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AppService {
+  constructor(@Inject(REQUEST) @Optional() private request: Request) {}
+}

examples/example-app-v12/src/app/app.tokens.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { Request } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('express-request');

examples/example-app-v12/tsconfig-esm.spec.json

@@ -1,3 +1,4 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {