Merge branch 'develop' into migrate-to-angular-cli

.gitignore

@@ -41,3 +41,4 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+*~

.gitlab-ci.yml

@@ -9,7 +9,9 @@ build_job:
   script:
     - yarn install
     - yarn run build
+    - yarn run lint
     - yarn run test
+    - yarn run e2e
   tags:
     - javascript
   except:
@@ -25,7 +27,9 @@ build_job_production:
   script:
     - yarn install
     - yarn run build-prod
+    - yarn run lint
     - yarn run test
+    - yarn run e2e
   tags:
     - javascript
   only:

README.md

@@ -1,4 +1,14 @@
-# Convertorizr
+# convertorizr - Convert whatever you want!
+
+This is a short introduction to the awesome Convertorizr hosted at [https://conv.friedli.info/].
+
+Deployment is automated with Gitlab CI. Usage is self-explanatory. What else do you need to know?
+
+Contact the author at manuel-convertorizr|at|fritteli.ch.
+
+Cheers!
+
+# Technical stuff
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
 

e2e/app.e2e-spec.ts

@@ -1,4 +1,4 @@
-import { ConvertorizrPage } from './app.po';
+import {ConvertorizrPage} from './app.po';
 
 describe('convertorizr App', () => {
   let page: ConvertorizrPage;
@@ -9,6 +9,6 @@ describe('convertorizr App', () => {
 
   it('should display message saying app works', () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('app works!');
+    expect(page.getInputfieldContent(0)).toEqual('');
   });
 });

e2e/app.po.ts

@@ -1,11 +1,25 @@
-import { browser, element, by } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class ConvertorizrPage {
   navigateTo() {
     return browser.get('/');
   }
 
-  getParagraphText() {
-    return element(by.css('app-root h1')).getText();
+  public foo() {
+    return 'bar';
+  }
+
+  public getInputfieldContent(index: number): Promise<any> {
+    const css1 = by.css('app-root div.inputwrapper');
+    console.log(css1);
+    const el1 = element.all(css1)[index];
+    console.log(el1);
+    const css2 = by.css('.textwrapper textarea');
+    console.log(css2);
+    const el2 = el1.findElement(css2);
+    console.log(el2);
+    const t = el2.getText();
+    console.log(t);
+    return t;
   }
 }

karma.conf.js

@@ -7,38 +7,42 @@ module.exports = function (config) {
     frameworks: ['jasmine', '@angular/cli'],
     plugins: [
       require('karma-jasmine'),
-      require('karma-chrome-launcher'),
+      require('karma-phantomjs-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
       require('@angular/cli/plugins/karma')
     ],
-    client:{
+    client: {
+      captureConsole: true,
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     files: [
-      { pattern: './src/test.ts', watched: false }
+      {
+        pattern: './src/test.ts',
+        watched: false
+      }
     ],
     preprocessors: {
       './src/test.ts': ['@angular/cli']
     },
     mime: {
-      'text/x-typescript': ['ts','tsx']
+      'text/x-typescript': ['ts', 'tsx']
     },
     coverageIstanbulReporter: {
-      reports: [ 'html', 'lcovonly' ],
+      reports: ['html', 'lcovonly'],
       fixWebpackSourcePaths: true
     },
     angularCli: {
       environment: 'dev'
     },
     reporters: config.angularCli && config.angularCli.codeCoverage
-              ? ['progress', 'coverage-istanbul']
-              : ['progress', 'kjhtml'],
+      ? ['progress', 'coverage-istanbul']
+      : ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome'],
+    browsers: ['PhantomJS'],
     singleRun: false
   });
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "convertorizr",
-  "version": "1.0.1-dev",
+  "version": "1.1.1-dev",
   "description": "Decode or encode base64, punycode, HTML entities, URI components, ...",
   "keywords": [
     "encode",
@@ -15,7 +15,7 @@
   },
   "license": "MIT",
   "homepage": "https://manuel.pages.gittr.ch/dencode.org",
-  "repository":  {
+  "repository": {
     "type": "git",
     "url": "https://gittr.ch/manuel/dencode.org.git"
   },
@@ -24,7 +24,8 @@
     "start": "ng serve",
     "build": "ng build",
     "build-prod": "ng build --env=prod",
-    "test": "ng test",
+    "test": "ng test --single-run",
+    "test-continuous": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"
   },
@@ -37,12 +38,13 @@
     "@angular/http": "^4.0.0",
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
+    "@angular/router": "^4.0.0",
     "core-js": "^2.4.1",
-    "rxjs": "^5.1.0",
-    "zone.js": "^0.8.4",
+    "punycode": "^2.1.0",
     "quoted-printable": "^1.0.0",
+    "rxjs": "^5.1.0",
     "utf8": "^2.1.0",
-    "punycode": "^1.4.0"
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
     "@angular/cli": "^1.0.0",
@@ -51,14 +53,16 @@
     "@types/node": "^7.0.0",
     "codelyzer": "^2.0.0",
     "jasmine-core": "^2.5.2",
-    "jasmine-spec-reporter": "^3.2.0",
+    "jasmine-spec-reporter": "^4.0.0",
     "karma": "^1.4.1",
     "karma-chrome-launcher": "^2.0.0",
     "karma-cli": "^1.0.1",
-    "karma-coverage-istanbul-reporter": "^1.0.0",
+    "karma-coverage-istanbul-reporter": "^1.2.0",
     "karma-jasmine": "^1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-phantomjs-launcher": "^1.0.4",
     "protractor": "^5.1.0",
+    "protractor-console": "^2.0.1",
     "ts-node": "^3.0.0",
     "tslint": "^5.0.0",
     "typescript": "^2.2.0"

protractor.conf.js

@@ -1,7 +1,7 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 exports.config = {
   allScriptsTimeout: 11000,
@@ -25,6 +25,10 @@ exports.config = {
     });
   },
   onPrepare() {
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
+  plugins: [{
+    package: 'protractor-console',
+    logLevels: ['debug', 'info', 'warning', 'severe']
+  }]
 };

src/app/app-routing.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    children: []
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {
+}

src/app/app.component.html

@@ -12,5 +12,6 @@
       </select>
     </div>
   </div>
-  <div class="errormessage" *ngIf="step.error">{{step.message}}</div>
+  <div class="errormessage" *ngIf="step.error" [innerHTML]="step.message"></div>
 </div>
+<!--<router-outlet></router-outlet>-->

src/app/app.component.scss

@@ -12,53 +12,45 @@
   position: relative;
   background: #fff;
   border: 1px solid #aaa;
-}
-
-.arrow_box:focus {
-  border-color: #888;
-}
-
-.arrow_box:hover {
-  border-color: #333;
-}
-
-.arrow_box:after, .arrow_box:before {
-  top: 100%;
-  left: 50%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-}
-
-.arrow_box:after {
-  border-color: rgba(255, 255, 255, 0);
-  border-top-color: #fff;
-  border-width: 1em;
-  margin-left: -1em;
-}
-
-.arrow_box:before {
-  border-color: rgba(170, 170, 170, 0);
-  border-top-color: #aaa;
-  border-width: calc(1em + 1px);
-  margin-left: calc(-1em - 1px);
-}
-
-.arrow_box:focus:before {
-  border-color: rgba(136, 136, 136, 0);
-  border-top-color: #888;
-}
-
-.arrow_box:hover:before {
-  border-color: rgba(51, 51, 51, 0);
-  border-top-color: #333;
-}
-
-.selectwrapper > .arrow_box {
-  display: inline-block;
+  &:focus {
+    border-color: #888;
+  }
+  &:hover {
+    border-color: #333;
+  }
+  &:after, &:before {
+    top: 100%;
+    left: 50%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+  &:after {
+    border-color: rgba(255, 255, 255, 0);
+    border-top-color: #fff;
+    border-width: 1em;
+    margin-left: -1em;
+  }
+  &:before {
+    border-color: rgba(170, 170, 170, 0);
+    border-top-color: #aaa;
+    border-width: calc(1em + 1px);
+    margin-left: calc(-1em - 1px);
+  }
+  &:focus:before {
+    border-color: rgba(136, 136, 136, 0);
+    border-top-color: #888;
+  }
+  &:hover:before {
+    border-color: rgba(51, 51, 51, 0);
+    border-top-color: #333;
+  }
+  .selectwrapper > & {
+    display: inline-block;
+  }
 }
 
 .textinput {
@@ -71,20 +63,29 @@
   padding: 0.5em;
   resize: vertical;
   width: 100%;
-}
-
-.textinput:focus {
-  border-color: #888;
-}
-
-.textinput:hover {
-  border-color: #333;
+  &:focus {
+    border-color: #888;
+  }
+  &:hover {
+    border-color: #333;
+  }
 }
 
 .selectwrapper {
   margin: 0 0 1em 0;
   padding: 0;
   text-align: center;
+  &.error {
+    > .arrow_box {
+      border-color: red;
+      &:before {
+        border-top-color: red;
+      }
+    }
+    select {
+      color: red;
+    }
+  }
 }
 
 .select {
@@ -100,18 +101,6 @@
   /*    font-family: "ABeeZee", sans-serif;*/
 }
 
-.selectwrapper.error > .arrow_box {
-  border-color: red;
-}
-
-.selectwrapper.error > .arrow_box:before {
-  border-top-color: red;
-}
-
-.selectwrapper.error select {
-  color: red;
-}
-
 .errormessage {
   color: red;
   text-align: center;

src/app/app.component.spec.ts

@@ -1,32 +1,54 @@
-import {async, TestBed} from "@angular/core/testing";
-
-import {AppComponent} from "./app.component";
+import {AppComponent} from './app.component';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {InputComponentManagerService} from './inputcomponentmanager.service';
+import {Step} from './step';
 
 describe('AppComponent', () => {
+  let sut: AppComponent;
+  let fixture: ComponentFixture<AppComponent>;
+  const firstStep: Step = new Step(0);
+
+  const inputComponentManagerServiceStub = {
+    getFirst: () => {
+      return firstStep;
+    }
+  };
+
   beforeEach(async(() => {
+    /*return */
     TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
+      declarations: [AppComponent],
+      providers: [{
+        provide: InputComponentManagerService, useValue: inputComponentManagerServiceStub
+      }]
+    })
+      .compileComponents();
   }));
 
-  it('should create the app', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  }));
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AppComponent);
+    sut = fixture.componentInstance;
+  });
+  // beforeEach(async(() => {
+  //   TestBed.configureTestingModule({
+  //     imports: [
+  //       RouterTestingModule
+  //     ],
+  //     declarations: [
+  //       AppComponent
+  //     ],
+  //   }).compileComponents();
+  // }));
 
