@regulaforensics/face-sdk 6.3.3-beta

package/examples/ionic/karma.conf.js

@@ -0,0 +1,31 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../coverage'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};

package/examples/ionic/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "face-sdk",
+  "version": "1.0.0",
+  "author": "Ionic Framework",
+  "homepage": "https://ionicframework.com/",
+  "scripts": {
+    "setup": "npm install && ionic cordova prepare",
+    "android": "ionic cordova run android",
+    "ios": "ionic cordova run ios",
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@regulaforensics/face-sdk": "6.3.3-beta",
+    "@regulaforensics/cordova-plugin-face-core-basic": "6.2.1",
+    "cordova-plugin-camera": "7.0.0",
+    "@awesome-cordova-plugins/camera": "6.6.0",
+    "@awesome-cordova-plugins/core": "6.6.0",
+    "@awesome-cordova-plugins/dialogs": "6.6.0",
+    "@awesome-cordova-plugins/splash-screen": "6.6.0",
+    "@awesome-cordova-plugins/status-bar": "6.6.0",
+    "@awesome-cordova-plugins/file": "6.6.0",
+    "@angular/common": "~13.3.2",
+    "@angular/core": "~13.3.2",
+    "@angular/forms": "~13.3.2",
+    "@angular/platform-browser": "~13.3.2",
+    "@angular/platform-browser-dynamic": "~13.3.2",
+    "@angular/router": "~13.3.2",
+    "@ionic/angular": "^6.0.15",
+    "@ionic/cordova-builders": "^6.1.0",
+    "cordova-android": "12.0.1",
+    "cordova-ios": "6.3.0",
+    "cordova-plugin-add-swift-support": "^2.0.2",
+    "cordova-plugin-dialogs": "^2.0.2",
+    "core-js": "^3.6.5",
+    "rxjs": "~6.6.3",
+    "tslib": "^2.0.1",
+    "zone.js": "~0.11.1",
+    "jetifier": "^2.0.0",
+    "cordova-plugin-file": "8.0.1"
+  },
+  "devDependencies": {
+    "@angular-devkit/architect": "~0.1001.4",
+    "@angular-devkit/build-angular": "~13.3.2",
+    "@angular-devkit/core": "~13.3.2",
+    "@angular-devkit/schematics": "~13.3.2",
+    "@angular/cli": "~13.3.2",
+    "@angular/compiler": "~13.3.2",
+    "@angular/compiler-cli": "~13.3.2",
+    "@angular/language-service": "~13.3.2",
+    "@ionic/angular-toolkit": "^6.1.0",
+    "@types/jasmine": "~3.5.14",
+    "@types/jasminewd2": "~2.0.8",
+    "@types/node": "~14.11.5",
+    "codelyzer": "^6.0.1",
+    "cordova-plugin-device": "^2.0.3",
+    "cordova-plugin-ionic-keyboard": "^2.2.0",
+    "cordova-plugin-ionic-webview": "^5.0.0",
+    "cordova-plugin-splashscreen": "^6.0.0",
+    "cordova-plugin-statusbar": "^2.4.3",
+    "jasmine-core": "~4.0.1",
+    "jasmine-spec-reporter": "~6.0.0",
+    "karma": "~6.3.17",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.3",
+    "karma-jasmine": "~4.0.1",
+    "karma-jasmine-html-reporter": "^1.5.4",
+    "protractor": "~7.0.0",
+    "ts-node": "~9.0.0",
+    "tslint": "~5.20.1",
+    "typescript": "~4.4.2"
+  },
+  "description": "An Ionic project",
+  "cordova": {
+    "plugins": {
+      "@regulaforensics/face-sdk": {},
+      "@regulaforensics/cordova-plugin-face-core-basic": {},
+      "cordova-plugin-camera": {},
+      "cordova-plugin-dialogs": {},
+      "cordova-plugin-statusbar": {},
+      "cordova-plugin-device": {},
+      "cordova-plugin-splashscreen": {},
+      "cordova-plugin-ionic-webview": {},
+      "cordova-plugin-ionic-keyboard": {},
+      "cordova-plugin-file": {}
+    },
+    "platforms": [
+      "android",
+      "ios"
+    ]
+  }
+}

package/examples/ionic/resources/README.md

@@ -0,0 +1,8 @@
+These are Cordova resources. You can replace icon.png and splash.png and run
+`ionic cordova resources` to generate custom icons and splash screens for your
+app. See `ionic cordova resources --help` for details.
+
+Cordova reference documentation:
+
+- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
+- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

package/examples/ionic/resources/android/xml/network_security_config.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <domain-config cleartextTrafficPermitted="true">
+        <domain includeSubdomains="true">localhost</domain>
+    </domain-config>
+</network-security-config>

package/examples/ionic/src/app/app-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'home', pathMatch: 'full' },
+  { path: 'home', loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)},
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
+  ],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

package/examples/ionic/src/app/app.component.html

@@ -0,0 +1,3 @@
+<ion-app>
+  <ion-router-outlet></ion-router-outlet>
+</ion-app>

package/examples/ionic/src/app/app.component.spec.ts

