diff --git a/.bitmap b/.bitmap
index 29b9af03..07a08e7f 100644
--- a/.bitmap
+++ b/.bitmap
@@ -12,7 +12,7 @@
     "angular-env": {
         "name": "angular-env",
         "scope": "bitdev.angular",
-        "version": "7.0.1",
+        "version": "7.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/angular-env"
     },
@@ -250,112 +250,112 @@
     "envs/angular-v16-env": {
         "name": "envs/angular-v16-env",
         "scope": "bitdev.angular",
-        "version": "7.0.0",
+        "version": "7.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/angular-v16-env"
     },
     "envs/angular-v17-env": {
         "name": "envs/angular-v17-env",
         "scope": "bitdev.angular",
-        "version": "6.0.0",
+        "version": "6.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/angular-v17-env"
     },
     "envs/angular-v18-env": {
         "name": "envs/angular-v18-env",
         "scope": "bitdev.angular",
-        "version": "2.0.0",
+        "version": "2.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/angular-v18-env"
     },
     "envs/angular-v19-env": {
         "name": "envs/angular-v19-env",
         "scope": "bitdev.angular",
-        "version": "1.0.1",
+        "version": "1.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/angular-v19-env"
     },
     "envs/base-env": {
         "name": "envs/base-env",
         "scope": "bitdev.angular",
-        "version": "7.0.0",
+        "version": "7.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/envs/base-env"
     },
     "examples/my-angular-env": {
         "name": "examples/my-angular-env",
         "scope": "bitdev.angular",
-        "version": "7.0.3",
+        "version": "7.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/examples/my-angular-env"
     },
     "examples/my-angular-v16-env": {
         "name": "examples/my-angular-v16-env",
         "scope": "bitdev.angular",
-        "version": "6.0.2",
+        "version": "6.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/examples/my-angular-v16-env"
     },
     "examples/my-angular-v17-env": {
         "name": "examples/my-angular-v17-env",
         "scope": "bitdev.angular",
-        "version": "6.0.2",
+        "version": "6.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/examples/my-angular-v17-env"
     },
     "examples/my-angular-v18-env": {
         "name": "examples/my-angular-v18-env",
         "scope": "bitdev.angular",
-        "version": "2.0.2",
+        "version": "2.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/examples/my-angular-v18-env"
     },
     "examples/my-angular-v19-env": {
         "name": "examples/my-angular-v19-env",
         "scope": "bitdev.angular",
-        "version": "1.0.3",
+        "version": "1.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/examples/my-angular-v19-env"
     },
     "integration/demo-app": {
         "name": "integration/demo-app",
         "scope": "bitdev.angular",
-        "version": "1.0.1",
+        "version": "1.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/integration/demo-app"
     },
     "integration/demo-lib": {
         "name": "integration/demo-lib",
         "scope": "bitdev.angular",
-        "version": "1.0.1",
+        "version": "1.1.0",
         "mainFile": "public-api.ts",
         "rootDir": "angular/integration/demo-lib"
     },
     "integration/demo-lib-v16": {
         "name": "integration/demo-lib-v16",
         "scope": "bitdev.angular",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "mainFile": "public-api.ts",
         "rootDir": "angular/integration/demo-lib-v16"
     },
     "integration/demo-lib-v17": {
         "name": "integration/demo-lib-v17",
         "scope": "bitdev.angular",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "mainFile": "public-api.ts",
         "rootDir": "angular/integration/demo-lib-v17"
     },
     "integration/demo-lib-v18": {
         "name": "integration/demo-lib-v18",
         "scope": "bitdev.angular",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "mainFile": "public-api.ts",
         "rootDir": "angular/integration/demo-lib-v18"
     },
     "integration/demo-lib-v19": {
         "name": "integration/demo-lib-v19",
         "scope": "bitdev.angular",
-        "version": "1.0.1",
+        "version": "1.1.0",
         "mainFile": "public-api.ts",
         "rootDir": "angular/integration/demo-lib-v19"
     },
@@ -369,7 +369,7 @@
     "templates/generators": {
         "name": "templates/generators",
         "scope": "bitdev.angular",
-        "version": "7.0.0",
+        "version": "7.1.0",
         "mainFile": "index.ts",
         "rootDir": "angular/templates/generators"
     },
diff --git a/angular/envs/angular-env/component.json b/angular/envs/angular-env/component.json
index 33317681..3898d73c 100644
--- a/angular/envs/angular-env/component.json
+++ b/angular/envs/angular-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "angular-env",
-    "version": "7.0.1"
+    "version": "7.1.0"
   },
   "propagate": false,
   "extensions": {
@@ -44,7 +44,7 @@
           "jest": "^29.5.0",
           "jest-environment-jsdom": "^29.0.3",
           "jest-environment-node": "^29.0.3",
-          "jest-preset-angular": "~14.3.0",
+          "jest-preset-angular": "~14.4.0",
           "ng-packagr": "^19.0.0",
           "postcss": "8.4.47",
           "postcss-loader": "8.1.1",
diff --git a/angular/envs/angular-env/env.jsonc b/angular/envs/angular-env/env.jsonc
index 4fd5c7e1..d345a517 100644
--- a/angular/envs/angular-env/env.jsonc
+++ b/angular/envs/angular-env/env.jsonc
@@ -39,8 +39,8 @@
       },
       {
         "name": "jest-preset-angular",
-        "version": "~14.3.0",
-        "supportedRange": "~14.3.0",
+        "version": "~14.4.0",
+        "supportedRange": "~14.4.0",
         "hidden": true,
         "force": true
       }
@@ -106,6 +106,11 @@
         "version": "^19.0.0",
         "supportedRange": "^19.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "express",
         "version": "~4.21.1",
