add support for Angular v8

Closes #6

Author: ocombe

.github/workflows/main.yml

@@ -40,6 +40,9 @@ jobs:
       - name: Remove v9
         run: bit remove angular-v9 -s -f
 
+      - name: Remove v8
+        run: bit remove angular-v8 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v12
 
@@ -92,6 +95,9 @@ jobs:
       - name: Remove v9
         run: bit remove angular-v9 -s -f
 
+      - name: Remove v8
+        run: bit remove angular-v8 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v11
 
@@ -144,6 +150,9 @@ jobs:
       - name: Remove v9
         run: bit remove angular-v9 -s -f
 
+      - name: Remove v8
+        run: bit remove angular-v8 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v10
 
@@ -196,6 +205,9 @@ jobs:
       - name: Remove v10
         run: bit remove angular-v10 -s -f
 
+      - name: Remove v8
+        run: bit remove angular-v8 -s -f
+
       - name: Add example app
         run: bit add examples/demo-lib-v9
 
@@ -212,7 +224,62 @@ jobs:
 
       # Compile the example component
       - name: Bit compile example
-        run: bit compile demo-lib-v10 --log
+        run: bit compile demo-lib-v9 --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-v8
+  v8:
+    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: Remove v10
+        run: bit remove angular-v10 -s -f
+
+      - name: Remove v9
+        run: bit remove angular-v9 -s -f
+
+      - name: Add example app
+        run: bit add examples/demo-lib-v8
+
+      - name: Install dependencies
+        run: bit install
+
+      # Compile the aspects
+      - name: Bit compile aspects
+        run: bit compile ng-packagr angular-eslint-config angular angular-v8 --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-v8 --log
 
       - name: Bit test
         run: bit test --log

examples/demo-lib-v8/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-v8/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-v8/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-v8/src/bit-test.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { BitTestComponent } from './bit-test.component';
+import { BitTestService } from './bit-test.service';
+import { BitTest2Component } from './bit-test2.component';
+
+@NgModule({
+  declarations: [
+    BitTestComponent,
+    BitTest2Component
+  ],
+  providers: [BitTestService],
+  exports: [
+    BitTestComponent,
+    BitTest2Component
+  ]
+})
+export class BitTestModule {}

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

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

examples/demo-lib-v8/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-v8/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-v8/src/compositions/bit-test.composition.ts

@@ -0,0 +1,17 @@
+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({
+  entryComponents: [CompositionComponent],
+  declarations: [CompositionComponent],
+  imports: [BitTestModule],
+  bootstrap: [CompositionComponent]
+})
+export class CompositionModule {
+}

packages/angular-v10/angular-v10.env.ts

@@ -79,7 +79,7 @@ export class AngularV10Env extends AngularEnv {
         '@angular/platform-browser': '~10.2.5',
         '@angular/platform-browser-dynamic': '~10.2.5',
         rxjs: '^6.6.3',
-        'zone.js': '^0.10.3',
+        'zone.js': '~0.10.3',
         typescript: '~4.0.2',
       },
     };