[TSM.ID].[11031972] PXE : Platform X Ecosystem I [118 Module -LIVE-]

jumpa-vc/components/NeuralAttentionEngine.tsx

@@ -0,0 +1,83 @@
+/* eslint-disable */
+// @ts-nocheck
+"use client";
+
+import React, { useEffect, useRef } from 'react';
+
+// Using dynamic import to avoid SSR issues with TFJS
+type BlazefaceModel = { estimateFaces: (video: HTMLVideoElement, returnTensors: boolean) => Promise<unknown[]> };
+let blazeface: { load: () => Promise<BlazefaceModel> };
+
+export function NeuralAttentionEngine({ 
+  videoRef, 
+  onAttentionChange 
+}: { 
+  videoRef: React.RefObject<HTMLVideoElement | null>;
+  onAttentionChange: (isAttentive: boolean) => void;
+}) {
+  const rafRef = useRef<number>(0);
+  const lastAttentionTimeRef = useRef<number>(0);
+
+  useEffect(() => {
+    let isMounted = true;
+
+    async function loadModel() {
+      try {
+        // TAHAP NANO: SOVEREIGN NEURAL ENGINE
+        // Menggunakan Native Shape Detection API (OS Level) 
+        // 100% Air-Gapped, No Google CDN, No TensorFlow Weights!
+        let faceDetector: any = null;
+        if ('FaceDetector' in window) {
+           faceDetector = new (window as any).FaceDetector();
+        }
+        
+        if (isMounted) {
+          startTracking(faceDetector);
+        }
+      } catch (err) {
+        console.error("Failed to load Neural Attention Engine:", err);
+      }
+    }
+
+    async function startTracking(model: any) {
+      if (!videoRef.current || videoRef.current.readyState < 2) {
+        rafRef.current = requestAnimationFrame(() => startTracking(model));
+        return;
+      }
+
+      try {
+        const now = Date.now();
+        if (lastAttentionTimeRef.current === 0) lastAttentionTimeRef.current = now;
+
+        const faces = model ? await model.detect(videoRef.current) : [];
+        
+        if (faces.length > 0) {
+          // Face detected
+          lastAttentionTimeRef.current = now;
+          onAttentionChange(true);
+        } else {
+          // If no face detected for more than 3 seconds, user is not attentive
+          if (now - lastAttentionTimeRef.current > 3000) {
+            onAttentionChange(false);
+          }
+        }
+      } catch {
+        // Ignore detection errors
+      }
+
+      // Check again next frame
+      rafRef.current = requestAnimationFrame(() => startTracking(model));
+    }
+
+    loadModel();
+
+    return () => {
+      isMounted = false;
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, [videoRef, onAttentionChange]);
+
+  return null; // This is a headless component
+}