diff --git a/angular/envs/angular-v13-env/angular-v13-env.bit-env.ts b/angular/envs/angular-v13-env/angular-v13-env.bit-env.ts
deleted file mode 100644
index 18b65405..00000000
--- a/angular/envs/angular-v13-env/angular-v13-env.bit-env.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { AngularEnvOptions } from '@bitdev/angular.dev-services.common';
-import { AngularBaseEnv } from '@bitdev/angular.envs.base-env';
-import { NativeCompileCache } from '@teambit/toolbox.performance.v8-cache';
-import { createRequire } from 'node:module';
-import { webpackConfigFactory } from './webpack-config.factory.js';
-
-// Disable v8-caching because it breaks ESM loaders
-NativeCompileCache.uninstall();
-
-const require = createRequire(import.meta.url);
-
-export const ngEnvOptions: AngularEnvOptions = {
-  useAngularElementsPreview: false,
-  // angularElementsModulePath: require.resolve('@angular/elements'),
-  jestConfigPath: require.resolve('./jest/jest.config.cjs'),
-  jestModulePath: require.resolve('jest'),
-  ngPackagrModulePath: import.meta.resolve('ng-packagr'),
-  webpackConfigFactory,
-  webpackDevServerModulePath: require.resolve('webpack-dev-server'),
-  // resolving to the webpack used by angular devkit to avoid multiple instances of webpack
-  // otherwise, if we use a different version, it would break
-  webpackModulePath: require.resolve('webpack', { paths: [require.resolve('@angular-devkit/build-angular')] })
-}
-
-export class AngularV13Env extends AngularBaseEnv {
-  /**
-   * name of the environment. used for friendly mentions across bit.
-   */
-  name = 'angular-v13-env';
-
-  angularVersion = 13;
-
-  ngEnvOptions: AngularEnvOptions = ngEnvOptions;
-}
-
-export default new AngularV13Env();
diff --git a/angular/envs/angular-v13-env/angular-v13-env.docs.mdx b/angular/envs/angular-v13-env/angular-v13-env.docs.mdx
deleted file mode 100644
index df055655..00000000
--- a/angular/envs/angular-v13-env/angular-v13-env.docs.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular v13 Env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/angular-v13-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v13-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v13-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/envs/angular-v13-env/component.json b/angular/envs/angular-v13-env/component.json
deleted file mode 100644
index 12b98831..00000000
--- a/angular/envs/angular-v13-env/component.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "envs/angular-v13-env",
-    "version": "6.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@angular-devkit/architect": "~0.1302.1",
-          "@angular-devkit/build-angular": "~13.2.1",
-          "@angular-devkit/build-optimizer": "~0.1302.1",
-          "@angular-devkit/build-webpack": "~0.1302.1",
-          "@angular-devkit/core": "~13.2.1",
-          "@angular-devkit/schematics": "~13.2.1",
-          "@angular-eslint/eslint-plugin": "~13.0.1",
-          "@angular-eslint/eslint-plugin-template": "~13.0.1",
-          "@angular-eslint/template-parser": "~13.0.1",
-          "@angular/animations": "~13.2.0",
-          "@angular/cli": "~13.2.0",
-          "@angular/common": "~13.2.0",
-          "@angular/compiler": "~13.2.0",
-          "@angular/compiler-cli": "~13.2.0",
-          "@angular/core": "~13.2.0",
-          "@angular/elements": "~13.2.0",
-          "@angular/platform-browser": "~13.2.0",
-          "@angular/platform-browser-dynamic": "~13.2.0",
-          "@ngtools/webpack": "~13.2.1",
-          "@types/eslint": "^8.2.0",
-          "@types/jest": "^27.0.3",
-          "@types/react-dev-utils": "~9.0.8",
-          "@types/remark-prism": "~1.3.0",
-          "@types/webpack-dev-server": "4.3.1",
-          "@types/webpack-dev-middleware": "5.0.2",
-          "@typescript-eslint/eslint-plugin": "^5.3.0",
-          "@typescript-eslint/parser": "^5.3.0",
-          "eslint": "8.2.0",
-          "events": "^3.2.0",
-          "html-loader": "~2.1.2",
-          "jest": "^27.4.4",
-          "jest-preset-angular": "~11.0.1",
-          "ng-packagr": "~13.2.1",
-          "remark": "~13.0.0",
-          "remark-loader": "~4.0.0",
-          "rxjs": "~7.4.0",
-          "ts-node": "^9.1.1",
-          "tslib": "^2.3.0",
-          "typescript": "~4.5.2",
-          "webpack": "5.60.0",
-          "webpack-dev-middleware": "5.2.1",
-          "webpack-dev-server": "4.4.0",
-          "zone.js": "~0.14.0"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "envs/v13",
-        "version": "6b894fe169bc5c2ac795be3338da8b321063f0c3"
-      }
-    }
-  }
-}
diff --git a/angular/envs/angular-v13-env/env.jsonc b/angular/envs/angular-v13-env/env.jsonc
deleted file mode 100644
index 7e80be8e..00000000
--- a/angular/envs/angular-v13-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
- {
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^27.0.3",
-        "supportedRange": "^27.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^12.11.1",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~11.0.1",
-        "supportedRange": "~11.0.1",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^27.4.4",
-        "supportedRange": "^27.4.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.4.0",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.5.2",
-        "supportedRange": ">=4.4.4 <4.6.0"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/envs/angular-v13-env/index.ts b/angular/envs/angular-v13-env/index.ts
deleted file mode 100644
index c301298d..00000000
--- a/angular/envs/angular-v13-env/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { AngularV13Env, ngEnvOptions } from './angular-v13-env.bit-env.js';
-// @ts-ignore
-export { default as jestConfig } from './jest/jest.config.cjs';
diff --git a/angular/envs/angular-v13-env/jest/jest.config.cjs b/angular/envs/angular-v13-env/jest/jest.config.cjs
deleted file mode 100644
index 49e64845..00000000
--- a/angular/envs/angular-v13-env/jest/jest.config.cjs
+++ /dev/null
@@ -1,27 +0,0 @@
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  preset: 'jest-preset-angular',
-  reporters: ['default'],
-  setupFilesAfterEnv: [require.resolve('./setup-jest.cjs')],
-  testPathIgnorePatterns: ['<rootDir>/.*/e2e/'],
-  globals: {
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json'),
-    },
-  },
-  moduleNameMapper: {
-    // map angular modules to avoid duplicated modules
-    /* eslint-disable-next-line no-useless-escape */
-    "(@angular\/.*)$": ["<rootDir>/node_modules/$1", "$1"]
-  },
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true,
-    }),
-  ],
-};
diff --git a/angular/envs/angular-v13-env/jest/jest.config.d.ts b/angular/envs/angular-v13-env/jest/jest.config.d.ts
deleted file mode 100644
index 52228a47..00000000
--- a/angular/envs/angular-v13-env/jest/jest.config.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Config } from 'jest';
-
-declare const config: Config;
-export default config;
\ No newline at end of file
diff --git a/angular/envs/angular-v13-env/jest/setup-jest.cjs b/angular/envs/angular-v13-env/jest/setup-jest.cjs
deleted file mode 100644
index 7eacc2fd..00000000
--- a/angular/envs/angular-v13-env/jest/setup-jest.cjs
+++ /dev/null
@@ -1,9 +0,0 @@
-/* eslint-disable */
-require('jest-preset-angular/build/utils/reflect-metadata');
-require('zone.js');
-require('zone.js/bundles/zone-testing.umd');
-const getTestBed = require('@angular/core/testing').getTestBed;
-const BrowserDynamicTestingModule = require('@angular/platform-browser-dynamic/testing').BrowserDynamicTestingModule;
-const platformBrowserDynamicTesting = require('@angular/platform-browser-dynamic/testing')
-  .platformBrowserDynamicTesting;
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
diff --git a/angular/envs/angular-v13-env/jest/tsconfig.spec.json b/angular/envs/angular-v13-env/jest/tsconfig.spec.json
deleted file mode 100644
index ded6b39e..00000000
--- a/angular/envs/angular-v13-env/jest/tsconfig.spec.json
+++ /dev/null
@@ -1,5 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/envs/angular-v13-env/tsconfig.json b/angular/envs/angular-v13-env/tsconfig.json
deleted file mode 100644
index ee229f3a..00000000
--- a/angular/envs/angular-v13-env/tsconfig.json
+++ /dev/null
@@ -1,5 +0,0 @@
-// bit-generated-typescript-config
-
-{
-  "extends": "./../../../node_modules/.cache/tsconfig.bit.f3b87b1c18fb9e87952d48c4888ed71964a4999d.json"
-}
\ No newline at end of file
diff --git a/angular/envs/angular-v13-env/webpack-config.factory.ts b/angular/envs/angular-v13-env/webpack-config.factory.ts
deleted file mode 100644
index 5528c8a3..00000000
--- a/angular/envs/angular-v13-env/webpack-config.factory.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { OutputHashing } from '@angular-devkit/build-angular';
-import { getSystemPath, normalize, tags } from '@angular-devkit/core';
-import { BundlerSetup, dedupPaths, getLoggerApi } from '@bitdev/angular.dev-services.common';
-import type { BrowserBuilderOptions } from '@bitdev/angular.dev-services.ng-compat';
-import {
-  generateEntryPoints,
-  generateWebpackConfig,
-  getCommonConfig,
-  getDevServerConfig,
-  getIndexOutputFile,
-  getStylesConfig,
-  IndexHtmlWebpackPlugin,
-  normalizeBrowserSchema,
-  normalizeCacheOptions,
-  normalizeOptimization
-} from '@bitdev/angular.dev-services.ng-compat';
-import {
-  WebpackBuildConfigFactoryOpts,
-  WebpackConfig,
-  WebpackConfigFactoryOpts,
-  WebpackServeConfigFactoryOpts
-} from '@bitdev/angular.dev-services.webpack';
-import { BundlerContext, DevServerContext } from '@teambit/bundler';
-import { Logger } from '@teambit/logger';
-import {
-  runTransformersWithContext,
-  WebpackConfigMutator,
-  WebpackConfigTransformer,
-  WebpackConfigWithDevServer
-} from '@teambit/webpack';
-import assert from 'assert';
-import { join, posix, resolve } from 'path';
-import { Configuration } from 'webpack';
-import { webpack5BuildConfigFactory } from './webpack/webpack5.build.config.js';
-import { webpack5ServeConfigFactory } from './webpack/webpack5.serve.config.js';
-
-/**
- * Migrate options from webpack-dev-server 3 to 4
- */
-function migrateConfiguration(webpackConfig: any): WebpackConfigWithDevServer | Configuration {
-  /**
-   * Removed logLevel in favor of built-in logger
-   * see https://webpack.js.org/configuration/other-options/#infrastructurelogginglevel
-   */
-  delete webpackConfig.devServer.logLevel;
-
-  // Removed contentBase in favor of the static option
-  delete webpackConfig.devServer.contentBase;
-
-  // Removed publicPath in favor of the dev option
-  delete webpackConfig.devServer.publicPath;
-
-  // Moved overlay to client option
-  webpackConfig.devServer.client = webpackConfig.devServer.client || {};
-  webpackConfig.devServer.client.overlay = webpackConfig.devServer.overlay;
-  delete webpackConfig.devServer.overlay;
-
-  // Removed in favor of the static option
-  delete webpackConfig.devServer.watchOptions;
-
-  // Moved sockPath to client.webSocketURL.pathname option
-  // We let webpack handle that now
-  delete webpackConfig.devServer.sockPath;
-
-  // Removed stats in favor of the stats options from webpack
-  delete webpackConfig.devServer.stats;
-
-  // Removed in favor client.webSocketURL options
-  delete webpackConfig.devServer.public;
-
-  // Removed watch to avoid "DEP_WEBPACK_WATCH_WITHOUT_CALLBACK" warning
-  delete webpackConfig.watch;
-
-  // Removed in favor of manual setup entries.
-  delete webpackConfig.devServer.injectClient;
-
-  // Cleaning up undefined values
-  Object.keys(webpackConfig.devServer).forEach((option) => {
-    if (typeof webpackConfig.devServer[option] === 'undefined') {
-      delete webpackConfig.devServer[option];
-    }
-  });
-
-  delete webpackConfig.devServer.devMiddleware.publicPath;
-  delete webpackConfig.devServer.webSocketServer;
-  delete webpackConfig.devServer.client;
-
-  return webpackConfig;
-}
-
-async function getWebpackConfig(
-  _context: DevServerContext | BundlerContext,
-  entryFiles: string[],
-  tsconfigPath: string,
-  workspaceRoot: string,
-  logger: Logger,
-  setup: BundlerSetup,
-  angularOptions: Partial<BrowserBuilderOptions> = {},
-  sourceRoot = 'src'
-): Promise<WebpackConfigWithDevServer | WebpackConfig> {
-  assert(!(angularOptions as any).server, "SSR is only available for Angular v16+");
-
-  // Options from angular.json
-  const browserOptions: BrowserBuilderOptions = {
-    ...angularOptions,
-    baseHref: angularOptions.baseHref ?? './',
-    preserveSymlinks: false,
-    outputPath: 'public', // doesn't matter because it will be deleted from the config
-    index: angularOptions.index ?? join(sourceRoot, `index.html`),
-    main: angularOptions.main ?? join(sourceRoot, `main.ts`),
-    polyfills: angularOptions.polyfills ?? join(sourceRoot, `polyfills.ts`),
-    tsConfig: angularOptions.tsConfig ?? tsconfigPath,
-    assets: dedupPaths([posix.join(sourceRoot, `favicon.ico`), posix.join(sourceRoot, `assets`), ...(angularOptions.assets ?? [])]),
-    styles: dedupPaths([posix.join(sourceRoot, `styles.${ angularOptions.inlineStyleLanguage ?? 'scss' }`), ...(angularOptions.styles ?? [])]),
-    scripts: angularOptions.scripts,
-    vendorChunk: angularOptions.vendorChunk ?? true,
-    namedChunks: angularOptions.namedChunks ?? true,
-    optimization: angularOptions.optimization ?? setup === BundlerSetup.Build,
-    buildOptimizer: angularOptions.buildOptimizer ?? setup === BundlerSetup.Build,
-    aot: angularOptions.aot ?? true,
-    deleteOutputPath: angularOptions.deleteOutputPath ?? true,
-    sourceMap: angularOptions.sourceMap ?? true,
-    outputHashing: angularOptions.outputHashing ?? (setup === BundlerSetup.Build ? OutputHashing.All : OutputHashing.None),
-    watch: setup === BundlerSetup.Serve,
-    allowedCommonJsDependencies: ['dompurify', '@teambit/harmony', '@teambit/preview', 'graphql', '@teambit/documenter.ng.content.copy-box', ...(angularOptions.allowedCommonJsDependencies || [])],
-  };
-
-  const normalizedWorkspaceRoot = normalize(workspaceRoot);
-  // used to load component config files, such as tailwind config, ...
-  const projectRoot = normalize(workspaceRoot);
-  const normalizedSourceRoot = normalize(sourceRoot);
-
-  const normalizedOptions = normalizeBrowserSchema(
-    normalizedWorkspaceRoot,
-    projectRoot,
-    normalizedSourceRoot,
-    {
-      ...browserOptions
-    },
-    {
-      cli: {
-        cache: {
-          // disable webpack cache for now because it seems to cause an infinite loop
-          // TODO(ocombe): investigate this, maybe change the path?
-          enabled: false
-        }
-      }
-    }
-  );
-
-  const loggerApi = getLoggerApi(logger);
-
-  let webpackConfig: any = await generateWebpackConfig(
-    getSystemPath(normalizedWorkspaceRoot),
-    getSystemPath(projectRoot),
-    getSystemPath(normalizedSourceRoot),
-    'bit-angular-v13-env', // projectName
-    normalizedOptions,
-    (wco: any) => [
-      setup === BundlerSetup.Serve ? getDevServerConfig(wco) : {},
-      getCommonConfig(wco),
-      getStylesConfig(wco),
-    ],
-    loggerApi,
-    {}
-  );
-
-  // @ts-ignore
-  if (angularOptions.hmr) {
-    logger.warn(tags.stripIndents`NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
-      See https://webpack.js.org/guides/hot-module-replacement for information on working with HMR for Webpack.`);
-  }
-
-  // Add bit generated files to the list of entries
-  webpackConfig.entry.main.unshift(...entryFiles);
-
-  const { scripts = [], styles = [] } = browserOptions;
-  const entrypoints = generateEntryPoints({ scripts, styles });
-  const normalizedIndex = normalize(browserOptions.index as string);
-  const normalizedOptimization = normalizeOptimization(browserOptions.optimization);
-  if (!webpackConfig.plugins) {
-    webpackConfig.plugins = [];
-  }
-  const cacheOptions = normalizeCacheOptions({}, workspaceRoot);
-  webpackConfig.plugins.push(
-    new IndexHtmlWebpackPlugin({
-      indexPath: resolve(workspaceRoot, browserOptions.index as string),
-      outputPath: getIndexOutputFile(normalizedIndex),
-      baseHref: browserOptions.baseHref || '/',
-      entrypoints,
-      deployUrl: browserOptions.deployUrl,
-      sri: browserOptions.subresourceIntegrity,
-      cache: cacheOptions,
-      postTransform: undefined, // IndexHtmlTransform
-      optimization: normalizedOptimization,
-      crossOrigin: browserOptions.crossOrigin,
-      lang: 'en-US', // TODO(ocombe) support locale
-    })
-  );
-
-  // don't use the output path from angular
-  delete webpackConfig?.output?.path;
-  delete webpackConfig?.resolve?.modules;
-  webpackConfig.stats = 'errors-only';
-  // uniqueName should not be an empty string
-  webpackConfig.output.uniqueName = 'angular-v13-env';
-
-  if (setup === BundlerSetup.Serve) {
-    webpackConfig = migrateConfiguration(webpackConfig);
-  }
-
-  return webpackConfig;
-}
-
-export async function webpackConfigFactory(opts: WebpackConfigFactoryOpts & WebpackServeConfigFactoryOpts & WebpackBuildConfigFactoryOpts): Promise<WebpackConfigWithDevServer> {
-  const baseConfig = await getWebpackConfig(
-    opts.context,
-    opts.entryFiles,
-    opts.tsConfigPath,
-    opts.rootPath,
-    opts.logger,
-    opts.setup,
-    opts.angularOptions,
-    opts.sourceRoot
-  ) as WebpackConfigWithDevServer;
-
-  let overwriteConfig: WebpackConfigWithDevServer;
-  if (opts.setup === BundlerSetup.Serve) {
-    overwriteConfig = webpack5ServeConfigFactory(
-      opts.devServerID,
-      opts.workspaceDir,
-      opts.entryFiles,
-      opts.publicRoot,
-      opts.publicPath,
-      opts.pubsub,
-      opts.nodeModulesPaths,
-      opts.tempFolder,
-      opts.plugins,
-      opts.isApp,
-    );
-  } else {
-    overwriteConfig = webpack5BuildConfigFactory(
-      opts.entryFiles,
-      opts.outputPath,
-      opts.nodeModulesPaths,
-      opts.workspaceDir,
-      opts.tempFolder,
-      opts.plugins,
-    ) as any;
-  }
-
-  const transformer: WebpackConfigTransformer = configMutator => configMutator.merge([baseConfig]);
-  const configMutator = new WebpackConfigMutator(overwriteConfig);
-  const afterMutation = runTransformersWithContext(
-    configMutator.clone(),
-    [transformer],
-    { mode: 'dev' }
-  );
-  return afterMutation.raw as WebpackConfigWithDevServer;
-}
diff --git a/angular/envs/angular-v13-env/webpack/module-rules.config.ts b/angular/envs/angular-v13-env/webpack/module-rules.config.ts
deleted file mode 100644
index bfdf9b8c..00000000
--- a/angular/envs/angular-v13-env/webpack/module-rules.config.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';
-import * as stylesRegexps from '@teambit/webpack.modules.style-regexps';
-import { merge } from 'lodash-es';
-import { createRequire } from 'node:module';
-// @ts-ignore
-import getLocalIdent from 'react-dev-utils-esm/getCSSModuleLocalIdent.js';
-import RemarkFrontmatter from 'remark-frontmatter';
-import RemarkHTML from 'remark-html';
-import RemarkPrism from 'remark-prism';
-import { RuleSetRule } from 'webpack';
-
-const require = createRequire(import.meta.url);
-
-const postCssConfig = {
-  // Necessary for external CSS imports to work
-  // https://github.com/facebook/create-react-app/issues/2677
-  ident: 'postcss',
-  plugins: [
-    // eslint-disable-next-line global-require
-    require.resolve('postcss-flexbugs-fixes'),
-    // eslint-disable-next-line global-require
-    require('postcss-preset-env')({
-      autoprefixer: {
-        flexbox: 'no-2009',
-      },
-      stage: 3,
-    }),
-    // Adds PostCSS Normalize as the reset css with default options,
-    // so that it honors browserslist config in package.json
-    // which in turn lets users customize the target behavior as per their needs.
-    // require.resolve('postcss-normalize'),
-  ],
-};
-
-const styleLoaderPath = require.resolve('style-loader');
-
-// Source maps are resource heavy and can cause out of memory issue for large source files.
-const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
-
-export function getModuleRulesConfig(isEnvProduction: boolean): RuleSetRule[] {
-  const baseStyleLoadersOptions = {
-    injectingLoader: styleLoaderPath,
-    cssLoaderPath: require.resolve('css-loader'),
-    postCssLoaderPath: require.resolve('postcss-loader'),
-    postCssConfig
-  };
-
-  return [
-    {
-      test: /\.m?js/,
-      resolve: {
-        fullySpecified: false
-      }
-    },
-    {
-      // "oneOf" will traverse all following loaders until one will
-      // match the requirements. When no loader matches it will fall
-      // back to the "file" loader at the end of the loader list.
-      oneOf: [
-        // MDX support
-        {
-          test: /\.md$/,
-          use: [
-            {
-              loader: 'html-loader'
-            },
-            {
-              loader: 'remark-loader',
-              options: {
-                removeFrontMatter: false,
-                remarkOptions: {
-                  plugins: [RemarkPrism, RemarkHTML, RemarkFrontmatter]
-                }
-              }
-            }
-          ]
-        },
-        // "postcss" loader applies autoprefixer to our CSS.
-        // "css" loader resolves paths in CSS and adds assets as dependencies.
-        // "style" loader turns CSS into JS modules that inject <style> tags.
-        // In production, we use MiniCSSExtractPlugin to extract that CSS
-        // to a file, but in development "style" loader enables hot editing
-        // of CSS.
-        // By default we support CSS Modules with the extension .module.css
-        {
-          test: stylesRegexps.cssNoModulesRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-              },
-            })
-          ),
-          // Don't consider CSS imports dead code even if the
-          // containing package claims to have no side effects.
-          // Remove this when webpack adds a warning or an error for this.
-          // See https://github.com/webpack/webpack/issues/6571
-          sideEffects: true,
-        },
-        // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
-        // using the extension .module.css
-        {
-          test: stylesRegexps.cssModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap
-            })
-          )
-        },
-        // Adds support for CSS Modules, but using SASS
-        // using the extension .module.scss or .module.sass
-        {
-          test: stylesRegexps.sassModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 3,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,
-              preProcessOptions: {
-                resolveUrlLoaderPath: require.resolve('resolve-url-loader'),
-                preProcessorPath: require.resolve('sass-loader')
-              }
-            })
-          )
-        }
-      ]
-    }
-  ];
-}
diff --git a/angular/envs/angular-v13-env/webpack/webpack5.build.config.ts b/angular/envs/angular-v13-env/webpack/webpack5.build.config.ts
deleted file mode 100644
index 70372916..00000000
--- a/angular/envs/angular-v13-env/webpack/webpack5.build.config.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { BitDedupeModuleResolvePlugin, WebpackConfig } from '@bitdev/angular.dev-services.webpack';
-import { fallbacks, fallbacksAliases, fallbacksProvidePluginConfig } from '@teambit/webpack';
-import { sep } from 'path';
-import webpack from 'webpack';
-import { getWebpackAngularAliases } from '@bitdev/angular.dev-services.common';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-export function webpack5BuildConfigFactory(
-  entryFiles: string[],
-  outputPath: string,
-  nodeModulesPaths: string[],
-  workspaceDir: string,
-  tempFolder: string,
-  plugins: any[] = [],
-): WebpackConfig {
-  const config = {
-    mode: 'production',
-    // Stop compilation early in production
-    bail: true,
-    // These are the "entry points" to our application.
-    // This means they will be the "root" imports that are included in JS bundle.
-    entry: entryFiles,
-
-    output: {
-      // The build folder.
-      path: `${outputPath}${sep}public`,
-
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-      // webpack uses `publicPath` to determine where the app is being served from.
-      // It requires a trailing slash, or the file assets will get an incorrect path.
-      // We inferred the "public path" (such as / or /my-project) from homepage.
-      publicPath: ``,
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    resolve: {
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: fallbacks
-    },
-
-    module: {
-      rules: getModuleRulesConfig(true),
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      ...plugins
-    ],
-  };
-
-  return config as WebpackConfig;
-}
diff --git a/angular/envs/angular-v13-env/webpack/webpack5.serve.config.ts b/angular/envs/angular-v13-env/webpack/webpack5.serve.config.ts
deleted file mode 100644
index b7b44c45..00000000
--- a/angular/envs/angular-v13-env/webpack/webpack5.serve.config.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { getWebpackAngularAliases, normalizePath } from '@bitdev/angular.dev-services.common';
-import {
-  BitDedupeModuleResolvePlugin,
-  StatsLoggerPlugin
-} from '@bitdev/angular.dev-services.webpack';
-import { PubsubMain } from '@teambit/pubsub';
-import {
-  fallbacks,
-  fallbacksAliases,
-  fallbacksProvidePluginConfig,
-  WebpackBitReporterPlugin
-} from '@teambit/webpack';
-import { fileURLToPath } from 'node:url';
-import { join, posix, resolve } from 'path';
-// @ts-ignore
-import errorOverlayMiddleware from 'react-dev-utils-esm/errorOverlayMiddleware.js';
-// @ts-ignore
-import evalSourceMapMiddleware from 'react-dev-utils-esm/evalSourceMapMiddleware.js';
-// @ts-ignore
-import getPublicUrlOrPath from 'react-dev-utils-esm/getPublicUrlOrPath.js';
-// @ts-ignore
-import noopServiceWorkerMiddleware from 'react-dev-utils-esm/noopServiceWorkerMiddleware.js';
-// @ts-ignore
-import redirectServedPath from 'react-dev-utils-esm/redirectServedPathMiddleware.js';
-import webpack from 'webpack';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-const publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');
-
-export function webpack5ServeConfigFactory(
-  devServerID: string,
-  workspaceDir: string,
-  entryFiles: string[],
-  publicRoot: string,
-  publicPath: string,
-  pubsub: PubsubMain,
-  nodeModulesPaths: string[],
-  tempFolder: string,
-  plugins: any[] = [],
-  isApp = false,
-): any {
-  const resolveWorkspacePath = (relativePath: string) => resolve(workspaceDir, relativePath);
-
-  // Host
-  const host = process.env.HOST || 'localhost';
-
-  // Required for babel-preset-react-app
-  process.env.NODE_ENV = 'development';
-
-  const publicDirectory = posix.join(publicRoot, publicPath);
-
-  if(isApp) {
-    plugins.push(new StatsLoggerPlugin() as any)
-  }
-
-  const config = {
-    // Environment mode
-    mode: 'development',
-
-    devtool: 'inline-source-map',
-
-    // Entry point of app
-    entry: entryFiles.map((filePath) => resolveWorkspacePath(filePath)),
-
-    output: {
-      // Development filename output
-      filename: 'static/js/[name].bundle.js',
-
-      pathinfo: true,
-
-      path: resolveWorkspacePath(publicDirectory),
-
-      chunkFilename: 'static/js/[name].chunk.js',
-
-      // point sourcemap entries to original disk locations (format as URL on windows)
-      devtoolModuleFilenameTemplate: (info: any) => normalizePath(resolve(info.absoluteResourcePath)),
-
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    infrastructureLogging: {
-      level: 'error',
-    },
-
-    stats: 'errors-only',
-
-    // @ts-ignore until types are updated with new options from webpack-dev-server v4
-    devServer: {
-      // support for bit.cloud workspaces
-      allowedHosts: ['.bit.cloud', 'localhost'],
-      static: [
-        {
-          directory: resolveWorkspacePath(publicDirectory),
-          staticOptions: {},
-          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory
-          // Can be:
-          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],
-          publicPath: publicDirectory,
-          // Can be:
-          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)
-          serveIndex: true,
-          // Can be:
-          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)
-          watch: false,
-        },
-      ],
-
-      // Enable compression
-      compress: true,
-
-      // Enable hot reloading
-      hot: false,
-
-      liveReload: true,
-
-      host,
-
-      historyApiFallback: {
-        disableDotRule: true,
-        index: resolveWorkspacePath(publicDirectory),
-      },
-
-      client: {
-        webSocketURL: 'ws://0.0.0.0:0/ws',
-        overlay: false
-      },
-
-      webSocketServer: {
-        options: {
-          path: `/_hmr/${devServerID}`,
-          // port automatically matches WDS
-        },
-      },
-
-      onBeforeSetupMiddleware(devServer: any) {
-        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
-        // middlewares before `redirectServedPath` otherwise will not have any effect
-        // This lets us fetch source contents from webpack for the error overlay
-        devServer.app.use(evalSourceMapMiddleware(devServer));
-        // This lets us open files from the runtime error overlay.
-        devServer.app.use(errorOverlayMiddleware());
-      },
-
-      onAfterSetupMiddleware(devServer: any) {
-        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
-        devServer.app.use(redirectServedPath(publicUrlOrPath));
-
-        // This service worker file is effectively a 'no-op' that will reset any
-        // previous service worker registered for the same host:port combination.
-        // We do this in development to avoid hitting the production cache if
-        // it used the same host and port.
-        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432
-        devServer.app.use(noopServiceWorkerMiddleware(publicUrlOrPath));
-      },
-
-      devMiddleware: {
-        // Public path is root of content base
-        publicPath: join('/', publicRoot),
-      },
-    },
-
-    resolve: {
-      extensions: ['.ts', '.tsx', '.js', '.mdx', '.md'],
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: { ...fallbacks, events: fileURLToPath(import.meta.resolve('events/')) } as any,
-      modules: nodeModulesPaths
-    },
-
-    module: {
-      rules: getModuleRulesConfig(false)
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      new WebpackBitReporterPlugin({
-        options: { pubsub, devServerID },
-      }),
-      ...plugins
-    ],
-  };
-
-  return config;
-}
diff --git a/angular/envs/angular-v14-env/angular-v14-env.bit-env.ts b/angular/envs/angular-v14-env/angular-v14-env.bit-env.ts
deleted file mode 100644
index 78ac2174..00000000
--- a/angular/envs/angular-v14-env/angular-v14-env.bit-env.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { AngularEnvOptions } from '@bitdev/angular.dev-services.common';
-import { AngularBaseEnv } from '@bitdev/angular.envs.base-env';
-import { NativeCompileCache } from '@teambit/toolbox.performance.v8-cache';
-import { createRequire } from 'node:module';
-import { webpackConfigFactory } from './webpack-config.factory.js';
-
-// Disable v8-caching because it breaks ESM loaders
-NativeCompileCache.uninstall();
-
-const require = createRequire(import.meta.url);
-
-export const ngEnvOptions: AngularEnvOptions = {
-  useAngularElementsPreview: false,
-  // angularElementsModulePath: require.resolve('@angular/elements'),
-  jestConfigPath: require.resolve('./jest/jest.config.cjs'),
-  jestModulePath: require.resolve('jest'),
-  ngPackagrModulePath: import.meta.resolve('ng-packagr'),
-  webpackConfigFactory,
-  webpackDevServerModulePath: require.resolve('webpack-dev-server'),
-  // resolving to the webpack used by angular devkit to avoid multiple instances of webpack
-  // otherwise, if we use a different version, it would break
-  webpackModulePath: require.resolve('webpack', { paths: [require.resolve('@angular-devkit/build-angular')] })
-};
-
-export class AngularV14Env extends AngularBaseEnv {
-  /**
-   * name of the environment. used for friendly mentions across bit.
-   */
-  name = 'angular-v14-env';
-
-  angularVersion = 14;
-
-  ngEnvOptions: AngularEnvOptions = ngEnvOptions;
-}
-
-export default new AngularV14Env();
diff --git a/angular/envs/angular-v14-env/angular-v14-env.docs.mdx b/angular/envs/angular-v14-env/angular-v14-env.docs.mdx
deleted file mode 100644
index 462d80b2..00000000
--- a/angular/envs/angular-v14-env/angular-v14-env.docs.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular v14 Env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/angular-v14-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v14-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v14-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/envs/angular-v14-env/component.json b/angular/envs/angular-v14-env/component.json
deleted file mode 100644
index c1a57cbc..00000000
--- a/angular/envs/angular-v14-env/component.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "envs/angular-v14-env",
-    "version": "6.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@angular-devkit/architect": "~0.1402.10",
-          "@angular-devkit/build-angular": "~14.2.10",
-          "@angular-devkit/build-webpack": "~0.1402.10",
-          "@angular-devkit/core": "~14.2.10",
-          "@angular-devkit/schematics": "~14.2.10",
-          "@angular-eslint/eslint-plugin": "~14.0.0",
-          "@angular-eslint/eslint-plugin-template": "~14.0.0",
-          "@angular-eslint/template-parser": "~14.0.0",
-          "@angular/animations": "~14.2.12",
-          "@angular/cli": "~14.2.12",
-          "@angular/common": "~14.2.12",
-          "@angular/compiler": "~14.2.12",
-          "@angular/compiler-cli": "~14.2.12",
-          "@angular/core": "~14.2.12",
-          "@angular/elements": "~14.2.12",
-          "@angular/platform-browser": "~14.2.12",
-          "@angular/platform-browser-dynamic": "~14.2.12",
-          "@jest/globals": "^28.0.0",
-          "@ngtools/webpack": "~14.2.10",
-          "@types/eslint": "^8.21.0",
-          "@types/jest": "^28.0.0",
-          "@types/react-dev-utils": "~9.0.8",
-          "@types/remark-prism": "~1.3.0",
-          "@types/webpack-dev-server": "4.3.1",
-          "@types/webpack-dev-middleware": "5.0.2",
-          "@typescript-eslint/eslint-plugin": "^5.29.0",
-          "@typescript-eslint/parser": "^5.29.0",
-          "css-loader": "6.2.0",
-          "eslint": "^8.18.0",
-          "events": "^3.2.0",
-          "html-loader": "~2.1.2",
-          "jest": "^28.0.0",
-          "jest-preset-angular": "~12.1.0",
-          "ng-packagr": "~14.2.1",
-          "postcss": "8.4.18",
-          "postcss-flexbugs-fixes": "5.0.2",
-          "postcss-loader": "7.0.1",
-          "postcss-preset-env": "7.8.2",
-          "remark": "~13.0.0",
-          "remark-loader": "~4.0.0",
-          "resolve-url-loader": "5.0.0",
-          "rxjs": "~7.4.0",
-          "sass-loader": "12.6.0",
-          "style-loader": "^2.0.0",
-          "ts-node": "^9.1.1",
-          "tslib": "^2.3.0",
-          "typescript": "~4.7.2",
-          "webpack": "5.72.1",
-          "webpack-dev-middleware": "5.2.1",
-          "webpack-dev-server": "4.4.0",
-          "zone.js": "~0.14.0"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "envs/v14",
-        "version": "4c9e03bfe020a8cdaa512cada9844fc84ac222d1"
-      }
-    }
-  }
-}
diff --git a/angular/envs/angular-v14-env/env.jsonc b/angular/envs/angular-v14-env/env.jsonc
deleted file mode 100644
index adeb6ac2..00000000
--- a/angular/envs/angular-v14-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
- {
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^28.0.0",
-        "supportedRange": "^28.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^14.15.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~12.1.0",
-        "supportedRange": "~12.1.0",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^28.0.0",
-        "supportedRange": "^28.0.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.4.0",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.7.2",
-        "supportedRange": ">=4.6.4 <4.8.0"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/envs/angular-v14-env/index.ts b/angular/envs/angular-v14-env/index.ts
deleted file mode 100644
index e4020983..00000000
--- a/angular/envs/angular-v14-env/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { AngularV14Env, ngEnvOptions } from './angular-v14-env.bit-env.js';
-// @ts-ignore
-export { default as jestConfig } from './jest/jest.config.cjs';
diff --git a/angular/envs/angular-v14-env/jest/jest-global-mocks.ts b/angular/envs/angular-v14-env/jest/jest-global-mocks.ts
deleted file mode 100644
index 3199357e..00000000
--- a/angular/envs/angular-v14-env/jest/jest-global-mocks.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { jest } from '@jest/globals';
-
-Object.defineProperty(window, 'CSS', { value: null });
-
-Object.defineProperty(document, 'doctype', {
-  value: '<!DOCTYPE html>',
-});
-
-Object.defineProperty(window, 'getComputedStyle', {
-  value: () => {
-    return {
-      display: 'none',
-      appearance: ['-webkit-appearance'],
-    };
-  },
-});
-
-/**
- * ISSUE: https://github.com/angular/material2/issues/7101
- * Workaround for JSDOM missing transform property
- */
-Object.defineProperty(document.body.style, 'transform', {
-  value: () => {
-    return {
-      enumerable: true,
-      configurable: true,
-    };
-  },
-});
-
-HTMLCanvasElement.prototype.getContext = <typeof HTMLCanvasElement.prototype.getContext>jest.fn();
diff --git a/angular/envs/angular-v14-env/jest/jest.config.cjs b/angular/envs/angular-v14-env/jest/jest.config.cjs
deleted file mode 100644
index dc60f6fa..00000000
--- a/angular/envs/angular-v14-env/jest/jest.config.cjs
+++ /dev/null
@@ -1,28 +0,0 @@
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  preset: 'jest-preset-angular',
-  globalSetup: 'jest-preset-angular/global-setup',
-  reporters: ['default'],
-  setupFilesAfterEnv: [require.resolve('./setup-jest.cjs')],
-  testPathIgnorePatterns: ['<rootDir>/.*/e2e/'],
-  globals: {
-    ngJest: {
-      skipNgcc: true
-    },
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json')
-    }
-  },
-  resolver: require.resolve('./jest.resolver.cjs'),
-  moduleDirectories: ['<rootDir>/node_modules', 'node_modules'],
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true,
-    }),
-  ],
-};
diff --git a/angular/envs/angular-v14-env/jest/jest.config.d.ts b/angular/envs/angular-v14-env/jest/jest.config.d.ts
deleted file mode 100644
index 52228a47..00000000
--- a/angular/envs/angular-v14-env/jest/jest.config.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Config } from 'jest';
-
-declare const config: Config;
-export default config;
\ No newline at end of file
diff --git a/angular/envs/angular-v14-env/jest/jest.resolver.cjs b/angular/envs/angular-v14-env/jest/jest.resolver.cjs
deleted file mode 100644
index c80190cc..00000000
--- a/angular/envs/angular-v14-env/jest/jest.resolver.cjs
+++ /dev/null
@@ -1,33 +0,0 @@
-module.exports = (path, options) => {
-  // Call the defaultResolver, so we leverage its cache, error handling, etc.
-  return options.defaultResolver(path, {
-    ...options,
-    // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
-    packageFilter: (pkg) => {
-      const pkgNamesToTarget = new Set([
-        'rxjs',
-        '@firebase/auth',
-        '@firebase/storage',
-        '@firebase/functions',
-        '@firebase/database',
-        '@firebase/auth-compat',
-        '@firebase/database-compat',
-        '@firebase/app-compat',
-        '@firebase/firestore',
-        '@firebase/firestore-compat',
-        '@firebase/messaging',
-        '@firebase/util',
-        'firebase',
-      ]);
-
-      if (pkgNamesToTarget.has(pkg.name)) {
-        // eslint-disable-next-line no-param-reassign
-        delete pkg.exports;
-        // eslint-disable-next-line no-param-reassign
-        delete pkg.module;
-      }
-
-      return pkg;
-    },
-  });
-};
diff --git a/angular/envs/angular-v14-env/jest/setup-jest.cjs b/angular/envs/angular-v14-env/jest/setup-jest.cjs
deleted file mode 100644
index a39549fe..00000000
--- a/angular/envs/angular-v14-env/jest/setup-jest.cjs
+++ /dev/null
@@ -1,29 +0,0 @@
-/* eslint-disable */
-require('zone.js');
-require('zone.js/testing');
-const { getTestBed } = require('@angular/core/testing');
-const {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} = require('@angular/platform-browser-dynamic/testing');
-
-let teardown = globalThis.ngJest?.teardown;
-const configuredDestroyAfterEach = globalThis.ngJest?.destroyAfterEach;
-if (configuredDestroyAfterEach) {
-  console.warn(
-    'Passing destroyAfterEach for configuring the test environment has been deprecated.' +
-    ' Please pass a `teardown` object with ModuleTeardownOptions interface instead,' +
-    ' see https://github.com/angular/angular/blob/6952a0a3e68481564b2bc4955afb3ac186df6e34/packages/core/testing/src/test_bed_common.ts#L98'
-  );
-  teardown = {
-    destroyAfterEach: true,
-  };
-}
-
-if (teardown !== undefined) {
-  getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
-    teardown,
-  });
-} else {
-  getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
-}
diff --git a/angular/envs/angular-v14-env/jest/tsconfig.spec.json b/angular/envs/angular-v14-env/jest/tsconfig.spec.json
deleted file mode 100644
index ded6b39e..00000000
--- a/angular/envs/angular-v14-env/jest/tsconfig.spec.json
+++ /dev/null
@@ -1,5 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/envs/angular-v14-env/webpack-config.factory.ts b/angular/envs/angular-v14-env/webpack-config.factory.ts
deleted file mode 100644
index 10c9fd91..00000000
--- a/angular/envs/angular-v14-env/webpack-config.factory.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { OutputHashing } from '@angular-devkit/build-angular';
-import { getSystemPath, normalize, tags } from '@angular-devkit/core';
-import { BundlerSetup, dedupPaths, getLoggerApi } from '@bitdev/angular.dev-services.common';
-import type { BrowserBuilderOptions } from '@bitdev/angular.dev-services.ng-compat';
-import {
-  generateEntryPoints,
-  generateWebpackConfig,
-  getCommonConfig,
-  getDevServerConfig,
-  getIndexOutputFile,
-  getStylesConfig,
-  IndexHtmlWebpackPlugin,
-  normalizeBrowserSchema,
-  normalizeCacheOptions,
-  normalizeOptimization
-} from '@bitdev/angular.dev-services.ng-compat';
-import {
-  WebpackBuildConfigFactoryOpts,
-  WebpackConfig,
-  WebpackConfigFactoryOpts,
-  WebpackServeConfigFactoryOpts
-} from '@bitdev/angular.dev-services.webpack';
-import { BundlerContext, DevServerContext } from '@teambit/bundler';
-import { Logger } from '@teambit/logger';
-import {
-  runTransformersWithContext,
-  WebpackConfigMutator,
-  WebpackConfigTransformer,
-  WebpackConfigWithDevServer
-} from '@teambit/webpack';
-import assert from 'assert';
-import { join, posix, resolve } from 'path';
-import { Configuration } from 'webpack';
-import { webpack5BuildConfigFactory } from './webpack/webpack5.build.config.js';
-import { webpack5ServeConfigFactory } from './webpack/webpack5.serve.config.js';
-
-/**
- * Migrate options from webpack-dev-server 3 to 4
- */
-function migrateConfiguration(webpackConfig: any): WebpackConfigWithDevServer | Configuration {
-  /**
-   * Removed logLevel in favor of built-in logger
-   * see https://webpack.js.org/configuration/other-options/#infrastructurelogginglevel
-   */
-  delete webpackConfig.devServer.logLevel;
-
-  // Removed contentBase in favor of the static option
-  delete webpackConfig.devServer.contentBase;
-
-  // Removed publicPath in favor of the dev option
-  delete webpackConfig.devServer.publicPath;
-
-  // Moved overlay to client option
-  webpackConfig.devServer.client = webpackConfig.devServer.client || {};
-  webpackConfig.devServer.client.overlay = webpackConfig.devServer.overlay;
-  delete webpackConfig.devServer.overlay;
-
-  // Removed in favor of the static option
-  delete webpackConfig.devServer.watchOptions;
-
-  // Moved sockPath to client.webSocketURL.pathname option
-  // We let webpack handle that now
-  delete webpackConfig.devServer.sockPath;
-
-  // Removed stats in favor of the stats options from webpack
-  delete webpackConfig.devServer.stats;
-
-  // Removed in favor client.webSocketURL options
-  delete webpackConfig.devServer.public;
-
-  // Removed watch to avoid "DEP_WEBPACK_WATCH_WITHOUT_CALLBACK" warning
-  delete webpackConfig.watch;
-
-  // Removed in favor of manual setup entries.
-  delete webpackConfig.devServer.injectClient;
-
-  // Cleaning up undefined values
-  Object.keys(webpackConfig.devServer).forEach((option) => {
-    if (typeof webpackConfig.devServer[option] === 'undefined') {
-      delete webpackConfig.devServer[option];
-    }
-  });
-
-  delete webpackConfig.devServer.devMiddleware.publicPath;
-  delete webpackConfig.devServer.webSocketServer;
-  delete webpackConfig.devServer.client;
-
-  return webpackConfig;
-}
-
-async function getWebpackConfig(
-  _context: DevServerContext | BundlerContext,
-  entryFiles: string[],
-  tsconfigPath: string,
-  workspaceRoot: string,
-  logger: Logger,
-  setup: BundlerSetup,
-  angularOptions: Partial<BrowserBuilderOptions> = {},
-  sourceRoot = 'src'
-): Promise<WebpackConfigWithDevServer | WebpackConfig> {
-  assert(!(angularOptions as any).server, "SSR is only available for Angular v16+");
-
-  // Options from angular.json
-  const browserOptions: BrowserBuilderOptions = {
-    ...angularOptions,
-    baseHref: angularOptions.baseHref ?? './',
-    preserveSymlinks: false,
-    outputPath: 'public', // doesn't matter because it will be deleted from the config
-    index: angularOptions.index ?? `./${join(sourceRoot, `index.html`)}`,
-    main: angularOptions.main ?? `./${join(sourceRoot, `main.ts`)}`,
-    polyfills: angularOptions.polyfills ?? `./${join(sourceRoot, `polyfills.ts`)}`,
-    tsConfig: angularOptions.tsConfig ?? tsconfigPath,
-    assets: dedupPaths([posix.join(sourceRoot, `assets/**/*`), ...(angularOptions.assets ?? [])]),
-    styles: dedupPaths([posix.join(sourceRoot, `styles.${ angularOptions.inlineStyleLanguage ?? 'scss' }`), ...(angularOptions.styles ?? [])]),
-    scripts: angularOptions.scripts,
-    vendorChunk: angularOptions.vendorChunk ?? true,
-    namedChunks: angularOptions.namedChunks ?? true,
-    optimization: angularOptions.optimization ?? setup === BundlerSetup.Build,
-    buildOptimizer: angularOptions.buildOptimizer ?? setup === BundlerSetup.Build,
-    aot: angularOptions.aot ?? true,
-    deleteOutputPath: angularOptions.deleteOutputPath ?? true,
-    sourceMap: angularOptions.sourceMap ?? true,
-    outputHashing: angularOptions.outputHashing ?? (setup === BundlerSetup.Build ? OutputHashing.All : OutputHashing.None),
-    watch: setup === BundlerSetup.Serve,
-    allowedCommonJsDependencies: ['dompurify', '@teambit/harmony', '@teambit/preview', 'graphql', '@teambit/documenter.ng.content.copy-box', ...(angularOptions.allowedCommonJsDependencies || [])]
-  };
-
-  const normalizedWorkspaceRoot = normalize(workspaceRoot);
-  // used to load component config files, such as tailwind config, ...
-  const projectRoot = normalize(workspaceRoot);
-  const normalizedSourceRoot = normalize(sourceRoot);
-  const loggerApi = getLoggerApi(logger);
-
-  const normalizedOptions = normalizeBrowserSchema(
-    normalizedWorkspaceRoot,
-    projectRoot,
-    normalizedSourceRoot,
-    {
-      ...browserOptions,
-    },
-    {
-      cli: {
-        cache: {
-          // disable webpack cache for now because it seems to cause an infinite loop
-          // TODO(ocombe): investigate this, maybe change the path?
-          enabled: false
-        }
-      }
-    }
-  );
-
-  let webpackConfig: any = await generateWebpackConfig(
-    getSystemPath(normalizedWorkspaceRoot),
-    getSystemPath(projectRoot),
-    getSystemPath(normalizedSourceRoot),
-    'bit-angular-v14-env', // projectName
-    normalizedOptions,
-    (wco: any) => [
-      setup === BundlerSetup.Serve ? getDevServerConfig(wco) : {},
-      getCommonConfig(wco),
-      getStylesConfig(wco)
-    ],
-    loggerApi,
-    {}
-  );
-
-  // @ts-ignore
-  if (angularOptions.hmr) {
-    logger.warn(tags.stripIndents`NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
-      See https://webpack.js.org/guides/hot-module-replacement for information on working with HMR for Webpack.`);
-  }
-
-  // Add bit generated files to the list of entries
-  webpackConfig.entry.main.unshift(...entryFiles);
-  // webpackConfig.entry.main = entryFiles;
-
-  const { scripts = [], styles = [] } = browserOptions;
-  const entrypoints = generateEntryPoints({ scripts, styles });
-  const normalizedIndex = normalize(browserOptions.index as string);
-  const normalizedOptimization = normalizeOptimization(browserOptions.optimization);
-  if (!webpackConfig.plugins) {
-    webpackConfig.plugins = [];
-  }
-  const cacheOptions = normalizeCacheOptions({}, workspaceRoot);
-  webpackConfig.plugins.push(
-    new IndexHtmlWebpackPlugin({
-      indexPath: resolve(workspaceRoot, browserOptions.index as string),
-      outputPath: getIndexOutputFile(normalizedIndex),
-      baseHref: browserOptions.baseHref || '/',
-      entrypoints,
-      deployUrl: browserOptions.deployUrl,
-      sri: browserOptions.subresourceIntegrity,
-      cache: cacheOptions,
-      postTransform: undefined, // IndexHtmlTransform
-      optimization: normalizedOptimization,
-      crossOrigin: browserOptions.crossOrigin,
-      lang: 'en-US' // TODO(ocombe) support locale
-    })
-  );
-
-  // don't use the output path from angular
-  delete webpackConfig?.output?.path;
-  delete webpackConfig?.resolve?.modules;
-  webpackConfig.stats = 'errors-only';
-  // uniqueName should not be an empty string
-  webpackConfig.output.uniqueName = 'angular-v14-env';
-
-  if (setup === BundlerSetup.Serve) {
-    webpackConfig = migrateConfiguration(webpackConfig);
-  }
-
-  return webpackConfig;
-}
-
-export async function webpackConfigFactory(opts: WebpackConfigFactoryOpts & WebpackServeConfigFactoryOpts & WebpackBuildConfigFactoryOpts): Promise<WebpackConfigWithDevServer> {
-  const baseConfig = await getWebpackConfig(
-    opts.context,
-    opts.entryFiles,
-    opts.tsConfigPath,
-    opts.rootPath,
-    opts.logger,
-    opts.setup,
-    opts.angularOptions,
-    opts.sourceRoot
-  ) as WebpackConfigWithDevServer;
-
-  let overwriteConfig: WebpackConfigWithDevServer;
-  if (opts.setup === BundlerSetup.Serve) {
-    overwriteConfig = webpack5ServeConfigFactory(
-      opts.devServerID,
-      opts.workspaceDir,
-      opts.entryFiles,
-      opts.publicRoot,
-      opts.publicPath,
-      opts.pubsub,
-      opts.nodeModulesPaths,
-      opts.tempFolder,
-      opts.plugins,
-      opts.isApp,
-    );
-  } else {
-    overwriteConfig = webpack5BuildConfigFactory(
-      opts.entryFiles,
-      opts.outputPath,
-      opts.nodeModulesPaths,
-      opts.workspaceDir,
-      opts.tempFolder,
-      opts.plugins,
-    ) as WebpackConfigWithDevServer;
-  }
-
-  const transformer: WebpackConfigTransformer = configMutator => configMutator.merge([baseConfig]);
-  const configMutator = new WebpackConfigMutator(overwriteConfig);
-  const afterMutation = runTransformersWithContext(
-    configMutator.clone(),
-    [transformer],
-    { mode: 'dev' }
-  );
-  return afterMutation.raw as WebpackConfigWithDevServer;
-}
diff --git a/angular/envs/angular-v14-env/webpack/module-rules.config.ts b/angular/envs/angular-v14-env/webpack/module-rules.config.ts
deleted file mode 100644
index bfdf9b8c..00000000
--- a/angular/envs/angular-v14-env/webpack/module-rules.config.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';
-import * as stylesRegexps from '@teambit/webpack.modules.style-regexps';
-import { merge } from 'lodash-es';
-import { createRequire } from 'node:module';
-// @ts-ignore
-import getLocalIdent from 'react-dev-utils-esm/getCSSModuleLocalIdent.js';
-import RemarkFrontmatter from 'remark-frontmatter';
-import RemarkHTML from 'remark-html';
-import RemarkPrism from 'remark-prism';
-import { RuleSetRule } from 'webpack';
-
-const require = createRequire(import.meta.url);
-
-const postCssConfig = {
-  // Necessary for external CSS imports to work
-  // https://github.com/facebook/create-react-app/issues/2677
-  ident: 'postcss',
-  plugins: [
-    // eslint-disable-next-line global-require
-    require.resolve('postcss-flexbugs-fixes'),
-    // eslint-disable-next-line global-require
-    require('postcss-preset-env')({
-      autoprefixer: {
-        flexbox: 'no-2009',
-      },
-      stage: 3,
-    }),
-    // Adds PostCSS Normalize as the reset css with default options,
-    // so that it honors browserslist config in package.json
-    // which in turn lets users customize the target behavior as per their needs.
-    // require.resolve('postcss-normalize'),
-  ],
-};
-
-const styleLoaderPath = require.resolve('style-loader');
-
-// Source maps are resource heavy and can cause out of memory issue for large source files.
-const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
-
-export function getModuleRulesConfig(isEnvProduction: boolean): RuleSetRule[] {
-  const baseStyleLoadersOptions = {
-    injectingLoader: styleLoaderPath,
-    cssLoaderPath: require.resolve('css-loader'),
-    postCssLoaderPath: require.resolve('postcss-loader'),
-    postCssConfig
-  };
-
-  return [
-    {
-      test: /\.m?js/,
-      resolve: {
-        fullySpecified: false
-      }
-    },
-    {
-      // "oneOf" will traverse all following loaders until one will
-      // match the requirements. When no loader matches it will fall
-      // back to the "file" loader at the end of the loader list.
-      oneOf: [
-        // MDX support
-        {
-          test: /\.md$/,
-          use: [
-            {
-              loader: 'html-loader'
-            },
-            {
-              loader: 'remark-loader',
-              options: {
-                removeFrontMatter: false,
-                remarkOptions: {
-                  plugins: [RemarkPrism, RemarkHTML, RemarkFrontmatter]
-                }
-              }
-            }
-          ]
-        },
-        // "postcss" loader applies autoprefixer to our CSS.
-        // "css" loader resolves paths in CSS and adds assets as dependencies.
-        // "style" loader turns CSS into JS modules that inject <style> tags.
-        // In production, we use MiniCSSExtractPlugin to extract that CSS
-        // to a file, but in development "style" loader enables hot editing
-        // of CSS.
-        // By default we support CSS Modules with the extension .module.css
-        {
-          test: stylesRegexps.cssNoModulesRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-              },
-            })
-          ),
-          // Don't consider CSS imports dead code even if the
-          // containing package claims to have no side effects.
-          // Remove this when webpack adds a warning or an error for this.
-          // See https://github.com/webpack/webpack/issues/6571
-          sideEffects: true,
-        },
-        // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
-        // using the extension .module.css
-        {
-          test: stylesRegexps.cssModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap
-            })
-          )
-        },
-        // Adds support for CSS Modules, but using SASS
-        // using the extension .module.scss or .module.sass
-        {
-          test: stylesRegexps.sassModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 3,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,
-              preProcessOptions: {
-                resolveUrlLoaderPath: require.resolve('resolve-url-loader'),
-                preProcessorPath: require.resolve('sass-loader')
-              }
-            })
-          )
-        }
-      ]
-    }
-  ];
-}
diff --git a/angular/envs/angular-v14-env/webpack/webpack5.build.config.ts b/angular/envs/angular-v14-env/webpack/webpack5.build.config.ts
deleted file mode 100644
index 70372916..00000000
--- a/angular/envs/angular-v14-env/webpack/webpack5.build.config.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { BitDedupeModuleResolvePlugin, WebpackConfig } from '@bitdev/angular.dev-services.webpack';
-import { fallbacks, fallbacksAliases, fallbacksProvidePluginConfig } from '@teambit/webpack';
-import { sep } from 'path';
-import webpack from 'webpack';
-import { getWebpackAngularAliases } from '@bitdev/angular.dev-services.common';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-export function webpack5BuildConfigFactory(
-  entryFiles: string[],
-  outputPath: string,
-  nodeModulesPaths: string[],
-  workspaceDir: string,
-  tempFolder: string,
-  plugins: any[] = [],
-): WebpackConfig {
-  const config = {
-    mode: 'production',
-    // Stop compilation early in production
-    bail: true,
-    // These are the "entry points" to our application.
-    // This means they will be the "root" imports that are included in JS bundle.
-    entry: entryFiles,
-
-    output: {
-      // The build folder.
-      path: `${outputPath}${sep}public`,
-
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-      // webpack uses `publicPath` to determine where the app is being served from.
-      // It requires a trailing slash, or the file assets will get an incorrect path.
-      // We inferred the "public path" (such as / or /my-project) from homepage.
-      publicPath: ``,
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    resolve: {
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: fallbacks
-    },
-
-    module: {
-      rules: getModuleRulesConfig(true),
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      ...plugins
-    ],
-  };
-
-  return config as WebpackConfig;
-}
diff --git a/angular/envs/angular-v14-env/webpack/webpack5.serve.config.ts b/angular/envs/angular-v14-env/webpack/webpack5.serve.config.ts
deleted file mode 100644
index 42b4018c..00000000
--- a/angular/envs/angular-v14-env/webpack/webpack5.serve.config.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-import { getWebpackAngularAliases, normalizePath } from '@bitdev/angular.dev-services.common';
-import {
-  BitDedupeModuleResolvePlugin,
-  StatsLoggerPlugin
-} from '@bitdev/angular.dev-services.webpack';
-import { PubsubMain } from '@teambit/pubsub';
-import {
-  fallbacks,
-  fallbacksAliases,
-  fallbacksProvidePluginConfig,
-  WebpackBitReporterPlugin,
-  WebpackConfigWithDevServer
-} from '@teambit/webpack';
-import { fileURLToPath } from 'node:url';
-import { join, posix, resolve } from 'path';
-// @ts-ignore
-import errorOverlayMiddleware from 'react-dev-utils-esm/errorOverlayMiddleware.js';
-// @ts-ignore
-import evalSourceMapMiddleware from 'react-dev-utils-esm/evalSourceMapMiddleware.js';
-// @ts-ignore
-import getPublicUrlOrPath from 'react-dev-utils-esm/getPublicUrlOrPath.js';
-// @ts-ignore
-import noopServiceWorkerMiddleware from 'react-dev-utils-esm/noopServiceWorkerMiddleware.js';
-// @ts-ignore
-import redirectServedPath from 'react-dev-utils-esm/redirectServedPathMiddleware.js';
-import webpack from 'webpack';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-const publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');
-
-export function webpack5ServeConfigFactory(
-  devServerID: string,
-  workspaceDir: string,
-  entryFiles: string[],
-  publicRoot: string,
-  publicPath: string,
-  pubsub: PubsubMain,
-  nodeModulesPaths: string[],
-  tempFolder: string,
-  plugins: any[] = [],
-  isApp = false,
-): WebpackConfigWithDevServer {
-  const resolveWorkspacePath = (relativePath: string) => resolve(workspaceDir, relativePath);
-
-  // Host
-  const host = process.env.HOST || 'localhost';
-
-  // Required for babel-preset-react-app
-  process.env.NODE_ENV = 'development';
-
-  const publicDirectory = posix.join(publicRoot, publicPath);
-
-  if (isApp) {
-    plugins.push(new StatsLoggerPlugin() as any);
-  }
-
-  const config = {
-    // Environment mode
-    mode: 'development',
-
-    devtool: 'inline-source-map',
-
-    // Entry point of app
-    entry: entryFiles.map((filePath) => resolveWorkspacePath(filePath)),
-
-    output: {
-      // Development filename output
-      filename: 'static/js/[name].bundle.js',
-
-      pathinfo: true,
-
-      path: resolveWorkspacePath(publicDirectory),
-
-      chunkFilename: 'static/js/[name].chunk.js',
-
-      // point sourcemap entries to original disk locations (format as URL on windows)
-      devtoolModuleFilenameTemplate: (info: any) => normalizePath(resolve(info.absoluteResourcePath))
-
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    infrastructureLogging: {
-      level: 'error'
-    },
-
-    stats: 'errors-only',
-
-    // @ts-ignore until types are updated with new options from webpack-dev-server v4
-    devServer: {
-      // support for bit.cloud workspaces
-      allowedHosts: ['.bit.cloud', 'localhost'],
-      static: [
-        {
-          directory: resolveWorkspacePath(publicDirectory),
-          staticOptions: {},
-          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory
-          // Can be:
-          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],
-          publicPath: publicDirectory,
-          // Can be:
-          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)
-          serveIndex: true,
-          // Can be:
-          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)
-          watch: false
-        }
-      ],
-
-      // Enable compression
-      compress: true,
-
-      // Enable hot reloading
-      hot: false,
-
-      liveReload: true,
-
-      host,
-
-      historyApiFallback: {
-        disableDotRule: true,
-        index: resolveWorkspacePath(publicDirectory)
-      },
-
-      client: {
-        webSocketURL: 'ws://0.0.0.0:0/ws',
-        overlay: false
-      },
-
-      webSocketServer: {
-        options: {
-          path: `/_hmr/${devServerID}`
-          // port automatically matches WDS
-        }
-      },
-
-      onBeforeSetupMiddleware(devServer: any) {
-        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
-        // middlewares before `redirectServedPath` otherwise will not have any effect
-        // This lets us fetch source contents from webpack for the error overlay
-        devServer.app.use(evalSourceMapMiddleware(devServer));
-        // This lets us open files from the runtime error overlay.
-        devServer.app.use(errorOverlayMiddleware());
-      },
-
-      onAfterSetupMiddleware(devServer: any) {
-        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
-        devServer.app.use(redirectServedPath(publicUrlOrPath));
-
-        // This service worker file is effectively a 'no-op' that will reset any
-        // previous service worker registered for the same host:port combination.
-        // We do this in development to avoid hitting the production cache if
-        // it used the same host and port.
-        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432
-        devServer.app.use(noopServiceWorkerMiddleware(publicUrlOrPath));
-      },
-
-      devMiddleware: {
-        // Public path is root of content base
-        publicPath: join('/', publicRoot)
-      }
-    },
-
-    resolve: {
-      extensions: ['.ts', '.tsx', '.js', '.mdx', '.md'],
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: { ...fallbacks, events: fileURLToPath(import.meta.resolve('events/')) } as any,
-      modules: nodeModulesPaths
-    },
-
-    module: {
-      rules: getModuleRulesConfig(false)
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      new WebpackBitReporterPlugin({
-        options: { pubsub, devServerID }
-      }),
-      ...plugins
-    ]
-  };
-
-  return config as WebpackConfigWithDevServer;
-}
diff --git a/angular/envs/angular-v15-env/angular-v15-env.bit-env.ts b/angular/envs/angular-v15-env/angular-v15-env.bit-env.ts
deleted file mode 100644
index e85c1bfc..00000000
--- a/angular/envs/angular-v15-env/angular-v15-env.bit-env.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { AngularEnvOptions } from '@bitdev/angular.dev-services.common';
-import { AngularBaseEnv } from '@bitdev/angular.envs.base-env';
-import { NativeCompileCache } from '@teambit/toolbox.performance.v8-cache';
-import { createRequire } from 'node:module';
-import { webpackConfigFactory } from './webpack-config.factory.js';
-
-// Disable v8-caching because it breaks ESM loaders
-NativeCompileCache.uninstall();
-
-const require = createRequire(import.meta.url);
-
-export const ngEnvOptions: AngularEnvOptions = {
-  useAngularElementsPreview: false,
-  // angularElementsModulePath: require.resolve('@angular/elements'),
-  jestConfigPath: require.resolve('./jest/jest.config.cjs'),
-  jestModulePath: require.resolve('jest'),
-  ngPackagrModulePath: import.meta.resolve('ng-packagr'),
-  webpackConfigFactory,
-  webpackDevServerModulePath: require.resolve('webpack-dev-server'),
-  // resolving to the webpack used by angular devkit to avoid multiple instances of webpack
-  // otherwise, if we use a different version, it would break
-  webpackModulePath: require.resolve('webpack', { paths: [require.resolve('@angular-devkit/build-angular')] })
-};
-
-export class AngularV15Env extends AngularBaseEnv {
-  /**
-   * name of the environment. used for friendly mentions across bit.
-   */
-  name = 'Aangular-v15-env';
-
-  angularVersion = 15;
-
-  ngEnvOptions: AngularEnvOptions = ngEnvOptions;
-}
-
-export default new AngularV15Env();
diff --git a/angular/envs/angular-v15-env/angular-v15-env.docs.mdx b/angular/envs/angular-v15-env/angular-v15-env.docs.mdx
deleted file mode 100644
index 84c5630e..00000000
--- a/angular/envs/angular-v15-env/angular-v15-env.docs.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular v15 Env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/angular-v15-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v15-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/angular-v15-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/envs/angular-v15-env/component.json b/angular/envs/angular-v15-env/component.json
deleted file mode 100644
index 2ed17f63..00000000
--- a/angular/envs/angular-v15-env/component.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "envs/angular-v15-env",
-    "version": "6.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@angular-devkit/architect": "~0.1501.6",
-          "@angular-devkit/build-angular": "~15.1.6",
-          "@angular-devkit/build-webpack": "~0.1501.6",
-          "@angular-devkit/core": "~15.1.6",
-          "@angular-devkit/schematics": "~15.1.6",
-          "@angular-eslint/eslint-plugin": "~15.1.0",
-          "@angular-eslint/eslint-plugin-template": "~15.1.0",
-          "@angular-eslint/template-parser": "~15.1.0",
-          "@angular/animations": "~15.1.5",
-          "@angular/cli": "~15.1.5",
-          "@angular/common": "~15.1.5",
-          "@angular/compiler": "~15.1.5",
-          "@angular/compiler-cli": "~15.1.5",
-          "@angular/core": "~15.1.5",
-          "@angular/elements": "~15.1.5",
-          "@angular/platform-browser": "~15.1.5",
-          "@angular/platform-browser-dynamic": "~15.1.5",
-          "@jest/globals": "^29.3.1",
-          "@ngtools/webpack": "~15.1.5",
-          "@types/eslint": "^8.37.0",
-          "@types/jest": "^29.2.4",
-          "@types/react-dev-utils": "~9.0.8",
-          "@types/remark-prism": "~1.3.0",
-          "@typescript-eslint/eslint-plugin": "^5.45.1",
-          "@typescript-eslint/parser": "^5.45.1",
-          "css-loader": "6.2.0",
-          "eslint": "^8.29.0",
-          "events": "^3.2.0",
-          "html-loader": "~2.1.2",
-          "jest": "^29.3.1",
-          "jest-environment-jsdom": "^29.0.3",
-          "jest-environment-node": "^29.0.3",
-          "jest-preset-angular": "~12.2.3",
-          "ng-packagr": "~15.0.1",
-          "postcss": "8.4.18",
-          "postcss-flexbugs-fixes": "5.0.2",
-          "postcss-loader": "7.0.1",
-          "postcss-preset-env": "7.8.2",
-          "remark": "~13.0.0",
-          "remark-loader": "~4.0.0",
-          "resolve-url-loader": "5.0.0",
-          "rxjs": "~7.5.7",
-          "sass-loader": "12.6.0",
-          "style-loader": "^2.0.0",
-          "ts-node": "^10.8.1",
-          "tslib": "^2.4.1",
-          "typescript": "~4.8.2",
-          "webpack": "5.75.0",
-          "webpack-dev-middleware": "6.0.1",
-          "webpack-dev-server": "4.11.1",
-          "zone.js": "~0.14.0"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "envs/v15",
-        "version": "e8523f1af1433d7071c067ed412a96e5ea08755e"
-      }
-    }
-  }
-}
diff --git a/angular/envs/angular-v15-env/env.jsonc b/angular/envs/angular-v15-env/env.jsonc
deleted file mode 100644
index 2112224e..00000000
--- a/angular/envs/angular-v15-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
- {
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.4.1",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^29.2.4",
-        "supportedRange": "^29.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^14.15.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~12.2.3",
-        "supportedRange": "~12.2.3",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^29.3.1",
-        "supportedRange": "~29.3.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.5.7",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.4.1",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.8.2",
-        "supportedRange": ">=4.8.2 <4.9"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/envs/angular-v15-env/index.ts b/angular/envs/angular-v15-env/index.ts
deleted file mode 100644
index 66a9c36c..00000000
--- a/angular/envs/angular-v15-env/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { AngularV15Env, ngEnvOptions } from './angular-v15-env.bit-env.js';
-// @ts-ignore
-export { default as jestConfig } from './jest/jest.config.cjs';
diff --git a/angular/envs/angular-v15-env/jest/jest-global-mocks.ts b/angular/envs/angular-v15-env/jest/jest-global-mocks.ts
deleted file mode 100644
index 3199357e..00000000
--- a/angular/envs/angular-v15-env/jest/jest-global-mocks.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { jest } from '@jest/globals';
-
-Object.defineProperty(window, 'CSS', { value: null });
-
-Object.defineProperty(document, 'doctype', {
-  value: '<!DOCTYPE html>',
-});
-
-Object.defineProperty(window, 'getComputedStyle', {
-  value: () => {
-    return {
-      display: 'none',
-      appearance: ['-webkit-appearance'],
-    };
-  },
-});
-
-/**
- * ISSUE: https://github.com/angular/material2/issues/7101
- * Workaround for JSDOM missing transform property
- */
-Object.defineProperty(document.body.style, 'transform', {
-  value: () => {
-    return {
-      enumerable: true,
-      configurable: true,
-    };
-  },
-});
-
-HTMLCanvasElement.prototype.getContext = <typeof HTMLCanvasElement.prototype.getContext>jest.fn();
diff --git a/angular/envs/angular-v15-env/jest/jest.config.cjs b/angular/envs/angular-v15-env/jest/jest.config.cjs
deleted file mode 100644
index dc60f6fa..00000000
--- a/angular/envs/angular-v15-env/jest/jest.config.cjs
+++ /dev/null
@@ -1,28 +0,0 @@
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  preset: 'jest-preset-angular',
-  globalSetup: 'jest-preset-angular/global-setup',
-  reporters: ['default'],
-  setupFilesAfterEnv: [require.resolve('./setup-jest.cjs')],
-  testPathIgnorePatterns: ['<rootDir>/.*/e2e/'],
-  globals: {
-    ngJest: {
-      skipNgcc: true
-    },
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json')
-    }
-  },
-  resolver: require.resolve('./jest.resolver.cjs'),
-  moduleDirectories: ['<rootDir>/node_modules', 'node_modules'],
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true,
-    }),
-  ],
-};
diff --git a/angular/envs/angular-v15-env/jest/jest.config.d.ts b/angular/envs/angular-v15-env/jest/jest.config.d.ts
deleted file mode 100644
index 52228a47..00000000
--- a/angular/envs/angular-v15-env/jest/jest.config.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Config } from 'jest';
-
-declare const config: Config;
-export default config;
\ No newline at end of file
diff --git a/angular/envs/angular-v15-env/jest/jest.resolver.cjs b/angular/envs/angular-v15-env/jest/jest.resolver.cjs
deleted file mode 100644
index c80190cc..00000000
--- a/angular/envs/angular-v15-env/jest/jest.resolver.cjs
+++ /dev/null
@@ -1,33 +0,0 @@
-module.exports = (path, options) => {
-  // Call the defaultResolver, so we leverage its cache, error handling, etc.
-  return options.defaultResolver(path, {
-    ...options,
-    // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
-    packageFilter: (pkg) => {
-      const pkgNamesToTarget = new Set([
-        'rxjs',
-        '@firebase/auth',
-        '@firebase/storage',
-        '@firebase/functions',
-        '@firebase/database',
-        '@firebase/auth-compat',
-        '@firebase/database-compat',
-        '@firebase/app-compat',
-        '@firebase/firestore',
-        '@firebase/firestore-compat',
-        '@firebase/messaging',
-        '@firebase/util',
-        'firebase',
-      ]);
-
-      if (pkgNamesToTarget.has(pkg.name)) {
-        // eslint-disable-next-line no-param-reassign
-        delete pkg.exports;
-        // eslint-disable-next-line no-param-reassign
-        delete pkg.module;
-      }
-
-      return pkg;
-    },
-  });
-};
diff --git a/angular/envs/angular-v15-env/jest/setup-jest.cjs b/angular/envs/angular-v15-env/jest/setup-jest.cjs
deleted file mode 100644
index 9d8088df..00000000
--- a/angular/envs/angular-v15-env/jest/setup-jest.cjs
+++ /dev/null
@@ -1,42 +0,0 @@
-/* eslint-disable */
-require('zone.js');
-require('zone.js/testing');
-const { getTestBed } = require('@angular/core/testing');
-const {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} = require('@angular/platform-browser-dynamic/testing');
-
-let testEnvironmentOptions = globalThis.ngJest?.testEnvironmentOptions ?? Object.create(null);
-
-const configuredDestroyAfterEach = globalThis.ngJest?.destroyAfterEach;
-if (configuredDestroyAfterEach) {
-  console.warn(
-    'Passing destroyAfterEach for configuring the test environment has been deprecated.' +
-    ' Please pass a `testEnvironmentOptions` object with TestEnvironmentOptions interface instead,' +
-    ' see https://angular.io/api/core/testing/TestEnvironmentOptions'
-  );
-
-  testEnvironmentOptions = {
-    ...testEnvironmentOptions,
-    teardown: {
-      destroyAfterEach: true,
-    },
-  };
-}
-
-const configuredTeardown = globalThis.ngJest?.teardown;
-if (configuredTeardown) {
-  console.warn(
-    'Passing teardown for configuring the test environment has been deprecated.' +
-    ' Please pass a `testEnvironmentOptions` object with TestEnvironmentOptions interface instead,' +
-    ' see https://angular.io/api/core/testing/TestEnvironmentOptions'
-  );
-
-  testEnvironmentOptions = {
-    ...testEnvironmentOptions,
-    teardown: configuredTeardown,
-  };
-}
-
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), testEnvironmentOptions);
diff --git a/angular/envs/angular-v15-env/jest/tsconfig.spec.json b/angular/envs/angular-v15-env/jest/tsconfig.spec.json
deleted file mode 100644
index ded6b39e..00000000
--- a/angular/envs/angular-v15-env/jest/tsconfig.spec.json
+++ /dev/null
@@ -1,5 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/envs/angular-v15-env/webpack-config.factory.ts b/angular/envs/angular-v15-env/webpack-config.factory.ts
deleted file mode 100644
index c51b24a2..00000000
--- a/angular/envs/angular-v15-env/webpack-config.factory.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { OutputHashing } from '@angular-devkit/build-angular';
-import { getSystemPath, normalize, tags } from '@angular-devkit/core';
-import { BundlerSetup, dedupPaths, getLoggerApi } from '@bitdev/angular.dev-services.common';
-import type { BrowserBuilderOptions } from '@bitdev/angular.dev-services.ng-compat';
-import {
-  generateEntryPoints,
-  generateWebpackConfig,
-  getCommonConfig,
-  getDevServerConfig,
-  getIndexOutputFile,
-  getStylesConfig,
-  IndexHtmlWebpackPlugin,
-  normalizeBrowserSchema,
-  normalizeCacheOptions,
-  normalizeOptimization
-} from '@bitdev/angular.dev-services.ng-compat';
-import {
-  WebpackBuildConfigFactoryOpts,
-  WebpackConfig,
-  WebpackConfigFactoryOpts,
-  WebpackServeConfigFactoryOpts
-} from '@bitdev/angular.dev-services.webpack';
-import { BundlerContext, DevServerContext } from '@teambit/bundler';
-import { Logger } from '@teambit/logger';
-import {
-  runTransformersWithContext,
-  WebpackConfigMutator,
-  WebpackConfigTransformer,
-  WebpackConfigWithDevServer
-} from '@teambit/webpack';
-import assert from 'assert';
-import { join, posix, resolve } from 'path';
-import { Configuration } from 'webpack';
-import { webpack5BuildConfigFactory } from './webpack/webpack5.build.config.js';
-import { webpack5ServeConfigFactory } from './webpack/webpack5.serve.config.js';
-
-/**
- * Migrate options from webpack-dev-server 3 to 4
- */
-function migrateConfiguration(webpackConfig: any): WebpackConfigWithDevServer | Configuration {
-  /**
-   * Removed logLevel in favor of built-in logger
-   * see https://webpack.js.org/configuration/other-options/#infrastructurelogginglevel
-   */
-  delete webpackConfig.devServer.logLevel;
-
-  // Removed contentBase in favor of the static option
-  delete webpackConfig.devServer.contentBase;
-
-  // Removed publicPath in favor of the dev option
-  delete webpackConfig.devServer.publicPath;
-
-  // Moved overlay to client option
-  webpackConfig.devServer.client = webpackConfig.devServer.client || {};
-  webpackConfig.devServer.client.overlay = webpackConfig.devServer.overlay;
-  delete webpackConfig.devServer.overlay;
-
-  // Removed in favor of the static option
-  delete webpackConfig.devServer.watchOptions;
-
-  // Moved sockPath to client.webSocketURL.pathname option
-  // We let webpack handle that now
-  delete webpackConfig.devServer.sockPath;
-
-  // Removed stats in favor of the stats options from webpack
-  delete webpackConfig.devServer.stats;
-
-  // Removed in favor client.webSocketURL options
-  delete webpackConfig.devServer.public;
-
-  // Removed watch to avoid "DEP_WEBPACK_WATCH_WITHOUT_CALLBACK" warning
-  delete webpackConfig.watch;
-
-  // Removed in favor of manual setup entries.
-  delete webpackConfig.devServer.injectClient;
-
-  // Cleaning up undefined values
-  Object.keys(webpackConfig.devServer).forEach((option) => {
-    if (typeof webpackConfig.devServer[option] === 'undefined') {
-      delete webpackConfig.devServer[option];
-    }
-  });
-
-  delete webpackConfig.devServer.devMiddleware.publicPath;
-  delete webpackConfig.devServer.webSocketServer;
-  delete webpackConfig.devServer.client;
-
-  return webpackConfig;
-}
-
-async function getWebpackConfig(
-  _context: DevServerContext | BundlerContext,
-  entryFiles: string[],
-  tsconfigPath: string,
-  workspaceRoot: string,
-  logger: Logger,
-  setup: BundlerSetup,
-  angularOptions: Partial<BrowserBuilderOptions> = {},
-  sourceRoot = 'src'
-): Promise<WebpackConfigWithDevServer | WebpackConfig> {
-  assert(!(angularOptions as any).server, "SSR is only available for Angular v16+");
-
-  // Options from angular.json
-  const browserOptions: BrowserBuilderOptions = {
-    ...angularOptions,
-    baseHref: angularOptions.baseHref ?? './',
-    preserveSymlinks: false,
-    outputPath: 'public', // doesn't matter because it will be deleted from the config
-    index: angularOptions.index ?? `./${join(sourceRoot, `index.html`)}`,
-    main: angularOptions.main ?? `./${join(sourceRoot, `main.ts`)}`,
-    polyfills: angularOptions.polyfills,
-    tsConfig: angularOptions.tsConfig ?? tsconfigPath,
-    assets: dedupPaths([posix.join(sourceRoot, `assets/**/*`), ...(angularOptions.assets ?? [])]),
-    styles: dedupPaths([posix.join(sourceRoot, `styles.${ angularOptions.inlineStyleLanguage ?? 'scss' }`), ...(angularOptions.styles ?? [])]),
-    scripts: angularOptions.scripts,
-    vendorChunk: angularOptions.vendorChunk ?? true,
-    namedChunks: angularOptions.namedChunks ?? true,
-    optimization: angularOptions.optimization ?? setup === BundlerSetup.Build,
-    buildOptimizer: angularOptions.buildOptimizer ?? setup === BundlerSetup.Build,
-    aot: angularOptions.aot ?? true,
-    deleteOutputPath: angularOptions.deleteOutputPath ?? true,
-    sourceMap: angularOptions.sourceMap ?? true,
-    outputHashing: angularOptions.outputHashing ?? (setup === BundlerSetup.Build ? OutputHashing.All : OutputHashing.None),
-    watch: setup === BundlerSetup.Serve,
-    allowedCommonJsDependencies: ['dompurify', '@teambit/harmony', '@teambit/preview', 'graphql', '@teambit/documenter.ng.content.copy-box', ...(angularOptions.allowedCommonJsDependencies || [])]
-  };
-
-  const normalizedWorkspaceRoot = normalize(workspaceRoot);
-  // used to load component config files, such as tailwind config, ...
-  const projectRoot = normalize(workspaceRoot);
-  const normalizedSourceRoot = normalize(sourceRoot);
-  const loggerApi = getLoggerApi(logger);
-
-  const normalizedOptions = normalizeBrowserSchema(
-    normalizedWorkspaceRoot,
-    projectRoot,
-    normalizedSourceRoot,
-    {
-      ...browserOptions,
-    },
-    {
-      cli: {
-        cache: {
-          // disable webpack cache for now because it seems to cause an infinite loop
-          // TODO(ocombe): investigate this, maybe change the path?
-          enabled: false
-        }
-      }
-    },
-    loggerApi
-  );
-
-  let webpackConfig: any = await generateWebpackConfig(
-    getSystemPath(normalizedWorkspaceRoot),
-    getSystemPath(projectRoot),
-    getSystemPath(normalizedSourceRoot),
-    'bit-angular-v15-env', // projectName
-    normalizedOptions,
-    (wco: any) => [
-      setup === BundlerSetup.Serve ? getDevServerConfig(wco) : {},
-      getCommonConfig(wco),
-      getStylesConfig(wco)
-    ],
-    loggerApi,
-    {}
-  );
-
-  // @ts-ignore
-  if (angularOptions.hmr) {
-    logger.warn(tags.stripIndents`NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
-      See https://webpack.js.org/guides/hot-module-replacement for information on working with HMR for Webpack.`);
-  }
-
-  // Add bit generated files to the list of entries
-  webpackConfig.entry.main.unshift(...entryFiles);
-  // webpackConfig.entry.main = entryFiles;
-
-  const { scripts = [], styles = [] } = browserOptions;
-  const entrypoints = generateEntryPoints({ scripts, styles });
-  const normalizedIndex = normalize(browserOptions.index as string);
-  const normalizedOptimization = normalizeOptimization(browserOptions.optimization);
-  if (!webpackConfig.plugins) {
-    webpackConfig.plugins = [];
-  }
-  const cacheOptions = normalizeCacheOptions({}, workspaceRoot);
-  webpackConfig.plugins.push(
-    new IndexHtmlWebpackPlugin({
-      indexPath: resolve(workspaceRoot, browserOptions.index as string),
-      outputPath: getIndexOutputFile(normalizedIndex),
-      baseHref: browserOptions.baseHref || '/',
-      entrypoints,
-      deployUrl: browserOptions.deployUrl,
-      sri: browserOptions.subresourceIntegrity,
-      cache: cacheOptions,
-      postTransform: undefined, // IndexHtmlTransform
-      optimization: normalizedOptimization,
-      crossOrigin: browserOptions.crossOrigin,
-      lang: 'en-US' // TODO(ocombe) support locale
-    })
-  );
-
-  // don't use the output path from angular
-  delete webpackConfig?.output?.path;
-  delete webpackConfig?.resolve?.modules;
-  webpackConfig.stats = 'errors-only';
-  // uniqueName should not be an empty string
-  webpackConfig.output.uniqueName = 'angular-v15-env';
-
-  if (setup === BundlerSetup.Serve) {
-    webpackConfig = migrateConfiguration(webpackConfig);
-  }
-
-  return webpackConfig;
-}
-
-export async function webpackConfigFactory(opts: WebpackConfigFactoryOpts & WebpackServeConfigFactoryOpts & WebpackBuildConfigFactoryOpts): Promise<WebpackConfigWithDevServer> {
-  const baseConfig = await getWebpackConfig(
-    opts.context,
-    opts.entryFiles,
-    opts.tsConfigPath,
-    opts.rootPath,
-    opts.logger,
-    opts.setup,
-    opts.angularOptions,
-    opts.sourceRoot
-  ) as WebpackConfigWithDevServer;
-
-  let overwriteConfig: WebpackConfigWithDevServer;
-  if (opts.setup === BundlerSetup.Serve) {
-    overwriteConfig = webpack5ServeConfigFactory(
-      opts.devServerID,
-      opts.workspaceDir,
-      opts.entryFiles,
-      opts.publicRoot,
-      opts.publicPath,
-      opts.pubsub,
-      opts.nodeModulesPaths,
-      opts.tempFolder,
-      opts.plugins,
-      opts.isApp,
-    );
-  } else {
-    overwriteConfig = webpack5BuildConfigFactory(
-      opts.entryFiles,
-      opts.outputPath,
-      opts.nodeModulesPaths,
-      opts.workspaceDir,
-      opts.tempFolder,
-      opts.plugins,
-    ) as WebpackConfigWithDevServer;
-  }
-
-  const transformer: WebpackConfigTransformer = configMutator => configMutator.merge([baseConfig]);
-  const configMutator = new WebpackConfigMutator(overwriteConfig);
-  const afterMutation = runTransformersWithContext(
-    configMutator.clone(),
-    [transformer],
-    { mode: 'dev' }
-  );
-  return afterMutation.raw as WebpackConfigWithDevServer;
-}
diff --git a/angular/envs/angular-v15-env/webpack/module-rules.config.ts b/angular/envs/angular-v15-env/webpack/module-rules.config.ts
deleted file mode 100644
index bfdf9b8c..00000000
--- a/angular/envs/angular-v15-env/webpack/module-rules.config.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';
-import * as stylesRegexps from '@teambit/webpack.modules.style-regexps';
-import { merge } from 'lodash-es';
-import { createRequire } from 'node:module';
-// @ts-ignore
-import getLocalIdent from 'react-dev-utils-esm/getCSSModuleLocalIdent.js';
-import RemarkFrontmatter from 'remark-frontmatter';
-import RemarkHTML from 'remark-html';
-import RemarkPrism from 'remark-prism';
-import { RuleSetRule } from 'webpack';
-
-const require = createRequire(import.meta.url);
-
-const postCssConfig = {
-  // Necessary for external CSS imports to work
-  // https://github.com/facebook/create-react-app/issues/2677
-  ident: 'postcss',
-  plugins: [
-    // eslint-disable-next-line global-require
-    require.resolve('postcss-flexbugs-fixes'),
-    // eslint-disable-next-line global-require
-    require('postcss-preset-env')({
-      autoprefixer: {
-        flexbox: 'no-2009',
-      },
-      stage: 3,
-    }),
-    // Adds PostCSS Normalize as the reset css with default options,
-    // so that it honors browserslist config in package.json
-    // which in turn lets users customize the target behavior as per their needs.
-    // require.resolve('postcss-normalize'),
-  ],
-};
-
-const styleLoaderPath = require.resolve('style-loader');
-
-// Source maps are resource heavy and can cause out of memory issue for large source files.
-const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
-
-export function getModuleRulesConfig(isEnvProduction: boolean): RuleSetRule[] {
-  const baseStyleLoadersOptions = {
-    injectingLoader: styleLoaderPath,
-    cssLoaderPath: require.resolve('css-loader'),
-    postCssLoaderPath: require.resolve('postcss-loader'),
-    postCssConfig
-  };
-
-  return [
-    {
-      test: /\.m?js/,
-      resolve: {
-        fullySpecified: false
-      }
-    },
-    {
-      // "oneOf" will traverse all following loaders until one will
-      // match the requirements. When no loader matches it will fall
-      // back to the "file" loader at the end of the loader list.
-      oneOf: [
-        // MDX support
-        {
-          test: /\.md$/,
-          use: [
-            {
-              loader: 'html-loader'
-            },
-            {
-              loader: 'remark-loader',
-              options: {
-                removeFrontMatter: false,
-                remarkOptions: {
-                  plugins: [RemarkPrism, RemarkHTML, RemarkFrontmatter]
-                }
-              }
-            }
-          ]
-        },
-        // "postcss" loader applies autoprefixer to our CSS.
-        // "css" loader resolves paths in CSS and adds assets as dependencies.
-        // "style" loader turns CSS into JS modules that inject <style> tags.
-        // In production, we use MiniCSSExtractPlugin to extract that CSS
-        // to a file, but in development "style" loader enables hot editing
-        // of CSS.
-        // By default we support CSS Modules with the extension .module.css
-        {
-          test: stylesRegexps.cssNoModulesRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-              },
-            })
-          ),
-          // Don't consider CSS imports dead code even if the
-          // containing package claims to have no side effects.
-          // Remove this when webpack adds a warning or an error for this.
-          // See https://github.com/webpack/webpack/issues/6571
-          sideEffects: true,
-        },
-        // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
-        // using the extension .module.css
-        {
-          test: stylesRegexps.cssModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 1,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap
-            })
-          )
-        },
-        // Adds support for CSS Modules, but using SASS
-        // using the extension .module.scss or .module.sass
-        {
-          test: stylesRegexps.sassModuleRegex,
-          use: generateStyleLoaders(
-            merge({}, baseStyleLoadersOptions, {
-              cssLoaderOpts: {
-                importLoaders: 3,
-                sourceMap: isEnvProduction || shouldUseSourceMap,
-                modules: {
-                  getLocalIdent
-                }
-              },
-              shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,
-              preProcessOptions: {
-                resolveUrlLoaderPath: require.resolve('resolve-url-loader'),
-                preProcessorPath: require.resolve('sass-loader')
-              }
-            })
-          )
-        }
-      ]
-    }
-  ];
-}
diff --git a/angular/envs/angular-v15-env/webpack/webpack5.build.config.ts b/angular/envs/angular-v15-env/webpack/webpack5.build.config.ts
deleted file mode 100644
index 3f1e7ac8..00000000
--- a/angular/envs/angular-v15-env/webpack/webpack5.build.config.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { BitDedupeModuleResolvePlugin, WebpackConfig } from '@bitdev/angular.dev-services.webpack';
-import { fallbacks, fallbacksAliases, fallbacksProvidePluginConfig } from '@teambit/webpack';
-import { sep } from 'path';
-import webpack from 'webpack';
-import { getWebpackAngularAliases } from '@bitdev/angular.dev-services.common';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-export function webpack5BuildConfigFactory(
-  entryFiles: string[],
-  outputPath: string,
-  nodeModulesPaths: string[],
-  workspaceDir: string,
-  tempFolder: string,
-  plugins: any[] = [],
-): WebpackConfig {
-  const config = {
-    mode: 'production',
-    // Stop compilation early in production
-    bail: true,
-    // These are the "entry points" to our application.
-    // This means they will be the "root" imports that are included in JS bundle.
-    entry: entryFiles,
-
-    output: {
-      // The build folder.
-      path: `${outputPath}${sep}public`,
-
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-      // webpack uses `publicPath` to determine where the app is being served from.
-      // It requires a trailing slash, or the file assets will get an incorrect path.
-      // We inferred the "public path" (such as / or /my-project) from homepage.
-      publicPath: ``,
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    resolve: {
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: fallbacks
-    },
-
-    module: {
-      rules: getModuleRulesConfig(true)
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      ...plugins
-    ],
-  };
-
-  return config as WebpackConfig;
-}
diff --git a/angular/envs/angular-v15-env/webpack/webpack5.serve.config.ts b/angular/envs/angular-v15-env/webpack/webpack5.serve.config.ts
deleted file mode 100644
index fa61a92a..00000000
--- a/angular/envs/angular-v15-env/webpack/webpack5.serve.config.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { getWebpackAngularAliases, normalizePath } from '@bitdev/angular.dev-services.common';
-import {
-  BitDedupeModuleResolvePlugin,
-  StatsLoggerPlugin
-} from '@bitdev/angular.dev-services.webpack';
-import { PubsubMain } from '@teambit/pubsub';
-import {
-  fallbacks,
-  fallbacksAliases,
-  fallbacksProvidePluginConfig,
-  WebpackBitReporterPlugin,
-  WebpackConfigWithDevServer
-} from '@teambit/webpack';
-import { fileURLToPath } from 'node:url';
-import { join, posix, resolve } from 'path';
-// @ts-ignore
-import errorOverlayMiddleware from 'react-dev-utils-esm/errorOverlayMiddleware.js';
-// @ts-ignore
-import evalSourceMapMiddleware from 'react-dev-utils-esm/evalSourceMapMiddleware.js';
-// @ts-ignore
-import getPublicUrlOrPath from 'react-dev-utils-esm/getPublicUrlOrPath.js';
-// @ts-ignore
-import noopServiceWorkerMiddleware from 'react-dev-utils-esm/noopServiceWorkerMiddleware.js';
-// @ts-ignore
-import redirectServedPath from 'react-dev-utils-esm/redirectServedPathMiddleware.js';
-import webpack from 'webpack';
-import { getModuleRulesConfig } from './module-rules.config.js';
-
-const publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');
-
-export function webpack5ServeConfigFactory(
-  devServerID: string,
-  workspaceDir: string,
-  entryFiles: string[],
-  publicRoot: string,
-  publicPath: string,
-  pubsub: PubsubMain,
-  nodeModulesPaths: string[],
-  tempFolder: string,
-  plugins: any[] = [],
-  isApp = false,
-): WebpackConfigWithDevServer {
-  const resolveWorkspacePath = (relativePath: string) => resolve(workspaceDir, relativePath);
-
-  // Host
-  const host = process.env.HOST || 'localhost';
-
-  // Required for babel-preset-react-app
-  process.env.NODE_ENV = 'development';
-
-  const publicDirectory = posix.join(publicRoot, publicPath);
-
-  if (isApp) {
-    plugins.push(new StatsLoggerPlugin() as any);
-  }
-
-  const config = {
-    // Environment mode
-    mode: 'development',
-
-    devtool: 'inline-source-map',
-
-    // Entry point of app
-    entry: entryFiles.map((filePath) => resolveWorkspacePath(filePath)),
-
-    output: {
-      // Development filename output
-      filename: 'static/js/[name].bundle.js',
-
-      pathinfo: true,
-
-      path: resolveWorkspacePath(publicDirectory),
-
-      chunkFilename: 'static/js/[name].chunk.js',
-
-      // point sourcemap entries to original disk locations (format as URL on windows)
-      devtoolModuleFilenameTemplate: (info: any) => normalizePath(resolve(info.absoluteResourcePath))
-
-      // this defaults to 'window', but by setting it to 'this' then
-      // module chunks which are built will work in web workers as well.
-      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
-      // globalObject: 'this',
-    },
-
-    infrastructureLogging: {
-      level: 'error'
-    },
-
-    stats: 'errors-only',
-
-    // @ts-ignore until types are updated with new options from webpack-dev-server v4
-    devServer: {
-      // support for bit.cloud workspaces
-      allowedHosts: ['.bit.cloud', 'localhost'],
-      static: [
-        {
-          directory: resolveWorkspacePath(publicDirectory),
-          staticOptions: {},
-          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory
-          // Can be:
-          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],
-          publicPath: publicDirectory,
-          // Can be:
-          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)
-          serveIndex: true,
-          // Can be:
-          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)
-          watch: false
-        }
-      ],
-
-      // Enable compression
-      compress: true,
-
-      // Enable hot reloading
-      hot: false,
-
-      liveReload: true,
-
-      host,
-
-      historyApiFallback: {
-        disableDotRule: true,
-        index: resolveWorkspacePath(publicDirectory)
-      },
-
-      client: {
-        webSocketURL: 'ws://0.0.0.0:0/ws',
-        overlay: false
-      },
-
-      webSocketServer: {
-        options: {
-          path: `/_hmr/${devServerID}`
-          // port automatically matches WDS
-        }
-      },
-
-      setupMiddlewares(middlewares: any, devServer: any) {
-        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
-        // middlewares before `redirectServedPath` otherwise will not have any effect
-        // This lets us fetch source contents from webpack for the error overlay
-        middlewares.unshift(evalSourceMapMiddleware(devServer));
-        // This lets us open files from the runtime error overlay.
-        middlewares.unshift(errorOverlayMiddleware());
-
-        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
-        middlewares.push(redirectServedPath(publicUrlOrPath));
-        // This service worker file is effectively a 'no-op' that will reset any
-        // previous service worker registered for the same host:port combination.
-        // We do this in development to avoid hitting the production cache if
-        // it used the same host and port.
-        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432
-        middlewares.push(noopServiceWorkerMiddleware(publicUrlOrPath));
-
-        return middlewares;
-      },
-
-      devMiddleware: {
-        // Public path is root of content base
-        publicPath: join('/', publicRoot)
-      }
-    },
-
-    resolve: {
-      extensions: ['.ts', '.tsx', '.js', '.mdx', '.md'],
-      alias: {
-        ...fallbacksAliases,
-        ...getWebpackAngularAliases(nodeModulesPaths)
-      },
-      fallback: { ...fallbacks, events: fileURLToPath(import.meta.resolve('events/')) } as any,
-      modules: nodeModulesPaths
-    },
-
-    module: {
-      rules: getModuleRulesConfig(false)
-    },
-
-    plugins: [
-      new BitDedupeModuleResolvePlugin(nodeModulesPaths, workspaceDir, tempFolder),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-      new WebpackBitReporterPlugin({
-        options: { pubsub, devServerID }
-      }),
-      ...plugins
-    ]
-  };
-
-  return config as WebpackConfigWithDevServer;
-}
diff --git a/angular/envs/angular-v16-env/component.json b/angular/envs/angular-v16-env/component.json
index ae490f95..70c1984e 100644
--- a/angular/envs/angular-v16-env/component.json
+++ b/angular/envs/angular-v16-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "envs/angular-v16-env",
-    "version": "7.0.0"
+    "version": "7.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/envs/angular-v16-env/env.jsonc b/angular/envs/angular-v16-env/env.jsonc
index 1b9bfc5f..ab1e5f9e 100644
--- a/angular/envs/angular-v16-env/env.jsonc
+++ b/angular/envs/angular-v16-env/env.jsonc
@@ -90,6 +90,11 @@
         "version": "^16.2.0",
         "supportedRange": "^16.2.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/envs/angular-v17-env/component.json b/angular/envs/angular-v17-env/component.json
