@regulaforensics/face-sdk 7.2.414-beta → 7.2.421-beta

package/examples/cordova/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "face-sdk",
+  "scripts": {
+    "setup": "scripts/setup.sh",
+    "ios": "scripts/ios.sh",
+    "android": "scripts/android.sh"
+  },
+  "dependencies": {
+    "@regulaforensics/face-sdk": "7.2.421-beta",
+    "@regulaforensics/face-core-basic": "7.1.202",
+    "cordova-ios": "7.1.1",
+    "cordova-android": "13.0.0",
+    "cordova-plugin-file": "8.1.3",
+    "cordova-plugin-camera": "8.0.0",
+    "cordova-plugin-dialogs": "2.0.2"
+  },
+  "cordova": {
+    "plugins": {
+      "@regulaforensics/face-sdk": {},
+      "@regulaforensics/face-core-basic": {},
+      "cordova-plugin-file": {},
+      "cordova-plugin-camera": {},
+      "cordova-plugin-dialogs": {}
+    },
+    "platforms": [
+      "android",
+      "ios"
+    ]
+  }
+}

package/examples/cordova/scripts/android.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+if [[ $npm_config_o || $npm_config_open ]]; then
+    cordova prepare android
+    studio platforms/android || open -a 'Android Studio' platforms/android
+else
+    cordova run android
+fi

package/examples/cordova/scripts/ios.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+if [[ $npm_config_o || $npm_config_open ]]; then
+    cordova prepare ios
+    open platforms/ios/FaceSDK.xcworkspace
+else
+    cordova run ios
+fi

package/examples/cordova/scripts/setup.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -e
+
+npm install
+cordova prepare || {
+    pod repo update
+    cordova prepare
+}

package/examples/cordova/www/index.html

@@ -0,0 +1,21 @@
+<meta name="viewport" content="initial-scale=1, user-scalable=no, viewport-fit=cover">
+<link rel="stylesheet" href="src/main.css">
+<script src="cordova.js"></script>
+<script src="src/main.js"></script>
+
+<div id="content" style="height: 100%"></div>
+
+<script>
+    document.addEventListener('deviceready', () => {
+        window.resolveLocalFileSystemURL(cordova.file.applicationDirectory + 'www/src/main.html', (fileEntry) => {
+            fileEntry.file((file) => {
+                const reader = new FileReader()
+                reader.onloadend = function () {
+                    document.getElementById('content').innerHTML = this.result
+                    document.dispatchEvent(new CustomEvent("ready"))
+                }
+                reader.readAsText(file)
+            })
+        })
+    })
+</script>

package/examples/cordova/www/src/main.css

