feat: support new envs architecture for v12/13/14/15

Author: ocombe

.bitmap

@@ -21,12 +21,6 @@
         "mainFile": "index.ts",
         "rootDir": "scopes/dev-services/compiler/angular-elements"
     },
-    "dev-services/compiler/angular-elements-loader": {
-        "scope": "teambit.angular",
-        "version": "0.0.10",
-        "mainFile": "index.ts",
-        "rootDir": "scopes/dev-services/compiler/angular-elements-loader"
-    },
     "dev-services/compiler/ng-multi-compiler": {
         "scope": "teambit.angular",
         "version": "0.1.25",
@@ -45,12 +39,48 @@
         "mainFile": "index.ts",
         "rootDir": "scopes/dev-services/compiler/ngcc"
     },
+    "dev-services/compiler/webpack": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/dev-services/compiler/webpack"
+    },
     "dev-services/linter/angular-eslint-config": {
         "scope": "teambit.angular",
         "version": "1.0.2",
-        "mainFile": "index.ts",
+        "mainFile": "index.js",
         "rootDir": "scopes/dev-services/linter/eslint-config"
     },
+    "dev-services/preview/angular-runtime": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/dev-services/preview/angular-runtime"
+    },
+    "dev-services/preview/mounter": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/dev-services/preview/mounter"
+    },
+    "dev-services/preview/preview": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/dev-services/preview/preview"
+    },
+    "generators/angular-starters": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/generators/angular-starters"
+    },
+    "generators/angular-templates": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/generators/angular-templates"
+    },
     "versions/angular-v10": {
         "scope": "teambit.angular",
         "version": "1.2.27",
@@ -111,5 +141,11 @@
         "mainFile": "index.ts",
         "rootDir": "scopes/versions/common/angular-base"
     },
+    "versions/common/angular-common": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "scopes/versions/common/angular-common"
+    },
     "$schema-version": "15.0.0"
-}
+}

.eslintrc.js

@@ -89,7 +89,7 @@ module.exports = {
     'no-unused-expressions': 'off',
     'max-len': [
       2,
-      120,
+      200,
       2,
       {
         ignoreUrls: true,

.gitignore

@@ -106,3 +106,6 @@ yarn.lock
 
 # cypress
 cypress/videos
+
+# other
+/scopes/versions/angular-v15/backup/

examples/demo-app/demo-app.ng-app.ts

@@ -1,12 +1,13 @@
-import { AngularAppOptions, BrowserOptions, DevServerOptions } from '@teambit/angular-apps';
+import { AngularAppOptions } from '@teambit/angular-apps';
+import { BrowserOptions, DevServerOptions } from '@teambit/angular-common';
 
 const angularOptions: BrowserOptions & DevServerOptions = {
   main: './src/main.ts',
   polyfills: './src/polyfills.ts',
   index: './src/index.html',
   tsConfig: 'tsconfig.app.json',
   assets: ['./src/favicon.ico', './src/assets'],
-  styles: ['./src/styles.scss'],
+  styles: ['./src/styles.scss']
 };
 
 export const DemoAppOptions: AngularAppOptions = {

examples/demo-lib-v15/src/compositions/cmp1.composition.ts

@@ -1,10 +1,14 @@
 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: [

scopes/angular/angular.aspect.ts

@@ -0,0 +1,12 @@
+import { AngularV15Env } from '@teambit/angular-v15';
+import { NativeCompileCache } from '@teambit/toolbox.performance.v8-cache';
+
+// Disable v8-caching because it breaks ESM loaders
+NativeCompileCache.uninstall();
+
+export class AngularEnv extends AngularV15Env {
+  name = 'Angular';
+  packageName = '@teambit/angular';
+}
+
+export default new AngularEnv();

scopes/angular/angular.bit-env.ts

@@ -72,7 +72,7 @@ bit create <template-name> <component-name> --env teambit.angular/angular
 ```
 
 ## Angular versions
-The Angular env (teambit.angular/angular) uses the latest stable versions of Angular and its dependencies.
+The Angular env (teambit.angular/angular) uses the latest stable version of Angular and its dependencies.
 Whenever a new major version of Angular is released, a new major version of the Angular env is created.
 
 If you want to use a specific version of Angular, you can use one those env versions instead of `teambit.angular/angular`: