Linting fixes/add /input type check message

Author: facetrollex

README.md

@@ -1,4 +1,4 @@
-# FctrlxAngularFileToBase64
+# FctrlxFileToBase64
 --- TODO ---
 
 ## Build

src/lib/converted.ts

@@ -1,6 +1,6 @@
 export interface Converted {
-    name: string;
-    size: number;
-    type: string;
-    base64?: string;
+  name: string;
+  size: number;
+  type: string;
+  base64?: string;
 }

src/lib/fctrlx-file-to-base64.directive.ts

@@ -1,32 +1,46 @@
-import { Directive, ElementRef, EventEmitter, Input, Output, OnInit, OnDestroy } from '@angular/core';
+import {
+  Directive,
+  ElementRef,
+  EventEmitter,
+  Input,
+  Output,
+  OnInit,
+  OnDestroy,
+} from '@angular/core';
 import { Converted } from './converted';
 
 @Directive({
-  selector: '[fileToBase64]'
+  selector: '[fileToBase64]',
 })
 export class FctrlxFileToBase64Directive implements OnInit, OnDestroy {
 
   @Input() files: any;
   @Input() type: string;
-  @Input() multiple: any;
+  @Input() multiple: undefined | null | string | boolean;
 
   @Output() filesChange: EventEmitter<any> = new EventEmitter();
 
   private readonly TYPE_FILE: string = 'file';
 
-  private converted: Array<Converted>  = [];
+  private converted: Converted[]  = [];
   private currentIndex: number = 0;
 
   constructor(private element: ElementRef) {}
 
   ngOnInit(): void {
-    if(this.type === this.TYPE_FILE) {
+    if (this.type === this.TYPE_FILE && this.isSupported) {
       this.element.nativeElement.addEventListener('change', this.filesChanged.bind(this), false);
-    }
-  }
+    } else {
+      let msg: string = 'fileToBase64 ';
 
-  get isMultiple(): boolean {
-    return !(typeof this.multiple === 'undefined');
+      if (!this.isSupported) {
+        msg += 'is not supported by your browser.';
+      } else {
+        msg += 'working only with input type=file.';
+      }
+
+      console.warn(msg, this.element.nativeElement);
+    }
   }
 
   filesChanged(event: Event): void {
@@ -35,17 +49,20 @@ export class FctrlxFileToBase64Directive implements OnInit, OnDestroy {
     this.converted = [];
     this.currentIndex = 0;
 
-    Object.keys(files).forEach( (key: string) => {
+    Object.keys(files).forEach((key: string) => {
       const reader = new FileReader();
-      reader.onload = (file) => this.storeBase64(file);
+
+      reader.onload = (file) => {
+        this.storeBase64(file);
+      };
 
       const { name, size, type, base64 } = files[key];
 
       this.converted.push({
         name,
         size,
         type,
-        base64
+        base64,
       });
 
       reader.readAsDataURL(files[key]);
@@ -56,7 +73,16 @@ export class FctrlxFileToBase64Directive implements OnInit, OnDestroy {
 
   storeBase64(file: { target }) {
     this.converted[this.currentIndex].base64 = file.target.result;
-    this.currentIndex++;
+    this.currentIndex = this.currentIndex + 1;
+  }
+
+  get isMultiple(): boolean {
+    return !(typeof this.multiple === 'undefined');
+  }
+
+  get isSupported(): boolean {
+    return !!((window as any).File && (window as any).FileReader &&
+              (window as any).FileList && window.Blob);
   }
 
   ngOnDestroy(): void {

tslint.json

@@ -1,17 +1,3 @@
 {
-  "extends": "../../tslint.json",
-  "rules": {
-    "directive-selector": [
-      true,
-      "attribute",
-      "lib",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "lib",
-      "kebab-case"
-    ]
-  }
+  "extends": "../../tslint.json"
 }