@regulaforensics/document-reader 8.2.186-beta

package/examples/cordova/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "document-reader",
+  "scripts": {
+    "setup": "scripts/setup.sh",
+    "ios": "scripts/ios.sh",
+    "android": "scripts/android.sh"
+  },
+  "dependencies": {
+    "@regulaforensics/document-reader": "8.2.186-beta",
+    "@regulaforensics/document-reader-core-fullauthrfid": "8.2.8-beta",
+    "@regulaforensics/document-reader-btdevice": "8.2.8-beta",
+    "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/document-reader": {},
+      "@regulaforensics/document-reader-core-fullauthrfid": {},
+      "@regulaforensics/document-reader-btdevice": {},
+      "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/DocumentReader.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,130 @@
+html,
+body {
+    width: 99%;
+    height: 99vh;
+    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);
+}
+
+.title {
+    font-weight: 600;
+    font-size: 18px;
+    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;
+}
+
+.scroll {
+    flex-grow: 1;
+    overflow-y: auto;
+}
+
+.no-scroll {
+    flex-grow: 1;
+    overflow-y: 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;
+}
+
+.text-button {
+    background: none;
+    border: none;
+    color: #2196f3;
+    font-size: 20px;
+    font-weight: bold;
+    padding: 5px;
+}
+
+.text-button:active {
+    position: relative;
+    top: 1px;
+}
+
+input[type="checkbox"] {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 20px;
+    height: 20px;
+    border: 2px solid black;
+    background-color: white;
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+}
+
+input[type="text"] {
+    width: 173px;
+    height: 40px;
+    font-size: 15px;
+    margin: 5px;
+    border-radius: 100px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-top: 10px;
+}
+
+.progress-bar {
+    width: 75%;
+    padding: 3px;
+    margin-top: 40px;
+    background-color: #eee;
+    border-radius: 8px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+}
+
+.progress {
+    width: 0%;
+    height: 20px;
+    background-color: #4285F4;
+    border-radius: 5px;
+    transition: width 0.5s ease-in-out;
+}

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

@@ -0,0 +1,63 @@
+<div class="column" style="height: 100%">
+    <div class="column header">
+        <span id="status" class="title">Loading...</span>
+        <div class="column divider"></div>
+    </div>
+    <div id="main" class="column no-scroll">
+        <div class="row">
+            <div class="column" style="padding: 5px;">
+                <p>Portrait</p>
+                <img id="portrait-image" src="images/portrait.png" height="150px" width="150px">
+            </div>
+            <div class="column" style="padding: 5px;">
+                <p>Document image</p>
+                <img id="document-image" src="images/document.png" height="150px" width="200px">
+            </div>
+        </div>
+        <div id="scenario-container" class="column no-scroll"
+            style="margin-top: 15px; background-color: rgba(0, 0, 0, 0.03);">
+            <div id="scenarios" class="scroll">
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+            </div>
+        </div>
+        <div class="row" style="width: 360px; padding-top: 15px;">
+            <span id="rfid-checkbox-description" style="font-size: 18px;">Process rfid reading</span>
+            <input id="rfid-checkbox" type="checkbox" style="margin-left: auto;" />
+        </div>
+        <div id="bt-device" class="row" style="display: none;">
+            <input type="text" placeholder="Regula 0000" />
+            <button class="button">Connect</button>
+        </div>
+        <div class="row">
+            <button id="scan" class="button">Scan document</button>
+            <button id="recognize" class="button">Scan image</button>
+        </div>
+        <div style="padding-top: 20px;"></div>
+    </div>
+    <div id="custom-rfid" class="column no-scroll" style="display: none;">
+        <span id="rfid-description" style="font-size: 22px">Place your phone on top of the NFC tag</span>
+        <div class="progress-bar">
+            <div id="progress"></div>
+        </div>
+        <button id="cancel-rfid" class="text-button" style="margin-top: 50px;">X</button>
+    </div>
+</div>

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

