@regulaforensics/idv 3.10.261-beta → 3.10.263-beta

package/examples/ionic/package.json

@@ -7,9 +7,9 @@
     "postinstall": "patch-package"
   },
   "dependencies": {
-    "@regulaforensics/idv": "3.10.261-beta",
-    "@regulaforensics/idv-module-document-reader": "3.9.164",
-    "@regulaforensics/idv-module-face": "3.9.165",
+    "@regulaforensics/idv": "3.10.263-beta",
+    "@regulaforensics/idv-module-document-reader": "3.10.377-rc",
+    "@regulaforensics/idv-module-face": "3.10.378-rc",
     "@regulaforensics/document-reader-core-fullauthrfid": "9.9.3305",
     "@regulaforensics/face-core-basic": "8.4.884",
     "@angular-devkit/build-angular": "^22.1.8",
@@ -32,8 +32,10 @@
     "typescript": "~6.0.3"
   },
   "overrides": {
-    "serialize-javascript": "^7.1.1",
-    "uuid": "^11.1.1"
+    "serialize-javascript": "^7.1.2",
+    "uuid": "^11.1.1",
+    "source-map-js": "^1.2.2",
+    "shell-quote": "^1.11.0"
   },
   "cordova": {
     "plugins": {

package/examples/react_native/app.config.ts

@@ -36,17 +36,19 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   },
   plugins: [
     '@regulaforensics/idv',
+    './scripts/withoutMetroServer',
     ['expo-custom-assets', { assetsPaths: ['./assets'] }],
     ['expo-build-properties', {
+      ios: { networkInspector: false },
       android: {
+        networkInspector: false,
         extraMavenRepos: [
           { url: 'https://maven.regulaforensics.com/RegulaDocumentReader' },
           { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Beta' },
           { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Nightly' },
           { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Stage' }
         ]
-      },
-      ios: { networkInspector: false }
+      }
     }]
   ]
 })

package/examples/react_native/index.tsx

@@ -1,6 +1,8 @@
 import { registerRootComponent } from 'expo'
 import WebView from 'react-native-webview'
 import React from 'react'
+import * as RNFS from 'react-native-fs'
+import { Platform } from 'react-native'
 import { main } from './src/main'
 
 var webViewRef: any
@@ -47,17 +49,45 @@ const document = {
 }
 
 function parseValue(value: any) {
-  if (value !== true && value !== false) return `"${value}"`
-  return value
+  const json = JSON.stringify(value)
+  return typeof value === 'string' ? `(window.webImages[${json}] ?? ${json})` : json
+}
+
+async function loadWebUI() {
+  const webRoot = Platform.OS === 'ios' ? RNFS.MainBundlePath + '/web/' : 'web/'
+  const readWebFile = Platform.OS === 'ios' ? RNFS.readFile : RNFS.readFileAssets
+  const readWebDir = Platform.OS === 'ios' ? RNFS.readDir : RNFS.readDirAssets
+  const webImages: Record<string, string> = {}
+  const [styles, content] = await Promise.all(['src/main.css', 'src/main.html'].map(path => readWebFile(webRoot + path, 'utf8')))
+
+  for (const file of (await readWebDir(webRoot + 'images')).filter(file => file.isFile())) {
+    const extension = file.name.split('.').pop()!.toLowerCase()
+    const type = ({ jpg: 'jpeg', svg: 'svg+xml' } as Record<string, string>)[extension] ?? extension
+    webImages['images/' + file.name] = `data:image/${type};base64,${await readWebFile(file.path, 'base64')}`
+  }
+
+  const html = content.replace(/src="([^"]+)"/g, (match, path) => webImages[path] ? `src="${webImages[path]}"` : match)
+  return `<meta name="viewport" content="initial-scale=1, user-scalable=no, viewport-fit=cover">
+<style>${styles}</style>
+<div id="content" style="height: 100%">${html}</div>
+<script>
+  window.webImages = ${JSON.stringify(webImages)};
+  requestAnimationFrame(() => requestAnimationFrame(() => {
+    window.ReactNativeWebView.postMessage(JSON.stringify({ id: "ready" }))
+  }))
+</script>`
 }
 
 (globalThis as any).document = document;
-registerRootComponent(() =>
-  <WebView
+registerRootComponent(() => {
+  const [html, setHtml] = React.useState('')
+  React.useEffect(() => { loadWebUI().then(setHtml).catch(console.error) }, [])
+  return html ? <WebView
     ref={ref => { webViewRef = ref }}
     onMessage={onMessage}
-    source={require("./index.html")}
+    originWhitelist={['*']}
+    source={{ html }}
     scrollEnabled={false}
     overScrollMode={'content'}
-  />
-)
+  /> : null
+})

package/examples/react_native/metro.config.js

@@ -1,7 +1,5 @@
 const config = require('expo/metro-config').getDefaultConfig(__dirname)
 config.watchFolders = [
-    __dirname + '/node_modules'
 ]
-config.resolver.nodeModulesPaths = config.watchFolders
-config.resolver.assetExts.push('css')
+config.resolver.nodeModulesPaths = [__dirname + '/node_modules']
 module.exports = config