@regulaforensics/face-sdk 7.2.429-beta → 7.2.433-rc

package/examples/capacitor/src/main.tsx

@@ -1,21 +1,17 @@
+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({
@@ -46,29 +42,13 @@ async function matchFaces() {
   setStatus("Ready")
 }
 
-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)
-  }
-}
-
-function setImage(base64: string, type: number, position: number) {
+function clearResults() {
+  setStatus("Ready")
   setSimilarityStatus("null")
-  var mfImage = new MatchFacesImage(base64, type)
-  if (position == 1) {
-    image1 = mfImage
-    setUiImage1(base64)
-    setLivenessStatus("null")
-  }
-  if (position == 2) {
-    image2 = mfImage
-    setUiImage2(base64)
-  }
+  setLivenessStatus("null")
+  resetImages()
+  image1 = null
+  image2 = null
 }
 
 // If 'regula.license' exists, init using license(enables offline match)
@@ -81,36 +61,92 @@ async function initializeReader() {
   if (license != null) config = new InitConfig(license)
   var [success, error] = await faceSdk.initialize({ config: config })
 
-  if (error != null) {
+  if (!success && error != null) {
     setStatus(error.message)
     console.log(error.code + ": " + error.message)
   }
   return success
 }
 
-// --------------------------------------------------------------------------------------------------------------------
+function setImage(base64: string, type: number, position: number) {
+  setSimilarityStatus("null")
+  var mfImage = new MatchFacesImage(base64, type)
+  if (position == 1) {
+    image1 = mfImage
+    setUiImage1(base64)
+    setLivenessStatus("null")
+  }
+  if (position == 2) {
+    image2 = mfImage
+    setUiImage2(base64)
+  }
+}
 
-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()
+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)
+}
 
-  init()
+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)
+}
+
+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 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
+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
+  }
+}
+
+var faceSdk = FaceSDK.instance
+var image1: MatchFacesImage | null
+var image2: MatchFacesImage | null
+
+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 clearResults = () => {
-  setStatus("Ready")
-  setSimilarityStatus("null")
-  setLivenessStatus("null")
+var resetImages = () => {
   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/cordova/.vscode/launch.json

@@ -0,0 +1,28 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Debug Android on emulator",
+            "type": "cordova",
+            "request": "launch",
+            "platform": "android",
+            "target": "emulator",
+            "port": 9222,
+            "sourceMaps": true,
+            "cwd": "${workspaceFolder}"
+        },
+        {
+            "name": "Debug Android on device",
+            "type": "cordova",
+            "request": "launch",
+            "platform": "android",
+            "target": "device",
+            "port": 9222,
+            "sourceMaps": true,
+            "cwd": "${workspaceFolder}"
+        }
+    ]
+}

package/examples/cordova/README.md

@@ -0,0 +1,25 @@
+# Regula Face SDK Cordova demo application
+
+## How to build demo application
+1. Download or the clone current repository using the command `git clone https://github.com/regulaforensics/npm-face-sdk.git`.
+
+2. Execute `npm run setup` within this directory.
+
+3. Run the app: 
+  * IOS: `npm run ios`.
+  * Android: `npm run android`.
+
+**Note**: this is just one way of running the app. You can also pass `-o` or `--open` argument to the command, and this will open Xcode/Android Studio, then run the app directly from the IDE. Overall, this is a more consistent way, so if you're having troubles running the app from terminal, try running it from the IDE.
+
+
+## How to use offline match
+1. Place a license that supports offline match at `www/regula.license`.
+
+2. Change core with the following commands:
+```bash
+cordova plugin remove @regulaforensics/face-core-basic
+cordova plugin add @regulaforensics/face-core-match
+npm run setup
+```
+
+3. Turn off the internet and run the app.

package/examples/cordova/config.xml

@@ -0,0 +1,26 @@
+<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>
+    <platform name="android">
+        <preference name="orientation" value="portrait" />
+        <preference name="GradlePluginKotlinEnabled" value="true" />
+        <preference name="android-minSdkVersion" value="24" />
+        <preference name="android-targetSdkVersion" value="35" />
+        <config-file parent="/*" target="AndroidManifest.xml">
+            <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+        </config-file>
+        <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
+            <application android:usesCleartextTraffic="true" />
+        </edit-config>
+    </platform>
+    <platform name="ios">
+        <preference name="orientation" value="portrait" />
+        <preference name="DisallowOverscroll" value="true" />
+        <config-file target="*-Info.plist" parent="NSCameraUsageDescription">
+            <string>To use camera</string>
+        </config-file>
+        <config-file target="*-Info.plist" parent="NSPhotoLibraryUsageDescription">
+            <string>To pick images</string>
+        </config-file>
+    </platform>
+</widget>