add support for Angular v13

.bitmap

@@ -39,6 +39,12 @@
         "mainFile": "index.ts",
         "rootDir": "packages/angular-v12"
     },
+    "angular-v13": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "packages/angular-v13"
+    },
     "angular-v8": {
         "scope": "teambit.angular",
         "version": "0.0.22",

.github/workflows/main.yml

@@ -17,7 +17,65 @@ env:
   BIT_TOKEN: ${{ secrets.BIT_TOKEN }}
 
 jobs:
-  # Test angular-v12
+  # Test angular-v13
+  v13:
+    runs-on: ubuntu-latest
+    if: "!contains(github.event.head_commit.message, 'skip-ci')"
+    container:
+      image: docker://bitcli/bit:latest
+    steps:
+      - uses:  teambit/setup-action@v1
+        with:
+          name: angular-github-actions
+          BIT_TOKEN: ${{ env.BIT_TOKEN }}
+
+      - uses: actions/checkout@v2
+
+      - name: Remove v12
+        run: bit remove angular-v12 -s -f --log
+
+      - name: Remove v11
+        run: bit remove angular-v11 -s -f --log
+
+      - name: Remove v10
+        run: bit remove angular-v10 -s -f --log
+
+      - name: Remove v9
+        run: bit remove angular-v9 -s -f --log
+
+      - name: Remove v8
+        run: bit remove angular-v8 -s -f --log
+
+      - name: Add example app
+        run: bit add examples/demo-lib-v13 --log
+
+      - name: Install dependencies
+        run: bit install --log
+
+      # Compile the aspects
+      - name: Bit compile aspects
+        run: bit compile ng-packagr angular-eslint-config angular angular-v13 --log
+
+      # Run bit link to regenerate the package.json of the example component
+      - name: Bit link
+        run: bit link --log
+
+      # Compile the example component
+      - name: Bit compile example
+        run: bit compile demo-lib-v13 --log
+
+      - name: Bit test
+        run: bit test --log
+
+      - name: Bit build
+        run: bit build --log
+
+      - uses: actions/upload-artifact@v2
+        with:
+          name: debug-log
+          path: $HOME/Library/Caches/Bit/logs
+
+# Test angular-v12
   v12:
     runs-on: ubuntu-latest
     if: "!contains(github.event.head_commit.message, 'skip-ci')"
@@ -31,6 +89,9 @@ jobs:
 
       - uses: actions/checkout@v2
 
+      - name: Remove v13
+        run: bit remove angular-v13 -s -f --log
+
       - name: Remove v11
         run: bit remove angular-v11 -s -f --log
 
@@ -86,6 +147,9 @@ jobs:
 
       - uses: actions/checkout@v2
 
+      - name: Remove v13
+        run: bit remove angular-v13 -s -f --log
+
       - name: Remove v12
         run: bit remove angular-v12 -s -f
 
@@ -141,6 +205,9 @@ jobs:
 
       - uses: actions/checkout@v2
 
+      - name: Remove v13
+        run: bit remove angular-v13 -s -f --log
+
       - name: Remove v12
         run: bit remove angular-v12 -s -f
 
@@ -196,6 +263,9 @@ jobs:
 
       - uses: actions/checkout@v2
 
+      - name: Remove v13
+        run: bit remove angular-v13 -s -f --log
+
       - name: Remove v12
         run: bit remove angular-v12 -s -f
 
@@ -251,6 +321,9 @@ jobs:
 
       - uses: actions/checkout@v2
 
+      - name: Remove v13
+        run: bit remove angular-v13 -s -f --log
+
       - name: Remove v12
         run: bit remove angular-v12 -s -f
 

examples/demo-lib-v13/public-api.ts

@@ -0,0 +1,6 @@
+/**
+ * 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';

examples/demo-lib-v13/src/bit-test.component.ts

@@ -0,0 +1,13 @@
+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) {}
+}

examples/demo-lib-v13/src/bit-test.docs.md

@@ -0,0 +1,27 @@
+---
+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>
+```

examples/demo-lib-v13/src/bit-test.module.ts

@@ -0,0 +1,15 @@
+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 {}

examples/demo-lib-v13/src/bit-test.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'any' })
+export class BitTestService {
+  get content() {
+    return 'Content from service';
+  }
+}

examples/demo-lib-v13/src/bit-test.spec.ts

@@ -0,0 +1,30 @@
+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');
+  })
+});

examples/demo-lib-v13/src/bit-test2.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'bit-test2',
+  template: `
+      <p>
+      bit-test 2 works as well!
+      </p>
+        `
+})
+export class BitTest2Component {}

examples/demo-lib-v13/src/compositions/bit-test.composition.ts

@@ -0,0 +1,16 @@
+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 {
+}

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

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'bit-composition',
+  template: `
+      <p>
+        Composition component 1
+      </p>
+        `,
+  styles: [
+  ]
+})
+export class StandaloneCompositionComponent {
+}

packages/angular-v10/component.json

@@ -29,9 +29,12 @@
           "@types/react-dev-utils": "~9.0.8",
           "@types/remark-prism": "~1.3.0",
           "@types/webpack-dev-server": "~3.11.2",
+          "@typescript-eslint/eslint-plugin": "^4.26.0",
+          "@typescript-eslint/parser": "^4.26.0",
           "eslint-plugin-import": "^2.23.4",
           "eslint-plugin-jsdoc": "^35.5.1",
           "eslint-plugin-prefer-arrow": "^1.2.3",
+          "eslint": "7.26.0",
           "html-loader": "~1.3.2",
           "jest": "~27.0.4",
           "jest-preset-angular": "~10.0.1",

packages/angular-v11/component.json

@@ -29,6 +29,9 @@
           "@types/react-dev-utils": "~9.0.8",
           "@types/remark-prism": "~1.3.0",
           "@types/webpack-dev-server": "~3.11.2",
+          "@typescript-eslint/eslint-plugin": "^4.26.0",
+          "@typescript-eslint/parser": "^4.26.0",
+          "eslint": "7.26.0",
           "html-loader": "~1.3.2",
           "jest": "~27.0.4",
           "jest-preset-angular": "~10.0.1",

packages/angular-v12/component.json

@@ -29,6 +29,9 @@
           "@types/react-dev-utils": "~9.0.8",
           "@types/remark-prism": "~1.3.0",
           "@types/webpack-dev-server": "4.3.1",
+          "@typescript-eslint/eslint-plugin": "^4.26.0",
+          "@typescript-eslint/parser": "^4.26.0",
+          "eslint": "7.26.0",
           "html-loader": "~2.1.2",
           "jest": "~27.0.4",
           "jest-preset-angular": "~10.0.1",

packages/angular-v13/angular-v13.aspect.ts

@@ -0,0 +1,5 @@
+import { Aspect } from '@teambit/harmony';
+
+export const AngularV13Aspect = Aspect.create({
+  id: 'teambit.angular/angular-v13',
+});

packages/angular-v13/angular-v13.docs.md

@@ -0,0 +1,6 @@
+---
+description: A Bit development environment for Angular Components
+labels: ['angular', 'environment', 'env', 'aspect', 'extension']
+---
+
+Adds Angular v13 support to your Bit workspace.