Expose error callbacks, prevent always setting header

this allows debugging our local app these weird errors appearing
in the header. it also allows us to send the errors to rollbar instead
of informing the user. Which is usefull for development,
but kinda terrible for production systems.

fix webpack build script

Author: jappeace

scripts/build-webpack.sh

@@ -1,4 +1,4 @@
-#!/bin/bash
+#!/usr/bin/env bash
 ## Build Script
 echo 'Initiating webpack build sequence.'
 

src/core.ts

@@ -250,6 +250,9 @@ export type QrcodeSuccessCallback
 export type QrcodeErrorCallback
     = (errorMessage: string, error: Html5QrcodeError) => void;
 
+export type StartErrorCallback
+    = (error: Html5QrcodeError) => void;
+
 /** Code decoder interface. */
 export interface QrcodeDecoderAsync {
     /**

src/html5-qrcode-scanner.ts

@@ -12,6 +12,7 @@ import {
     Html5QrcodeConstants,
     Html5QrcodeScanType,
     QrcodeSuccessCallback,
+    StartErrorCallback,
     QrcodeErrorCallback,
     Html5QrcodeResult,
     Html5QrcodeError,
@@ -196,6 +197,9 @@ export class Html5QrcodeScanner {
     private cameraScanImage: HTMLImageElement | null = null;
     private fileScanImage: HTMLImageElement | null = null;
     private fileSelectionUi: FileSelectionUi | null = null;
+
+    public startErrorCallback: StartErrorCallback;
+    public torchButtonErrorCallback: StartErrorCallback;
     //#endregion
 
     /**
@@ -228,6 +232,15 @@ export class Html5QrcodeScanner {
         if (config!.rememberLastUsedCamera !== true) {
             this.persistedDataManager.reset();
         }
+        const $this = this;
+
+        const warnUserViaHeader : StartErrorCallback = (error) => {
+               $this.setHeaderMessage(
+                   error.toString(), Html5QrcodeScannerStatus.STATUS_WARNING);
+            };
+
+        this.startErrorCallback = warnUserViaHeader;
+        this.torchButtonErrorCallback = warnUserViaHeader;
     }
 
     /**
@@ -584,8 +597,7 @@ export class Html5QrcodeScanner {
                 // time.
                 createPermissionButtonIfNotExists();
             }
-            $this.setHeaderMessage(
-                error, Html5QrcodeScannerStatus.STATUS_WARNING);
+            $this.startErrorCallback(error);
             $this.showHideScanTypeSwapLink(true);
         });
     }
@@ -765,6 +777,7 @@ export class Html5QrcodeScanner {
 
         // Optional torch button support.
         let torchButton: TorchButton;
+
         const createAndShowTorchButtonIfSupported
             = (cameraCapabilities: CameraCapabilities) => {
             if (!cameraCapabilities.torchFeature().isSupported()) {
@@ -782,9 +795,7 @@ export class Html5QrcodeScanner {
                     { display: "none", marginLeft: "5px" },
                     // Callback in case of torch action failure.
                     (errorMessage) => {
-                        $this.setHeaderMessage(
-                            errorMessage,
-                            Html5QrcodeScannerStatus.STATUS_WARNING);
+                        $this.torchButtonErrorCallback(Html5QrcodeErrorFactory.createFrom(errorMessage))
                     }
                 );
             } else {
@@ -996,13 +1007,13 @@ export class Html5QrcodeScanner {
         }
     }
 
-    private resetHeaderMessage() {
+    public resetHeaderMessage() {
         const messageDiv = document.getElementById(
             this.getHeaderMessageContainerId())!;
         messageDiv.style.display = "none";
     }
 
-    private setHeaderMessage(
+    public setHeaderMessage(
         messageText: string, scannerStatus?: Html5QrcodeScannerStatus) {
         if (!scannerStatus) {
             scannerStatus = Html5QrcodeScannerStatus.STATUS_DEFAULT;

src/html5-qrcode.ts

@@ -363,7 +363,7 @@ export class Html5Qrcode {
     ): Promise<null> {
 
         // Code will be consumed as javascript.
-        if (!cameraIdOrConfig) {
+       if (!cameraIdOrConfig) {
             throw "cameraIdOrConfig is required";
         }