index 900ee4f6..8be176fc 100644
--- a/angular/envs/angular-v17-env/component.json
+++ b/angular/envs/angular-v17-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "envs/angular-v17-env",
-    "version": "6.0.0"
+    "version": "6.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/envs/angular-v17-env/env.jsonc b/angular/envs/angular-v17-env/env.jsonc
index cae1bd40..704692e3 100644
--- a/angular/envs/angular-v17-env/env.jsonc
+++ b/angular/envs/angular-v17-env/env.jsonc
@@ -90,6 +90,11 @@
         "version": "^17.0.0",
         "supportedRange": "^17.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/envs/angular-v18-env/component.json b/angular/envs/angular-v18-env/component.json
index f8c803d8..2db849b4 100644
--- a/angular/envs/angular-v18-env/component.json
+++ b/angular/envs/angular-v18-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "envs/angular-v18-env",
-    "version": "2.0.0"
+    "version": "2.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/envs/angular-v18-env/env.jsonc b/angular/envs/angular-v18-env/env.jsonc
index 25d7a389..074e9052 100644
--- a/angular/envs/angular-v18-env/env.jsonc
+++ b/angular/envs/angular-v18-env/env.jsonc
@@ -95,6 +95,11 @@
         "version": "^18.0.0",
         "supportedRange": "^18.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/envs/angular-v19-env/component.json b/angular/envs/angular-v19-env/component.json
