add support for Angular v10

Closes #4

Author: ocombe

.bitmap

@@ -13,6 +13,12 @@
         "mainFile": "index.ts",
         "rootDir": "packages/eslint-config"
     },
+    "angular-v10": {
+        "scope": "",
+        "version": "",
+        "mainFile": "index.ts",
+        "rootDir": "packages/angular-v10"
+    },
     "angular-v11": {
         "scope": "teambit.angular",
         "version": "0.0.13",
@@ -32,4 +38,4 @@
         "rootDir": "packages/ng-packagr"
     },
     "$schema-version": "14.9.0"
-}
+}

.github/workflows/main.yml

@@ -31,9 +31,12 @@ jobs:
 
       - uses: actions/checkout@v2
 
-      - name: Remove other aspects
+      - name: Remove v11
         run: bit remove angular-v11 -s -f
 
+      - name: Remove v10
+        run: bit remove angular-v10 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v12
 
@@ -77,9 +80,12 @@ jobs:
 
       - uses: actions/checkout@v2
 
-      - name: Remove other aspects
+      - name: Remove v12
         run: bit remove angular-v12 -s -f
 
+      - name: Remove v10
+        run: bit remove angular-v10 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v11
 
@@ -108,3 +114,52 @@ jobs:
         with:
           name: debug-log
           path: $HOME/Library/Caches/Bit/logs
+
+  # Test angular-v10
+  v10:
+    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
+
+      - name: Remove v11
+        run: bit remove angular-v11 -s -f
+
+      - name: Add example app
+        run: bit add examples/demo-lib-v10
+
+      - name: Install dependencies
+        run: bit install
+
+      # Compile the aspects
+      - name: Bit compile aspects
+        run: bit compile ng-packagr angular-eslint-config angular angular-v10 --log
+
+      # Run bit link to regenerate the package.json of the example component
+      - name: Bit link
+        run: bit link
+
+      # Compile the example component
+      - name: Bit compile example
+        run: bit compile demo-lib-v10 --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

examples/demo-lib-v10/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-v10/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-v10/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-v10/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-v10/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-v10/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-v10/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-v10/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 {
+}