feat(bump): added strict mode, doesn't build in dist, should be resolved

Author: SvetlanaMuravlova

angular.json

@@ -10,13 +10,16 @@
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
+          "outputs": [
+            "./dist/ng2-file-upload"
+          ],
           "options": {
-            "tsConfig": "src/tsconfig.json",
+            "tsConfig": "src/tsconfig.lib.json",
             "project": "src/ng-package.json"
           },
           "configurations": {
             "production": {
-              "tsConfig": "src/tsconfig.prod.json"
+              "tsConfig": "src/tsconfig.lib.prod.json"
             }
           }
         }

demo/src/index.html

@@ -12,7 +12,7 @@
   <link rel="author" href="https://github.com/valor-software/ng2-file-upload/graphs/contributors">
 
   <!--link to bootstrap.css-->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <link rel="stylesheet" crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/style.css">
   <link rel="stylesheet" href="assets/css/prettify-angulario.css">
   <style media="screen">

demo/src/tsconfig.json

@@ -21,5 +21,10 @@
   ],
   "exclude": [
     "**/*.spec.ts"
-  ]
+  ],
+  "paths": {
+    "@ng2-file-upload": [
+      "../../dist/ng2-file-upload/index.ts"
+    ]
+  }
 }

package.json

@@ -104,7 +104,7 @@
     "tslint": "^6.1.0",
     "tslint-config-valorsoft": "^2.2.1",
     "typedoc": "0.20.36",
-    "typescript": "~4.1.5",
+    "typescript": "4.1.5",
     "wallaby-webpack": "^3.9.16",
     "webdriver-manager": "12.1.8",
     "zone.js": "~0.11.3"

scripts/polyfills.ts

@@ -1,21 +1,5 @@
 // This file includes polyfills needed by Angular 2 and is loaded before
 // the app. You can add your own extra polyfills to this file.
 import 'ts-helpers';
-import 'core-js/es/symbol';
-import 'core-js/es/object';
-import 'core-js/es/function';
-import 'core-js/es/parse-int';
-import 'core-js/es/parse-float';
-import 'core-js/es/number';
-import 'core-js/es/math';
-import 'core-js/es/string';
-import 'core-js/es/date';
-import 'core-js/es/array';
-import 'core-js/es/regexp';
-import 'core-js/es/map';
-import 'core-js/es/set';
-import 'core-js/es/reflect';
-
-import 'core-js/es/reflect';
 import 'zone.js/dist/zone';
 import 'classlist-polyfill';

src/file-upload/file-drop.directive.ts