-  // it(`should have as title 'app works!'`, async(() => {
+  it('should be true that true is true', () => {
+    expect(true).toBe(true);
+  });
+
+  // it('should create the app', async(() => {
   //   const fixture = TestBed.createComponent(AppComponent);
   //   const app = fixture.debugElement.componentInstance;
-  //   expect(app.title).toEqual('app works!');
+  //   expect(app).toBeTruthy();
   // }));
 
-  // it('should render title in a h1 tag', async(() => {
-  //   const fixture = TestBed.createComponent(AppComponent);
-  //   fixture.detectChanges();
-  //   const compiled = fixture.debugElement.nativeElement;
-  //   expect(compiled.querySelector('h1').textContent).toContain('app works!');
-  // }));
+
 });

src/app/app.component.ts

@@ -1,9 +1,9 @@
-import {Component, OnInit} from "@angular/core";
-import {NativeLibraryWrapperService} from "./nativelibrarywrapper.service";
-import {InputComponentManagerService} from "./inputcomponentmanager.service";
-import {ConverterRegistryService} from "./converterregistry.service";
-import {Step} from "./step";
-import {Converter} from "./converter/converter";
+import {Component, OnInit} from '@angular/core';
+import {ConverterRegistryService} from './converterregistry.service';
+import {InputComponentManagerService} from './inputcomponentmanager.service';
+import {NativeLibraryWrapperService} from './nativelibrarywrapper.service';
+import {Step} from './step';
+import {Converter} from './converter/converter';
 
 @Component({
   selector: 'app-root',
@@ -15,7 +15,8 @@ export class AppComponent implements OnInit {
   public steps: Step[] = [];
   public converters: Converter[] = [];
 
-  constructor(private converterRegistryService: ConverterRegistryService, private inputComponentManagerService: InputComponentManagerService) {
+  constructor(private converterRegistryService: ConverterRegistryService,
+              private inputComponentManagerService: InputComponentManagerService) {
   }
 
   convert(step: Step, $event: any): void {
@@ -24,15 +25,15 @@ export class AppComponent implements OnInit {
   }
 
   update(step: Step): void {
-    let converter: Converter = step.selectedConverter;
+    const converter: Converter = step.selectedConverter;
 
     if (converter !== undefined) {
-      let content: string = step.content;
+      const content: string = step.content;
       let result: string;
       try {
         result = converter.convert(content);
       } catch (error) {
-        if (typeof console === "object" && typeof console.log === "function") {
+        if (typeof console === 'object' && typeof console.log === 'function') {
           console.log(error);
         }
         step.message = error.message;
@@ -40,10 +41,10 @@ export class AppComponent implements OnInit {
         result = null;
       }
       if (result !== null) {
-        step.message = "";
+        step.message = '';
         step.error = false;
-        if (result !== "") {
-          let nextComponent: Step = this.inputComponentManagerService.getNext(step);
+        if (result !== '') {
+          const nextComponent: Step = this.inputComponentManagerService.getNext(step);
           nextComponent.content = result;
           this.update(nextComponent);
         }

src/app/app.module.ts

@@ -1,8 +1,10 @@
-import {BrowserModule} from "@angular/platform-browser";
-import {NgModule} from "@angular/core";
-import {FormsModule} from "@angular/forms";
+import {BrowserModule} from '@angular/platform-browser';
+import {NgModule} from '@angular/core';
+import {FormsModule} from '@angular/forms';
+import {HttpModule} from '@angular/http';
 
-import {AppComponent} from "./app.component";
+import {AppRoutingModule} from './app-routing.module';
+import {AppComponent} from './app.component';
 
 @NgModule({
   declarations: [
@@ -10,7 +12,9 @@ import {AppComponent} from "./app.component";
   ],
   imports: [
     BrowserModule,
-    FormsModule
+    FormsModule,
+    HttpModule,
+    AppRoutingModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/converter/base64decoder.ts

@@ -1,19 +1,19 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class Base64Decoder implements Converter {
   getDisplayname(): string {
-    return "Decode Base 64";
+    return 'Decode Base 64';
   }
 
   getId(): string {
-    return "base64decode";
+    return 'base64decode';
   }
 
   convert(input: string): string {
     try {
       return atob(input);
     } catch (exception) {
-      throw new Error("Could not decode base64 string. Maybe corrupt input?");
+      throw new Error('Could not decode base64 string. Maybe corrupt input?');
     }
   }
 }

src/app/converter/base64encoder.ts

@@ -1,19 +1,22 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class Base64Encoder implements Converter {
   getDisplayname(): string {
-    return "Encode Base 64";
+    return 'Encode Base 64';
   }
 
   getId(): string {
-    return "base64encode";
+    return 'base64encode';
   }
 
   convert(input: string): string {
     try {
       return btoa(input);
     } catch (exception) {
-      throw new Error("Could not encode base64 string. This should not happen, so why don't you just try again?");
+      console.error(exception);
+      throw new Error('Ouch! Looks like you\'ve got a UTF-8 character there. Too bad, this is not supported yet. '
+        + 'We\'re working on it and hope to be ready soon! Why don\'t you '
+        + '<a href="https://duckduckgo.com/?q=cute+kitties&iar=images">enjoy some kittens</a> meanwhile?');
     }
   }
 }

src/app/converter/bintodecconverter.ts

@@ -1,18 +1,18 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class BinToDecConverter implements Converter {
   getDisplayname(): string {
-    return "Convert binary to decimal";
+    return 'Convert binary to decimal';
   }
 
   getId(): string {
-    return "bintodec";
+    return 'bintodec';
   }
 
   convert(input: string): string {
-    let n: number = parseInt(input, 2);
+    const n: number = parseInt(input, 2);
     if (isNaN(n)) {
-      throw new Error("The input seems not to be a valid binary number.");
+      throw new Error('The input seems not to be a valid binary number.');
     }
     return n.toString(10);
   }

src/app/converter/dectobinconverter.ts

@@ -1,18 +1,18 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class DecToBinConverter implements Converter {
   getDisplayname(): string {
-    return "Convert decimal to binary";
+    return 'Convert decimal to binary';
   }
 
   getId(): string {
-    return "dectobin";
+    return 'dectobin';
   }
 
   convert(input: string): string {
-    let n: number = parseInt(input, 10);
+    const n: number = parseInt(input, 10);
     if (isNaN(n)) {
-      throw new Error("The input seems not to be a valid integer.");
+      throw new Error('The input seems not to be a valid integer.');
     }
     return n.toString(2);
   }

src/app/converter/dectohexconverter.ts

@@ -1,18 +1,18 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class DecToHexConverter implements Converter {
   getDisplayname(): string {
-    return "Convert decimal to hexadecimal";
+    return 'Convert decimal to hexadecimal';
   }
 
   getId(): string {
-    return "dectohex";
+    return 'dectohex';
   }
 
   convert(input: string): string {
-    let n: number = parseInt(input, 10);
+    const n: number = parseInt(input, 10);
     if (isNaN(n)) {
-      throw new Error("The input seems not to be a valid integer.");
+      throw new Error('The input seems not to be a valid integer.');
     }
     return n.toString(16);
   }

src/app/converter/hextodecconverter.ts

@@ -1,18 +1,18 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class HexToDecConverter implements Converter {
   getDisplayname(): string {
-    return "Convert hexadecimal to decimal";
+    return 'Convert hexadecimal to decimal';
   }
 
   getId(): string {
-    return "hextodec";
+    return 'hextodec';
   }
 
   convert(input: string): string {
-    let n: number = parseInt(input, 16);
+    const n: number = parseInt(input, 16);
     if (isNaN(n)) {
-      throw new Error("The input seems not to be a valid hexadecimal number.")
+      throw new Error('The input seems not to be a valid hexadecimal number.');
     }
     return n.toString(10);
   }

src/app/converter/htmlentitiesdecoder.ts

@@ -1,19 +1,19 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class HTMLEntitiesDecoder implements Converter {
   getDisplayname(): string {
-    return "Decode HTML entities";
+    return 'Decode HTML entities';
   }
 
   getId(): string {
-    return "decodehtmlentities";
+    return 'decodehtmlentities';
   }
 
   convert(input: string): string {
     return input
-      .replace(/\&quot\;/g, "\"")
-      .replace(/\&gt\;/g, ">")
-      .replace(/\&lt\;/g, "<")
-      .replace(/\&amp\;/g, "&");
+      .replace(/\&quot\;/g, '"')
+      .replace(/\&gt\;/g, '>')
+      .replace(/\&lt\;/g, '<')
+      .replace(/\&amp\;/g, '&');
   }
 }

src/app/converter/htmlentitiesencoder.ts

@@ -1,19 +1,19 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class HTMLEntitiesEncoder implements Converter {
   getDisplayname(): string {
-    return "Encode HTML entities";
+    return 'Encode HTML entities';
   }
 
   getId(): string {
-    return "encodehtmlentities";
+    return 'encodehtmlentities';
   }
 
   convert(input: string): string {
     return input
-      .replace(/\&/g, "&")
-      .replace(/\</g, "&lt;")
-      .replace(/\>/g, "&gt;")
-      .replace(/\"/g, "&quot;");
+      .replace(/\&/g, '&amp;')
+      .replace(/\</g, '&lt;')
+      .replace(/\>/g, '&gt;')
+      .replace(/\"/g, '&quot;');
   }
 }

src/app/converter/punycodedecoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class PunycodeDecoder implements Converter {
 
@@ -7,11 +7,11 @@ export class PunycodeDecoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Decode from punycode";
+    return 'Decode from punycode';
   }
 
   getId(): string {
-    return "decodepunycode";
+    return 'decodepunycode';
   }
 
   convert(input: string): string {

src/app/converter/punycodeencoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class PunycodeEncoder implements Converter {
 
@@ -7,11 +7,11 @@ export class PunycodeEncoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Encode as punycode";
+    return 'Encode as punycode';
   }
 
   getId(): string {
-    return "encodepunycode";
+    return 'encodepunycode';
   }
 
   convert(input: string): string {

src/app/converter/quotedprintabledecoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class QuotedPrintableDecoder implements Converter {
 
@@ -7,18 +7,18 @@ export class QuotedPrintableDecoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Decode quoted printable";
+    return 'Decode quoted printable';
   }
 
   getId(): string {
-    return "decodequotedprintable";
+    return 'decodequotedprintable';
   }
 
   convert(input: string): string {
     try {
       return this.nativeLibraryWrapperService.quotedPrintable.decode(input);
     } catch (error) {
-      throw new Error("The input can not be interpreted as quoted-printable. May be corrupt?");
+      throw new Error('The input can not be interpreted as quoted-printable. May be corrupt?');
     }
   }
 }

src/app/converter/quotedprintableencoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class QuotedPrintableEncoder implements Converter {
 
@@ -7,11 +7,11 @@ export class QuotedPrintableEncoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Encode quoted printable";
+    return 'Encode quoted printable';
   }
 
   getId(): string {
-    return "encodequotedprintable";
+    return 'encodequotedprintable';
   }
 
   convert(input: string): string {

src/app/converter/uricomponentdecoder.ts

@@ -1,12 +1,12 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class URIComponentDecoder implements Converter {
   getDisplayname(): string {
-    return "Decode URI component";
+    return 'Decode URI component';
   }
 
   getId(): string {
-    return "uricomponentdecode";
+    return 'uricomponentdecode';
   }
 
   convert(input: string): string {

src/app/converter/uricomponentencoder.ts

@@ -1,12 +1,12 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class URIComponentEncoder implements Converter {
   getDisplayname(): string {
-    return "Encode URI component";
+    return 'Encode URI component';
   }
 
   getId(): string {
-    return "uricomponentencode";
+    return 'uricomponentencode';
   }
 
   convert(input: string): string {

src/app/converter/uridecoder.ts

@@ -1,12 +1,12 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class URIDecoder implements Converter {
   getDisplayname(): string {
-    return "Decode URI";
+    return 'Decode URI';
   }
 
   getId(): string {
-    return "uridecode";
+    return 'uridecode';
   }
 
   convert(input: string): string {

src/app/converter/uriencoder.ts

@@ -1,12 +1,12 @@
-import {Converter} from "./converter";
+import {Converter} from './converter';
 
 export class URIEncoder implements Converter {
   getDisplayname(): string {
-    return "Encode URI";
+    return 'Encode URI';
   }
 
   getId(): string {
-    return "uriencode";
+    return 'uriencode';
   }
 
   convert(input: string): string {

src/app/converter/utf8decoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class UTF8Decoder implements Converter {
 
@@ -7,18 +7,18 @@ export class UTF8Decoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Decode UTF-8";
+    return 'Decode UTF-8';
   }
 
   getId(): string {
-    return "decodeutf8";
+    return 'decodeutf8';
   }
 
   convert(input: string): string {
     try {
       return this.nativeLibraryWrapperService.utf8.decode(input);
     } catch (error) {
-      throw new Error("The input can not be interpreted a valid UTF-8 encoded string. May be corrupt?");
+      throw new Error('The input can not be interpreted a valid UTF-8 encoded string. May be corrupt?');
     }
   }
 }

src/app/converter/utf8encoder.ts

@@ -1,5 +1,5 @@
-import {Converter} from "./converter";
-import {NativeLibraryWrapperService} from "../nativelibrarywrapper.service";
+import {Converter} from './converter';
+import {NativeLibraryWrapperService} from '../nativelibrarywrapper.service';
 
 export class UTF8Encoder implements Converter {
 
@@ -7,18 +7,18 @@ export class UTF8Encoder implements Converter {
   }
 
   getDisplayname(): string {
-    return "Encode UTF-8";
+    return 'Encode UTF-8';
   }
 
   getId(): string {
-    return "encodeutf8";
+    return 'encodeutf8';
   }
 
   convert(input: string): string {
     try {
       return this.nativeLibraryWrapperService.utf8.encode(input);
     } catch (error) {
-      throw new Error("The input can not be encoded as UTF-8. May be corrupt?");
+      throw new Error('The input can not be encoded as UTF-8. May be corrupt?');
     }
   }
 }

src/app/converterregistry.service.ts

@@ -1,24 +1,24 @@
-import {Injectable} from "@angular/core";
-import {Converter} from "./converter/converter";
-import {Base64Encoder} from "./converter/base64encoder";
-import {Base64Decoder} from "./converter/base64decoder";
-import {URIEncoder} from "./converter/uriencoder";
-import {URIDecoder} from "./converter/uridecoder";
-import {URIComponentEncoder} from "./converter/uricomponentencoder";
-import {URIComponentDecoder} from "./converter/uricomponentdecoder";
-import {HTMLEntitiesEncoder} from "./converter/htmlentitiesencoder";
-import {HTMLEntitiesDecoder} from "./converter/htmlentitiesdecoder";
-import {DecToHexConverter} from "./converter/dectohexconverter";
-import {HexToDecConverter} from "./converter/hextodecconverter";
-import {DecToBinConverter} from "./converter/dectobinconverter";
-import {BinToDecConverter} from "./converter/bintodecconverter";
-import {QuotedPrintableDecoder} from "./converter/quotedprintabledecoder";
-import {QuotedPrintableEncoder} from "./converter/quotedprintableencoder";
-import {NativeLibraryWrapperService} from "./nativelibrarywrapper.service";
-import {PunycodeEncoder} from "./converter/punycodeencoder";
-import {PunycodeDecoder} from "./converter/punycodedecoder";
-import {UTF8Encoder} from "./converter/utf8encoder";
-import {UTF8Decoder} from "./converter/utf8decoder";
+import {Injectable} from '@angular/core';
+import {Converter} from './converter/converter';
+import {Base64Encoder} from './converter/base64encoder';
+import {Base64Decoder} from './converter/base64decoder';
+import {URIEncoder} from './converter/uriencoder';
+import {URIDecoder} from './converter/uridecoder';
+import {URIComponentEncoder} from './converter/uricomponentencoder';
+import {URIComponentDecoder} from './converter/uricomponentdecoder';
+import {HTMLEntitiesEncoder} from './converter/htmlentitiesencoder';
+import {HTMLEntitiesDecoder} from './converter/htmlentitiesdecoder';
+import {DecToHexConverter} from './converter/dectohexconverter';
+import {HexToDecConverter} from './converter/hextodecconverter';
+import {DecToBinConverter} from './converter/dectobinconverter';
+import {BinToDecConverter} from './converter/bintodecconverter';
+import {QuotedPrintableDecoder} from './converter/quotedprintabledecoder';
+import {QuotedPrintableEncoder} from './converter/quotedprintableencoder';
+import {NativeLibraryWrapperService} from './nativelibrarywrapper.service';
+import {PunycodeEncoder} from './converter/punycodeencoder';
+import {PunycodeDecoder} from './converter/punycodedecoder';
+import {UTF8Encoder} from './converter/utf8encoder';
+import {UTF8Decoder} from './converter/utf8decoder';
 
 @Injectable()
 export class ConverterRegistryService {
@@ -34,7 +34,7 @@ export class ConverterRegistryService {
 
   public getConverter(id: string): Converter {
     for (let i = 0; i < this.converters.length; i++) {
-      if (this.converters[i].getId() == id) {
+      if (this.converters[i].getId() === id) {
         return this.converters[i];
       }
     }
@@ -64,8 +64,8 @@ export class ConverterRegistryService {
 
   private registerConverter(converter: Converter): void {
     this.converters.forEach((c: Converter) => {
-      if (c.getId() == converter.getId()) {
-        throw new Error("Converter-ID " + converter.getId() + " is already registered!");
+      if (c.getId() === converter.getId()) {
+        throw new Error('Converter-ID ' + converter.getId() + ' is already registered!');
       }
     });
     this.converters.push(converter);

src/app/inputcomponentmanager.service.ts

@@ -1,5 +1,5 @@
-import {Injectable} from "@angular/core";
-import {Step} from "./step";
+import {Injectable} from '@angular/core';
+import {Step} from './step';
 
 @Injectable()
 export class InputComponentManagerService {
@@ -17,15 +17,15 @@ export class InputComponentManagerService {
   }
 
   public getNext(component: Step): Step {
-    let index: number = component.index;
-    if (index == this.components.length - 1) {
+    const index: number = component.index;
+    if (index === this.components.length - 1) {
       this.addComponent();
     }
     return this.components[index + 1];
   }
 
   public getFirst(): Step {
-    if (this.components.length == 0) {
+    if (this.components.length === 0) {
       this.addComponent();
     }
     return this.components[0];

src/app/nativelibrarywrapper.service.ts

@@ -1,10 +1,10 @@
-import {Injectable} from "@angular/core";
-import {Punycode} from "./punycode";
-import {Utf8} from "./utf8";
-import {QuotedPrintable} from "./quotedprintable";
-import * as QuotedPrintableNative from "quoted-printable";
-import * as Utf8Native from "utf8";
-import * as PunycodeNative from "punycode";
+import {Injectable} from '@angular/core';
+import {Punycode} from './punycode';
+import {Utf8} from './utf8';
+import {QuotedPrintable} from './quotedprintable';
+import * as NativeUtf8 from 'utf8';
+import * as NativeQuotedPrintable from 'quoted-printable';
+import * as NativePunycode from 'punycode';
 
 @Injectable()
 export class NativeLibraryWrapperService {
@@ -13,8 +13,8 @@ export class NativeLibraryWrapperService {
   public punycode: Punycode;
 
   constructor() {
-    this.utf8 = Utf8Native;
-    this.quotedPrintable = QuotedPrintableNative;
-    this.punycode = PunycodeNative;
+    this.utf8 = NativeUtf8;
+    this.quotedPrintable = NativeQuotedPrintable;
+    this.punycode = NativePunycode;
   }
 }

src/app/step.ts

@@ -1,11 +1,11 @@
-import {Converter} from "./converter/converter";
+import {Converter} from './converter/converter';
 
 export class Step {
-  public content: string = "";
+  public content = '';
   public selectedConverter: Converter = undefined;
   public index: number;
-  public error: boolean = false;
-  public message: string = "";
+  public error = false;
+  public message = '';
 
   constructor(index: number) {
     this.index = index;

src/index.html

@@ -2,9 +2,10 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>Convertorizr</title>
   <base href="/">
-
+  <!-- sha256sum: b67da665e68244f0009b1217a9c126c1377de6ec20b934d1d90b001e16571e6b -->
+  <script>document.getElementsByTagName('base')[0].setAttribute('href', window.location.pathname);</script>
+  <title>Convertorizr - Convert whatever you want!</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>

src/main.ts

@@ -1,8 +1,8 @@
-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();

src/polyfills.ts

@@ -13,48 +13,36 @@
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-
 /***************************************************************************************************
  * BROWSER POLYFILLS
  */
-
 /** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/set';
-
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
 // import 'classlist.js';  // Run `npm install --save classlist.js`.
-
 /** IE10 and IE11 requires the following to support `@angular/animation`. */
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
 /** Evergreen browsers require these. **/
 import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
-
-
 /** ALL Firefox browsers require the following to support `@angular/animation`. **/
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
+import 'zone.js/dist/zone'; // Included with Angular CLI.
 
 
 /***************************************************************************************************

src/test.ts

@@ -6,18 +6,16 @@ import 'zone.js/dist/sync-test';
 import 'zone.js/dist/jasmine-patch';
 import 'zone.js/dist/async-test';
 import 'zone.js/dist/fake-async-test';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+import {getTestBed} from '@angular/core/testing';
+import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@angular/platform-browser-dynamic/testing';
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
-declare var __karma__: any;
-declare var require: any;
+declare const __karma__: any;
+declare const require: any;
 
 // Prevent Karma from running prematurely.
-__karma__.loaded = function () {};
+__karma__.loaded = function () {
+};
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(