facecog-liveness-showcase 0.0.1

package/angular.json

@@ -0,0 +1,156 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "facecog-liveness-verification": {
+      "projectType": "library",
+      "root": "projects/facecog-liveness-verification",
+      "sourceRoot": "projects/facecog-liveness-verification/src",
+      "prefix": "facecog",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:ng-packagr",
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/facecog-liveness-verification/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/facecog-liveness-verification/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "tsConfig": "projects/facecog-liveness-verification/tsconfig.spec.json",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
+          }
+        }
+      }
+    },
+    "facecog-liveness-verification-test": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "projects/facecog-liveness-verification-test",
+      "sourceRoot": "projects/facecog-liveness-verification-test/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "www",
+            "index": "projects/facecog-liveness-verification-test/src/index.html",
+            "main": "projects/facecog-liveness-verification-test/src/main.ts",
+            "polyfills": "projects/facecog-liveness-verification-test/src/polyfills.ts",
+            "tsConfig": "projects/facecog-liveness-verification-test/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/facecog-liveness-verification-test/src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*.svg",
+                "input": "node_modules/ionicons/dist/ionicons/svg",
+                "output": "./svg"
+              }
+            ],
+            "styles": [
+              "projects/facecog-liveness-verification-test/src/global.scss",
+              "projects/facecog-liveness-verification-test/src/theme/variables.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "20kb",
+                  "maximumError": "30kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "projects/facecog-liveness-verification-test/src/environments/environment.ts",
+                  "with": "projects/facecog-liveness-verification-test/src/environments/environment.prod.ts"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            },
+            "ci": {
+              "progress": false
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "facecog-liveness-verification-test:build:production"
+            },
+            "development": {
+              "buildTarget": "facecog-liveness-verification-test:build:development"
+            },
+            "ci": {
+              "progress": false
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "facecog-liveness-verification-test:build"
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "projects/facecog-liveness-verification-test/**/*.ts",
+              "projects/facecog-liveness-verification-test/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ]
+  },
+  "schematics": {
+    "@ionic/angular-toolkit:component": {
+      "styleext": "scss"
+    },
+    "@ionic/angular-toolkit:page": {
+      "styleext": "scss"
+    }
+  }
+}

package/capacitor.config.ts

@@ -0,0 +1,9 @@
+import type { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'io.ionic.starter',
+  appName: 'selfie-liveness-verification',
+  webDir: 'www'
+};
+
+export default config;

package/docker-compose.dev.yml

@@ -0,0 +1,20 @@
+services:
+  # Development build - serves with hot-reload
+  selfie-liveness-dev:
+    image: node:20-alpine
+    container_name: selfie-liveness-development
+    working_dir: /app
+    volumes:
+      - .:/app
+      - /app/node_modules
+    ports:
+      - "8100:8100"
+    command: sh -c "npm install && npm run start -- --host=0.0.0.0 --port=8100"
+    environment:
+      - NODE_ENV=development
+    networks:
+      - selfie-network
+
+networks:
+  selfie-network:
+    driver: bridge

package/docker-compose.yml

@@ -0,0 +1,18 @@
+services:
+  # Production build - serves optimized build with Nginx
+  selfie-liveness-app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: selfie-liveness-production
+    ports:
+      - "8080:80"
+    restart: unless-stopped
+    environment:
+      - NODE_ENV=production
+    networks:
+      - selfie-network
+
+networks:
+  selfie-network:
+    driver: bridge

package/ionic.config.json

@@ -0,0 +1,7 @@
+{
+  "name": "selfie-liveness-verification",
+  "integrations": {
+    "capacitor": {}
+  },
+  "type": "angular"
+}

package/jest.config.js