@@ -4,7 +4,7 @@ import { FileUploader, FileUploaderOptions } from './file-uploader.class';
 
 @Directive({ selector: '[ng2FileDrop]' })
 export class FileDropDirective {
-  @Input() public uploader: FileUploader;
+  @Input() public uploader?: FileUploader;
   @Output() public fileOver: EventEmitter<any> = new EventEmitter();
   @Output() public onFileDrop: EventEmitter<File[]> = new EventEmitter<File[]>();
 
@@ -14,8 +14,8 @@ export class FileDropDirective {
     this.element = element;
   }
 
-  public getOptions(): FileUploaderOptions {
-    return this.uploader.options;
+  public getOptions(): FileUploaderOptions | void {
+    return this.uploader?.options;
   }
 
   public getFilters(): any {
@@ -32,7 +32,9 @@ export class FileDropDirective {
     let options = this.getOptions();
     let filters = this.getFilters();
     this._preventAndStop(event);
-    this.uploader.addToQueue(transfer.files, options, filters);
+    if (options) {
+      this.uploader?.addToQueue(transfer.files, options, filters);
+    }
     this.fileOver.emit(false);
     this.onFileDrop.emit(transfer.files);
   }

src/file-upload/file-item.class.ts

@@ -4,9 +4,9 @@ import { FileUploader, ParsedResponseHeaders, FileUploaderOptions } from './file
 export class FileItem {
   public file: FileLikeObject;
   public _file: File;
-  public alias: string;
-  public url: string = '/';
-  public method: string;
+  public alias?: string;
+  public url? = '/';
+  public method?: string;
   public headers: any = [];
   public withCredentials: boolean = true;
   public formData: any = [];
@@ -17,8 +17,8 @@ export class FileItem {
   public isCancel: boolean = false;
   public isError: boolean = false;
   public progress: number = 0;
-  public index: number = void 0;
-  public _xhr: XMLHttpRequest;
+  public index?: number;
+  public _xhr?: XMLHttpRequest;
   public _form: any;
 
   protected uploader: FileUploader;
@@ -111,7 +111,7 @@ export class FileItem {
     this.isCancel = false;
     this.isError = false;
     this.progress = 100;
-    this.index = void 0;
+    this.index = undefined;
     this.onSuccess(response, status, headers);
   }
 
@@ -123,7 +123,7 @@ export class FileItem {
     this.isCancel = false;
     this.isError = true;
     this.progress = 0;
-    this.index = void 0;
+    this.index = undefined;
     this.onError(response, status, headers);
   }
 
@@ -135,7 +135,7 @@ export class FileItem {
     this.isCancel = true;
     this.isError = false;
     this.progress = 0;
-    this.index = void 0;
+    this.index = undefined;
     this.onCancel(response, status, headers);
   }
 

src/file-upload/file-like-object.class.ts

@@ -5,8 +5,8 @@ function isElement(node: any): boolean {
 export class FileLikeObject {
   public lastModifiedDate: any;
   public size: any;
-  public type: string;
-  public name: string;
+  public type?: string;
+  public name?: string;
   public rawFile: string;
 
   public constructor(fileOrInput: any) {

src/file-upload/file-select.directive.ts

@@ -1,10 +1,10 @@
 import { Directive, EventEmitter, ElementRef, Input, HostListener, Output } from '@angular/core';
 
-import { FileUploader } from './file-uploader.class';
+import {FileUploader, FileUploaderOptions} from './file-uploader.class';
 
 @Directive({ selector: '[ng2FileSelect]' })
 export class FileSelectDirective {
-  @Input() public uploader: FileUploader;
+  @Input() public uploader?: FileUploader;
   @Output() public onFileSelected: EventEmitter<File[]> = new EventEmitter<File[]>();
 
   protected element: ElementRef;
@@ -13,8 +13,8 @@ export class FileSelectDirective {
     this.element = element;
   }
 
-  public getOptions(): any {
-    return this.uploader.options;
+  public getOptions(): FileUploaderOptions | void {
+    return this.uploader?.options;
   }
 
   public getFilters(): any {
@@ -30,10 +30,11 @@ export class FileSelectDirective {
     let files = this.element.nativeElement.files;
     let options = this.getOptions();
     let filters = this.getFilters();
+    if (options) {
+      this.uploader?.addToQueue(files, options, filters);
+    }
 
-    this.uploader.addToQueue(files, options, filters);
     this.onFileSelected.emit(files);
-
     if (this.isEmptyAfterSelection()) {
       this.element.nativeElement.value = '';
     }

src/file-upload/file-type.class.ts

@@ -62,26 +62,26 @@ export class FileType {
 
   public static getMimeClass(file: FileLikeObject): string {
     let mimeClass = 'application';
-    if (this.mime_psd.indexOf(file.type) !== -1) {
+    if (file?.type && this.mime_psd.indexOf(file.type) !== -1) {
       mimeClass = 'image';
-    } else if (file.type.match('image.*')) {
+    } else if (file?.type?.match('image.*')) {
       mimeClass = 'image';
-    } else if (file.type.match('video.*')) {
+    } else if (file?.type?.match('video.*')) {
       mimeClass = 'video';
-    } else if (file.type.match('audio.*')) {
+    } else if (file?.type?.match('audio.*')) {
       mimeClass = 'audio';
-    } else if (file.type === 'application/pdf') {
+    } else if (file?.type === 'application/pdf') {
       mimeClass = 'pdf';
-    } else if (this.mime_compress.indexOf(file.type) !== -1) {
+    } else if (file?.type && this.mime_compress.indexOf(file.type) !== -1) {
       mimeClass = 'compress';
-    } else if (this.mime_doc.indexOf(file.type) !== -1) {
+    } else if (file?.type && this.mime_doc.indexOf(file.type) !== -1) {
       mimeClass = 'doc';
-    } else if (this.mime_xsl.indexOf(file.type) !== -1) {
+    } else if (file?.type && this.mime_xsl.indexOf(file.type) !== -1) {
       mimeClass = 'xls';
-    } else if (this.mime_ppt.indexOf(file.type) !== -1) {
+    } else if (file?.type && this.mime_ppt.indexOf(file.type) !== -1) {
       mimeClass = 'ppt';
     }
-    if (mimeClass === 'application') {
+    if (mimeClass === 'application' && file?.name) {
       mimeClass = this.fileTypeDetection(file.name);
     }