index 0645684a..af32e418 100644
--- a/angular/envs/angular-v19-env/component.json
+++ b/angular/envs/angular-v19-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "envs/angular-v19-env",
-    "version": "1.0.1"
+    "version": "1.1.0"
   },
   "propagate": false,
   "extensions": {
@@ -44,7 +44,7 @@
           "jest": "^29.5.0",
           "jest-environment-jsdom": "^29.0.3",
           "jest-environment-node": "^29.0.3",
-          "jest-preset-angular": "~14.3.0",
+          "jest-preset-angular": "~14.4.0",
           "ng-packagr": "^19.0.0",
           "postcss": "8.4.47",
           "postcss-loader": "8.1.1",
diff --git a/angular/envs/angular-v19-env/env.jsonc b/angular/envs/angular-v19-env/env.jsonc
index 4fd5c7e1..d413aee8 100644
--- a/angular/envs/angular-v19-env/env.jsonc
+++ b/angular/envs/angular-v19-env/env.jsonc
@@ -18,6 +18,12 @@
       * as a direct component dependencies. they are used for component development only.
       **/
     "dev": [
+      {
+        "name": "@types/express",
+        "version": "^4.16.0",
+        "hidden": true,
+        "force": true
+      },
       {
         "name": "@types/jest",
         "version": "^29.5.0",
@@ -31,16 +37,10 @@
         "hidden": true,
         "force": true
       },
-      {
-        "name": "@types/express",
-        "version": "^4.16.0",
-        "hidden": true,
-        "force": true
-      },
       {
         "name": "jest-preset-angular",
-        "version": "~14.3.0",
-        "supportedRange": "~14.3.0",
+        "version": "~14.4.0",
+        "supportedRange": "~14.4.0",
         "hidden": true,
         "force": true
       }
@@ -106,6 +106,11 @@
         "version": "^19.0.0",
         "supportedRange": "^19.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "express",
         "version": "~4.21.1",
diff --git a/angular/envs/angular-v19-env/jest/jest.config.cjs b/angular/envs/angular-v19-env/jest/jest.config.cjs
index 2d0d684e..356711a0 100644
--- a/angular/envs/angular-v19-env/jest/jest.config.cjs
+++ b/angular/envs/angular-v19-env/jest/jest.config.cjs
@@ -1,12 +1,15 @@
 const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-const { defaultTransformerOptions } = require('jest-preset-angular/presets');
+const { createCjsPreset } = require('jest-preset-angular/presets');
 
 const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
+const presetConfig = createCjsPreset({
+  tsconfig: require.resolve('./tsconfig.spec.json')
+});
 
 module.exports = {
-  preset: 'jest-preset-angular',
+  ...presetConfig,
   reporters: ['default'],
-  setupFilesAfterEnv: [require.resolve('jest-preset-angular/setup-jest')],
+  setupFilesAfterEnv: [require.resolve('./setup-jest.cjs')],
   testPathIgnorePatterns: ['<rootDir>/.*/e2e/'],
   globals: {
     ngJest: {
@@ -15,15 +18,6 @@ module.exports = {
   },
   resolver: require.resolve('./jest.resolver.cjs'),
   moduleDirectories: ['<rootDir>/node_modules', 'node_modules'],
-  transform: {
-    '^.+\\.(ts|js|mjs|html|svg)$': [
-      'jest-preset-angular',
-      {
-        ...defaultTransformerOptions,
-        tsconfig: require.resolve('./tsconfig.spec.json')
-      }
-    ]
-  },
   transformIgnorePatterns: [
     '^.+.module.(css|sass|scss)$',
     generateNodeModulesPattern({
diff --git a/angular/envs/angular-v19-env/jest/setup-jest.cjs b/angular/envs/angular-v19-env/jest/setup-jest.cjs
new file mode 100644
index 00000000..a3fc866b
--- /dev/null
+++ b/angular/envs/angular-v19-env/jest/setup-jest.cjs
@@ -0,0 +1,3 @@
+const { setupZoneTestEnv } = require('jest-preset-angular/setup-env/zone');
+
+setupZoneTestEnv();
diff --git a/angular/envs/base-env/component.json b/angular/envs/base-env/component.json
index df16f53e..ba9efa83 100644
--- a/angular/envs/base-env/component.json
+++ b/angular/envs/base-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "envs/base-env",
-    "version": "7.0.0"
+    "version": "7.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/examples/my-angular-env/component.json b/angular/examples/my-angular-env/component.json
index 216ee17f..4ef9c801 100644
--- a/angular/examples/my-angular-env/component.json
+++ b/angular/examples/my-angular-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "examples/my-angular-env",
-    "version": "7.0.3"
+    "version": "7.1.0"
   },
   "propagate": false,
   "extensions": {
@@ -14,7 +14,7 @@
           "@types/eslint": "^8.40.0",
           "@types/jest": "^29.5.0",
           "jest": "^29.5.0",
-          "jest-preset-angular": "~14.1.0"
+          "jest-preset-angular": "~14.4.0"
         }
       }
     },
diff --git a/angular/examples/my-angular-env/config/jest.config.cjs b/angular/examples/my-angular-env/config/jest.config.cjs
index e7adf7a8..458d458c 100644
--- a/angular/examples/my-angular-env/config/jest.config.cjs
+++ b/angular/examples/my-angular-env/config/jest.config.cjs
@@ -3,20 +3,16 @@
  */
 const jestConfig = require('@bitdev/angular.angular-env/jest/jest.config.cjs');
 const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-const { defaultTransformerOptions } = require('jest-preset-angular/presets');
+const { createCjsPreset } = require('jest-preset-angular/presets');
 
 const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
+const presetConfig = createCjsPreset({
+  tsconfig: require.resolve('./tsconfig.spec.json')
+});
+
 module.exports = {
   ...jestConfig,
-  transform: {
-    '^.+\\.(ts|js|mjs|html|svg)$': [
-      'jest-preset-angular',
-      {
-        ...defaultTransformerOptions,
-        tsconfig: require.resolve('./tsconfig.spec.json')
-      }
-    ]
-  },
+  ...presetConfig,
   transformIgnorePatterns: [
     '^.+.module.(css|sass|scss)$',
     generateNodeModulesPattern({
diff --git a/angular/examples/my-angular-env/env.jsonc b/angular/examples/my-angular-env/env.jsonc
index 26f35df2..d345a517 100644
--- a/angular/examples/my-angular-env/env.jsonc
+++ b/angular/examples/my-angular-env/env.jsonc
@@ -39,8 +39,8 @@
       },
       {
         "name": "jest-preset-angular",
-        "version": "~14.1.0",
-        "supportedRange": "~14.1.0",
+        "version": "~14.4.0",
+        "supportedRange": "~14.4.0",
         "hidden": true,
         "force": true
       }
@@ -84,27 +84,32 @@
       {
         "name": "@angular/platform-browser",
         "version": "^19.0.0",
-        "supportedRange": "^19.0.0"
+        "supportedRange": "19.0.0"
       },
       {
         "name": "@angular/platform-browser-dynamic",
-        "version": "^19.0.0-rc.1",
-        "supportedRange": "^19.0.0-rc.1"
+        "version": "^19.0.0",
+        "supportedRange": "^19.0.0"
       },
       {
         "name": "@angular/platform-server",
-        "version": "^19.0.0-rc.1",
-        "supportedRange": "^19.0.0-rc.1"
+        "version": "^19.0.0",
+        "supportedRange": "^19.0.0"
       },
       {
         "name": "@angular/router",
-        "version": "^19.0.0-rc.1",
-        "supportedRange": "^19.0.0-rc.1"
+        "version": "^19.0.0",
+        "supportedRange": "^19.0.0"
       },
       {
         "name": "@angular/ssr",
-        "version": "^19.0.0-rc.1",
-        "supportedRange": "^19.0.0-rc.1"
+        "version": "^19.0.0",
+        "supportedRange": "^19.0.0"
+      },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
       },
       {
         "name": "express",
diff --git a/angular/examples/my-angular-v13-env/component.json b/angular/examples/my-angular-v13-env/component.json
deleted file mode 100644
index fb497a16..00000000
--- a/angular/examples/my-angular-v13-env/component.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "examples/my-angular-v13-env",
-    "version": "5.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@bitdev/angular.dev-services.linter.eslint": ">= 1.0.0",
-          "@types/jest": "^27.0.3",
-          "jest": "^27.4.4",
-          "jest-preset-angular": "~11.0.1"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "examples/angular-v13-env",
-        "version": "1.0.1"
-      }
-    }
-  }
-}
diff --git a/angular/examples/my-angular-v13-env/config/eslintrc.cjs b/angular/examples/my-angular-v13-env/config/eslintrc.cjs
deleted file mode 100644
index 68b9519b..00000000
--- a/angular/examples/my-angular-v13-env/config/eslintrc.cjs
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/eslint/eslint-config
- */
-module.exports = {
-  extends: [require.resolve('@bitdev/angular.dev-services.linter.eslint')],
-  rules: {},
-};
diff --git a/angular/examples/my-angular-v13-env/config/jest.config.cjs b/angular/examples/my-angular-v13-env/config/jest.config.cjs
deleted file mode 100644
index d19a0e08..00000000
--- a/angular/examples/my-angular-v13-env/config/jest.config.cjs
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * @see https://bit.dev/reference/jest/jest-config
- */
-const jestConfig = require('@bitdev/angular.envs.angular-v13-env/jest/jest.config.cjs');
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  ...jestConfig,
-  globals: {
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json'),
-    },
-  },
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true
-    })
-  ]
-};
diff --git a/angular/examples/my-angular-v13-env/config/prettier.config.cjs b/angular/examples/my-angular-v13-env/config/prettier.config.cjs
deleted file mode 100644
index 121d0d4e..00000000
--- a/angular/examples/my-angular-v13-env/config/prettier.config.cjs
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @see https://bit.dev/reference/prettier/prettier-config
- */
-const prettierConfig = require('@bitdev/angular.envs.base-env/config/prettier.config.cjs');
-
-module.exports = {
-  ...prettierConfig,
-};
diff --git a/angular/examples/my-angular-v13-env/config/tsconfig.json b/angular/examples/my-angular-v13-env/config/tsconfig.json
deleted file mode 100644
index e32c1f2e..00000000
--- a/angular/examples/my-angular-v13-env/config/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/typescript/typescript-config
- */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*", "**/*.json"]
-}
diff --git a/angular/examples/my-angular-v13-env/config/tsconfig.spec.json b/angular/examples/my-angular-v13-env/config/tsconfig.spec.json
deleted file mode 100644
index 85489764..00000000
--- a/angular/examples/my-angular-v13-env/config/tsconfig.spec.json
+++ /dev/null
@@ -1,6 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-/* This config is used for bit test */
-{
-  "extends": "./tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/examples/my-angular-v13-env/env.jsonc b/angular/examples/my-angular-v13-env/env.jsonc
deleted file mode 100644
index ab18e638..00000000
--- a/angular/examples/my-angular-v13-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
-{
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^27.0.3",
-        "supportedRange": "^27.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^12.11.1",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~11.0.1",
-        "supportedRange": "~11.0.1",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~13.2.0",
-        "supportedRange": "^13.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^27.4.4",
-        "supportedRange": "^27.4.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.4.0",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.5.2",
-        "supportedRange": ">=4.4.4 <4.6.0"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/examples/my-angular-v13-env/index.ts b/angular/examples/my-angular-v13-env/index.ts
deleted file mode 100644
index faafc2f8..00000000
--- a/angular/examples/my-angular-v13-env/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { MyAngularV13Env, MyAngularV13Env as default } from './my-angular-v13-env.bit-env.js';
diff --git a/angular/examples/my-angular-v13-env/my-angular-v13-env.bit-env.ts b/angular/examples/my-angular-v13-env/my-angular-v13-env.bit-env.ts
deleted file mode 100644
index 6cff137f..00000000
--- a/angular/examples/my-angular-v13-env/my-angular-v13-env.bit-env.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import {
-  NgMultiCompiler,
-  NgMultiCompilerTask
-} from '@bitdev/angular.dev-services.compiler.multi-compiler';
-import { AngularPreview } from '@bitdev/angular.dev-services.preview.preview';
-import { AngularV13Env } from '@bitdev/angular.envs.angular-v13-env';
-import { Pipeline } from '@teambit/builder';
-import { Compiler } from '@teambit/compiler';
-import { EslintConfigWriter, ESLintLinter, EslintTask } from '@teambit/defender.eslint-linter';
-import { JestTask, JestTester } from '@teambit/defender.jest-tester';
-import { PrettierConfigWriter, PrettierFormatter } from '@teambit/defender.prettier-formatter';
-import { EnvHandler } from '@teambit/envs';
-import { Linter } from '@teambit/linter';
-import { Preview } from '@teambit/preview';
-import { Tester } from '@teambit/tester';
-import { TypescriptConfigWriter } from '@teambit/typescript.typescript-compiler';
-import { ConfigWriterList } from '@teambit/workspace-config-files';
-import { ESLint as ESLintLib } from 'eslint';
-import { createRequire } from 'node:module';
-import hostDependencies from './preview/host-dependencies.js';
-
-let ngMultiCompiler: EnvHandler<NgMultiCompiler> | undefined;
-
-const require = createRequire(import.meta.url);
-
-export class MyAngularV13Env extends AngularV13Env {
-  // Name of the environment, used for friendly mentions across bit
-  name = 'my-angular-v13-env';
-
-  getTesterConfig() {
-    return {
-      jest: require.resolve('jest'),
-      config: require.resolve('./config/jest.config.cjs')
-    };
-  }
-
-  /**
-   * Returns a tester to use during development
-   * Required for `bit start` & `bit test`
-   */
-  override tester(): EnvHandler<Tester> {
-    /**
-     * @see https://bit.dev/reference/jest/using-jest
-     * */
-    return JestTester.from(this.getTesterConfig());
-  }
-
-  getLinterConfig() {
-    return {
-      tsconfig: require.resolve('./config/tsconfig.json'),
-      eslint: ESLintLib,
-      configPath: require.resolve('./config/eslintrc.cjs'),
-      // resolve all plugins from the angular environment.
-      pluginsPath: import.meta.dirname,
-      extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs']
-    };
-  }
-
-  /**
-   * Returns an instance of the compiler
-   * Required for making and reading dists, especially for `bit compile`
-   */
-  compiler(): EnvHandler<Compiler> {
-    if (!ngMultiCompiler) {
-      ngMultiCompiler = NgMultiCompiler.from({
-        ngEnvOptions: this.getNgEnvOptions(),
-        tsconfigPath: require.resolve('./config/tsconfig.json'),
-      });
-    }
-    return ngMultiCompiler!;
-  }
-
-  /**
-   * The linter to use during development.
-   * Config files would be used to validate coding standards in components.
-   * bit will write the minimum required files in any workspace to optimize
-   * for dev experience.
-   */
-  override linter(): EnvHandler<Linter> {
-    return ESLintLinter.from(this.getLinterConfig());
-  }
-
-  /**
-   * The formatter to use during development
-   * (source files are not formatted as part of the components' build)
-   * */
-  override formatter() {
-    /**
-     * @see https://bit.dev/reference/prettier/using-prettier
-     * */
-    return PrettierFormatter.from({
-      configPath: require.resolve('./config/prettier.config.cjs')
-    });
-  }
-
-  /**
-   * Generates the component previews during development and build
-   */
-  override preview(): EnvHandler<Preview> {
-    const tsConfig = require.resolve('./config/tsconfig.json');
-    return AngularPreview.from({
-      ngEnvOptions: this.getNgEnvOptions(),
-      hostDependencies,
-      mounterPath: require.resolve('./preview/mounter.js'),
-      angularServeOptions: { tsConfig },
-      angularBuildOptions: { tsConfig },
-    });
-  }
-
-  /**
-   * Defines the build pipeline for a component.
-   * Pipelines are optimized for performance and consistency, making sure every component is
-   * independently built and tested.
-   * This is a set of processes to be performed before a component is snapped, during its build phase
-   * @see https://bit.dev/docs/angular-env/build-pipelines
-   */
-  override build(): Pipeline {
-    return Pipeline.from([
-      NgMultiCompilerTask.from({ ngMultiCompiler: this.compiler() }),
-      EslintTask.from(this.getLinterConfig()),
-      JestTask.from(this.getTesterConfig())
-    ]);
-  }
-
-  override workspaceConfig(): ConfigWriterList {
-    return ConfigWriterList.from([
-      TypescriptConfigWriter.from({
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      EslintConfigWriter.from({
-        configPath: require.resolve('./config/eslintrc.cjs'),
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      PrettierConfigWriter.from({
-        configPath: require.resolve('./config/prettier.config.cjs')
-      })
-    ]);
-  }
-}
-
-export default new MyAngularV13Env();
diff --git a/angular/examples/my-angular-v13-env/my-angular-v13-env.docs.mdx b/angular/examples/my-angular-v13-env/my-angular-v13-env.docs.mdx
deleted file mode 100644
index 69bc2264..00000000
--- a/angular/examples/my-angular-v13-env/my-angular-v13-env.docs.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular my-angular-v13-env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/my-angular-v13-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  isExtension
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v13-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v13-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/examples/my-angular-v13-env/preview/host-dependencies.ts b/angular/examples/my-angular-v13-env/preview/host-dependencies.ts
deleted file mode 100644
index 6f6a9bb7..00000000
--- a/angular/examples/my-angular-v13-env/preview/host-dependencies.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
- * most of your peer dependencies should be listed here to avoid duplications in the preview.
- * React, ReactDOM, and MDX are included as they are part of the preview ui.
- */
-export default [
-  '@teambit/mdx.ui.mdx-scope-context',
-  '@mdx-js/react',
-  'react',
-  'react-dom',
-];
diff --git a/angular/examples/my-angular-v13-env/preview/mounter.ts b/angular/examples/my-angular-v13-env/preview/mounter.ts
deleted file mode 100644
index 14114edf..00000000
--- a/angular/examples/my-angular-v13-env/preview/mounter.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable */
-import { createMounter } from '@bitdev/angular.dev-services.preview.mounter';
-import { Component, NgModule, ViewEncapsulation } from '@angular/core';
-
-/**
- * Provide your component compositions (preview) with the context they need to run.
- * for example, a router, a theme, a data provider, etc.
- * components added here as providers should be listed as host-dependencies in your host-dependencies.ts file.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-@Component({
-  selector: 'bit-wrapper',
-  encapsulation: ViewEncapsulation.ShadowDom,
-  template: `
-    <div id='wrapper-host'></div>
-  `,
-}) export class WrapperComponent {
-}
-
-@NgModule({
-  declarations: [WrapperComponent],
-  imports: [],
-  exports: [WrapperComponent],
-  bootstrap: [WrapperComponent],
-}) export class WrapperModule {
-}
-
-
-/**
- * the entry for the app (preview runtime) that renders your component previews.
- * use the default template or create your own.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-export default createMounter(WrapperModule, {wrapperSelector: '#wrapper-host'});
diff --git a/angular/examples/my-angular-v14-env/component.json b/angular/examples/my-angular-v14-env/component.json
deleted file mode 100644
index d29a1753..00000000
--- a/angular/examples/my-angular-v14-env/component.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "examples/my-angular-v14-env",
-    "version": "6.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@jest/globals": "^28.0.0",
-          "@bitdev/angular.dev-services.linter.eslint": ">= 1.0.0",
-          "@types/jest": "^28.0.0",
-          "jest": "^28.0.0",
-          "jest-preset-angular": "~12.1.0"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "examples/angular-v14-env",
-        "version": "1.0.1"
-      }
-    }
-  }
-}
diff --git a/angular/examples/my-angular-v14-env/config/eslintrc.cjs b/angular/examples/my-angular-v14-env/config/eslintrc.cjs
deleted file mode 100644
index 68b9519b..00000000
--- a/angular/examples/my-angular-v14-env/config/eslintrc.cjs
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/eslint/eslint-config
- */
-module.exports = {
-  extends: [require.resolve('@bitdev/angular.dev-services.linter.eslint')],
-  rules: {},
-};
diff --git a/angular/examples/my-angular-v14-env/config/jest.config.cjs b/angular/examples/my-angular-v14-env/config/jest.config.cjs
deleted file mode 100644
index 83017ba4..00000000
--- a/angular/examples/my-angular-v14-env/config/jest.config.cjs
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * @see https://bit.dev/reference/jest/jest-config
- */
-const jestConfig = require('@bitdev/angular.envs.angular-v14-env/jest/jest.config.cjs');
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  ...jestConfig,
-  globals: {
-    ngJest: {
-      skipNgcc: true
-    },
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json')
-    }
-  },
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true
-    })
-  ]
-};
diff --git a/angular/examples/my-angular-v14-env/config/prettier.config.cjs b/angular/examples/my-angular-v14-env/config/prettier.config.cjs
deleted file mode 100644
index 121d0d4e..00000000
--- a/angular/examples/my-angular-v14-env/config/prettier.config.cjs
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @see https://bit.dev/reference/prettier/prettier-config
- */
-const prettierConfig = require('@bitdev/angular.envs.base-env/config/prettier.config.cjs');
-
-module.exports = {
-  ...prettierConfig,
-};
diff --git a/angular/examples/my-angular-v14-env/config/tsconfig.json b/angular/examples/my-angular-v14-env/config/tsconfig.json
deleted file mode 100644
index e32c1f2e..00000000
--- a/angular/examples/my-angular-v14-env/config/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/typescript/typescript-config
- */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*", "**/*.json"]
-}
diff --git a/angular/examples/my-angular-v14-env/config/tsconfig.spec.json b/angular/examples/my-angular-v14-env/config/tsconfig.spec.json
deleted file mode 100644
index 85489764..00000000
--- a/angular/examples/my-angular-v14-env/config/tsconfig.spec.json
+++ /dev/null
@@ -1,6 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-/* This config is used for bit test */
-{
-  "extends": "./tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/examples/my-angular-v14-env/env.jsonc b/angular/examples/my-angular-v14-env/env.jsonc
deleted file mode 100644
index a14c452f..00000000
--- a/angular/examples/my-angular-v14-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
-{
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^28.0.0",
-        "supportedRange": "^28.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^14.15.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~12.1.0",
-        "supportedRange": "~12.1.0",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~14.0.2",
-        "supportedRange": "^14.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^28.0.0",
-        "supportedRange": "^28.0.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.4.0",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.3.0",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.7.2",
-        "supportedRange": ">=4.6.4 <4.8.0"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/examples/my-angular-v14-env/index.ts b/angular/examples/my-angular-v14-env/index.ts
deleted file mode 100644
index 28ad909a..00000000
--- a/angular/examples/my-angular-v14-env/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { MyAngularV14Env, MyAngularV14Env as default } from './my-angular-v14-env.bit-env.js';
diff --git a/angular/examples/my-angular-v14-env/my-angular-v14-env.bit-env.ts b/angular/examples/my-angular-v14-env/my-angular-v14-env.bit-env.ts
deleted file mode 100644
index 1455c636..00000000
--- a/angular/examples/my-angular-v14-env/my-angular-v14-env.bit-env.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import {
-  NgMultiCompiler,
-  NgMultiCompilerTask
-} from '@bitdev/angular.dev-services.compiler.multi-compiler';
-import { AngularPreview } from '@bitdev/angular.dev-services.preview.preview';
-import { AngularV14Env } from '@bitdev/angular.envs.angular-v14-env';
-import { Pipeline } from '@teambit/builder';
-import { Compiler } from '@teambit/compiler';
-import { EslintConfigWriter, ESLintLinter, EslintTask } from '@teambit/defender.eslint-linter';
-import { JestTask, JestTester } from '@teambit/defender.jest-tester';
-import { PrettierConfigWriter, PrettierFormatter } from '@teambit/defender.prettier-formatter';
-import { EnvHandler } from '@teambit/envs';
-import { Linter } from '@teambit/linter';
-import { Preview } from '@teambit/preview';
-import { Tester } from '@teambit/tester';
-import { TypescriptConfigWriter } from '@teambit/typescript.typescript-compiler';
-import { ConfigWriterList } from '@teambit/workspace-config-files';
-import { ESLint as ESLintLib } from 'eslint';
-import { createRequire } from 'node:module';
-import hostDependencies from './preview/host-dependencies.js';
-
-let ngMultiCompiler: EnvHandler<NgMultiCompiler> | undefined;
-
-const require = createRequire(import.meta.url);
-
-export class MyAngularV14Env extends AngularV14Env {
-  // Name of the environment, used for friendly mentions across bit
-  name = 'my-angular-v14-env';
-
-  getTesterConfig() {
-    return {
-      jest: require.resolve('jest'),
-      config: require.resolve('./config/jest.config.cjs')
-    };
-  }
-
-  /**
-   * Returns a tester to use during development
-   * Required for `bit start` & `bit test`
-   */
-  override tester(): EnvHandler<Tester> {
-    /**
-     * @see https://bit.dev/reference/jest/using-jest
-     * */
-    return JestTester.from(this.getTesterConfig());
-  }
-
-  getLinterConfig() {
-    return {
-      tsconfig: require.resolve('./config/tsconfig.json'),
-      eslint: ESLintLib,
-      configPath: require.resolve('./config/eslintrc.cjs'),
-      // resolve all plugins from the angular environment.
-      pluginsPath: import.meta.dirname,
-      extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs']
-    };
-  }
-
-  /**
-   * Returns an instance of the compiler
-   * Required for making and reading dists, especially for `bit compile`
-   */
-  compiler(): EnvHandler<Compiler> {
-    if (!ngMultiCompiler) {
-      ngMultiCompiler = NgMultiCompiler.from({
-        ngEnvOptions: this.getNgEnvOptions(),
-        tsconfigPath: require.resolve('./config/tsconfig.json'),
-      });
-    }
-    return ngMultiCompiler!;
-  }
-
-  /**
-   * The linter to use during development.
-   * Config files would be used to validate coding standards in components.
-   * bit will write the minimum required files in any workspace to optimize
-   * for dev experience.
-   */
-  override linter(): EnvHandler<Linter> {
-    return ESLintLinter.from(this.getLinterConfig());
-  }
-
-  /**
-   * The formatter to use during development
-   * (source files are not formatted as part of the components' build)
-   * */
-  override formatter() {
-    /**
-     * @see https://bit.dev/reference/prettier/using-prettier
-     * */
-    return PrettierFormatter.from({
-      configPath: require.resolve('./config/prettier.config.cjs')
-    });
-  }
-
-  /**
-   * Generates the component previews during development and build
-   */
-  override preview(): EnvHandler<Preview> {
-    const tsConfig = require.resolve('./config/tsconfig.json');
-    return AngularPreview.from({
-      ngEnvOptions: this.getNgEnvOptions(),
-      hostDependencies,
-      mounterPath: require.resolve('./preview/mounter.js'),
-      angularServeOptions: { tsConfig },
-      angularBuildOptions: { tsConfig },
-    });
-  }
-
-  /**
-   * Defines the build pipeline for a component.
-   * Pipelines are optimized for performance and consistency, making sure every component is
-   * independently built and tested.
-   * This is a set of processes to be performed before a component is snapped, during its build phase
-   * @see https://bit.dev/docs/angular-env/build-pipelines
-   */
-  override build(): Pipeline {
-    return Pipeline.from([
-      NgMultiCompilerTask.from({ ngMultiCompiler: this.compiler() }),
-      EslintTask.from(this.getLinterConfig()),
-      JestTask.from(this.getTesterConfig())
-    ]);
-  }
-
-  override workspaceConfig(): ConfigWriterList {
-    return ConfigWriterList.from([
-      TypescriptConfigWriter.from({
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      EslintConfigWriter.from({
-        configPath: require.resolve('./config/eslintrc.cjs'),
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      PrettierConfigWriter.from({
-        configPath: require.resolve('./config/prettier.config.cjs')
-      })
-    ]);
-  }
-}
-
-export default new MyAngularV14Env();
diff --git a/angular/examples/my-angular-v14-env/my-angular-v14-env.docs.mdx b/angular/examples/my-angular-v14-env/my-angular-v14-env.docs.mdx
deleted file mode 100644
index ce32b214..00000000
--- a/angular/examples/my-angular-v14-env/my-angular-v14-env.docs.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular v14 Env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/my-angular-v14-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  isExtension
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v14-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v14-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/examples/my-angular-v14-env/preview/host-dependencies.ts b/angular/examples/my-angular-v14-env/preview/host-dependencies.ts
deleted file mode 100644
index 6f6a9bb7..00000000
--- a/angular/examples/my-angular-v14-env/preview/host-dependencies.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
- * most of your peer dependencies should be listed here to avoid duplications in the preview.
- * React, ReactDOM, and MDX are included as they are part of the preview ui.
- */
-export default [
-  '@teambit/mdx.ui.mdx-scope-context',
-  '@mdx-js/react',
-  'react',
-  'react-dom',
-];
diff --git a/angular/examples/my-angular-v14-env/preview/mounter.ts b/angular/examples/my-angular-v14-env/preview/mounter.ts
deleted file mode 100644
index 6831d115..00000000
--- a/angular/examples/my-angular-v14-env/preview/mounter.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/* eslint-disable import/no-unresolved */
-import { createMounter } from '@bitdev/angular.dev-services.preview.mounter';
-import { Component, ViewEncapsulation } from '@angular/core';
-
-/**
- * Provide your component compositions (preview) with the context they need to run.
- * for example, a router, a theme, a data provider, etc.
- * components added here as providers should be listed as host-dependencies in your host-dependencies.ts file.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-@Component({
-  selector: 'bit-wrapper',
-  standalone: true,
-  imports: [],
-  encapsulation: ViewEncapsulation.None,
-  template: `
-    <ng-content></ng-content>
-  `,
-}) export class WrapperComponent {}
-
-
-/**
- * the entry for the app (preview runtime) that renders your component previews.
- * use the default template or create your own.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-export default createMounter(WrapperComponent);
diff --git a/angular/examples/my-angular-v15-env/component.json b/angular/examples/my-angular-v15-env/component.json
deleted file mode 100644
index 964fb7a5..00000000
--- a/angular/examples/my-angular-v15-env/component.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "componentId": {
-    "scope": "bitdev.angular",
-    "name": "examples/my-angular-v15-env",
-    "version": "6.0.13"
-  },
-  "propagate": false,
-  "extensions": {
-    "teambit.dependencies/dependency-resolver": {
-      "policy": {
-        "dependencies": {
-          "@jest/globals": "^29.3.1",
-          "@bitdev/angular.dev-services.linter.eslint": ">= 1.0.0",
-          "@types/jest": "^29.2.4",
-          "jest": "^29.3.1",
-          "jest-preset-angular": "~12.2.3"
-        }
-      }
-    },
-    "bitdev.general/envs/bit-env@1.0.1": {},
-    "teambit.envs/envs": {},
-    "teambit.component/renaming": {
-      "renamedFrom": {
-        "scope": "bitdev.angular",
-        "name": "examples/angular-v15-env",
-        "version": "1.0.1"
-      }
-    }
-  }
-}
diff --git a/angular/examples/my-angular-v15-env/config/eslintrc.cjs b/angular/examples/my-angular-v15-env/config/eslintrc.cjs
deleted file mode 100644
index 68b9519b..00000000
--- a/angular/examples/my-angular-v15-env/config/eslintrc.cjs
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/eslint/eslint-config
- */
-module.exports = {
-  extends: [require.resolve('@bitdev/angular.dev-services.linter.eslint')],
-  rules: {},
-};
diff --git a/angular/examples/my-angular-v15-env/config/jest.config.cjs b/angular/examples/my-angular-v15-env/config/jest.config.cjs
deleted file mode 100644
index cbf703c6..00000000
--- a/angular/examples/my-angular-v15-env/config/jest.config.cjs
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * @see https://bit.dev/reference/jest/jest-config
- */
-const jestConfig = require('@bitdev/angular.envs.angular-v15-env/jest/jest.config.cjs');
-const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-
-const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
-module.exports = {
-  ...jestConfig,
-  globals: {
-    ngJest: {
-      skipNgcc: true
-    },
-    'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json')
-    }
-  },
-  transformIgnorePatterns: [
-    '^.+.module.(css|sass|scss)$',
-    generateNodeModulesPattern({
-      packages: packagesToExclude,
-      excludeComponents: true
-    })
-  ]
-};
diff --git a/angular/examples/my-angular-v15-env/config/prettier.config.cjs b/angular/examples/my-angular-v15-env/config/prettier.config.cjs
deleted file mode 100644
index 121d0d4e..00000000
--- a/angular/examples/my-angular-v15-env/config/prettier.config.cjs
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @see https://bit.dev/reference/prettier/prettier-config
- */
-const prettierConfig = require('@bitdev/angular.envs.base-env/config/prettier.config.cjs');
-
-module.exports = {
-  ...prettierConfig,
-};
diff --git a/angular/examples/my-angular-v15-env/config/tsconfig.json b/angular/examples/my-angular-v15-env/config/tsconfig.json
deleted file mode 100644
index e32c1f2e..00000000
--- a/angular/examples/my-angular-v15-env/config/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @see https://bit.dev/reference/typescript/typescript-config
- */
-{
-  "extends": "@bitdev/angular.envs.base-env/config/tsconfig.json",
-  "include": ["**/*", "**/*.json"]
-}
diff --git a/angular/examples/my-angular-v15-env/config/tsconfig.spec.json b/angular/examples/my-angular-v15-env/config/tsconfig.spec.json
deleted file mode 100644
index 85489764..00000000
--- a/angular/examples/my-angular-v15-env/config/tsconfig.spec.json
+++ /dev/null
@@ -1,6 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-/* This config is used for bit test */
-{
-  "extends": "./tsconfig.json",
-  "include": ["**/*.spec.+(js|ts)", "**/*.test.+(js|ts)", "**/*.d.ts"]
-}
diff --git a/angular/examples/my-angular-v15-env/env.jsonc b/angular/examples/my-angular-v15-env/env.jsonc
deleted file mode 100644
index dda8c177..00000000
--- a/angular/examples/my-angular-v15-env/env.jsonc
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * define the peer dependencies for your environment.
- * these components would be resolved once for all components in
- * in the dependency graph of your component.
- **/
-{
-  "policy": {
-    "runtime": [
-      {
-        "name": "tslib",
-        "version": "^2.4.1",
-        "supportedRange": "^2.3.0"
-      }
-    ],
-    /**
-      * dev dependencies resolved in the workspace
-      * for components using this env. these dependencies would not be defined
-      * as a direct component dependencies. they are used for component development only.
-      **/
-    "dev": [
-      {
-        "name": "@types/jest",
-        "version": "^29.2.4",
-        "supportedRange": "^29.0.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "@types/node",
-        "version": "^14.15.0",
-        "hidden": true,
-        "force": true
-      },
-      {
-        "name": "jest-preset-angular",
-        "version": "~12.2.3",
-        "supportedRange": "~12.2.3",
-        "hidden": true,
-        "force": true
-      }
-    ],
-    "peers": [
-      {
-        "name": "@angular/animations",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/common",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/compiler",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/compiler-cli",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/core",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/forms",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/platform-browser",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/platform-browser-dynamic",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "@angular/router",
-        "version": "~15.0.4",
-        "supportedRange": "^15.0.0"
-      },
-      {
-        "name": "jest",
-        "version": "^29.3.1",
-        "supportedRange": "~29.3.0"
-      },
-      {
-        "name": "rxjs",
-        "version": "~7.5.7",
-        "supportedRange": "^6.5.5 || ^7.4.0"
-      },
-      {
-        "name": "tslib",
-        "version": "^2.4.1",
-        "supportedRange": "^2.3.0"
-      },
-      {
-        "name": "typescript",
-        "version": "~4.8.2",
-        "supportedRange": ">=4.8.2 <4.9"
-      },
-      {
-        "name": "zone.js",
-        "version": "~0.14.0",
-        "supportedRange": "~0.14.0"
-      }
-    ]
-  },
-
-  /**
-   * used to define patterns to different
-   * files in your component and associate them with
-   * bit aspects.
-   **/
-  "patterns": {
-    "compositions": ["**/*.composition.*", "**/*.preview.*"],
-    "docs": ["**/*.docs.*"],
-    "tests": ["**/*.spec.*", "**/*.test.*", "**/*.cy.*"]
-  }
-}
diff --git a/angular/examples/my-angular-v15-env/index.ts b/angular/examples/my-angular-v15-env/index.ts
deleted file mode 100644
index 35c01629..00000000
--- a/angular/examples/my-angular-v15-env/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { MyAngularV15Env, MyAngularV15Env as default } from './my-angular-v15-env.bit-env.js';
diff --git a/angular/examples/my-angular-v15-env/my-angular-v15-env.bit-env.ts b/angular/examples/my-angular-v15-env/my-angular-v15-env.bit-env.ts
deleted file mode 100644
index 3fe66385..00000000
--- a/angular/examples/my-angular-v15-env/my-angular-v15-env.bit-env.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import {
-  NgMultiCompiler,
-  NgMultiCompilerTask
-} from '@bitdev/angular.dev-services.compiler.multi-compiler';
-import { AngularPreview } from '@bitdev/angular.dev-services.preview.preview';
-import { AngularV15Env } from '@bitdev/angular.envs.angular-v15-env';
-import { Pipeline } from '@teambit/builder';
-import { Compiler } from '@teambit/compiler';
-import { EslintConfigWriter, ESLintLinter, EslintTask } from '@teambit/defender.eslint-linter';
-import { JestTask, JestTester } from '@teambit/defender.jest-tester';
-import { PrettierConfigWriter, PrettierFormatter } from '@teambit/defender.prettier-formatter';
-import { EnvHandler } from '@teambit/envs';
-import { Linter } from '@teambit/linter';
-import { Preview } from '@teambit/preview';
-import { Tester } from '@teambit/tester';
-import { TypescriptConfigWriter } from '@teambit/typescript.typescript-compiler';
-import { ConfigWriterList } from '@teambit/workspace-config-files';
-import { ESLint as ESLintLib } from 'eslint';
-import { createRequire } from 'node:module';
-import hostDependencies from './preview/host-dependencies.js';
-
-let ngMultiCompiler: EnvHandler<NgMultiCompiler> | undefined;
-
-const require = createRequire(import.meta.url);
-
-export class MyAngularV15Env extends AngularV15Env {
-  // Name of the environment, used for friendly mentions across bit
-  name = 'my-angular-v15-env';
-
-  getTesterConfig() {
-    return {
-      jest: require.resolve('jest'),
-      config: require.resolve('./config/jest.config.cjs')
-    };
-  }
-
-  /**
-   * Returns a tester to use during development
-   * Required for `bit start` & `bit test`
-   */
-  override tester(): EnvHandler<Tester> {
-    /**
-     * @see https://bit.dev/reference/jest/using-jest
-     * */
-    return JestTester.from(this.getTesterConfig());
-  }
-
-  getLinterConfig() {
-    return {
-      tsconfig: require.resolve('./config/tsconfig.json'),
-      eslint: ESLintLib,
-      configPath: require.resolve('./config/eslintrc.cjs'),
-      // resolve all plugins from the angular environment.
-      pluginsPath: import.meta.dirname,
-      extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs']
-    };
-  }
-
-  /**
-   * Returns an instance of the compiler
-   * Required for making and reading dists, especially for `bit compile`
-   */
-  compiler(): EnvHandler<Compiler> {
-    if (!ngMultiCompiler) {
-      ngMultiCompiler = NgMultiCompiler.from({
-        ngEnvOptions: this.getNgEnvOptions(),
-        tsconfigPath: require.resolve('./config/tsconfig.json'),
-      });
-    }
-    return ngMultiCompiler!;
-  }
-
-  /**
-   * The linter to use during development.
-   * Config files would be used to validate coding standards in components.
-   * bit will write the minimum required files in any workspace to optimize
-   * for dev experience.
-   */
-  override linter(): EnvHandler<Linter> {
-    return ESLintLinter.from(this.getLinterConfig());
-  }
-
-  /**
-   * The formatter to use during development
-   * (source files are not formatted as part of the components' build)
-   * */
-  override formatter() {
-    /**
-     * @see https://bit.dev/reference/prettier/using-prettier
-     * */
-    return PrettierFormatter.from({
-      configPath: require.resolve('./config/prettier.config.cjs')
-    });
-  }
-
-  /**
-   * Generates the component previews during development and build
-   */
-  override preview(): EnvHandler<Preview> {
-    const tsConfig = require.resolve('./config/tsconfig.json');
-    return AngularPreview.from({
-      ngEnvOptions: this.getNgEnvOptions(),
-      hostDependencies,
-      mounterPath: require.resolve('./preview/mounter.js'),
-      angularServeOptions: { tsConfig },
-      angularBuildOptions: { tsConfig },
-    });
-  }
-
-  /**
-   * Defines the build pipeline for a component.
-   * Pipelines are optimized for performance and consistency, making sure every component is
-   * independently built and tested.
-   * This is a set of processes to be performed before a component is snapped, during its build phase
-   * @see https://bit.dev/docs/angular-env/build-pipelines
-   */
-  override build(): Pipeline {
-    return Pipeline.from([
-      NgMultiCompilerTask.from({ ngMultiCompiler: this.compiler() }),
-      EslintTask.from(this.getLinterConfig()),
-      JestTask.from(this.getTesterConfig())
-    ]);
-  }
-
-  override workspaceConfig(): ConfigWriterList {
-    return ConfigWriterList.from([
-      TypescriptConfigWriter.from({
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      EslintConfigWriter.from({
-        configPath: require.resolve('./config/eslintrc.cjs'),
-        tsconfig: require.resolve('./config/tsconfig.json')
-      }),
-      PrettierConfigWriter.from({
-        configPath: require.resolve('./config/prettier.config.cjs')
-      })
-    ]);
-  }
-}
-
-export default new MyAngularV15Env();
diff --git a/angular/examples/my-angular-v15-env/my-angular-v15-env.docs.mdx b/angular/examples/my-angular-v15-env/my-angular-v15-env.docs.mdx
deleted file mode 100644
index b3e68aee..00000000
--- a/angular/examples/my-angular-v15-env/my-angular-v15-env.docs.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-description: A Bit development environment for Angular Components
-labels: ['angular', 'environment', 'env', 'aspect', 'extension']
----
-
-import { EnvOverview } from '@teambit/envs.docs.env-overview-template';
-
-<EnvOverview
-  description='This env provides a development environment for Angular apps & components.'
-  logo={{
-    name: 'Angular v15 Env',
-    icon: 'https://static.bit.dev/brands/logo-angular.svg',
-    background: '#000'
-  }}
-  envId='bitdev.angular/envs/my-angular-v15-env'
-  docsLink='https://bit.dev/docs/angular-introduction'
-  isExtension
-  tools={{
-    developmentTools: [
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v15-env/~code/jest/jest.config.ts',
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Prettier',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/prettier.config.js',
-        ],
-      },
-    ],
-    buildPipeline: [
-      {
-        name: 'Ng-Packagr',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/compiler/ng-packagr',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'ESLint',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/config/eslintrc.js',
-        ],
-      },
-      {
-        name: 'Jest',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/my-angular-v15-env/~code/jest/jest.config.ts',
-        ],
-      },
-    ],
-    previewsAndDocs: [
-      {
-        name: 'Component Preview',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/mounter',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/mounter.ts',
-          'https://bit.cloud/bitdev/angular/envs/base-env/~code/preview/host-dependencies.ts',
-        ],
-      },
-      {
-        name: 'Component Docs',
-        toolLink: 'https://bit.cloud/bitdev/angular/dev-services/preview/preview',
-        configFiles: [
-          'https://bit.cloud/bitdev/angular/dev-services/preview/preview/~code/docs.ts',
-        ],
-      },
-      {
-        name: 'Webpack',
-        configFiles: [
-        ],
-      },
-      {
-        name: 'Webpack Dev Server',
-        configFiles: [
-        ],
-      },
-    ],
-  }} />
diff --git a/angular/examples/my-angular-v15-env/preview/host-dependencies.ts b/angular/examples/my-angular-v15-env/preview/host-dependencies.ts
deleted file mode 100644
index 6f6a9bb7..00000000
--- a/angular/examples/my-angular-v15-env/preview/host-dependencies.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
- * most of your peer dependencies should be listed here to avoid duplications in the preview.
- * React, ReactDOM, and MDX are included as they are part of the preview ui.
- */
-export default [
-  '@teambit/mdx.ui.mdx-scope-context',
-  '@mdx-js/react',
-  'react',
-  'react-dom',
-];
diff --git a/angular/examples/my-angular-v15-env/preview/mounter.ts b/angular/examples/my-angular-v15-env/preview/mounter.ts
deleted file mode 100644
index 6831d115..00000000
--- a/angular/examples/my-angular-v15-env/preview/mounter.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/* eslint-disable import/no-unresolved */
-import { createMounter } from '@bitdev/angular.dev-services.preview.mounter';
-import { Component, ViewEncapsulation } from '@angular/core';
-
-/**
- * Provide your component compositions (preview) with the context they need to run.
- * for example, a router, a theme, a data provider, etc.
- * components added here as providers should be listed as host-dependencies in your host-dependencies.ts file.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-@Component({
-  selector: 'bit-wrapper',
-  standalone: true,
-  imports: [],
-  encapsulation: ViewEncapsulation.None,
-  template: `
-    <ng-content></ng-content>
-  `,
-}) export class WrapperComponent {}
-
-
-/**
- * the entry for the app (preview runtime) that renders your component previews.
- * use the default template or create your own.
- * @see https://bit.dev/docs/angular-env-env/components-preview#compositions-providers
- */
-export default createMounter(WrapperComponent);
diff --git a/angular/examples/my-angular-v16-env/component.json b/angular/examples/my-angular-v16-env/component.json
index 33912d18..e91ef92d 100644
--- a/angular/examples/my-angular-v16-env/component.json
+++ b/angular/examples/my-angular-v16-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "examples/my-angular-v16-env",
-    "version": "6.0.2"
+    "version": "6.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/examples/my-angular-v16-env/env.jsonc b/angular/examples/my-angular-v16-env/env.jsonc
index 1b9bfc5f..ab1e5f9e 100644
--- a/angular/examples/my-angular-v16-env/env.jsonc
+++ b/angular/examples/my-angular-v16-env/env.jsonc
@@ -90,6 +90,11 @@
         "version": "^16.2.0",
         "supportedRange": "^16.2.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/examples/my-angular-v17-env/component.json b/angular/examples/my-angular-v17-env/component.json
index 8ea25434..0a9e9386 100644
--- a/angular/examples/my-angular-v17-env/component.json
+++ b/angular/examples/my-angular-v17-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "examples/my-angular-v17-env",
-    "version": "6.0.2"
+    "version": "6.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/examples/my-angular-v17-env/env.jsonc b/angular/examples/my-angular-v17-env/env.jsonc
index cae1bd40..704692e3 100644
--- a/angular/examples/my-angular-v17-env/env.jsonc
+++ b/angular/examples/my-angular-v17-env/env.jsonc
@@ -90,6 +90,11 @@
         "version": "^17.0.0",
         "supportedRange": "^17.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/examples/my-angular-v18-env/component.json b/angular/examples/my-angular-v18-env/component.json
index 3a49b096..9e93474a 100644
--- a/angular/examples/my-angular-v18-env/component.json
+++ b/angular/examples/my-angular-v18-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "examples/my-angular-v18-env",
-    "version": "2.0.2"
+    "version": "2.1.0"
   },
   "propagate": false,
   "extensions": {
diff --git a/angular/examples/my-angular-v18-env/env.jsonc b/angular/examples/my-angular-v18-env/env.jsonc
index 25d7a389..074e9052 100644
--- a/angular/examples/my-angular-v18-env/env.jsonc
+++ b/angular/examples/my-angular-v18-env/env.jsonc
@@ -95,6 +95,11 @@
         "version": "^18.0.0",
         "supportedRange": "^18.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "jest",
         "version": "^29.5.0",
diff --git a/angular/examples/my-angular-v19-env/component.json b/angular/examples/my-angular-v19-env/component.json
index 6ade947e..8534df31 100644
--- a/angular/examples/my-angular-v19-env/component.json
+++ b/angular/examples/my-angular-v19-env/component.json
@@ -2,7 +2,7 @@
   "componentId": {
     "scope": "bitdev.angular",
     "name": "examples/my-angular-v19-env",
-    "version": "1.0.3"
+    "version": "1.1.0"
   },
   "propagate": false,
   "extensions": {
@@ -14,7 +14,7 @@
           "@types/eslint": "^8.40.0",
           "@types/jest": "^29.5.0",
           "jest": "^29.5.0",
-          "jest-preset-angular": "~14.3.0"
+          "jest-preset-angular": "~14.4.0"
         }
       }
     },