@@ -0,0 +1,83 @@
+html,
+body {
+    width: 99%;
+    height: 99vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.page {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.header {
+    text-align: center;
+    padding-top: 80px;
+    margin-top: -10px;
+    background-color: rgba(0, 0, 0, 0.03);
+    font-weight: 600;
+    font-size: 18px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+.sub-header {
+    background-color: rgba(0, 0, 0, 0.03); 
+    width: 100%; 
+    padding-top: 13px; 
+    text-align: center; 
+    font-weight: 550; 
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+.divider {
+    height: 1px;
+    background-color: rgba(0, 0, 0, 0.075);
+    margin-top: 13px;
+}
+
+.no-scroll {
+    flex-grow: 1;
+    overflow-y: hidden;
+    overflow-x: hidden;
+}
+
+.button {
+    width: 175px;
+    height: 40px;
+    margin: 5px;
+    margin-top: 10px;
+    background-color: #4285F4;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    font-size: 16px;
+    border-radius: 100px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.button:active {
+    position: relative;
+    top: 1px;
+}

package/examples/cordova/www/src/main.html

@@ -0,0 +1,25 @@
+<div class="page">
+    <div class="column header">
+        <span id="status">Loading...</span>
+        <div class="column divider"></div>
+    </div>
+    <div class="column sub-header">
+        <div class="row" style="width: 100%">
+            <div style="width: 185px">Similarity: <span id="similarity-status">null</span></div>
+            <div style="width: 185px">Liveness: <span id="liveness-status">null</span></div>
+        </div>
+        <div class="column divider"></div>
+    </div>
+    <div class="column no-scroll">
+        <div class="row" style="height: 100%">
+            <img id="first-image" src="images/portrait.png" width="175px" style="padding: 5px">
+            <img id="second-image" src="images/portrait.png" width="175px" style="padding: 5px">
+        </div>
+        <div class="row">
+            <button id="match-faces" class="button">Match</button>
+            <button id="start-liveness" class="button">Liveness</button>
+        </div>
+        <button id="clear-results" class="button" style="width: 360px">Clear</button>
+        <div style="padding-top: 30px"></div>
+    </div>
+</div>

package/examples/cordova/www/src/main.js

@@ -0,0 +1,152 @@
+document.addEventListener('ready', onDeviceReady)
+async function onDeviceReady() {
+  faceSdk = FaceSDKPlugin.FaceSDK.instance
+
+  image1 = null
+  image2 = null
+
+  // imports
+  FaceCaptureResponse = FaceSDKPlugin.FaceCaptureResponse
+  LivenessResponse = FaceSDKPlugin.LivenessResponse
+  MatchFacesResponse = FaceSDKPlugin.MatchFacesResponse
+  MatchFacesRequest = FaceSDKPlugin.MatchFacesRequest
+  MatchFacesImage = FaceSDKPlugin.MatchFacesImage
+  ComparedFacesSplit = FaceSDKPlugin.ComparedFacesSplit
+  InitConfig = FaceSDKPlugin.InitConfig
+  InitResponse = FaceSDKPlugin.InitResponse
+  LivenessNotification = FaceSDKPlugin.LivenessNotification
+  ImageType = FaceSDKPlugin.ImageType
+  LivenessSkipStep = FaceSDKPlugin.LivenessSkipStep
+  LivenessStatus = FaceSDKPlugin.LivenessStatus
+  LivenessConfig = FaceSDKPlugin.LivenessConfig
+
+  setStatus = data => document.getElementById("status").innerHTML = data
+  setLivenessStatus = data => document.getElementById("liveness-status").innerHTML = data
+  setSimilarityStatus = data => document.getElementById("similarity-status").innerHTML = data
+  setUiImage1 = data => document.getElementById("first-image").src = data
+  setUiImage2 = data => document.getElementById("second-image").src = data
+  resetImages = () => {
+    setUiImage1("images/portrait.png")
+    setUiImage2("images/portrait.png")
+  }
+  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()
+}
+
+async function init() {
+  if (!await initialize()) return
+  setStatus("Ready")
+}
+
+async function startLiveness() {
+  var response = await faceSdk.startLiveness({
+    config: new LivenessConfig({
+      skipStep: [LivenessSkipStep.ONBOARDING_STEP]
+    }),
+    notificationCompletion: (notification) => {
+      console.log("LivenessStatus: " + notification.status)
+    }
+  })
+  if (response.image == null) return
+  setImage("data:image/png;base64," + response.image, ImageType.LIVE, 1)
+  setLivenessStatus(response.liveness == LivenessStatus.PASSED ? "passed" : "unknown")
+}
+
+async function matchFaces() {
+  if (image1 == null || image2 == null) {
+    setStatus("Both images required!")
+    return
+  }
+  setStatus("Processing...")
+  var request = new MatchFacesRequest([image1, image2])
+  var response = await faceSdk.matchFaces(request)
+  var split = await faceSdk.splitComparedFaces(response.results, 0.75)
+  var match = split.matchedFaces
+  setSimilarityStatus("failed")
+  if (match.length > 0)
+    setSimilarityStatus((match[0].similarity * 100).toFixed(2) + "%")
+  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 initialize() {
+  setStatus("Initializing...")
+
+  var license = await loadAssetIfExists("regula.license")
+  var config
+  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)
+  }
+  return success
+}
+
+function setImage(base64, type, position) {
+  setSimilarityStatus("null")
+  var mfImage = new MatchFacesImage(base64, type)
+  if (position == 1) {
+    image1 = mfImage
+    setUiImage1(base64)
+    setLivenessStatus("null")
+  }
+  if (position == 2) {
+    image2 = mfImage
+    setUiImage2(base64)
+  }
+}
+
+async function useCamera(position) {
+  var response = await faceSdk.startFaceCapture()
+  if (response.image == null) return
+  var image = response.image
+  setImage("data:image/png;base64," + image.image, image.imageType, position)
+}
+
+function useGallery(position) {
+  navigator.camera.getPicture(function (result) {
+    if (result == null) return
+    setImage(result, ImageType.PRINTED, position)
+  }, function (_) { }, {
+    destinationType: Camera.DestinationType.DATA_URL,
+    sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
+    mediaType: Camera.MediaType.PICTURE
+  })
+}
+
+function pickImage(position) {
+  navigator.notification.confirm("", button => {
+    if (button == 1) useGallery(position)
+    else useCamera(position)
+  }, "Select option", ["Use gallery", "Use camera"])
+}
+
+async function loadAssetIfExists(path) {
+  path = cordova.file.applicationDirectory + "www/" + path
+  return new Promise((resolve, _) => {
+    window.resolveLocalFileSystemURL(path, (fileEntry) => {
+      fileEntry.file((file) => {
+        var reader = new FileReader()
+        reader.onloadend = function (_) { resolve(this.result) }
+        reader.readAsDataURL(file)
+      })
+    }, (_) => resolve(null))
+  })
+}

package/examples/ionic/angular.json

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

package/examples/ionic/config.xml

@@ -1,7 +1,7 @@
 <?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">
     <name>FaceSDK</name>
-    <icon src="images/icon.png" />
+    <icon src="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">

package/examples/ionic/index.ts

@@ -0,0 +1,17 @@
+import 'zone.js';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
+import { BrowserModule } from '@angular/platform-browser'
+import { IonicModule, Platform } from '@ionic/angular'
+import { Dialogs } from '@awesome-cordova-plugins/dialogs/ngx'
+import { Camera } from '@awesome-cordova-plugins/camera/ngx'
+import { Main } from './src/main'
+import { NgModule } from '@angular/core'
+
+@NgModule({
+    bootstrap: [Main],
+    providers: [Platform, Dialogs, Camera],
+    imports: [BrowserModule, IonicModule.forRoot()]
+})
+class MainModule { }
+
+platformBrowserDynamic().bootstrapModule(MainModule)