@@ -0,0 +1,38 @@
+/** @type {import('jest').Config} */
+module.exports = {
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['ts', 'html', 'js', 'json', 'mjs'],
+  transform: {
+    '^.+\\.(ts|js|mjs|html|svg)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  setupFiles: ['<rootDir>/setup-jest.ts'],
+  testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+  roots: ['<rootDir>/projects/facecog-liveness-verification/src'],
+  collectCoverageFrom: [
+    'projects/facecog-liveness-verification/src/lib/**/*.ts',
+    '!projects/facecog-liveness-verification/src/lib/**/*.spec.ts',
+    '!projects/facecog-liveness-verification/src/lib/**/index.ts',
+    '!projects/facecog-liveness-verification/src/lib/**/*.d.ts',
+    '!projects/facecog-liveness-verification/src/lib/components/aws-face-liveness/**',
+    '!projects/facecog-liveness-verification/src/lib/components/facetec-scan/**',
+    '!projects/facecog-liveness-verification/src/lib/components/camera-verification/**',
+    '!projects/facecog-liveness-verification/src/lib/components/liveness-verification/**',
+    '!projects/facecog-liveness-verification/src/lib/components/dialogs/**',
+    '!projects/facecog-liveness-verification/src/lib/services/pose-detection/**',
+    '!projects/facecog-liveness-verification/src/lib/services/custom-poses-api.service.ts',
+    '!projects/facecog-liveness-verification/src/lib/services/aws-face-liveness.service.ts',
+    '!projects/facecog-liveness-verification/src/lib/liveness-verification.module.ts',
+  ],
+  coverageDirectory: '<rootDir>/coverage/facecog-liveness-verification',
+  coverageReporters: ['text', 'text-summary', 'lcov'],
+  transformIgnorePatterns: [
+    'node_modules/(?!(@ionic|@stencil|ionicons|@angular|rxjs|tslib)/)',
+  ],
+  testTimeout: 15000,
+};

package/nginx.conf

@@ -0,0 +1,50 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    # Logging
+    access_log /var/log/nginx/access.log;
+    error_log /var/log/nginx/error.log;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_types text/plain text/css text/xml text/javascript application/json application/javascript application/xml+rss application/rss+xml font/truetype font/opentype application/vnd.ms-fontobject image/svg+xml;
+
+    server {
+        listen 80;
+        server_name localhost;
+        root /usr/share/nginx/html;
+        index index.html;
+
+        # Security headers
+        add_header X-Frame-Options "SAMEORIGIN" always;
+        add_header X-Content-Type-Options "nosniff" always;
+        add_header X-XSS-Protection "1; mode=block" always;
+
+        # Camera and media permissions headers
+        add_header Permissions-Policy "camera=*, microphone=*" always;
+
+        # Enable SPA routing - all routes serve index.html
+        location / {
+            try_files $uri $uri/ /index.html;
+        }
+
+        # Cache static assets
+        location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+            expires 1y;
+            add_header Cache-Control "public, immutable";
+        }
+
+        # Disable cache for index.html
+        location = /index.html {
+            add_header Cache-Control "no-store, no-cache, must-revalidate";
+        }
+    }
+}

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "facecog-liveness-showcase",
+  "version": "0.0.1",
+  "author": "NaniteNinjas",
+  "homepage": "https://github.com/naniteninjas",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve facecog-liveness-verification-test",
+    "build": "ng build facecog-liveness-verification-test",
+    "build:prod": "ng build facecog-liveness-verification-test --configuration production",
+    "vercel-build": "ng build facecog-liveness-verification-test --configuration production",
+    "watch": "ng build facecog-liveness-verification-test --watch --configuration development",
+    "lint": "ng lint facecog-liveness-verification-test",
+    "build:lib": "cd projects/facecog-liveness-verification && npx tsc -p tsconfig.wrapper.json && (mv src/lib/components/aws-face-liveness/FaceLivenessReactWrapper.js src/lib/components/aws-face-liveness/FaceLivenessReactWrapper.generated.js 2>/dev/null || true) && cd ../.. && node projects/facecog-liveness-verification/scripts/build-with-wrapper-copy.js",
+    "npm:pack": "cd dist/naniteninjas-liveness-verification && npm pack",
+    "npm:pub": "cd dist/naniteninjas-liveness-verification && npm publish",
+    "package": "npm run build:lib && npm run npm:pack",
+    "bump:lib": "cd projects/facecog-liveness-verification && npm version patch",
+    "postinstall": "patch-package",
+    "test": "jest --config jest.config.js",
+    "test:coverage": "jest --config jest.config.js --coverage"
+  },
+  "dependencies": {
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.2.8",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/google-maps": "^20.2.8",
+    "@angular/material": "^20.2.8",
+    "@angular/material-moment-adapter": "^20.2.8",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@aws-amplify/ui-react": "^6.13.2",
+    "@aws-amplify/ui-react-liveness": "^3.5.0",
+    "@capacitor/app": "7.1.0",
+    "@capacitor/camera": "^7.0.2",
+    "@capacitor/core": "7.4.3",
+    "@capacitor/filesystem": "^7.1.4",
+    "@capacitor/haptics": "7.0.2",
+    "@capacitor/keyboard": "7.0.3",
+    "@capacitor/status-bar": "7.0.3",
+    "@ionic/angular": "^8.0.0",
+    "@mediapipe/pose": "^0.5.1675469404",
+    "@mediapipe/tasks-vision": "^0.10.22-rc.20250304",
+    "@naniteninja/ionic-lib": "^1.0.207",
+    "@ngx-pwa/local-storage": "^20.0.0",
+    "@ngx-translate/core": "^17.0.0",
+    "@primeuix/styled": "^0.7.4",
+    "@primeuix/utils": "^0.6.1",
+    "@tensorflow-models/pose-detection": "^2.1.3",
+    "@tensorflow/tfjs-backend-webgl": "^4.22.0",
+    "@tensorflow/tfjs-backend-webgpu": "^4.22.0",
+    "@tensorflow/tfjs-converter": "^4.22.0",
+    "@tensorflow/tfjs-core": "^4.22.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "ang-jsoneditor": "^4.0.2",
+    "aws-amplify": "^6.15.9",
+    "d3": "^7.9.0",
+    "date-fns": "^4.1.0",
+    "emoji-picker-element": "^1.27.0",
+    "face-api.js": "^0.22.2",
+    "google-libphonenumber": "^3.2.43",
+    "inputmask": "^5.0.9",
+    "ionicons": "^7.0.0",
+    "moment": "^2.30.1",
+    "ng-otp-input": "^2.0.9",
+    "ngx-bootstrap": "^20.0.2",
+    "ngx-image-compress": "^18.1.5",
+    "ngx-image-cropper": "^7.2.1",
+    "ngx-infinite-scroll": "^20.0.0",
+    "ngx-mask": "^20.0.3",
+    "ngx-popperjs": "^17.0.1",
+    "primeng": "^16.9.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "rrule": "^2.8.1",
+    "rxjs": "~7.8.0",
+    "swiper": "^12.0.2",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^20.0.0",
+    "@angular-eslint/builder": "^20.0.0",
+    "@angular-eslint/eslint-plugin": "^20.0.0",
+    "@angular-eslint/eslint-plugin-template": "^20.0.0",
+    "@angular-eslint/schematics": "^20.0.0",
+    "@angular-eslint/template-parser": "^20.0.0",
+    "@angular/build": "^20.3.5",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@angular/language-service": "^20.0.0",
+    "@capacitor/cli": "7.4.3",
+    "@ionic/angular-toolkit": "^12.0.0",
+    "@jest/globals": "^30.2.0",
+    "@types/d3": "^7.4.3",
+    "@types/google-libphonenumber": "^7.4.30",
+    "@types/jasmine": "~5.1.0",
+    "@types/jest": "^30.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
+    "eslint": "^9.16.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsdoc": "^48.2.1",
+    "eslint-plugin-prefer-arrow": "1.2.2",
+    "jasmine-core": "~5.1.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jest-preset-angular": "^16.1.1",
+    "jsoneditor": "^10.4.1",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-packagr": "^20.3.0",
+    "patch-package": "^8.0.1",
+    "ts-jest": "^29.4.6",
+    "typescript": "~5.8.0"
+  },
+  "description": "FaceCog Liveness Verification Showcase - Demo application for @naniteninja/liveness-verification library",
+  "optionalDependencies": {
+    "@capacitor/motion": "^7.0.1",
+    "capacitor-screenshot": "^7.3.0"
+  }
+}

