Merge pull request #21 from blinkcard/jenkins/stable-build

Automatically built release by Jenkins

Author: MirzaMesic777

.nvmrc

@@ -1 +1 @@
-12.18.0
+16.3.0

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "12.18"
+  - "16.3"
 script:
   - npm run prepublishOnly
-  - npm run build
+  - npm run build

CHANGELOG.md

@@ -120,20 +120,20 @@ Alternatively, it's possible to use UMD builds which can be loaded from public C
 
 However, **we strongly advise** that you host the JavaScript bundles on your infrastructure since there is no guarantee that the public CDN service has satisfactory uptime and availability throughout the world.
 
-For example, it's possible to use UMD builds from [the `dist` folder on Unpkg CDN](https://unpkg.com/@microblink/blinkcard-in-browser-sdk/dist/). The UMD builds make `BlinkCardSDK` available as a `window.BlinkCardSDK` global variable:
+For example, it's possible to use UMD builds from [the `dist` folder on the jsDelivr CDN](https://cdn.jsdelivr.net/npm/@microblink/blinkcard-in-browser-sdk/dist/). The UMD builds make `BlinkCardSDK` available as a `window.BlinkCardSDK` global variable:
 
 ```html
 <!-- IMPORTANT: change "X.Y.Z" to the version number you wish to use! -->
-<script src="https://unpkg.com/@microblink/blinkcard-in-browser-sdk@X.Y.Z/dist/blinkcard-sdk.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@microblink/blinkcard-in-browser-sdk@X.Y.Z/dist/blinkcard-sdk.min.js"></script>
 ```
 
-Finally, it's possible to use ES builds, which can be downloaded from [the `es` folder on unpkg](https://unpkg.com/@microblink/blinkcard-in-browser-sdk/es/). ES modules are used in a similar manner as NPM package:
+Finally, it's possible to use ES builds, which can be downloaded from [the `es` folder on jsDelivr](https://cdn.jsdelivr.net/npm/@microblink/blinkcard-in-browser-sdk/es/). ES modules are used in a similar manner as NPM package:
 
 ```javascript
 import * as BlinkCardSDK from "./es/blinkcard-sdk.js";
 ```
 
-**Important:** Unpkg CDN is used here due to simplicity of usage. It's not intended to be used in production!
+**Important:** the jsDelivr CDN is used here due to simplicity of usage. It's not intended to be used in production!
 
 #### WASM Resources
 
@@ -708,13 +708,13 @@ Requirements:
 
 Minimal browser versions with support for all features required by BlinkCard.
 
-|Chrome|Safari|Edge|Firefox|Opera|iOS Safari|Android Browser|Opera Mobile|Chrome for Android|Firefox for Android|
-|------|------|----|-------|-----|----------|---------------|------------|------------------|-------------------|
-|    57|    11|  79|     52|   44|        14|             81|          59|                86|                 82|
+|Chrome|Safari|Edge|Firefox|Opera|iOS Safari|Android Browser|Chrome for Android|Firefox for Android|
+|------|------|----|-------|-----|----------|---------------|------------------|-------------------|
+|    96|    15|  93|     79|   82|        15|             81|                96|                 79|
 
 Internet Explorer is **not supported**.
 
