Removed tests/handle types/handle Filereader busy

Author: facetrollex

README.md

@@ -1,11 +1,5 @@
 # FctrlxAngularFileToBase64
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project fctrlx-angular-file-to-base64` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project fctrlx-angular-file-to-base64`.
-> Note: Don't forget to add `--project fctrlx-file-to-base64` or else it will be added to the default project in your `angular.json` file. 
+--- TODO ---
 
 ## Build
 
@@ -14,11 +8,3 @@ Run `ng build fctrlx-file-to-base64` to build the project. The build artifacts w
 ## Publishing
 
 After building your library with `ng build fctrlx-file-to-base64`, go to the dist folder `cd dist/fctrlx-angular-file-to-base64` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test fctrlx-file-to-base64` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

karma.conf.js

@@ -1,6 +1,6 @@
 {
   "name": "fctrlx-file-to-base64",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0"

package.json

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

src/lib/converted.ts

@@ -1,4 +1,5 @@
 import { Directive, ElementRef, EventEmitter, Input, Output, OnInit, OnDestroy } from '@angular/core';
+import { Converted } from './converted';
 
 @Directive({
   selector: '[fileToBase64]'
@@ -13,33 +14,31 @@ export class FctrlxFileToBase64Directive implements OnInit, OnDestroy {
 
   private readonly TYPE_FILE: string = 'file';
 
-  private reader: FileReader = new FileReader();
-  private converted: any = [];
+  private converted: Array<Converted>  = [];
   private currentIndex: number = 0;
 
   constructor(private element: ElementRef) {}
 
   ngOnInit(): void {
     if(this.type === this.TYPE_FILE) {
       this.element.nativeElement.addEventListener('change', this.filesChanged.bind(this), false);
-
-      this.reader.onload = (file) => {
-        this.readFile(file)
-      }
     }
   }
 
   get isMultiple(): boolean {
     return !(typeof this.multiple === 'undefined');
   }
 
-  filesChanged(event) {
-    let files = event.target.files;
+  filesChanged(event: Event): void {
+    const files = (<HTMLInputElement>event.target).files;
 
     this.converted = [];
     this.currentIndex = 0;
 
-    Object.keys(files).forEach((key) => {
+    Object.keys(files).forEach( (key: string) => {
+      const reader = new FileReader();
+      reader.onload = (file) => this.storeBase64(file);
+
       const { name, size, type, base64 } = files[key];
 
       this.converted.push({
@@ -49,18 +48,18 @@ export class FctrlxFileToBase64Directive implements OnInit, OnDestroy {
         base64
       });
 
-      this.reader.readAsDataURL(files[key]);
+      reader.readAsDataURL(files[key]);
     });
 
     this.filesChange.next(this.isMultiple ? this.converted : this.converted[0]);
   }
 
-  readFile(file) {
+  storeBase64(file: { target }) {
     this.converted[this.currentIndex].base64 = file.target.result;
+    this.currentIndex++;
   }
 
   ngOnDestroy(): void {
     this.element.nativeElement.removeEventListener('change', this.filesChanged.bind(this), false);
-    this.reader.onload = null;
   }
 }

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

@@ -26,7 +26,5 @@
     "enableResourceInlining": true
   },
   "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
   ]
 }

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

@@ -8,10 +8,8 @@
     ]
   },
   "files": [
-    "src/test.ts"
   ],
   "include": [
-    "**/*.spec.ts",
     "**/*.d.ts"
   ]
 }