diff --git a/angular/examples/my-angular-v19-env/config/jest.config.cjs b/angular/examples/my-angular-v19-env/config/jest.config.cjs
index 6e07bc1e..ac170861 100644
--- a/angular/examples/my-angular-v19-env/config/jest.config.cjs
+++ b/angular/examples/my-angular-v19-env/config/jest.config.cjs
@@ -3,21 +3,16 @@
  */
 const jestConfig = require('@bitdev/angular.envs.angular-v19-env/jest/jest.config.cjs');
 const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-const { defaultTransformerOptions } = require('jest-preset-angular/presets');
+const { createCjsPreset } = require('jest-preset-angular/presets');
 
 const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
+const presetConfig = createCjsPreset({
+  tsconfig: require.resolve('./tsconfig.spec.json')
+});
 
 module.exports = {
   ...jestConfig,
-  transform: {
-    '^.+\\.(ts|js|mjs|html|svg)$': [
-      'jest-preset-angular',
-      {
-        ...defaultTransformerOptions,
-        tsconfig: require.resolve('./tsconfig.spec.json')
-      }
-    ]
-  },
+  ...presetConfig,
   transformIgnorePatterns: [
     '^.+.module.(css|sass|scss)$',
     generateNodeModulesPattern({
diff --git a/angular/examples/my-angular-v19-env/env.jsonc b/angular/examples/my-angular-v19-env/env.jsonc
index 4fd5c7e1..d345a517 100644
--- a/angular/examples/my-angular-v19-env/env.jsonc
+++ b/angular/examples/my-angular-v19-env/env.jsonc
@@ -39,8 +39,8 @@
       },
       {
         "name": "jest-preset-angular",
-        "version": "~14.3.0",
-        "supportedRange": "~14.3.0",
+        "version": "~14.4.0",
+        "supportedRange": "~14.4.0",
         "hidden": true,
         "force": true
       }
@@ -106,6 +106,11 @@
         "version": "^19.0.0",
         "supportedRange": "^19.0.0"
       },
+      {
+        "name": "@types/eslint",
+        "version": "^8.40.0",
+        "supportedRange": "^8.40.0"
+      },
       {
         "name": "express",
         "version": "~4.21.1",
diff --git a/angular/integration/demo-lib-v15/public-api.ts b/angular/integration/demo-lib-v15/public-api.ts
deleted file mode 100644
index b0c87230..00000000
--- a/angular/integration/demo-lib-v15/public-api.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * Entry point for this Angular library, do not move or rename this file.
- */
-export * from './src/bit-test.component';
-export * from './src/bit-test2.component';
-export * from './src/bit-test.module';
diff --git a/angular/integration/demo-lib-v15/src/bit-test.component.ts b/angular/integration/demo-lib-v15/src/bit-test.component.ts
deleted file mode 100644
index e3c71891..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from "@angular/core";
-import { BitTestService } from './bit-test.service';
-
-@Component({
-  selector: 'bit-test',
-  template: `
-      <p>bit-test component works!</p>
-      <small>{{ service.content }}</small>
-        `
-})
-export class BitTestComponent {
-  constructor(public service: BitTestService) {}
-}
diff --git a/angular/integration/demo-lib-v15/src/bit-test.docs.md b/angular/integration/demo-lib-v15/src/bit-test.docs.md
deleted file mode 100644
index 1fcc392a..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test.docs.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-labels: ['angular', 'typescript', 'bit-test']
-description: 'A `bit-test` component.'
----
-
-# Bit test documentation
-Import `BitTestModule` :
-
-```typescript
-import { BitTestModule } from './bit-test.module';
-
-// add it to your module imports
-@NgModule({
-  // ...
-  imports: [
-    BitTestModule
-  ]
-  // ...
-})
-export class AppModule {}
-```
-
-Use `BitTestComponent` in your templates :
-
-```html
-<bit-test></bit-test>
-```
diff --git a/angular/integration/demo-lib-v15/src/bit-test.module.ts b/angular/integration/demo-lib-v15/src/bit-test.module.ts
deleted file mode 100644
index 722ee247..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BitTestComponent } from './bit-test.component';
-import { BitTest2Component } from './bit-test2.component';
-
-@NgModule({
-  declarations: [
-    BitTestComponent,
-    BitTest2Component
-  ],
-  exports: [
-    BitTestComponent,
-    BitTest2Component
-  ]
-})
-export class BitTestModule {}
diff --git a/angular/integration/demo-lib-v15/src/bit-test.service.ts b/angular/integration/demo-lib-v15/src/bit-test.service.ts
deleted file mode 100644
index e5ced380..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test.service.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({ providedIn: 'any' })
-export class BitTestService {
-  get content() {
-    return 'Content from service';
-  }
-}
diff --git a/angular/integration/demo-lib-v15/src/bit-test.spec.ts b/angular/integration/demo-lib-v15/src/bit-test.spec.ts
deleted file mode 100644
index 4fc29a4e..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BitTestComponent } from './bit-test.component';
-
-describe('BitTestComponent', () => {
-  let component: BitTestComponent;
-  let fixture: ComponentFixture<BitTestComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BitTestComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BitTestComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should have a service', () => {
-    expect(component.service).toBeDefined();
-    expect(component.service.content).toEqual('Content from service');
-  })
-});
diff --git a/angular/integration/demo-lib-v15/src/bit-test2.component.ts b/angular/integration/demo-lib-v15/src/bit-test2.component.ts
deleted file mode 100644
index 629586b0..00000000
--- a/angular/integration/demo-lib-v15/src/bit-test2.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'bit-test2',
-  template: `
-      <p>
-      bit-test 2 works as well!
-      </p>
-        `
-})
-export class BitTest2Component {}
diff --git a/angular/integration/demo-lib-v15/src/compositions/bit-test.composition.ts b/angular/integration/demo-lib-v15/src/compositions/bit-test.composition.ts
deleted file mode 100644
index 5359c53f..00000000
--- a/angular/integration/demo-lib-v15/src/compositions/bit-test.composition.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { BitTestModule } from '../bit-test.module';
-
-@Component({
-  selector: 'composition-cmp',
-  template: `Composition: <bit-test></bit-test>`
-})
-class CompositionComponent {}
-
-@NgModule({
-  declarations: [CompositionComponent],
-  imports: [BitTestModule],
-  bootstrap: [CompositionComponent]
-})
-export class CompositionModule {
-}
diff --git a/angular/integration/demo-lib-v15/src/compositions/cmp1.composition.ts b/angular/integration/demo-lib-v15/src/compositions/cmp1.composition.ts
deleted file mode 100644
index eacc7b3d..00000000
--- a/angular/integration/demo-lib-v15/src/compositions/cmp1.composition.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-import { BitTestModule } from '../bit-test.module';
-
-@Component({
-  selector: 'bit-composition',
-  standalone: true,
-  imports: [BitTestModule],
-  template: `
-      <p>
-        Composition component 1
-        <bit-test></bit-test>
-      </p>
-        `,
-  styles: [
-  ]
-})
-export class StandaloneCompositionComponent {
-}
diff --git a/angular/integration/demo-lib-v16/src/bit-test.component.ts b/angular/integration/demo-lib-v16/src/bit-test.component.ts
index e3c71891..7512ab2b 100644
--- a/angular/integration/demo-lib-v16/src/bit-test.component.ts
+++ b/angular/integration/demo-lib-v16/src/bit-test.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { BitTestService } from './bit-test.service';
 
 @Component({
-  selector: 'bit-test',
+  selector: 'bit-test-v16',
   template: `
       <p>bit-test component works!</p>
       <small>{{ service.content }}</small>
diff --git a/angular/integration/demo-lib-v16/src/bit-test2.component.ts b/angular/integration/demo-lib-v16/src/bit-test2.component.ts
index 629586b0..b332d0fa 100644
--- a/angular/integration/demo-lib-v16/src/bit-test2.component.ts
+++ b/angular/integration/demo-lib-v16/src/bit-test2.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'bit-test2',
+  selector: 'bit-test2-v16',
   template: `
       <p>
       bit-test 2 works as well!
diff --git a/angular/integration/demo-lib-v16/src/compositions/bit-test.composition.ts b/angular/integration/demo-lib-v16/src/compositions/bit-test.composition.ts
index 5359c53f..a045d570 100644
--- a/angular/integration/demo-lib-v16/src/compositions/bit-test.composition.ts
+++ b/angular/integration/demo-lib-v16/src/compositions/bit-test.composition.ts
@@ -2,8 +2,8 @@ import { Component, NgModule } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'composition-cmp',
-  template: `Composition: <bit-test></bit-test>`
+  selector: 'composition-cmp-v16',
+  template: `Composition: <bit-test-v16></bit-test-v16>`
 })
 class CompositionComponent {}
 
