@regulaforensics/face-sdk 7.2.423-beta → 7.2.429-beta

package/examples/capacitor/src/main.tsx

@@ -1,17 +1,21 @@
-import '@ionic/react/css/core.css'
-import './main.css'
-import { setupIonicReact } from '@ionic/react'
-import { StatusBar, Style } from '@capacitor/status-bar'
-import { File } from '@awesome-cordova-plugins/file'
-import { Dialog } from '@capacitor/dialog'
-import { Camera, DestinationType, MediaType, PictureSourceType } from '@awesome-cordova-plugins/camera'
 import { FaceSDK, MatchFacesRequest, MatchFacesImage, InitConfig, LivenessSkipStep, ImageType, LivenessStatus, LivenessConfig } from '@regulaforensics/face-sdk'
+import { loadAssetIfExists, chooseOption, pickImage } from '../index'
+
+var faceSdk = FaceSDK.instance
+var image1: MatchFacesImage | null
+var image2: MatchFacesImage | null
 
 async function init() {
   if (!await initializeReader()) return
   setStatus("Ready")
 }
 
+async function startFaceCapture(position: number) {
+  var image = (await faceSdk.startFaceCapture()).image
+  if (image == null) return
+  setImage("data:image/png;base64," + image.image, image.imageType, position)
+}
+
 async function startLiveness() {
   var response = await faceSdk.startLiveness({
     config: new LivenessConfig({
@@ -42,30 +46,15 @@ async function matchFaces() {
   setStatus("Ready")
 }
 
-function clearResults() {
-  setStatus("Ready")
-  setSimilarityStatus("null")
-  setLivenessStatus("null")
-  resetImages()
-  image1 = null
-  image2 = null
-}
-
-// If 'regula.license' exists, init using license(enables offline match)
-// otherwise init without license.
-async function initializeReader() {
-  setStatus("Initializing...")
-
-  var license = await loadAssetIfExists("regula.license")
-  var config: InitConfig | undefined
-  if (license != null) config = new InitConfig(license)
-  var [success, error] = await faceSdk.initialize({ config: config })
-
-  if (!success && error != null) {
-    setStatus(error.message)
-    console.log(error.code + ": " + error.message)
+async function getImage(position: number) {
+  var source = await chooseOption()
+  if (source == null) return
+  if (source) startFaceCapture(position)
+  else {
+    var image = await pickImage()
+    if (image == null) return
+    setImage(image, ImageType.PRINTED, position)
   }
-  return success
 }
 
 function setImage(base64: string, type: number, position: number) {
@@ -82,71 +71,46 @@ function setImage(base64: string, type: number, position: number) {
   }
 }
 
-async function useCamera(position: number) {
-  var response = await faceSdk.startFaceCapture()
-  if (response.image == null) return
-  var image = response.image
-  setImage("data:image/png;base64," + image.image, image.imageType, position)
-}
-
-async function useGallery(position: number) {
-  var image = await Camera.getPicture({
-    destinationType: DestinationType.DATA_URL,
-    mediaType: MediaType.PICTURE,
-    sourceType: PictureSourceType.PHOTOLIBRARY
-  })
-  setImage(image, ImageType.PRINTED, position)
-}
+// If 'regula.license' exists, init using license(enables offline match)
+// otherwise init without license.
+async function initializeReader() {
+  setStatus("Initializing...")
 
-async function pickImage(position: number) {
-  var response = await Dialog.confirm({
-    message: "Select option",
-    okButtonTitle: "Use camera",
-    cancelButtonTitle: "Use gallery"
-  })
-  if (response.value) useCamera(position)
-  else useGallery(position)
-}
+  var license = await loadAssetIfExists("regula.license")
+  var config: InitConfig | undefined
+  if (license != null) config = new InitConfig(license)
+  var [success, error] = await faceSdk.initialize({ config: config })
 
-async function loadAssetIfExists(path: string): Promise<string | null> {
-  try {
-    var dir = await File.resolveDirectoryUrl(File.applicationDirectory + "public/assets")
-    var fileEntry = await File.getFile(dir, path, null)
-    var result = await new Promise<string | null>((resolve, _) => {
-      fileEntry.file(file => {
-        var reader = new FileReader()
-        reader.onloadend = (_) => resolve(reader.result as string)
-        reader.readAsDataURL(file)
-      }, _ => resolve(null))
-    })
-    return result
-  } catch (_) {
-    return null
+  if (error != null) {
+    setStatus(error.message)
+    console.log(error.code + ": " + error.message)
   }
+  return success
 }
 
-var faceSdk = FaceSDK.instance
-var image1: MatchFacesImage | null
-var image2: MatchFacesImage | null
+// --------------------------------------------------------------------------------------------------------------------
+
+export function main() {
+  document.getElementById("first-image")!.onclick = () => getImage(1)
+  document.getElementById("second-image")!.onclick = () => getImage(2)
+  document.getElementById("match-faces")!.onclick = () => matchFaces()
+  document.getElementById("start-liveness")!.onclick = () => startLiveness()
+  document.getElementById("clear-results")!.onclick = () => clearResults()
 
-var setStatus = (data: string) => document.getElementById("status").innerHTML = data
-var setLivenessStatus = (data: string) => document.getElementById("liveness-status").innerHTML = data
-var setSimilarityStatus = (data: string) => document.getElementById("similarity-status").innerHTML = data
+  init()
+}
+
+var setStatus = (data: string) => document.getElementById("status")!.innerHTML = data
+var setLivenessStatus = (data: string) => document.getElementById("liveness-status")!.innerHTML = data
+var setSimilarityStatus = (data: string) => document.getElementById("similarity-status")!.innerHTML = data
 var setUiImage1 = (data: string) => (document.getElementById("first-image") as HTMLImageElement).src = data
 var setUiImage2 = (data: string) => (document.getElementById("second-image") as HTMLImageElement).src = data
-var resetImages = () => {
+var clearResults = () => {
+  setStatus("Ready")
+  setSimilarityStatus("null")
+  setLivenessStatus("null")
   setUiImage1("images/portrait.png")
   setUiImage2("images/portrait.png")
+  image1 = null
+  image2 = null
 }
-
-setupIonicReact()
-StatusBar.setStyle({ style: Style.Light })
-document.addEventListener('deviceready', () => {
-  document.getElementById("first-image").onclick = () => pickImage(1)
-  document.getElementById("second-image").onclick = () => pickImage(2)
-  document.getElementById("match-faces").onclick = () => matchFaces()
-  document.getElementById("start-liveness").onclick = () => startLiveness()
-  document.getElementById("clear-results").onclick = () => clearResults()
-
-  init()
-})

package/examples/ionic/README.md

@@ -13,7 +13,7 @@
 
 
 ## How to use offline match
-1. Place a license that supports offline match at `src/assets/regula.license`.
+1. Place a license that supports offline match at `assets/regula.license`.
 
 2. Change core with the following commands:
 ```bash

package/examples/ionic/angular.json

@@ -11,17 +11,17 @@
           "options": {
             "outputPath": "www",
             "index": "index.html",
-            "main": "index.ts",
+            "main": "index.tsx",
             "tsConfig": "tsconfig.json",
             "assets": [
               {
                 "glob": "**/*",
-                "input": "src/assets",
+                "input": "assets",
                 "output": "assets"
               },
               {
                 "glob": "**/*",
-                "input": "src/images",
+                "input": "images",
                 "output": "images"
               }
             ]

package/examples/ionic/config.xml

@@ -1,7 +1,8 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget android-packageName="com.regula.documentreader.api.androidtest" ios-CFBundleIdentifier="com.regula.documentreader.qa" version="1.0.0" xmlns:android="http://schemas.android.com/apk/res/android">
+<widget android-packageName="com.regula.documentreader.api.androidtest" ios-CFBundleIdentifier="com.regula.documentreader.qa" version="1.0.0"
+    xmlns:android="http://schemas.android.com/apk/res/android">
     <name>FaceSDK</name>
-    <icon src="src/images/icon.png" />
+    <icon src="images/icon.png" />
     <platform name="android">
         <preference name="orientation" value="portrait" />
         <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
@@ -12,6 +13,7 @@
         <preference name="GradlePluginKotlinEnabled" value="true" />
     </platform>
     <platform name="ios">
+        <preference name="deployment-target" value="14.0" />
         <preference name="orientation" value="portrait" />
         <allow-intent href="itms:*" />
         <allow-intent href="itms-apps:*" />

package/examples/ionic/index.tsx

@@ -0,0 +1,68 @@
+import 'zone.js';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
+import { BrowserModule } from '@angular/platform-browser'
+import { IonicModule, Platform } from '@ionic/angular'
+import { NgModule } from '@angular/core'
+
+import { Component } from '@angular/core'
+import { File } from '@awesome-cordova-plugins/file'
+import { Camera, DestinationType, MediaType, PictureSourceType } from '@awesome-cordova-plugins/camera/ngx'
+import { Dialogs } from '@awesome-cordova-plugins/dialogs/ngx'
+
+import { main } from './src/main'
+
+export async function loadAssetIfExists(path: string): Promise<string | null> {
+    try {
+        var dir = await File.resolveDirectoryUrl(File.applicationDirectory + "www/assets")
+        var fileEntry = await File.getFile(dir, path, null)
+        var result = await new Promise<string | null>((resolve, _) => {
+            fileEntry.file(file => {
+                var reader = new FileReader()
+                reader.onloadend = (_) => resolve(reader.result as string)
+                reader.readAsDataURL(file)
+            }, _ => resolve(null))
+        })
+        return result
+    } catch (_) {
+        return null
+    }
+}
+
+export async function pickImage(): Promise<string | null> {
+    return await cameraInstance.getPicture({
+        destinationType: DestinationType.DATA_URL,
+        mediaType: MediaType.PICTURE,
+        sourceType: PictureSourceType.PHOTOLIBRARY
+    })
+}
+
+export async function chooseOption(): Promise<boolean | null> {
+    return await dialogsInstance.confirm("", "Select option", [
+        "Use camera",
+        "Use gallery"
+    ]) == 1
+}
+
+var cameraInstance: Camera
+var dialogsInstance: Dialogs
+@Component({
+    selector: 'app-root',
+    templateUrl: 'src/main.html',
+    styleUrl: 'src/main.css'
+})
+class Main {
+    constructor(platform: Platform, camera: Camera, dialogs: Dialogs) {
+        cameraInstance = camera
+        dialogsInstance = dialogs
+        platform.ready().then(main)
+    }
+}
+
+@NgModule({
+    bootstrap: [Main],
+    providers: [Platform, Camera, Dialogs],
+    imports: [BrowserModule, IonicModule.forRoot()]
+})
+class MainModule { }
+
+platformBrowserDynamic().bootstrapModule(MainModule)