Match the default angular-cli style settings

Author: fskpf

e2e/src/app.e2e-spec.ts

@@ -1,28 +1,28 @@
-import { AppPage } from './app.po'
-import { browser, logging } from 'protractor'
+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
 
 describe('workspace-project App', () => {
-  let page: AppPage
+  let page: AppPage;
 
   beforeEach(() => {
-    page = new AppPage()
-  })
+    page = new AppPage();
+  });
 
   it('should display welcome message', () => {
-    page.navigateTo()
-    expect(page.getTitleText()).toEqual('yfiles-angular-cli-integration app is running!')
-  })
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('yfiles-angular-cli-integration app is running!');
+  });
 
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser
       .manage()
       .logs()
-      .get(logging.Type.BROWSER)
+      .get(logging.Type.BROWSER);
     expect(logs).not.toContain(
       jasmine.objectContaining({
         level: logging.Level.SEVERE
       } as logging.Entry)
-    )
-  })
-})
+    );
+  });
+});

e2e/src/app.po.ts

@@ -1,11 +1,11 @@
-import { browser, by, element } from 'protractor'
+import { browser, by, element } from 'protractor';
 
 export class AppPage {
   navigateTo() {
-    return browser.get(browser.baseUrl) as Promise<any>
+    return browser.get(browser.baseUrl) as Promise<any>;
   }
 
   getTitleText() {
-    return element(by.css('app-root .content span')).getText() as Promise<string>
+    return element(by.css('app-root .content span')).getText() as Promise<string>;
   }
 }

src/app/app.component.spec.ts

@@ -1,31 +1,31 @@
-import { TestBed, async } from '@angular/core/testing'
-import { AppComponent } from './app.component'
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [AppComponent]
-    }).compileComponents()
-  }))
+    }).compileComponents();
+  }));
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent)
-    const app = fixture.debugElement.componentInstance
-    expect(app).toBeTruthy()
-  })
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
 
   it(`should have as title 'yfiles-angular-cli-integration'`, () => {
-    const fixture = TestBed.createComponent(AppComponent)
-    const app = fixture.debugElement.componentInstance
-    expect(app.title).toEqual('yfiles-angular-cli-integration')
-  })
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('yfiles-angular-cli-integration');
+  });
 
   it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent)
-    fixture.detectChanges()
-    const compiled = fixture.debugElement.nativeElement
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
     expect(compiled.querySelector('.content span').textContent).toContain(
       'yfiles-angular-cli-integration app is running!'
-    )
-  })
-})
+    );
+  });
+});

src/app/app.component.ts

@@ -1,10 +1,10 @@
-import { Component } from '@angular/core'
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'yfiles-angular-cli-integration'
+  title = 'yfiles-angular-cli-integration';
 }

src/app/app.module.ts

@@ -1,8 +1,8 @@
-import { BrowserModule } from '@angular/platform-browser'
-import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
 
-import { AppComponent } from './app.component'
-import { GraphComponentComponent } from './graph-component/graph-component.component'
+import { AppComponent } from './app.component';
+import { GraphComponentComponent } from './graph-component/graph-component.component';
 
 @NgModule({
   declarations: [AppComponent, GraphComponentComponent],

src/app/graph-component/graph-component.component.spec.ts

@@ -1,24 +1,24 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing'
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { GraphComponentComponent } from './graph-component.component'
+import { GraphComponentComponent } from './graph-component.component';
 
 describe('GraphComponentComponent', () => {
-  let component: GraphComponentComponent
-  let fixture: ComponentFixture<GraphComponentComponent>
+  let component: GraphComponentComponent;
+  let fixture: ComponentFixture<GraphComponentComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [GraphComponentComponent]
-    }).compileComponents()
-  }))
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(GraphComponentComponent)
-    component = fixture.componentInstance
-    fixture.detectChanges()
-  })
+    fixture = TestBed.createComponent(GraphComponentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
 
   it('should create', () => {
-    expect(component).toBeTruthy()
-  })
-})
+    expect(component).toBeTruthy();
+  });
+});

src/app/graph-component/graph-component.component.ts

@@ -1,48 +1,48 @@
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'
-import { GraphComponent, GraphEditorInputMode, License, Point, Rect } from 'yfiles'
-import licenseData from '../../license.json'
+import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
+import { GraphComponent, GraphEditorInputMode, License, Point, Rect } from 'yfiles';
+import licenseData from '../../license.json';
 
-License.value = licenseData
+License.value = licenseData;
 
 @Component({
   selector: 'app-graph-component',
   templateUrl: './graph-component.component.html',
   styleUrls: ['./graph-component.component.css']
 })
 export class GraphComponentComponent implements AfterViewInit {
-  @ViewChild('graphComponentRef', { static: false }) graphComponentRef!: ElementRef
-  graphComponent!: GraphComponent
+  @ViewChild('graphComponentRef', { static: false }) graphComponentRef!: ElementRef;
+  graphComponent!: GraphComponent;
 
   ngAfterViewInit() {
     // instantiate a new GraphComponent
-    this.graphComponent = new GraphComponent(this.graphComponentRef.nativeElement)
+    this.graphComponent = new GraphComponent(this.graphComponentRef.nativeElement);
 
     // configure an input mode for out of the box editing
-    this.graphComponent.inputMode = new GraphEditorInputMode()
+    this.graphComponent.inputMode = new GraphEditorInputMode();
 
     // create some graph elements
-    this.createSampleGraph(this.graphComponent.graph)
+    this.createSampleGraph(this.graphComponent.graph);
 
     // center the newly created graph
-    this.graphComponent.fitGraphBounds()
+    this.graphComponent.fitGraphBounds();
   }
 
   createSampleGraph(graph) {
     // create some nodes
-    const node1 = graph.createNodeAt(new Point(30, 30))
-    const node2 = graph.createNodeAt(new Point(150, 30))
-    const node3 = graph.createNode(new Rect(230, 200, 60, 30))
+    const node1 = graph.createNodeAt(new Point(30, 30));
+    const node2 = graph.createNodeAt(new Point(150, 30));
+    const node3 = graph.createNode(new Rect(230, 200, 60, 30));
 
     // create some edges between the nodes
-    graph.createEdge(node1, node2)
-    graph.createEdge(node1, node3)
-    const edge = graph.createEdge(node2, node3)
+    graph.createEdge(node1, node2);
+    graph.createEdge(node1, node3);
+    const edge = graph.createEdge(node2, node3);
     // Creates the first bend for edge at (260, 30)
-    graph.addBend(edge, new Point(260, 30))
+    graph.addBend(edge, new Point(260, 30));
 
     // add labels to some graph elements
-    graph.addLabel(node1, 'n1')
-    graph.addLabel(node2, 'n2')
-    graph.addLabel(node3, 'n3')
+    graph.addLabel(node1, 'n1');
+    graph.addLabel(node2, 'n2');
+    graph.addLabel(node3, 'n3');
   }
 }

src/environments/environment.prod.ts

@@ -1,3 +1,3 @@
 export const environment = {
   production: true
-}
+};

src/environments/environment.ts

@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false
-}
+};
 
 /*
  * For easier debugging in development mode, you can import the following file

src/main.ts

@@ -1,13 +1,13 @@
-import { enableProdMode } from '@angular/core'
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module'
-import { environment } from './environments/environment'
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
 
 if (environment.production) {
-  enableProdMode()
+  enableProdMode();
 }
 
 platformBrowserDynamic()
   .bootstrapModule(AppModule)
-  .catch(err => console.error(err))
+  .catch(err => console.error(err));