diff --git a/angular/integration/demo-lib-v16/src/compositions/cmp1.composition.ts b/angular/integration/demo-lib-v16/src/compositions/cmp1.composition.ts
index eacc7b3d..8e585875 100644
--- a/angular/integration/demo-lib-v16/src/compositions/cmp1.composition.ts
+++ b/angular/integration/demo-lib-v16/src/compositions/cmp1.composition.ts
@@ -2,13 +2,13 @@ import { Component } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'bit-composition',
+  selector: 'bit-composition-v16',
   standalone: true,
   imports: [BitTestModule],
   template: `
       <p>
         Composition component 1
-        <bit-test></bit-test>
+        <bit-test-v16></bit-test-v16>
       </p>
         `,
   styles: [
diff --git a/angular/integration/demo-lib-v17/src/bit-test.component.ts b/angular/integration/demo-lib-v17/src/bit-test.component.ts
index e3c71891..da32fd26 100644
--- a/angular/integration/demo-lib-v17/src/bit-test.component.ts
+++ b/angular/integration/demo-lib-v17/src/bit-test.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { BitTestService } from './bit-test.service';
 
 @Component({
-  selector: 'bit-test',
+  selector: 'bit-test-v17',
   template: `
       <p>bit-test component works!</p>
       <small>{{ service.content }}</small>
diff --git a/angular/integration/demo-lib-v17/src/bit-test2.component.ts b/angular/integration/demo-lib-v17/src/bit-test2.component.ts
index 629586b0..cd863658 100644
--- a/angular/integration/demo-lib-v17/src/bit-test2.component.ts
+++ b/angular/integration/demo-lib-v17/src/bit-test2.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'bit-test2',
+  selector: 'bit-test2-v17',
   template: `
       <p>
       bit-test 2 works as well!
diff --git a/angular/integration/demo-lib-v17/src/compositions/bit-test.composition.ts b/angular/integration/demo-lib-v17/src/compositions/bit-test.composition.ts
index 5359c53f..bf585642 100644
--- a/angular/integration/demo-lib-v17/src/compositions/bit-test.composition.ts
+++ b/angular/integration/demo-lib-v17/src/compositions/bit-test.composition.ts
@@ -2,8 +2,8 @@ import { Component, NgModule } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'composition-cmp',
-  template: `Composition: <bit-test></bit-test>`
+  selector: 'composition-cmp-v17',
+  template: `Composition: <bit-test-v17></bit-test-v17>`
 })
 class CompositionComponent {}
 
diff --git a/angular/integration/demo-lib-v17/src/compositions/cmp1.composition.ts b/angular/integration/demo-lib-v17/src/compositions/cmp1.composition.ts
index eacc7b3d..fed24f79 100644
--- a/angular/integration/demo-lib-v17/src/compositions/cmp1.composition.ts
+++ b/angular/integration/demo-lib-v17/src/compositions/cmp1.composition.ts
@@ -2,13 +2,13 @@ import { Component } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'bit-composition',
+  selector: 'bit-composition-v17',
   standalone: true,
   imports: [BitTestModule],
   template: `
       <p>
         Composition component 1
-        <bit-test></bit-test>
+        <bit-test-v17></bit-test-v17>
       </p>
         `,
   styles: [
diff --git a/angular/integration/demo-lib-v18/src/bit-test.component.ts b/angular/integration/demo-lib-v18/src/bit-test.component.ts
index e3c71891..36185b96 100644
--- a/angular/integration/demo-lib-v18/src/bit-test.component.ts
+++ b/angular/integration/demo-lib-v18/src/bit-test.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { BitTestService } from './bit-test.service';
 
 @Component({
-  selector: 'bit-test',
+  selector: 'bit-test-v18',
   template: `
       <p>bit-test component works!</p>
       <small>{{ service.content }}</small>
diff --git a/angular/integration/demo-lib-v18/src/bit-test2.component.ts b/angular/integration/demo-lib-v18/src/bit-test2.component.ts
index 629586b0..233b7b6f 100644
--- a/angular/integration/demo-lib-v18/src/bit-test2.component.ts
+++ b/angular/integration/demo-lib-v18/src/bit-test2.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'bit-test2',
+  selector: 'bit-test2-v18',
   template: `
       <p>
       bit-test 2 works as well!
diff --git a/angular/integration/demo-lib-v18/src/compositions/bit-test.composition.ts b/angular/integration/demo-lib-v18/src/compositions/bit-test.composition.ts
index 5359c53f..9468a6c6 100644
--- a/angular/integration/demo-lib-v18/src/compositions/bit-test.composition.ts
+++ b/angular/integration/demo-lib-v18/src/compositions/bit-test.composition.ts
@@ -2,8 +2,8 @@ import { Component, NgModule } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'composition-cmp',
-  template: `Composition: <bit-test></bit-test>`
+  selector: 'composition-cmp-v18',
+  template: `Composition: <bit-test-v18></bit-test-v18>`
 })
 class CompositionComponent {}
 
diff --git a/angular/integration/demo-lib-v18/src/compositions/cmp1.composition.ts b/angular/integration/demo-lib-v18/src/compositions/cmp1.composition.ts
index eacc7b3d..bc9f2a04 100644
--- a/angular/integration/demo-lib-v18/src/compositions/cmp1.composition.ts
+++ b/angular/integration/demo-lib-v18/src/compositions/cmp1.composition.ts
@@ -2,13 +2,13 @@ import { Component } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'bit-composition',
+  selector: 'bit-composition-v18',
   standalone: true,
   imports: [BitTestModule],
   template: `
       <p>
         Composition component 1
-        <bit-test></bit-test>
+        <bit-test-v18></bit-test-v18>
       </p>
         `,
   styles: [
diff --git a/angular/integration/demo-lib-v19/src/bit-test.component.ts b/angular/integration/demo-lib-v19/src/bit-test.component.ts
index 16ee5901..f84084e3 100644
--- a/angular/integration/demo-lib-v19/src/bit-test.component.ts
+++ b/angular/integration/demo-lib-v19/src/bit-test.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { BitTestService } from './bit-test.service';
 
 @Component({
-  selector: 'bit-test',
+  selector: 'bit-test-v19',
   standalone: false,
   template: `
       <p>bit-test component works!</p>
diff --git a/angular/integration/demo-lib-v19/src/bit-test2.component.ts b/angular/integration/demo-lib-v19/src/bit-test2.component.ts
index 9f97df28..0f6f8a91 100644
--- a/angular/integration/demo-lib-v19/src/bit-test2.component.ts
+++ b/angular/integration/demo-lib-v19/src/bit-test2.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'bit-test2',
+  selector: 'bit-test2-v19',
   standalone: false,
   template: `
       <p>
diff --git a/angular/integration/demo-lib-v19/src/bit-test3.component.ts b/angular/integration/demo-lib-v19/src/bit-test3.component.ts
index 9f5b75ce..d61e53ae 100644
--- a/angular/integration/demo-lib-v19/src/bit-test3.component.ts
+++ b/angular/integration/demo-lib-v19/src/bit-test3.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'bit-test3',
+  selector: 'bit-test3-v19',
   standalone: true,
   template: `
       <p>
diff --git a/angular/integration/demo-lib-v19/src/compositions/bit-test.composition.ts b/angular/integration/demo-lib-v19/src/compositions/bit-test.composition.ts
index 6cf2f85f..d6285b42 100644
--- a/angular/integration/demo-lib-v19/src/compositions/bit-test.composition.ts
+++ b/angular/integration/demo-lib-v19/src/compositions/bit-test.composition.ts
@@ -2,9 +2,9 @@ import { Component, NgModule } from '@angular/core';
 import { BitTestModule } from '../bit-test.module';
 
 @Component({
-  selector: 'composition-cmp',
+  selector: 'composition-cmp-v19',
   standalone: false,
-  template: `Composition: <bit-test></bit-test>`
+  template: `Composition: <bit-test-v19></bit-test-v19>`
 })
 class CompositionComponent {}
 
diff --git a/angular/integration/demo-lib-v19/src/compositions/cmp1.composition.ts b/angular/integration/demo-lib-v19/src/compositions/cmp1.composition.ts
index 62a9f35c..f7569dbc 100644
--- a/angular/integration/demo-lib-v19/src/compositions/cmp1.composition.ts
+++ b/angular/integration/demo-lib-v19/src/compositions/cmp1.composition.ts
@@ -3,21 +3,21 @@ import { BitTestModule } from '../bit-test.module';
 import { BitTest3Component } from "../bit-test3.component";
 
 @Component({
-  selector: 'bit-composition',
+  selector: 'bit-composition-v18',
   standalone: true,
   imports: [BitTestModule, BitTest3Component],
   template: `
       <p>
         Composition component 1
-        <bit-test></bit-test>
+        <bit-test-v19></bit-test-v19>
       </p>
       <p>
         Composition component 2
-        <bit-test2></bit-test2>
+        <bit-test2-v19></bit-test2-v19>
       </p>
       <p>
         Composition component 3
-        <bit-test3></bit-test3>
+        <bit-test3-v19></bit-test3-v19>
       </p>
         `,
   styles: [
diff --git a/angular/templates/generators/ng-env/files/config/jest.config.ts b/angular/templates/generators/ng-env/files/config/jest.config.ts
index 1596c9e1..7ceaeb24 100644
--- a/angular/templates/generators/ng-env/files/config/jest.config.ts
+++ b/angular/templates/generators/ng-env/files/config/jest.config.ts
@@ -6,15 +6,16 @@ export const jestConfigFile = (angularVersion: number, envPkgName: string) => {
  */
 const jestConfig = require('${envPkgName}/jest/jest.config.cjs');
 const { generateNodeModulesPattern } = require('@teambit/dependencies.modules.packages-excluder');
-${angularVersion >= 16 ? `
-const { defaultTransformerOptions } = require('jest-preset-angular/presets');
-` : ''}
+const { ${angularVersion >= 19 ? `createCjsPreset` : `defaultTransformerOptions`} } = require('jest-preset-angular/presets');
 
 const packagesToExclude = ['@angular', '@ngrx', 'apollo-angular'];
-
+${angularVersion >= 19 ? `const presetConfig = createCjsPreset({
+  tsconfig: require.resolve('./tsconfig.spec.json')
+});
+` : ''}
 module.exports = {
   ...jestConfig,
-  ${angularVersion >= 16 ? `transform: {
+  ${angularVersion >= 19 ? `...presetConfig,`: `transform: {
     '^.+\\.(ts|js|mjs|html|svg)$': [
       'jest-preset-angular',
       {
@@ -22,13 +23,6 @@ module.exports = {
         tsconfig: require.resolve('./tsconfig.spec.json')
       }
     ]
-  },` : `globals: {
-    ${angularVersion > 13 ? `ngJest: {
-      skipNgcc: true
-    },
-    ` : ''}'ts-jest': {
-      tsconfig: require.resolve('./tsconfig.spec.json')
-    }
   },`}
   transformIgnorePatterns: [
     '^.+.module.(css|sass|scss)$',
diff --git a/workspace.jsonc b/workspace.jsonc
index 6182e16c..f4b4d597 100644
--- a/workspace.jsonc
+++ b/workspace.jsonc
@@ -92,24 +92,18 @@
   },
   "teambit.generator/generator": {
     "envs": [
-      "bitdev.angular/angular-env",
+//      "bitdev.angular/angular-env",
       "bitdev.angular/envs/angular-v19-env"
       // "bitdev.angular/envs/angular-v18-env"
       // "bitdev.angular/envs/angular-v17-env"
       // "bitdev.angular/envs/angular-v16-env",
-      // "bitdev.angular/envs/angular-v15-env",
-      // "bitdev.angular/envs/angular-v14-env",
-      // "bitdev.angular/envs/angular-v13-env"
     ]
   },
-  "bitdev.angular/angular-env": {},
+//  "bitdev.angular/angular-env": {},
   "bitdev.angular/envs/angular-v19-env": {},
   //  "bitdev.angular/envs/angular-v18-env": {},
   //  "bitdev.angular/envs/angular-v17-env": {},
   //  "bitdev.angular/envs/angular-v16-env": {},
-  //  "bitdev.angular/envs/angular-v15-env": {},
-  //  "bitdev.angular/envs/angular-v14-env": {},
-  //  "bitdev.angular/envs/angular-v13-env": {},
   // Add angular apps (until this is no longer necessary)
   //  "integration.examples/demo-app": {},
   /**