tktechnico-react-face-detection 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,40 @@
+export interface FaceDetection {
+    topLeft: [number, number];
+    bottomRight: [number, number];
+    probability: number;
+    landmarks?: number[][];
+}
+export interface DetectionResult {
+    success: boolean;
+    face: FaceDetection | null;
+    confidence: number;
+    isLowConfidence: boolean;
+    errorMessage: string | null;
+}
+export interface FaceDetectorConfig {
+    /** Confidence threshold for low quality warning (default: 0.7) */
+    confidenceThreshold?: number;
+    /** Max image size for processing (default: 640) */
+    maxImageSize?: number;
+    /** Show face bounding box overlay (default: true) */
+    showOverlay?: boolean;
+    /** Show detection result message (default: true) */
+    showResult?: boolean;
+    /** Callback when detection completes */
+    onDetectionComplete?: (result: DetectionResult) => void;
+    /** Callback on error */
+    onError?: (error: string) => void;
+}
+export interface CameraConfig {
+    /** Default camera direction (default: 'front') */
+    defaultFacing?: 'front' | 'rear';
+    /** Allow switching between front/rear camera (default: true) */
+    allowCameraSwitch?: boolean;
+    /** Image quality 1-100 (default: 90) */
+    quality?: number;
+}
+export interface FaceDetectorProps extends FaceDetectorConfig, CameraConfig {
+    /** Additional CSS classes */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,YAAY;IAC3B,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB,EAAE,YAAY;IACzE,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/useFaceDetectionCore.d.ts

@@ -0,0 +1,14 @@
+import type { DetectionResult } from './types';
+interface UseFaceDetectionCoreOptions {
+    confidenceThreshold?: number;
+    maxImageSize?: number;
+}
+interface UseFaceDetectionCoreReturn {
+    isModelLoading: boolean;
+    modelError: string | null;
+    detectFace: (imageElement: HTMLImageElement) => Promise<DetectionResult>;
+    retryModelLoad: () => void;
+}
+export declare function useFaceDetectionCore(options?: UseFaceDetectionCoreOptions): UseFaceDetectionCoreReturn;
+export {};
+//# sourceMappingURL=useFaceDetectionCore.d.ts.map

package/dist/useFaceDetectionCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFaceDetectionCore.d.ts","sourceRoot":"","sources":["../src/useFaceDetectionCore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;AAE9D,UAAU,2BAA2B;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,0BAA0B;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,CAAC,YAAY,EAAE,gBAAgB,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IACzE,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAKD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CAyI5B"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "tktechnico-react-face-detection",
+  "version": "1.0.0",
+  "description": "TKTechnico's powerful face detection component for React and Ionic applications. Real-time AI-powered face detection using TensorFlow.js BlazeFace with native mobile camera support.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "npm run build:js && npm run build:types",
+    "build:js": "tsup src/index.ts --format cjs,esm --clean --external react --external react-dom",
+    "build:types": "tsc -p tsconfig.json --emitDeclarationOnly --declaration --outDir dist",
+    "dev": "tsup src/index.ts --format cjs,esm --watch --external react --external react-dom",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tktechnico/react-face-detection.git"
+  },
+  "homepage": "https://github.com/tktechnico/react-face-detection#readme",
+  "bugs": {
+    "url": "https://github.com/tktechnico/react-face-detection/issues"
+  },
+  "keywords": [
+    "tktechnico",
+    "react",
+    "face-detection",
+    "face-recognition",
+    "tensorflow",
+    "blazeface",
+    "ionic",
+    "capacitor",
+    "camera",
+    "ai",
+    "machine-learning",
+    "computer-vision",
+    "biometric",
+    "selfie",
+    "mobile",
+    "native",
+    "typescript",
+    "react-component"
+  ],
+  "author": "TKTechnico",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@capacitor/camera": "^8.0.0",
+    "@tensorflow-models/blazeface": "^0.1.0",
+    "@tensorflow/tfjs": "^4.22.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
+}