fix: bundle face-detection into liveness (#6805)

* fix: consume face-detection from github

* ping tensorflow deps to 4.11

* chore: use patch and bundle over repo

Author: bobbor

.github/dependency-review/config.yml

@@ -35,6 +35,7 @@ allow-licenses:
   - 'zlib-acknowledgement'
   - 'Zlib'
   - 'LicenseRef-scancode-unicode'
+  - 'LicenseRef-scancode-public-domain'
 allow-dependencies-licenses:
   # These packages are needed for nextjs (more detailed sharp)
   # they are dynamic libraries and thus do not ship the underlying library

package.json

@@ -68,7 +68,8 @@
       "**/react-native-vector-icons",
       "**/rollup",
       "**/@types/webgl-ext",
-      "**/@types/webgl-ext/**"
+      "**/@types/webgl-ext/**",
+      "**/@tensorflow-models/face-detection"
     ]
   },
   "resolutions": {
@@ -136,6 +137,7 @@
     "@changesets/changelog-github": "0.4.1",
     "@changesets/cli": "^2.27.10",
     "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "~16.0.3",
     "@rollup/plugin-typescript": "^12.1.0",
     "@size-limit/preset-big-lib": "^11.2.0",
     "@testing-library/jest-dom": "^6.1.5",
@@ -176,4 +178,4 @@
       "rimraf": "5.0.0"
     }
   }
-}
+}

packages/react-liveness/package.json

@@ -26,7 +26,7 @@
   },
   "files": [
     "dist",
-    "packed/tensorflow-models-face-detection-1.0.3.tgz",
+    "patches",
     "LICENSE"
   ],
   "scripts": {
@@ -36,7 +36,7 @@
     "clean": "rimraf dist node_modules",
     "dev": "yarn build:rollup --watch",
     "lint": "yarn typecheck && eslint .",
-    "prebuild": "rimraf dist",
+    "prebuild": "rimraf dist && patch-package",
     "size": "yarn size-limit",
     "test": "jest",
     "test:watch": "yarn test --watch",
@@ -48,9 +48,6 @@
     "react": "^16.14 || ^17 || ^18 || ^19",
     "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
-  "bundledDependencies": [
-    "@tensorflow-models/face-detection"
-  ],
   "dependencies": {
     "@aws-amplify/ui": "6.13.0",
     "@aws-amplify/ui-react": "6.13.2",
@@ -62,7 +59,6 @@
     "@smithy/signature-v4": "5.1.2",
     "@smithy/types": "^4.3.1",
     "@mediapipe/face_detection": "^0.4.1646425229",
-    "@tensorflow-models/face-detection": "./packed/tensorflow-models-face-detection-1.0.3.tgz",
     "@tensorflow/tfjs-backend-cpu": "4.11.0",
     "@tensorflow/tfjs-backend-wasm": "4.11.0",
     "@tensorflow/tfjs-converter": "4.11.0",
@@ -73,20 +69,22 @@
     "xstate": "^4.33.6"
   },
   "devDependencies": {
+    "@tensorflow-models/face-detection": "~1.0.3",
     "@types/jest-when": "^3.5.0",
     "blob-polyfill": "^7.0.20220408",
     "jest-canvas-mock": "^2.5.2",
     "jest-websocket-mock": "^2.4.1",
     "jest-when": "^3.5.1",
     "mock-socket": "^9.2.1",
+    "patch-package": "~8.0.1",
     "web-streams-polyfill": "^3.2.1"
   },
   "size-limit": [
     {
       "name": "FaceLivenessDetector",
       "path": "dist/esm/index.mjs",
       "import": "{ FaceLivenessDetector }",
-      "limit": "228 kB"
+      "limit": "229 kB"
     }
   ]
-}
+}

packages/react-liveness/packed/README.md

@@ -2,6 +2,7 @@ import { defineConfig } from 'rollup';
 import typescript from '@rollup/plugin-typescript';
 import commonjs from '@rollup/plugin-commonjs';
 import styles from 'rollup-plugin-styles';
+import resolve from '@rollup/plugin-node-resolve';
 
 import externals from 'rollup-plugin-node-externals';
 
@@ -28,7 +29,11 @@ const config = defineConfig([
     output: cjsOutput,
     plugins: [
       commonjs(),
-      externals({ include: /^@aws-amplify/ }),
+      externals({
+        include: /^@aws-amplify/,
+        exclude: '@tensorflow-models/face-detection',
+      }),
+      resolve(),
       typescript({ declarationDir: 'dist/types', sourceMap, tsconfig }),
     ],
   },
@@ -44,7 +49,11 @@ const config = defineConfig([
     },
     plugins: [
       commonjs(),
-      externals({ include: /^@aws-amplify/ }),
+      externals({
+        include: /^@aws-amplify/,
+        exclude: '@tensorflow-models/face-detection',
+      }),
+      resolve(),
       typescript({
         outDir: 'dist/esm',
         declaration: false,