@@ -0,0 +1,47 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { TestBed, async } from '@angular/core/testing';
+
+import { Platform } from '@ionic/angular';
+import { SplashScreen } from '@awesome-cordova-plugins/splash-screen/ngx';
+import { StatusBar } from '@awesome-cordova-plugins/status-bar/ngx';
+
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+
+  let statusBarSpy, splashScreenSpy, platformReadySpy, platformSpy;
+
+  beforeEach(async(() => {
+    statusBarSpy = jasmine.createSpyObj('StatusBar', ['styleDefault']);
+    splashScreenSpy = jasmine.createSpyObj('SplashScreen', ['hide']);
+    platformReadySpy = Promise.resolve();
+    platformSpy = jasmine.createSpyObj('Platform', { ready: platformReadySpy });
+
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      providers: [
+        { provide: StatusBar, useValue: statusBarSpy },
+        { provide: SplashScreen, useValue: splashScreenSpy },
+        { provide: Platform, useValue: platformSpy },
+      ],
+    }).compileComponents();
+  }));
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should initialize the app', async () => {
+    TestBed.createComponent(AppComponent);
+    expect(platformSpy.ready).toHaveBeenCalled();
+    await platformReadySpy;
+    expect(statusBarSpy.styleDefault).toHaveBeenCalled();
+    expect(splashScreenSpy.hide).toHaveBeenCalled();
+  });
+
+  // TODO: add more tests!
+
+});

package/examples/ionic/src/app/app.component.ts

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+
+import { Platform } from '@ionic/angular';
+import { SplashScreen } from '@awesome-cordova-plugins/splash-screen/ngx';
+import { StatusBar } from '@awesome-cordova-plugins/status-bar/ngx';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.scss']
+})
+export class AppComponent {
+  constructor(
+    private platform: Platform,
+    private splashScreen: SplashScreen,
+    private statusBar: StatusBar
+  ) {
+    this.initializeApp();
+  }
+
+  initializeApp() {
+    this.platform.ready().then(() => {
+      this.statusBar.styleDefault();
+      this.splashScreen.hide();
+    });
+  }
+}

package/examples/ionic/src/app/app.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { RouteReuseStrategy } from '@angular/router';
+
+import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
+import { SplashScreen } from '@awesome-cordova-plugins/splash-screen/ngx';
+import { StatusBar } from '@awesome-cordova-plugins/status-bar/ngx';
+
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+
+@NgModule({
+  declarations: [AppComponent],
+  entryComponents: [],
+  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
+  providers: [
+    StatusBar,
+    SplashScreen,
+    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}

package/examples/ionic/src/app/home/home.module.ts

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { IonicModule } from '@ionic/angular'
+import { FormsModule } from '@angular/forms'
+import { RouterModule } from '@angular/router'
+import { Dialogs } from "@awesome-cordova-plugins/dialogs/ngx"
+import { Camera } from "@awesome-cordova-plugins/camera/ngx"
+
+import { HomePage } from './home.page'
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RouterModule.forChild([
+      {
+        path: '',
+        component: HomePage
+      }
+    ])
+  ],
+  providers: [
+    Dialogs,
+    Camera
+  ],
+  declarations: [HomePage]
+})
+export class HomePageModule { }

package/examples/ionic/src/app/home/home.page.html

@@ -0,0 +1,75 @@
+<ion-header>
+</ion-header>
+
+<ion-content>
+    <div #mainUI style="
+            text-align: center;
+            background-color: #F5FCFF;
+            height: 100%;">
+        <br>
+        <h1><span #status></span></h1>
+        <br>
+        <div>
+            <img style="width: 150px" src="assets/img/portrait.png" #img1/><br>
+            <img style="width: 150px" src="assets/img/portrait.png" #img2/>
+        </div>
+
+        <div>
+            <br>
+            <button #matchFacesButton style="margin: 3px; width:75%">Match</button>
+            <br>
+            <button #livenessButton style="margin: 3px; width:75%">Liveness</button>
+            <br>
+            <button #clearResultsButton style="margin: 3px; width:75%">Clear</button>
+        </div>
+        <br>
+        <div>
+            Similarity: <span style="margin-right: 15px" #similarityResult>nil</span> Liveness: <span #livenessResult>nil</span>
+        </div>
+    </div>
+
+    <style type="text/css">
+        button {
+            width: 40%;
+            -moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
+            -webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
+            box-shadow: inset 0px -3px 7px 0px #29bbff;
+            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
+            background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
+            background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
+            background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
+            background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
+            background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
+            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa', GradientType=0);
+            background-color: #2dabf9;
+            -moz-border-radius: 3px;
+            -webkit-border-radius: 3px;
+            border-radius: 3px;
+            border: 1px solid #0b0e07;
+            display: inline-block;
+            cursor: pointer;
+            color: #ffffff;
+            font-family: Arial;
+            font-size: 15px;
+            padding: 9px 23px;
+            text-decoration: none;
+            text-shadow: 0px 1px 0px #263666;
+        }
+
+        button:hover {
+            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
+            background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
+            background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
+            background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
+            background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
+            background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
+            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9', GradientType=0);
+            background-color: #0688fa;
+        }
+
+        button:active {
+            position: relative;
+            top: 1px;
+        }
+    </style>
+</ion-content>

package/examples/ionic/src/app/home/home.page.scss

@@ -0,0 +1 @@
+

package/examples/ionic/src/app/home/home.page.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { HomePage } from './home.page';
+
+describe('HomePage', () => {
+  let component: HomePage;
+  let fixture: ComponentFixture<HomePage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HomePage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HomePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});