@@ -0,0 +1,50 @@
+document.addEventListener('ready', onDeviceReady)
+async function onDeviceReady() {
+  DocumentReader = DocumentReaderPlugin.DocumentReader
+  InitConfig = DocumentReaderPlugin.InitConfig
+
+  setStatus = (data) => document.getElementById("status").innerHTML = data
+
+  documentReader = DocumentReader.instance
+  useBtDevice = false
+  ready = false
+  isReadingCustomRfid = false
+
+  document.getElementById("main").style.display = isReadingCustomRfid ? "none" : "flex"
+  document.getElementById("custom-rfid").style.display = isReadingCustomRfid ? "flex" : "none"
+  document.getElementById("bt-device").style.display = (useBtDevice && !ready) ? "flex" : "none"
+
+  init()
+}
+
+async function init() {
+  if (!await initialize()) return
+  setStatus("Ready")
+}
+
+async function initialize() {
+  setStatus("Initializing...")
+
+  var license = await loadAssetIfExists("regula.license")
+  var initConfig = new InitConfig(license)
+  var [success, error] = await documentReader.initialize(initConfig)
+  
+  if (!success && error != null) {
+    setStatus(error.message)
+    console.log(error.code + ": " + error.message)
+  }
+  return success
+}
+
+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/README.md

@@ -0,0 +1,12 @@
+# Regula Document Reader Ionic demo application
+
+## How to build demo application
+1. Download or the clone current repository using the command `git clone https://github.com/regulaforensics/npm-document-reader.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.

package/examples/ionic/angular.json

@@ -0,0 +1,39 @@
+{
+  "version": 1,
+  "projects": {
+    "app": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "www",
+            "index": "index.html",
+            "main": "index.ts",
+            "tsConfig": "tsconfig.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*",
+                "input": "src/images",
+                "output": "images"
+              }
+            ]
+          }
+        },
+        "ionic-cordova-build": {
+          "builder": "@ionic/cordova-builders:cordova-build",
+          "options": {
+            "browserTarget": "app:build"
+          }
+        }
+      }
+    }
+  }
+}

package/examples/ionic/config.xml

@@ -0,0 +1,28 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget android-packageName="com.regula.dr.fullauthrfid" ios-CFBundleIdentifier="regula.DocumentReader" version="1.0.0" xmlns:android="http://schemas.android.com/apk/res/android">
+    <name>DocumentReader</name>
+    <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">
+            <application android:usesCleartextTraffic="true" />
+        </edit-config>
+        <preference name="android-minSdkVersion" value="24" />
+        <preference name="android-targetSdkVersion" value="35" />
+        <preference name="GradlePluginKotlinEnabled" value="true" />
+    </platform>
+    <platform name="ios">
+        <preference name="orientation" value="portrait" />
+        <allow-intent href="itms:*" />
+        <allow-intent href="itms-apps:*" />
+        <config-file parent="NSCameraUsageDescription" target="*-Info.plist">
+            <string>To use camera</string>
+        </config-file>
+        <config-file parent="NSPhotoLibraryUsageDescription" target="*-Info.plist">
+            <string>To pick images</string>
+        </config-file>
+        <config-file parent="NSBluetoothAlwaysUsageDescription" target="*-Info.plist">
+            <string>To use btdevice</string>
+        </config-file>
+    </platform>
+</widget>

package/examples/ionic/index.html

@@ -0,0 +1,19 @@
+<head>
+  <meta name="viewport"
+    content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <base href="/" />
+</head>
+
+<body>
+  <ion-app>
+    <app-root></app-root>
+  </ion-app>
+</body>
+
+<style>
+  html,
+  body {
+    height: 100%;
+    margin: 0;
+  }
+</style>

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)

package/examples/ionic/ionic.config.json

@@ -0,0 +1,7 @@
+{
+  "name": "DocumentReader",
+  "integrations": {
+    "cordova": {}
+  },
+  "type": "angular"
+}