package/patches/ng-packagr+20.3.2.patch

@@ -0,0 +1,60 @@
+diff --git a/node_modules/ng-packagr/src/lib/flatten/file-loader-plugin.js b/node_modules/ng-packagr/src/lib/flatten/file-loader-plugin.js
+index 3126ecb..6023896 100644
+--- a/node_modules/ng-packagr/src/lib/flatten/file-loader-plugin.js
++++ b/node_modules/ng-packagr/src/lib/flatten/file-loader-plugin.js
+@@ -66,13 +66,18 @@ function fileLoaderPlugin(fileCache, resolutionExtensions) {
+             log.debug(`file-loader ${id}`);
+             const idPosix = (0, path_1.ensureUnixPath)(id);
+             const data = fileCache.get(idPosix);
+-            if (!data) {
+-                throw new Error(`Could not load '${id}' from memory.`);
++            if (data) {
++                return {
++                    code: data.content,
++                    map: (_a = fileCache.get(`${idPosix}.map`)) === null || _a === void 0 ? void 0 : _a.content,
++                };
+             }
+-            return {
+-                code: data.content,
+-                map: (_a = fileCache.get(`${idPosix}.map`)) === null || _a === void 0 ? void 0 : _a.content,
+-            };
++            const fs = require('node:fs');
++            if (fs.existsSync(id)) {
++                const content = fs.readFileSync(id, 'utf-8');
++                return { code: content };
++            }
++            throw new Error(`Could not load '${id}' from memory.`);
+         },
+     };
+ }
+diff --git a/node_modules/ng-packagr/src/lib/ng-package/entry-point/compile-ngc.transform.js b/node_modules/ng-packagr/src/lib/ng-package/entry-point/compile-ngc.transform.js
+index 68bc2c2..12df1ca 100644
+--- a/node_modules/ng-packagr/src/lib/ng-package/entry-point/compile-ngc.transform.js
++++ b/node_modules/ng-packagr/src/lib/ng-package/entry-point/compile-ngc.transform.js
+@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
+ };
+ Object.defineProperty(exports, "__esModule", { value: true });
+ exports.compileNgcTransformFactory = void 0;
++const fs = require("fs");
+ const ora_1 = __importDefault(require("ora"));
+ const path = __importStar(require("path"));
+ const typescript_1 = __importDefault(require("typescript"));
+@@ -94,6 +95,18 @@ const compileNgcTransformFactory = (StylesheetProcessor, options) => {
+             }
+         }
+         spinner.succeed();
++        // Copy pre-built FaceLivenessReactWrapper.generated.js into tmp so rollup can resolve it
++        const { esm2022: outEsm2022 } = entryPoint.data.destinationFiles;
++        const wrapperSrc = path.join(projectBasePath, 'src/lib/components/aws-face-liveness/FaceLivenessReactWrapper.generated.js');
++        const tmpDir = path.dirname(outEsm2022);
++        const wrapperDestDir = path.join(tmpDir, 'lib/components/aws-face-liveness');
++        const wrapperDest = path.join(wrapperDestDir, 'FaceLivenessReactWrapper.generated.js');
++        if (fs.existsSync(wrapperSrc)) {
++            if (!fs.existsSync(wrapperDestDir)) {
++                fs.mkdirSync(wrapperDestDir, { recursive: true });
++            }
++            fs.copyFileSync(wrapperSrc, wrapperDest);
++        }
+         return graph;
+     });
+ };