-*Source: [caniuse](https://caniuse.com/wasm)*
+*Sources: [caniuse](https://caniuse.com/wasm) and [WebAssembly Roadmap](https://webassembly.org/roadmap/)*
 
 ## <a name="camera-devices"></a> Camera devices
 

README.md

@@ -32,11 +32,13 @@ function main()
   }
 
   // 1. It's possible to obtain a free trial license key on microblink.com
-  let licenseKey = "sRwAAAYJbG9jYWxob3N0r/lOPmg/w35CpOHWKeIcyUSz8fDN+kpZwh39JTAYyAQ+7adUFfgptY2QPtEII9rfosGVKtbC/pMs5g8QQIzFmx0voaH4qjuMs7p/Pdnoi7kqPYB6QL9cRIsBMfqJOJmf9jTsUQtHdubYz8Sv3PEoul18uBorUMM86Bw7tFLEcDjfp8xOXM1fuNfgDVG2BvK/UwpVc4k8a3SiQLXgDUU0ItaNXo7yY9au8ZX/R6yDOfbXRw==";
+  let licenseKey =
+  "sRwAAAYJbG9jYWxob3N0r/lOPmg/w35CpOHWLcIXyZqx58jBjDQEgc9g8PbxdaaDM+jedRKGXjqKQKz7ocX5/uQ6wvwfkHd4iovo1UDxWg4K+dstSEarVzTkBgKXX7iqpHoOjlU1pXPWbWBGasvjaoC2sKOnT7RozIdO8ljPeJVQO0owX3JzguXvoYK3p2ZtlcV/ndSC43hDJjKy4ACGg4Cul5jogfwPEdtJ7bk0XmtamIvtCVSnqQMfF1EwxCXOHw==";
 
   if (window.location.hostname === "blinkcard.github.io")
   {
-    licenseKey = "sRwAAAYTYmxpbmtjYXJkLmdpdGh1Yi5pby+N7zvpysD9Mbe+K3q5z39+KlTgPQi5ktCkjm2XjBep8tLiy+adpNQombp6cm0Lz64cc8k1XM6Egns2x1pkf1Vp03t+Gd47pfZ17KUzir2xhwcdAsGOA0mQsII3LmuwTBsSCxBkgojShS5dq1tk5Iz4NU2XyvZNj5Tqm6sQkmySVbDi8kGnEEyvu39FxrD3Yq0VqKD2Yxgz+BH4vtzk1HYoF+63++xeEOYaXF0LoD8MNOI=";
+    licenseKey =
+    "sRwAAAYTYmxpbmtjYXJkLmdpdGh1Yi5pby+N7zvpysD9Mbe+K36ZxH84iPO5UizTDjd3UMrotMVNG4OWJpwSC8vh+SYmFWkS5v+Biodkzoa6iMHgneLnPJxo1p3rcRal8VYRJuJoo98xSeGaZX90jyjXMsDBoBm3tor+67zWr3fO3Dgl7u921IwGGRmaLiEpdYQXgpZUZRHy3VQDP0khXQ9EaBy48GXsV2xBHuHcnneW/MWmtr/+jp15d/uHRQfsMitmnTYP69uX0iw=";
   }
 
   // 2. Create instance of SDK load settings with your license key
@@ -48,22 +50,25 @@ function main()
   loadSettings.allowHelloMessage = true;
 
   // In order to provide better UX, display progress bar while loading the SDK
-  loadSettings.loadProgressCallback = (progress) => progressEl.value = progress;
+  loadSettings.loadProgressCallback = (progress) =>
+  progressEl.value = progress;
 
   // Set absolute location of the engine, i.e. WASM and support JS files
   loadSettings.engineLocation = "https://blinkcard.github.io/blinkcard-in-browser/resources";
 
   // Set absolute location of the worker file
-  loadSettings.workerLocation = "https://blinkcard.github.io/blinkcard-in-browser/resources/BlinkCardWasmSDK.worker.min.js";
+  loadSettings.workerLocation =
+  "https://blinkcard.github.io/blinkcard-in-browser/resources/BlinkCardWasmSDK.worker.min.js";
 
   // 3. Load SDK
   BlinkCardSDK.loadWasmModule(loadSettings).then(
-
   (sdk) =>
   {
     document.getElementById("screen-initial")?.classList.add("hidden");
     document.getElementById("screen-start")?.classList.remove("hidden");
-    document.getElementById("start-scan")?.addEventListener("click", (ev) =>
+    document.
+    getElementById("start-scan")?.
+    addEventListener("click", (ev) =>
     {
       ev.preventDefault();
       startScan(sdk);
@@ -89,18 +94,19 @@ async function startScan(sdk)
   //
   // In this example, we create a BlinkCardRecognizer, which knows how to scan Payment cards
   // and extract payment information from them.
-  const blinkCardRecognizer = await BlinkCardSDK.createBlinkCardRecognizer(sdk);
+  const blinkCardRecognizer = await BlinkCardSDK.createBlinkCardRecognizer(
+  sdk);
+
 
   // [OPTIONAL] Create a callbacks object that will receive recognition events, such as detected object location etc.
   const callbacks = {
     onQuadDetection: (quad) => drawQuad(quad),
-    onFirstSideResult: () => alert("Flip the document") };
-
+    onFirstSideResult: () => alert("Flip the document")
+  };
 
   // 2. Create a RecognizerRunner object which orchestrates the recognition with one or more
   //    recognizer objects.
   const recognizerRunner = await BlinkCardSDK.createRecognizerRunner(
-
   // SDK instance to use
   sdk,
   // List of recognizer objects that will be associated with created RecognizerRunner object
@@ -112,8 +118,8 @@ async function startScan(sdk)
 
 
   // 3. Create a VideoRecognizer object and attach it to HTMLVideoElement that will be used for displaying the camera feed
-  const videoRecognizer = await BlinkCardSDK.VideoRecognizer.createVideoRecognizerFromCameraStream(
-
+  const videoRecognizer =
+  await BlinkCardSDK.VideoRecognizer.createVideoRecognizerFromCameraStream(
   cameraFeed,
   recognizerRunner);
 
@@ -125,19 +131,20 @@ async function startScan(sdk)
   if (processResult !== BlinkCardSDK.RecognizerResultState.Empty)
   {
     const blinkCardResult = await blinkCardRecognizer.getResult();
-    if (blinkCardResult.state !== BlinkCardSDK.RecognizerResultState.Empty)
+    if (
+    blinkCardResult.state !== BlinkCardSDK.RecognizerResultState.Empty)
+
     {
       console.log("BlinkCard results", blinkCardResult);
 
       const firstAndLastName = blinkCardResult.owner;
       const cardNumber = blinkCardResult.cardNumber;
       const dateOfExpiry = {
         year: blinkCardResult.expiryDate.year,
-        month: blinkCardResult.expiryDate.month };
-
+        month: blinkCardResult.expiryDate.month
+      };
 
       alert(
-
       `Hello, ${firstAndLastName}!\n Your payment card with card number ${cardNumber} will expire on ${dateOfExpiry.year}/${dateOfExpiry.month}.`);
 
     }
@@ -219,15 +226,13 @@ function applyTransform(transformMatrix)
   drawContext.translate(xOffset, yOffset);
   // second, scale the canvas to fit the scaled video
   drawContext.scale(
-
   scaledVideoWidth / cameraFeed.videoWidth,
   scaledVideoHeight / cameraFeed.videoHeight);
 
 
   // finally, apply transformation from image coordinate system to
   // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform
   drawContext.transform(
-
   transformMatrix[0],
   transformMatrix[3],
   transformMatrix[1],
@@ -242,13 +247,7 @@ function clearDrawCanvas()
   cameraFeedback.width = cameraFeedback.clientWidth;
   cameraFeedback.height = cameraFeedback.clientHeight;
 
-  drawContext.clearRect(
-
-  0,
-  0,
-  cameraFeedback.width,
-  cameraFeedback.height);
-
+  drawContext.clearRect(0, 0, cameraFeedback.width, cameraFeedback.height);
 }
 
 function setupColor(displayable)

examples/blinkcard-camera/javascript/app.js

@@ -22,8 +22,8 @@ <h1 id="msg">Loading...</h1>
             <p id="camera-guides">Point the camera towards Payment cards</p>
         </div>
     </body>
-    
-    <!-- Keep in mind that Unpkg CDN is used for demonstration, it's not intended to be used in production! -->
-    <script type="text/javascript" src="https://unpkg.com/@microblink/blinkcard-in-browser-sdk@2.6.1/dist/blinkcard-sdk.js"></script>
+
+    <!-- Keep in mind that the jsDelivr CDN is used for demonstration, it's not intended to be used in production! -->
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@microblink/blinkcard-in-browser-sdk@2.7.0/dist/blinkcard-sdk.js"></script>
     <script type="text/javascript" src="app.js"></script>
 </html>

examples/blinkcard-camera/javascript/index.html

@@ -19,6 +19,6 @@
     "typescript": "^3.9.5"
   },
   "dependencies": {
-    "@microblink/blinkcard-in-browser-sdk": "~2.6.1"
+    "@microblink/blinkcard-in-browser-sdk": "~2.7.0"
   }
 }

examples/blinkcard-camera/typescript/package.json

@@ -14,21 +14,23 @@ export default [
         plugins: [
             nodeResolve(),
             typescript(),
-            terser({
+            terser( {
                 compress:
                 {
                     pure_getters: true,
                     unsafe: true,
                     unsafe_comps: true,
                     warnings: false
                 }
-            }),
-            copy({
+            } ),
+            copy( {
                 targets: [
-                    { src: "public/*", dest: "dist" },
-                    { src: "node_modules/@microblink/blinkcard-in-browser-sdk/resources/*", dest: "dist" }
+                    { src: "public/*",
+                        dest: "dist" },
+                    { src: "node_modules/@microblink/blinkcard-in-browser-sdk/resources/*",
+                        dest: "dist" }
                 ]
-            })
+            } )
         ]
     }
 ];

examples/blinkcard-camera/typescript/rollup.config.js

@@ -30,7 +30,7 @@ function main() {
     }
 
     // 1. It's possible to obtain a free trial license key on microblink.com
-    const licenseKey = "sRwAAAYJbG9jYWxob3N0r/lOPmg/w35CpOHWKeIcyUSz8fDN+kpZwh39JTAYyAQ+7adUFfgptY2QPtEII9rfosGVKtbC/pMs5g8QQIzFmx0voaH4qjuMs7p/Pdnoi7kqPYB6QL9cRIsBMfqJOJmf9jTsUQtHdubYz8Sv3PEoul18uBorUMM86Bw7tFLEcDjfp8xOXM1fuNfgDVG2BvK/UwpVc4k8a3SiQLXgDUU0ItaNXo7yY9au8ZX/R6yDOfbXRw==";
+    const licenseKey = "sRwAAAYJbG9jYWxob3N0r/lOPmg/w35CpOHWLcIXyZqx58jBjDQEgc9g8PbxdaaDM+jedRKGXjqKQKz7ocX5/uQ6wvwfkHd4iovo1UDxWg4K+dstSEarVzTkBgKXX7iqpHoOjlU1pXPWbWBGasvjaoC2sKOnT7RozIdO8ljPeJVQO0owX3JzguXvoYK3p2ZtlcV/ndSC43hDJjKy4ACGg4Cul5jogfwPEdtJ7bk0XmtamIvtCVSnqQMfF1EwxCXOHw==";
 
     // 2. Create instance of SDK load settings with your license key
     const loadSettings = new BlinkCardSDK.WasmSDKLoadSettings(licenseKey);
@@ -41,19 +41,22 @@ function main() {
     loadSettings.allowHelloMessage = true;
 
     // In order to provide better UX, display progress bar while loading the SDK
-    loadSettings.loadProgressCallback = (progress: number) => progressEl!.value = progress;
+    loadSettings.loadProgressCallback = (progress: number) => (progressEl!.value = progress);
 
     // Set absolute location of the engine, i.e. WASM and support JS files
     loadSettings.engineLocation = window.location.origin;
 
     // Set absolute location of the worker file
-    loadSettings.workerLocation = window.location.origin + "/BlinkCardWasmSDK.worker.min.js";
+    loadSettings.workerLocation =
+        window.location.origin + "/BlinkCardWasmSDK.worker.min.js";
 
     // 3. Load SDK
     BlinkCardSDK.loadWasmModule(loadSettings).then((sdk: BlinkCardSDK.WasmSDK) => {
         document.getElementById("screen-initial")?.classList.add("hidden");
         document.getElementById("screen-start")?.classList.remove("hidden");
-        document.getElementById("start-scan")?.addEventListener("click", (ev: any) => {
+        document
+            .getElementById("start-scan")
+            ?.addEventListener("click", (ev: any) => {
             ev.preventDefault();
             startScan(sdk);
         });
@@ -81,7 +84,7 @@ async function startScan(sdk: BlinkCardSDK.WasmSDK) {
     // [OPTIONAL] Create a callbacks object that will receive recognition events, such as detected object location etc.
     const callbacks = {
         onQuadDetection: (quad: BlinkCardSDK.DisplayableQuad) => drawQuad(quad),
-        onFirstSideResult: () => alert("Flip the document")
+        onFirstSideResult: () => alert("Flip the document"),
     };
 
     // 2. Create a RecognizerRunner object which orchestrates the recognition with one or more
@@ -116,7 +119,7 @@ async function startScan(sdk: BlinkCardSDK.WasmSDK) {
             const cardNumber = blinkCardResult.cardNumber;
             const dateOfExpiry = {
                 year: blinkCardResult.expiryDate.year,
-                month: blinkCardResult.expiryDate.month
+                month: blinkCardResult.expiryDate.month,
             };
             alert(`Hello, ${firstAndLastName}!\n Your payment card with card number ${cardNumber} will expire on ${dateOfExpiry.year}/${dateOfExpiry.month}.`);
         }