npm - @cuemath/leap - Versions diffs - 4.1.1-j1 → 4.1.1-j2 - Mend

@cuemath/leap 4.1.1-j1 → 4.1.1-j2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/features/av/av-preview/av-preview.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
-import { memo as j, useRef as B, useEffect as $, useCallback as A } from "react";
+import { memo as j, useRef as B, useEffect as g, useCallback as A } from "react";
 import { useUserMedia as M } from "@cuemath/av";
 import N from "../video-analysis/hooks/use-video-analysis.js";
 import R from "../video-analysis/video-analysis-overlay/video-analysis-overlay.js";
-import D from "../../ui/inputs/select-input/select-input.js";
+import $ from "../../ui/inputs/select-input/select-input.js";
 import u from "../../ui/layout/flex-view.js";
 import w from "../../ui/text/text.js";
 import { AVErrorSOPWrapper as T, AVErrorStepList as F } from "./av-preview-styled.js";
@@ -14,34 +14,34 @@ const W = {
   setupListeners: !0
 }, L = j(
   ({
-    children: x,
+    children: V,
     logger: a,
-    onDeviceUpdate: _,
-    enableVideoAnalysis: l = !1,
-    detectEmotions: C = !1,
-    detectSleep: O = !1
+    onDeviceUpdate: y,
+    enableVideoAnalysis: D = !1,
+    detectEmotions: x = !1,
+    detectSleep: C = !1
   }) => {
     const s = B(null), {
-      selectedAudioDevice: c,
-      selectedVideoDevice: m,
-      videoDeviceError: p,
-      devices: h,
+      selectedAudioDevice: l,
+      selectedVideoDevice: c,
+      videoDeviceError: m,
+      devices: p,
       changeDevice: r,
-      selectedAudioOutputDevice: v,
-      audioDeviceError: f,
-      userMediaStream: b,
-      isAudioDeviceLoading: P,
-      isVideoDeviceLoading: S
-    } = M(W), y = p === "permissionDeniedBySystem" || p === "permissionDenied" || f === "permissionDeniedBySystem" || f === "permissionDenied", g = K(f, p), {
-      metrics: V,
+      selectedAudioOutputDevice: h,
+      audioDeviceError: v,
+      userMediaStream: f,
+      isAudioDeviceLoading: O,
+      isVideoDeviceLoading: P
+    } = M(W), _ = m === "permissionDeniedBySystem" || m === "permissionDenied" || v === "permissionDeniedBySystem" || v === "permissionDenied", b = K(v, m), {
+      metrics: S,
       isLoading: X,
       error: d
     } = N(s, {
-      enabled: l,
-      detectEmotions: C,
-      detectSleep: O
+      enabled: D,
+      detectEmotions: x,
+      detectSleep: C
     });
-    $(() => {
+    g(() => {
       d && a("av_preview_video_analysis_error", {
         error_name: d.name,
         error_message: d.message
@@ -67,15 +67,15 @@ const W = {
       },
       [r, a]
     );
-    return $(() => {
-      _({
-        audio: c,
-        video: m,
-        audioOutput: v
+    return g(() => {
+      y({
+        audio: l,
+        video: c,
+        audioOutput: h
       });
-    }, [c, m, v, _]), $(() => {
-      s.current && b && (s.current.srcObject = b);
-    }, [b]), /* @__PURE__ */ n(u, { $flexDirection: "row", $flexGapX: 2, children: [
+    }, [l, c, h, y]), g(() => {
+      s.current && f && (s.current.srcObject = f);
+    }, [f]), /* @__PURE__ */ n(u, { $flexDirection: "row", $flexGapX: 2, children: [
       /* @__PURE__ */ n(u, { $widthX: 26, $heightX: 19.5, $background: "BLACK_1", $position: "relative", children: [
         /* @__PURE__ */ e(
           "video",
@@ -89,64 +89,64 @@ const W = {
             disablePictureInPicture: !0
           }
         ),
-        l && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(
           R,
           {
-            metrics: V,
+            metrics: S,
             isLoading: X,
-            visible: l
+            visible: D
           }
         )
       ] }),
       /* @__PURE__ */ n(u, { $position: "relative", $widthX: 22, $flexGapX: 1, $justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(u, { $flexGapX: 1, children: !y && /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(u, { $flexGapX: 1, children: !_ && /* @__PURE__ */ n(G, { children: [
           /* @__PURE__ */ e(
-            D,
+            $,
             {
               label: "Camera",
               renderAs: "primary",
               shape: "borderLess",
-              options: h.video,
-              value: m,
+              options: p.video,
+              value: c,
               onChange: k,
-              disabled: S
+              disabled: P
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            $,
             {
               label: "Microphone",
               renderAs: "primary",
               shape: "borderLess",
-              options: h.audio,
-              value: c,
+              options: p.audio,
+              value: l,
               onChange: E,
-              disabled: P
+              disabled: O
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            $,
             {
               label: "Speaker",
               renderAs: "primary",
               shape: "borderLess",
-              options: h.audioOutput,
-              value: v,
+              options: p.audioOutput,
+              value: h,
               onChange: I
             }
           ),
-          /* @__PURE__ */ e("div", { children: x })
+          /* @__PURE__ */ e("div", { children: V })
         ] }) }),
-        g && /* @__PURE__ */ n(
+        b && /* @__PURE__ */ n(
           T,
           {
             $background: "ORANGE_2",
             $gutterX: 1,
             $gapX: 1,
-            $width: y ? "100%" : "272px",
+            $width: _ ? "100%" : "272px",
             children: [
-              /* @__PURE__ */ e(w, { $renderAs: "ab1-bold", $marginBottomX: 1, children: g.heading }),
-              /* @__PURE__ */ e(F, { children: g.steps.map((i, t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub1", children: i }) }, t)) })
+              /* @__PURE__ */ e(w, { $renderAs: "ab1-bold", $marginBottomX: 1, children: b.heading }),
+              /* @__PURE__ */ e(F, { children: b.steps.map((i, t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub1", children: i }) }, t)) })
             ]
           }
         )

package/dist/features/av/av-preview/av-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\n\nimport useVideoAnalysis from '../video-analysis/hooks/use-video-analysis';\nimport VideoAnalysisOverlay from '../video-analysis/video-analysis-overlay/video-analysis-overlay';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport type { ILogger } from './av-preview-types';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\n\ninterface IAVPreviewProps {\n children?: React.ReactNode;\n logger: ILogger;\n onDeviceUpdate: (selectedDevices: {\n audio?: string;\n video?: string;\n audioOutput?: string;\n }) => void;\n enableVideoAnalysis?: boolean;\n detectEmotions?: boolean;\n detectSleep?: boolean;\n}\nconst OPTIONS = {\n constraints: { audio: true, video: true },\n withDevices: true,\n setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(\n ({\n children,\n logger,\n onDeviceUpdate,\n enableVideoAnalysis = false,\n detectEmotions = false,\n detectSleep = false,\n }) => {\n const videoRef = useRef<HTMLVideoElement>(null);\n const {\n selectedAudioDevice,\n selectedVideoDevice,\n videoDeviceError,\n devices,\n changeDevice,\n selectedAudioOutputDevice,\n audioDeviceError,\n userMediaStream,\n isAudioDeviceLoading,\n isVideoDeviceLoading,\n } = useUserMedia(OPTIONS);\n\n const hasPermissionProblem =\n videoDeviceError === 'permissionDeniedBySystem' \|\|\n videoDeviceError === 'permissionDenied' \|\|\n audioDeviceError === 'permissionDeniedBySystem' \|\|\n audioDeviceError === 'permissionDenied';\n const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n // Video analysis hook\n const {\n metrics,\n isLoading: isAnalysisLoading,\n error: analysisError,\n } = useVideoAnalysis(videoRef, {\n enabled: enableVideoAnalysis,\n detectEmotions,\n detectSleep,\n });\n\n // Log analysis errors\n useEffect(() => {\n if (analysisError) {\n logger('av_preview_video_analysis_error', {\n error_name: analysisError.name,\n error_message: analysisError.message,\n });\n }\n }, [analysisError, logger]);\n\n const handleAudioDeviceChange = useCallback(\n (deviceId: string) => changeDevice(deviceId, 'audio'),\n [changeDevice],\n );\n\n const handleVideoDeviceChange = useCallback(\n (deviceId: string) => changeDevice(deviceId, 'video'),\n [changeDevice],\n );\n\n const handleAudioOutputDeviceChange = useCallback(\n (deviceId: string) => {\n changeDevice(deviceId, 'audiooutput');\n const videoEl = videoRef.current;\n\n if (videoEl && 'setSinkId' in videoEl) {\n videoEl.setSinkId(deviceId).catch(error => {\n logger('av_preview_set_audio_output_device_error', {\n deviceId,\n error_name: error?.name,\n error_message: error?.message,\n });\n });\n }\n },\n [changeDevice, logger],\n );\n\n // Call onDeviceUpdate when devices or selected devices change\n useEffect(() => {\n onDeviceUpdate({\n audio: selectedAudioDevice,\n video: selectedVideoDevice,\n audioOutput: selectedAudioOutputDevice,\n });\n }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n useEffect(() => {\n if (videoRef.current && userMediaStream) {\n videoRef.current.srcObject = userMediaStream;\n }\n }, [userMediaStream]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={2}>\n <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\" $position=\"relative\">\n <video\n ref={videoRef}\n id=\"localVideo\"\n autoPlay\n playsInline\n controls={false}\n muted={true}\n disablePictureInPicture\n />\n {enableVideoAnalysis && (\n <VideoAnalysisOverlay\n metrics={metrics}\n isLoading={isAnalysisLoading}\n visible={enableVideoAnalysis}\n />\n )}\n </FlexView>\n <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n <FlexView $flexGapX={1}>\n {!hasPermissionProblem && (\n <>\n <SelectInput\n label=\"Camera\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.video}\n value={selectedVideoDevice}\n onChange={handleVideoDeviceChange}\n disabled={isVideoDeviceLoading}\n />\n <SelectInput\n label=\"Microphone\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.audio}\n value={selectedAudioDevice}\n onChange={handleAudioDeviceChange}\n disabled={isAudioDeviceLoading}\n />\n <SelectInput\n label=\"Speaker\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.audioOutput}\n value={selectedAudioOutputDevice}\n onChange={handleAudioOutputDeviceChange}\n />\n <div>{children}</div>\n </>\n )}\n </FlexView>\n {troubleshootingInfo && (\n <Styled.AVErrorSOPWrapper\n $background=\"ORANGE_2\"\n $gutterX={1}\n $gapX={1}\n $width={hasPermissionProblem ? '100%' : '272px'}\n >\n <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n {troubleshootingInfo.heading}\n </Text>\n <Styled.AVErrorStepList>\n {troubleshootingInfo.steps.map((step, stepIndex) => (\n <li key={stepIndex}>\n <Text $renderAs=\"ub1\">{step}</Text>\n </li>\n ))}\n </Styled.AVErrorStepList>\n </Styled.AVErrorSOPWrapper>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","enableVideoAnalysis","detectEmotions","detectSleep","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","metrics","isAnalysisLoading","analysisError","useVideoAnalysis","useEffect","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","jsxs","FlexView","jsx","VideoAnalysisOverlay","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","stepIndex","AVPreview$1"],"mappings":"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"}
1	+ {"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\n\nimport useVideoAnalysis from '../video-analysis/hooks/use-video-analysis';\nimport VideoAnalysisOverlay from '../video-analysis/video-analysis-overlay/video-analysis-overlay';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport type { ILogger } from './av-preview-types';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\n\ninterface IAVPreviewProps {\n children?: React.ReactNode;\n logger: ILogger;\n onDeviceUpdate: (selectedDevices: {\n audio?: string;\n video?: string;\n audioOutput?: string;\n }) => void;\n enableVideoAnalysis?: boolean;\n detectEmotions?: boolean;\n detectSleep?: boolean;\n}\nconst OPTIONS = {\n constraints: { audio: true, video: true },\n withDevices: true,\n setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(\n ({\n children,\n logger,\n onDeviceUpdate,\n enableVideoAnalysis = false,\n detectEmotions = false,\n detectSleep = false,\n }) => {\n const videoRef = useRef<HTMLVideoElement>(null);\n const {\n selectedAudioDevice,\n selectedVideoDevice,\n videoDeviceError,\n devices,\n changeDevice,\n selectedAudioOutputDevice,\n audioDeviceError,\n userMediaStream,\n isAudioDeviceLoading,\n isVideoDeviceLoading,\n } = useUserMedia(OPTIONS);\n\n const hasPermissionProblem =\n videoDeviceError === 'permissionDeniedBySystem' \|\|\n videoDeviceError === 'permissionDenied' \|\|\n audioDeviceError === 'permissionDeniedBySystem' \|\|\n audioDeviceError === 'permissionDenied';\n const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n // Video analysis hook\n const {\n metrics,\n isLoading: isAnalysisLoading,\n error: analysisError,\n } = useVideoAnalysis(videoRef, {\n enabled: enableVideoAnalysis,\n detectEmotions,\n detectSleep,\n });\n\n // Log analysis errors\n useEffect(() => {\n if (analysisError) {\n logger('av_preview_video_analysis_error', {\n error_name: analysisError.name,\n error_message: analysisError.message,\n });\n }\n }, [analysisError, logger]);\n\n const handleAudioDeviceChange = useCallback(\n (deviceId: string) => changeDevice(deviceId, 'audio'),\n [changeDevice],\n );\n\n const handleVideoDeviceChange = useCallback(\n (deviceId: string) => changeDevice(deviceId, 'video'),\n [changeDevice],\n );\n\n const handleAudioOutputDeviceChange = useCallback(\n (deviceId: string) => {\n changeDevice(deviceId, 'audiooutput');\n const videoEl = videoRef.current;\n\n if (videoEl && 'setSinkId' in videoEl) {\n videoEl.setSinkId(deviceId).catch(error => {\n logger('av_preview_set_audio_output_device_error', {\n deviceId,\n error_name: error?.name,\n error_message: error?.message,\n });\n });\n }\n },\n [changeDevice, logger],\n );\n\n // Call onDeviceUpdate when devices or selected devices change\n useEffect(() => {\n onDeviceUpdate({\n audio: selectedAudioDevice,\n video: selectedVideoDevice,\n audioOutput: selectedAudioOutputDevice,\n });\n }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n useEffect(() => {\n if (videoRef.current && userMediaStream) {\n videoRef.current.srcObject = userMediaStream;\n }\n }, [userMediaStream]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={2}>\n <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\" $position=\"relative\">\n <video\n ref={videoRef}\n id=\"localVideo\"\n autoPlay\n playsInline\n controls={false}\n muted={true}\n disablePictureInPicture\n />\n <VideoAnalysisOverlay\n metrics={metrics}\n isLoading={isAnalysisLoading}\n visible={enableVideoAnalysis}\n />\n </FlexView>\n <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n <FlexView $flexGapX={1}>\n {!hasPermissionProblem && (\n <>\n <SelectInput\n label=\"Camera\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.video}\n value={selectedVideoDevice}\n onChange={handleVideoDeviceChange}\n disabled={isVideoDeviceLoading}\n />\n <SelectInput\n label=\"Microphone\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.audio}\n value={selectedAudioDevice}\n onChange={handleAudioDeviceChange}\n disabled={isAudioDeviceLoading}\n />\n <SelectInput\n label=\"Speaker\"\n renderAs=\"primary\"\n shape=\"borderLess\"\n options={devices.audioOutput}\n value={selectedAudioOutputDevice}\n onChange={handleAudioOutputDeviceChange}\n />\n <div>{children}</div>\n </>\n )}\n </FlexView>\n {troubleshootingInfo && (\n <Styled.AVErrorSOPWrapper\n $background=\"ORANGE_2\"\n $gutterX={1}\n $gapX={1}\n $width={hasPermissionProblem ? '100%' : '272px'}\n >\n <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n {troubleshootingInfo.heading}\n </Text>\n <Styled.AVErrorStepList>\n {troubleshootingInfo.steps.map((step, stepIndex) => (\n <li key={stepIndex}>\n <Text $renderAs=\"ub1\">{step}</Text>\n </li>\n ))}\n </Styled.AVErrorStepList>\n </Styled.AVErrorSOPWrapper>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","enableVideoAnalysis","detectEmotions","detectSleep","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","metrics","isAnalysisLoading","analysisError","useVideoAnalysis","useEffect","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","jsxs","FlexView","jsx","VideoAnalysisOverlay","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","stepIndex","AVPreview$1"],"mappings":"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"}

package/dist/features/av/video-analysis/hooks/use-video-analysis.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { useState as V, useRef as f, useCallback as p, useEffect as U } from "react";
-import { getMediaPipeDetector as K } from "../mediapipe/mediapipe-face-detector.js";
-import { calculateEAR as Q } from "../mediapipe/mediapipe-helpers.js";
-import { getEmotionModel as Z } from "../tensorflow/emotion-model.js";
-import { calculateVisibility as $, analyzeLighting as B } from "../video-analysis-helpers.js";
-const ee = 1e3, te = 0.25, ne = (h, n) => {
-  const [q, H] = V({
+import { useState as b, useRef as u, useCallback as p, useEffect as N } from "react";
+import { getMediaPipeDetector as J } from "../mediapipe/mediapipe-face-detector.js";
+import { calculateEAR as K } from "../mediapipe/mediapipe-helpers.js";
+import { getEmotionModel as Q } from "../tensorflow/emotion-model.js";
+import { calculateVisibility as Z, analyzeLighting as $ } from "../video-analysis-helpers.js";
+const B = 1e3, ee = 0.25, te = (T, s) => {
+  const [q, V] = b({
     visibility: 0,
     faceDetected: !1,
     cameraAngle: "optimal",
@@ -14,128 +14,130 @@ const ee = 1e3, te = 0.25, ne = (h, n) => {
     emotion: "neutral",
     emotionConfidence: 0,
     isAway: !1,
-    awayDurationMs: 0
-  }), [x, g] = V(!0), [G, Y] = V(null), c = f(void 0), I = f(0), L = f(0), m = f(null), R = f(!1), _ = f(null), P = 2e3, C = f(K()), v = f(Z()), z = p(
-    (e, a, E, r) => {
-      if (Math.abs(r.yaw) > 45)
-        return r.yaw > 0 ? "off-center-right" : "off-center-left";
-      if (r.pitch > 30)
+    awayDurationMs: 0,
+    sleepDurationMs: 0
+  }), [x, g] = b(!0), [G, H] = b(null), o = u(void 0), Y = u(0), I = u(0), A = u(null), E = u(null), P = 2e3, h = u(J()), L = u(Q()), v = p(
+    (e, c, d, t) => {
+      if (Math.abs(t.yaw) > 45)
+        return t.yaw > 0 ? "off-center-right" : "off-center-left";
+      if (t.pitch > 30)
         return "off-center-low";
-      if (r.pitch < -30)
+      if (t.pitch < -30)
         return "off-center-high";
-      const S = e.width * e.height, O = a * E, i = S / O, A = 0.4, y = 0.5, T = 0.06, o = 0.04;
-      if (i > y)
+      const C = e.width * e.height, S = c * d, n = C / S, y = 0.4, _ = 0.5, w = 0.06, R = 0.04;
+      if (n > _)
         return "too-close";
-      if (i < o)
+      if (n < R)
         return "too-far";
-      const t = e.x + e.width / 2, l = e.y + e.height / 2, w = a / 2, M = E / 2, F = Math.abs(t - w) / a, b = Math.abs(l - M) / E, j = 0.2, W = 0.3, J = 0.25, N = 0.35;
-      return Math.abs(r.yaw) > 30 || F > W ? t > w || r.yaw > 0 ? "off-center-right" : "off-center-left" : r.pitch > 20 || b > N ? l > M || r.pitch > 0 ? "off-center-low" : "off-center-high" : i > A && i <= y ? "too-close" : i < T && i >= o ? "too-far" : F > j && F <= W ? t > w ? "off-center-right" : "off-center-left" : b > J && b <= N ? l > M ? "off-center-low" : "off-center-high" : "optimal";
+      const r = e.x + e.width / 2, i = e.y + e.height / 2, l = c / 2, M = d / 2, O = Math.abs(r - l) / c, F = Math.abs(i - M) / d, U = 0.2, X = 0.3, j = 0.25, W = 0.35;
+      return Math.abs(t.yaw) > 30 || O > X ? r > l || t.yaw > 0 ? "off-center-right" : "off-center-left" : t.pitch > 20 || F > W ? i > M || t.pitch > 0 ? "off-center-low" : "off-center-high" : n > y && n <= _ ? "too-close" : n < w && n >= R ? "too-far" : O > U && O <= X ? r > l ? "off-center-right" : "off-center-left" : F > j && F <= W ? i > M ? "off-center-low" : "off-center-high" : "optimal";
     },
     []
-  ), k = p(async () => {
-    if (!n.enabled || !h.current)
+  ), z = p(async () => {
+    if (!s.enabled || !T.current)
       return;
-    const e = h.current, a = e instanceof HTMLCanvasElement;
+    const e = T.current, c = e instanceof HTMLCanvasElement;
     if (e instanceof HTMLVideoElement && e.readyState !== e.HAVE_ENOUGH_DATA)
       return;
-    const r = Date.now();
-    if (!(r - I.current < ee)) {
-      I.current = r;
+    const t = Date.now();
+    if (!(t - Y.current < B)) {
+      Y.current = t;
       try {
-        const u = a ? e.width : e.videoWidth, d = a ? e.height : e.videoHeight;
-        if (u === 0 || d === 0)
+        const f = c ? e.width : e.videoWidth, m = c ? e.height : e.videoHeight;
+        if (f === 0 || m === 0)
           return;
-        L.current = performance.now();
-        const s = await C.current.detect(
+        I.current = performance.now();
+        const a = await h.current.detect(
           e,
-          L.current
+          I.current
         );
-        if (!s) {
-          let o = !1, t = 0;
-          if (n.awayDetectionEnabled) {
+        if (!a) {
+          let r = !1, i = 0;
+          if (s.awayDetectionEnabled) {
             const l = Date.now();
-            m.current === null && (m.current = l, R.current = !1), t = l - m.current;
-            const w = n.awayDurationThreshold || 6e4;
-            t >= w && (o = !0, !R.current && n.onUserAway && (R.current = !0, n.onUserAway(t)));
+            A.current === null && (A.current = l), i = l - A.current, r = !0;
           }
-          H((l) => ({
+          V((l) => ({
             ...l,
             faceDetected: !1,
             visibility: 0,
             cameraAngle: "optimal",
             lighting: "good",
-            isAway: o,
-            awayDurationMs: t
+            isAway: r,
+            awayDurationMs: i
           }));
           return;
         }
-        const X = $(s.boundingBox, u, d), S = z(
-          s.boundingBox,
-          u,
-          d,
-          s.headPose
-        ), O = B(e, s.boundingBox);
-        let i = !0, A = 0;
-        n.detectSleep && (A = Q(s.landmarks), A < te ? (_.current === null && (_.current = Date.now()), i = Date.now() - _.current < P) : (_.current = null, i = !0));
-        let y = "neutral", T = 0;
-        if (n.detectEmotions)
+        const k = Z(a.boundingBox, f, m), C = v(
+          a.boundingBox,
+          f,
+          m,
+          a.headPose
+        ), S = $(e, a.boundingBox);
+        let n = !0, y = 0;
+        s.detectSleep && (y = K(a.landmarks), y < ee ? (E.current === null && (E.current = Date.now()), n = Date.now() - E.current < P) : (E.current = null, n = !0));
+        let _ = "neutral", w = 0;
+        if (s.detectEmotions)
           try {
-            const o = s.blendshapes, t = await v.current.predict(
+            const r = a.blendshapes, i = await L.current.predict(
               e,
-              s.boundingBox,
-              o
+              a.boundingBox,
+              r
             );
-            y = t.emotion, T = t.confidence;
-          } catch (o) {
-            console.warn("[VideoAnalysisV2] Emotion prediction failed:", o);
+            _ = i.emotion, w = i.confidence;
+          } catch (r) {
+            console.warn("[VideoAnalysisV2] Emotion prediction failed:", r);
           }
-        n.awayDetectionEnabled && m.current !== null && (m.current = null, R.current = !1), H({
-          visibility: X,
+        s.awayDetectionEnabled && A.current !== null && (A.current = null);
+        let R = 0;
+        !n && E.current !== null && (R = Date.now() - E.current), V({
+          visibility: k,
           faceDetected: !0,
-          cameraAngle: S,
-          lighting: O,
-          isAwake: i,
-          eyeAspectRatio: A,
-          emotion: y,
-          emotionConfidence: T,
+          cameraAngle: C,
+          lighting: S,
+          isAwake: n,
+          eyeAspectRatio: y,
+          emotion: _,
+          emotionConfidence: w,
           isAway: !1,
-          awayDurationMs: 0
+          awayDurationMs: 0,
+          sleepDurationMs: R
         });
-      } catch (u) {
-        const d = u instanceof Error ? u : new Error("Face analysis failed");
-        Y(d);
+      } catch (f) {
+        const m = f instanceof Error ? f : new Error("Face analysis failed");
+        H(m);
       }
     }
-  }, [n, h, z]), D = p(() => {
-    k(), c.current = requestAnimationFrame(D);
-  }, [k]);
-  return U(() => {
+  }, [s, T, v]), D = p(() => {
+    z(), o.current = requestAnimationFrame(D);
+  }, [z]);
+  return N(() => {
     (async () => {
       try {
-        await C.current.initialize(), await v.current.initialize();
-      } catch (a) {
-        const E = a instanceof Error ? a : new Error("Failed to initialize models");
-        Y(E);
+        await h.current.initialize(), await L.current.initialize();
+      } catch (c) {
+        const d = c instanceof Error ? c : new Error("Failed to initialize models");
+        H(d);
       }
     })();
-  }, []), U(() => {
-    if (!n.enabled) {
-      g(!1), c.current && (cancelAnimationFrame(c.current), c.current = void 0);
+  }, []), N(() => {
+    if (!s.enabled) {
+      g(!1), o.current && (cancelAnimationFrame(o.current), o.current = void 0);
       return;
     }
     const e = () => {
-      C.current.isReady() ? (g(!1), c.current || (c.current = requestAnimationFrame(D))) : (g(!0), setTimeout(e, 100));
+      h.current.isReady() ? (g(!1), o.current || (o.current = requestAnimationFrame(D))) : (g(!0), setTimeout(e, 100));
     };
     return e(), () => {
-      c.current && (cancelAnimationFrame(c.current), c.current = void 0);
+      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
     };
-  }, [n.enabled, D]), {
+  }, [s.enabled, D]), {
     metrics: q,
     isLoading: x,
     error: G
   };
-}, se = ne;
+}, ae = te;
 export {
-  se as default
+  ae as default
 };
 //# sourceMappingURL=use-video-analysis.js.map

package/dist/features/av/video-analysis/hooks/use-video-analysis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-video-analysis.js","sources":["../../../../../src/features/av/video-analysis/hooks/use-video-analysis.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type RefObject } from 'react';\n\nimport { getMediaPipeDetector } from '../mediapipe/mediapipe-face-detector';\nimport { calculateEAR } from '../mediapipe/mediapipe-helpers';\nimport { getEmotionModel } from '../tensorflow/emotion-model';\nimport type { TSimplifiedEmotion } from '../tensorflow/emotion-types';\nimport { analyzeLighting, calculateVisibility } from '../video-analysis-helpers';\n\n// Types\nexport type TCameraAngle =\n \| 'optimal'\n \| 'too-close'\n \| 'too-far'\n \| 'off-center-left'\n \| 'off-center-right'\n \| 'off-center-high'\n \| 'off-center-low';\n\nexport type TLightingQuality = 'dark' \| 'bright' \| 'good';\n\nexport type TEmotion =\n \| 'positive' // Student doing well (happy, surprised)\n \| 'negative' // Student needs help (sad, angry, fearful, disgusted)\n \| 'neutral'; // Baseline state\n\nexport interface IVideoAnalysisMetrics {\n visibility: number;\n faceDetected: boolean;\n cameraAngle: TCameraAngle;\n lighting: TLightingQuality;\n isAwake: boolean;\n eyeAspectRatio: number;\n emotion: TEmotion;\n emotionConfidence: number;\n // Away detection\n isAway: boolean;\n awayDurationMs: number;\n}\n\nexport interface IVideoAnalysisOptions {\n enabled: boolean;\n detectEmotions?: boolean;\n detectSleep?: boolean;\n // For canvas-based analysis (when analyzing cropped regions)\n useCanvas?: boolean;\n // Away detection options\n awayDetectionEnabled?: boolean;\n awayDurationThreshold?: number;\n onUserAway?: (awayDurationMs: number) => void;\n}\n\nexport interface IUseVideoAnalysis {\n (\n videoRef: React.RefObject<HTMLVideoElement \| HTMLCanvasElement \| null>,\n options: IVideoAnalysisOptions,\n ): {\n metrics: IVideoAnalysisMetrics;\n isLoading: boolean;\n error: Error \| null;\n };\n}\n\n// Analysis runs at 1 FPS (every 1000ms / 1 second)\nconst ANALYSIS_INTERVAL_MS = 1000;\n\n// EAR threshold for sleep detection in online classes\n// Industry standard: 0.25 (balances sensitivity vs false positives)\n// Research: ~0.3 fully open, 0.2-0.25 drowsy threshold, <0.2 clearly closed\nconst EAR_THRESHOLD = 0.25; // Below 0.25 = eyes closing/drowsy\n\n/*\n Custom hook for real-time video analysis using MediaPipe + TensorFlow.js\n \n @param videoRef - Reference to video or canvas element to analyze\n * @param options - Analysis options (enabled, detectEmotions, detectSleep, etc.)\n * @returns Analysis metrics, loading state, and error\n /\nconst useVideoAnalysisV2 = (\n videoRef: RefObject<HTMLVideoElement \| HTMLCanvasElement \| null>,\n options: IVideoAnalysisOptions,\n): {\n metrics: IVideoAnalysisMetrics;\n isLoading: boolean;\n error: Error \| null;\n} => {\n // State\n const [metrics, setMetrics] = useState<IVideoAnalysisMetrics>({\n visibility: 0,\n faceDetected: false,\n cameraAngle: 'optimal',\n lighting: 'good',\n isAwake: true,\n eyeAspectRatio: 0,\n emotion: 'neutral',\n emotionConfidence: 0,\n isAway: false,\n awayDurationMs: 0,\n });\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs for analysis loop\n const animationFrameRef = useRef<number \| undefined>(undefined);\n const lastAnalysisTimeRef = useRef<number>(0);\n const videoTimestampRef = useRef<number>(0);\n\n // Away detection state\n const awayStartTimeRef = useRef<number \| null>(null);\n const awayCallbackTriggeredRef = useRef<boolean>(false);\n\n // Sleep detection state - track eyes closed duration\n const eyesClosedStartTimeRef = useRef<number \| null>(null);\n const EYES_CLOSED_THRESHOLD_MS = 2000; // 2 seconds to avoid detecting blinks\n\n // Model instances\n const mediaPipeDetectorRef = useRef(getMediaPipeDetector());\n const emotionModelRef = useRef(getEmotionModel());\n\n /\n Analyze camera angle from head pose and face position\n * Enhanced with 3D pose estimation and better thresholds\n /\n const analyzeCameraAngle = useCallback(\n (\n faceBox: { x: number; y: number; width: number; height: number },\n videoWidth: number,\n videoHeight: number,\n headPose: { pitch: number; yaw: number; roll: number },\n ): TCameraAngle => {\n // Priority 1: Head pose analysis (most reliable indicator)\n // Using MediaPipe 3D pose for accurate angle detection\n\n // Yaw thresholds (left/right turn)\n // YAW_SLIGHT = 15° - Slight turn, still acceptable (reserved for future use)\n const YAW_MODERATE = 30; // Noticeable turn, warn user\n const YAW_SEVERE = 45; // Looking away significantly\n\n // Pitch thresholds (up/down tilt)\n // PITCH_SLIGHT = 10° - Slight tilt, still acceptable (reserved for future use)\n const PITCH_MODERATE = 20; // Noticeable tilt, warn user\n const PITCH_SEVERE = 30; // Looking down/up significantly\n\n // Check severe head pose issues first (user looking away)\n if (Math.abs(headPose.yaw) > YAW_SEVERE) {\n return headPose.yaw > 0 ? 'off-center-right' : 'off-center-left';\n }\n\n if (headPose.pitch > PITCH_SEVERE) {\n return 'off-center-low'; // Looking down (at desk/phone)\n }\n\n if (headPose.pitch < -PITCH_SEVERE) {\n return 'off-center-high'; // Looking up (at ceiling/daydreaming)\n }\n\n // Priority 2: Face size analysis (distance from camera)\n const faceArea = faceBox.width faceBox.height;\n const videoArea = videoWidth * videoHeight;\n const faceRatio = faceArea / videoArea;\n\n // Optimal face ratio: 0.08 - 0.35 (8% - 35% of screen)\n const FACE_RATIO_TOO_CLOSE = 0.4; // More than 40% of screen\n const FACE_RATIO_VERY_CLOSE = 0.5; // More than 50% of screen\n const FACE_RATIO_TOO_FAR = 0.06; // Less than 6% of screen\n const FACE_RATIO_VERY_FAR = 0.04; // Less than 4% of screen\n\n if (faceRatio > FACE_RATIO_VERY_CLOSE) {\n return 'too-close';\n }\n\n if (faceRatio < FACE_RATIO_VERY_FAR) {\n return 'too-far';\n }\n\n // Priority 3: Face position analysis (centering)\n const faceCenterX = faceBox.x + faceBox.width / 2;\n const faceCenterY = faceBox.y + faceBox.height / 2;\n const videoCenterX = videoWidth / 2;\n const videoCenterY = videoHeight / 2;\n\n const offsetX = Math.abs(faceCenterX - videoCenterX) / videoWidth;\n const offsetY = Math.abs(faceCenterY - videoCenterY) / videoHeight;\n\n // Horizontal offset thresholds\n const OFFSET_X_MODERATE = 0.2; // 20% offset, still acceptable\n const OFFSET_X_SEVERE = 0.3; // 30% offset, warn user\n\n // Vertical offset thresholds (slightly more lenient)\n const OFFSET_Y_MODERATE = 0.25; // 25% offset, still acceptable\n const OFFSET_Y_SEVERE = 0.35; // 35% offset, warn user\n\n // Check moderate head pose issues (combined with position)\n if (Math.abs(headPose.yaw) > YAW_MODERATE \|\| offsetX > OFFSET_X_SEVERE) {\n return faceCenterX > videoCenterX \|\| headPose.yaw > 0\n ? 'off-center-right'\n : 'off-center-left';\n }\n\n if (headPose.pitch > PITCH_MODERATE \|\| offsetY > OFFSET_Y_SEVERE) {\n return faceCenterY > videoCenterY \|\| headPose.pitch > 0\n ? 'off-center-low'\n : 'off-center-high';\n }\n\n // Minor warnings for slightly suboptimal positioning\n if (faceRatio > FACE_RATIO_TOO_CLOSE && faceRatio <= FACE_RATIO_VERY_CLOSE) {\n return 'too-close';\n }\n\n if (faceRatio < FACE_RATIO_TOO_FAR && faceRatio >= FACE_RATIO_VERY_FAR) {\n return 'too-far';\n }\n\n if (offsetX > OFFSET_X_MODERATE && offsetX <= OFFSET_X_SEVERE) {\n return faceCenterX > videoCenterX ? 'off-center-right' : 'off-center-left';\n }\n\n if (offsetY > OFFSET_Y_MODERATE && offsetY <= OFFSET_Y_SEVERE) {\n return faceCenterY > videoCenterY ? 'off-center-low' : 'off-center-high';\n }\n\n // All checks passed - optimal positioning\n return 'optimal';\n },\n [],\n );\n\n /*\n Main analysis function - runs on each frame\n /\n const analyzeFrame = useCallback(async () => {\n if (!options.enabled \|\| !videoRef.current) {\n return;\n }\n\n const element = videoRef.current;\n const isCanvas = element instanceof HTMLCanvasElement;\n const isVideo = element instanceof HTMLVideoElement;\n\n // Check if video is ready (skip check for canvas)\n if (isVideo && element.readyState !== element.HAVE_ENOUGH_DATA) {\n return;\n }\n\n // Throttle analysis to ANALYSIS_INTERVAL_MS\n const now = Date.now();\n\n if (now - lastAnalysisTimeRef.current < ANALYSIS_INTERVAL_MS) {\n return;\n }\n\n lastAnalysisTimeRef.current = now;\n\n try {\n // Get video dimensions\n const videoWidth = isCanvas ? element.width : element.videoWidth;\n const videoHeight = isCanvas ? element.height : element.videoHeight;\n\n if (videoWidth === 0 \|\| videoHeight === 0) {\n return;\n }\n\n // Update video timestamp for MediaPipe tracking\n videoTimestampRef.current = performance.now();\n\n // Detect face with MediaPipe\n const detection = await mediaPipeDetectorRef.current.detect(\n element,\n videoTimestampRef.current,\n );\n\n if (!detection) {\n // No face detected - handle away detection\n let isAway = false;\n let awayDurationMs = 0;\n\n if (options.awayDetectionEnabled) {\n const currentTime = Date.now();\n\n if (awayStartTimeRef.current === null) {\n awayStartTimeRef.current = currentTime;\n awayCallbackTriggeredRef.current = false;\n }\n\n awayDurationMs = currentTime - awayStartTimeRef.current;\n const threshold = options.awayDurationThreshold \|\| 60000;\n\n if (awayDurationMs >= threshold) {\n isAway = true;\n\n if (!awayCallbackTriggeredRef.current && options.onUserAway) {\n awayCallbackTriggeredRef.current = true;\n options.onUserAway(awayDurationMs);\n }\n }\n }\n\n setMetrics((prev: IVideoAnalysisMetrics) => ({\n ...prev,\n faceDetected: false,\n visibility: 0,\n cameraAngle: 'optimal',\n lighting: 'good',\n isAway,\n awayDurationMs,\n }));\n\n return;\n }\n\n // Face detected!\n // Calculate visibility\n const visibility = calculateVisibility(detection.boundingBox, videoWidth, videoHeight);\n\n // Analyze camera angle with 3D head pose\n const cameraAngle = analyzeCameraAngle(\n detection.boundingBox,\n videoWidth,\n videoHeight,\n detection.headPose,\n );\n\n // Analyze lighting\n const lighting = analyzeLighting(element, detection.boundingBox);\n\n // Calculate EAR for sleep detection\n let isAwake = true;\n let eyeAspectRatio = 0;\n\n if (options.detectSleep) {\n eyeAspectRatio = calculateEAR(detection.landmarks);\n const eyesClosed = eyeAspectRatio < EAR_THRESHOLD;\n\n if (eyesClosed) {\n // Eyes are closed - start or continue timer\n if (eyesClosedStartTimeRef.current === null) {\n eyesClosedStartTimeRef.current = Date.now();\n }\n\n const eyesClosedDuration = Date.now() - eyesClosedStartTimeRef.current;\n\n // Only mark as drowsy if eyes closed for more than threshold (not just blink)\n isAwake = eyesClosedDuration < EYES_CLOSED_THRESHOLD_MS;\n } else {\n // Eyes are open - reset timer\n eyesClosedStartTimeRef.current = null;\n isAwake = true;\n }\n }\n\n // Detect emotion with TensorFlow.js\n let emotion: TSimplifiedEmotion = 'neutral';\n let emotionConfidence = 0;\n\n if (options.detectEmotions) {\n try {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const blendshapes = (detection as any).blendshapes as\n \| Array<{ categoryName: string; score: number }>\n \| undefined;\n const prediction = await emotionModelRef.current.predict(\n element,\n detection.boundingBox,\n blendshapes,\n );\n\n emotion = prediction.emotion;\n emotionConfidence = prediction.confidence;\n } catch (err) {\n // eslint-disable-next-line no-console\n console.warn('[VideoAnalysisV2] Emotion prediction failed:', err);\n }\n }\n\n // Reset away detection when face is detected\n if (options.awayDetectionEnabled && awayStartTimeRef.current !== null) {\n awayStartTimeRef.current = null;\n awayCallbackTriggeredRef.current = false;\n }\n\n // Update metrics\n setMetrics({\n visibility,\n faceDetected: true,\n cameraAngle,\n lighting,\n isAwake,\n eyeAspectRatio,\n emotion,\n emotionConfidence,\n isAway: false,\n awayDurationMs: 0,\n });\n } catch (err) {\n const analysisError = err instanceof Error ? err : new Error('Face analysis failed');\n\n setError(analysisError);\n }\n }, [options, videoRef, analyzeCameraAngle]);\n\n /\n Animation loop\n /\n const animate = useCallback(() => {\n analyzeFrame();\n animationFrameRef.current = requestAnimationFrame(animate);\n }, [analyzeFrame]);\n\n /\n Initialize models (runs once on mount)\n /\n useEffect(() => {\n const initializeModels = async () => {\n try {\n // Initialize MediaPipe face detector\n await mediaPipeDetectorRef.current.initialize();\n\n // Initialize TensorFlow.js emotion model\n await emotionModelRef.current.initialize();\n } catch (err) {\n const loadError = err instanceof Error ? err : new Error('Failed to initialize models');\n\n setError(loadError);\n }\n };\n\n initializeModels();\n }, []); // Run once on mount\n\n /\n Start/stop analysis loop based on options\n */\n useEffect(() => {\n if (!options.enabled) {\n setIsLoading(false);\n\n // Stop animation if running\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = undefined;\n }\n\n return;\n }\n\n // Check if models are ready\n const checkAndStart = () => {\n if (mediaPipeDetectorRef.current.isReady()) {\n setIsLoading(false);\n\n // Start analysis loop\n if (!animationFrameRef.current) {\n animationFrameRef.current = requestAnimationFrame(animate);\n }\n } else {\n setIsLoading(true);\n // Retry after a short delay\n setTimeout(checkAndStart, 100);\n }\n };\n\n checkAndStart();\n\n // Cleanup on unmount or when disabled\n return () => {\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = undefined;\n }\n };\n }, [options.enabled, animate]);\n\n return {\n metrics,\n isLoading,\n error,\n };\n};\n\nexport default useVideoAnalysisV2;\n"],"names":["ANALYSIS_INTERVAL_MS","EAR_THRESHOLD","useVideoAnalysisV2","videoRef","options","metrics","setMetrics","useState","isLoading","setIsLoading","error","setError","animationFrameRef","useRef","lastAnalysisTimeRef","videoTimestampRef","awayStartTimeRef","awayCallbackTriggeredRef","eyesClosedStartTimeRef","EYES_CLOSED_THRESHOLD_MS","mediaPipeDetectorRef","getMediaPipeDetector","emotionModelRef","getEmotionModel","analyzeCameraAngle","useCallback","faceBox","videoWidth","videoHeight","headPose","faceArea","videoArea","faceRatio","FACE_RATIO_TOO_CLOSE","FACE_RATIO_VERY_CLOSE","FACE_RATIO_TOO_FAR","FACE_RATIO_VERY_FAR","faceCenterX","faceCenterY","videoCenterX","videoCenterY","offsetX","offsetY","OFFSET_X_MODERATE","OFFSET_X_SEVERE","OFFSET_Y_MODERATE","OFFSET_Y_SEVERE","analyzeFrame","element","isCanvas","now","detection","isAway","awayDurationMs","currentTime","threshold","prev","visibility","calculateVisibility","cameraAngle","lighting","analyzeLighting","isAwake","eyeAspectRatio","calculateEAR","emotion","emotionConfidence","blendshapes","prediction","err","analysisError","animate","useEffect","loadError","checkAndStart","useVideoAnalysis"],"mappings":"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"}
1	+ {"version":3,"file":"use-video-analysis.js","sources":["../../../../../src/features/av/video-analysis/hooks/use-video-analysis.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type RefObject } from 'react';\n\nimport { getMediaPipeDetector } from '../mediapipe/mediapipe-face-detector';\nimport { calculateEAR } from '../mediapipe/mediapipe-helpers';\nimport { getEmotionModel } from '../tensorflow/emotion-model';\nimport type { TSimplifiedEmotion } from '../tensorflow/emotion-types';\nimport { analyzeLighting, calculateVisibility } from '../video-analysis-helpers';\n\n// Types\nexport type TCameraAngle =\n \| 'optimal'\n \| 'too-close'\n \| 'too-far'\n \| 'off-center-left'\n \| 'off-center-right'\n \| 'off-center-high'\n \| 'off-center-low';\n\nexport type TLightingQuality = 'dark' \| 'bright' \| 'good';\n\nexport type TEmotion =\n \| 'positive' // Student doing well (happy, surprised)\n \| 'negative' // Student needs help (sad, angry, fearful, disgusted)\n \| 'neutral'; // Baseline state\n\nexport interface IVideoAnalysisMetrics {\n visibility: number;\n faceDetected: boolean;\n cameraAngle: TCameraAngle;\n lighting: TLightingQuality;\n isAwake: boolean;\n eyeAspectRatio: number;\n emotion: TEmotion;\n emotionConfidence: number;\n // Away detection\n isAway: boolean;\n awayDurationMs: number;\n // Sleep detection - duration tracking\n sleepDurationMs: number;\n}\n\nexport interface IVideoAnalysisOptions {\n enabled: boolean;\n detectEmotions?: boolean;\n detectSleep?: boolean;\n // For canvas-based analysis (when analyzing cropped regions)\n useCanvas?: boolean;\n // Away detection options\n awayDetectionEnabled?: boolean;\n}\n\nexport interface IUseVideoAnalysis {\n (\n videoRef: React.RefObject<HTMLVideoElement \| HTMLCanvasElement \| null>,\n options: IVideoAnalysisOptions,\n ): {\n metrics: IVideoAnalysisMetrics;\n isLoading: boolean;\n error: Error \| null;\n };\n}\n\n// Analysis runs at 1 FPS (every 1000ms / 1 second)\nconst ANALYSIS_INTERVAL_MS = 1000;\n\n// EAR threshold for sleep detection in online classes\n// Industry standard: 0.25 (balances sensitivity vs false positives)\n// Research: ~0.3 fully open, 0.2-0.25 drowsy threshold, <0.2 clearly closed\nconst EAR_THRESHOLD = 0.25; // Below 0.25 = eyes closing/drowsy\n\n/*\n Custom hook for real-time video analysis using MediaPipe + TensorFlow.js\n \n @param videoRef - Reference to video or canvas element to analyze\n * @param options - Analysis options (enabled, detectEmotions, detectSleep, etc.)\n * @returns Analysis metrics, loading state, and error\n /\nconst useVideoAnalysisV2 = (\n videoRef: RefObject<HTMLVideoElement \| HTMLCanvasElement \| null>,\n options: IVideoAnalysisOptions,\n): {\n metrics: IVideoAnalysisMetrics;\n isLoading: boolean;\n error: Error \| null;\n} => {\n // State\n const [metrics, setMetrics] = useState<IVideoAnalysisMetrics>({\n visibility: 0,\n faceDetected: false,\n cameraAngle: 'optimal',\n lighting: 'good',\n isAwake: true,\n eyeAspectRatio: 0,\n emotion: 'neutral',\n emotionConfidence: 0,\n isAway: false,\n awayDurationMs: 0,\n sleepDurationMs: 0,\n });\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs for analysis loop\n const animationFrameRef = useRef<number \| undefined>(undefined);\n const lastAnalysisTimeRef = useRef<number>(0);\n const videoTimestampRef = useRef<number>(0);\n\n // Away detection state\n const awayStartTimeRef = useRef<number \| null>(null);\n\n // Sleep detection state - track eyes closed duration\n const eyesClosedStartTimeRef = useRef<number \| null>(null);\n const EYES_CLOSED_THRESHOLD_MS = 2000; // 2 seconds to avoid detecting blinks\n\n // Model instances\n const mediaPipeDetectorRef = useRef(getMediaPipeDetector());\n const emotionModelRef = useRef(getEmotionModel());\n\n /\n Analyze camera angle from head pose and face position\n * Enhanced with 3D pose estimation and better thresholds\n /\n const analyzeCameraAngle = useCallback(\n (\n faceBox: { x: number; y: number; width: number; height: number },\n videoWidth: number,\n videoHeight: number,\n headPose: { pitch: number; yaw: number; roll: number },\n ): TCameraAngle => {\n // Priority 1: Head pose analysis (most reliable indicator)\n // Using MediaPipe 3D pose for accurate angle detection\n\n // Yaw thresholds (left/right turn)\n // YAW_SLIGHT = 15° - Slight turn, still acceptable (reserved for future use)\n const YAW_MODERATE = 30; // Noticeable turn, warn user\n const YAW_SEVERE = 45; // Looking away significantly\n\n // Pitch thresholds (up/down tilt)\n // PITCH_SLIGHT = 10° - Slight tilt, still acceptable (reserved for future use)\n const PITCH_MODERATE = 20; // Noticeable tilt, warn user\n const PITCH_SEVERE = 30; // Looking down/up significantly\n\n // Check severe head pose issues first (user looking away)\n if (Math.abs(headPose.yaw) > YAW_SEVERE) {\n return headPose.yaw > 0 ? 'off-center-right' : 'off-center-left';\n }\n\n if (headPose.pitch > PITCH_SEVERE) {\n return 'off-center-low'; // Looking down (at desk/phone)\n }\n\n if (headPose.pitch < -PITCH_SEVERE) {\n return 'off-center-high'; // Looking up (at ceiling/daydreaming)\n }\n\n // Priority 2: Face size analysis (distance from camera)\n const faceArea = faceBox.width faceBox.height;\n const videoArea = videoWidth * videoHeight;\n const faceRatio = faceArea / videoArea;\n\n // Optimal face ratio: 0.08 - 0.35 (8% - 35% of screen)\n const FACE_RATIO_TOO_CLOSE = 0.4; // More than 40% of screen\n const FACE_RATIO_VERY_CLOSE = 0.5; // More than 50% of screen\n const FACE_RATIO_TOO_FAR = 0.06; // Less than 6% of screen\n const FACE_RATIO_VERY_FAR = 0.04; // Less than 4% of screen\n\n if (faceRatio > FACE_RATIO_VERY_CLOSE) {\n return 'too-close';\n }\n\n if (faceRatio < FACE_RATIO_VERY_FAR) {\n return 'too-far';\n }\n\n // Priority 3: Face position analysis (centering)\n const faceCenterX = faceBox.x + faceBox.width / 2;\n const faceCenterY = faceBox.y + faceBox.height / 2;\n const videoCenterX = videoWidth / 2;\n const videoCenterY = videoHeight / 2;\n\n const offsetX = Math.abs(faceCenterX - videoCenterX) / videoWidth;\n const offsetY = Math.abs(faceCenterY - videoCenterY) / videoHeight;\n\n // Horizontal offset thresholds\n const OFFSET_X_MODERATE = 0.2; // 20% offset, still acceptable\n const OFFSET_X_SEVERE = 0.3; // 30% offset, warn user\n\n // Vertical offset thresholds (slightly more lenient)\n const OFFSET_Y_MODERATE = 0.25; // 25% offset, still acceptable\n const OFFSET_Y_SEVERE = 0.35; // 35% offset, warn user\n\n // Check moderate head pose issues (combined with position)\n if (Math.abs(headPose.yaw) > YAW_MODERATE \|\| offsetX > OFFSET_X_SEVERE) {\n return faceCenterX > videoCenterX \|\| headPose.yaw > 0\n ? 'off-center-right'\n : 'off-center-left';\n }\n\n if (headPose.pitch > PITCH_MODERATE \|\| offsetY > OFFSET_Y_SEVERE) {\n return faceCenterY > videoCenterY \|\| headPose.pitch > 0\n ? 'off-center-low'\n : 'off-center-high';\n }\n\n // Minor warnings for slightly suboptimal positioning\n if (faceRatio > FACE_RATIO_TOO_CLOSE && faceRatio <= FACE_RATIO_VERY_CLOSE) {\n return 'too-close';\n }\n\n if (faceRatio < FACE_RATIO_TOO_FAR && faceRatio >= FACE_RATIO_VERY_FAR) {\n return 'too-far';\n }\n\n if (offsetX > OFFSET_X_MODERATE && offsetX <= OFFSET_X_SEVERE) {\n return faceCenterX > videoCenterX ? 'off-center-right' : 'off-center-left';\n }\n\n if (offsetY > OFFSET_Y_MODERATE && offsetY <= OFFSET_Y_SEVERE) {\n return faceCenterY > videoCenterY ? 'off-center-low' : 'off-center-high';\n }\n\n // All checks passed - optimal positioning\n return 'optimal';\n },\n [],\n );\n\n /*\n Main analysis function - runs on each frame\n /\n const analyzeFrame = useCallback(async () => {\n if (!options.enabled \|\| !videoRef.current) {\n return;\n }\n\n const element = videoRef.current;\n const isCanvas = element instanceof HTMLCanvasElement;\n const isVideo = element instanceof HTMLVideoElement;\n\n // Check if video is ready (skip check for canvas)\n if (isVideo && element.readyState !== element.HAVE_ENOUGH_DATA) {\n return;\n }\n\n // Throttle analysis to ANALYSIS_INTERVAL_MS\n const now = Date.now();\n\n if (now - lastAnalysisTimeRef.current < ANALYSIS_INTERVAL_MS) {\n return;\n }\n\n lastAnalysisTimeRef.current = now;\n\n try {\n // Get video dimensions\n const videoWidth = isCanvas ? element.width : element.videoWidth;\n const videoHeight = isCanvas ? element.height : element.videoHeight;\n\n if (videoWidth === 0 \|\| videoHeight === 0) {\n return;\n }\n\n // Update video timestamp for MediaPipe tracking\n videoTimestampRef.current = performance.now();\n\n // Detect face with MediaPipe\n const detection = await mediaPipeDetectorRef.current.detect(\n element,\n videoTimestampRef.current,\n );\n\n if (!detection) {\n // No face detected - handle away detection\n let isAway = false;\n let awayDurationMs = 0;\n\n if (options.awayDetectionEnabled) {\n const currentTime = Date.now();\n\n if (awayStartTimeRef.current === null) {\n awayStartTimeRef.current = currentTime;\n }\n\n awayDurationMs = currentTime - awayStartTimeRef.current;\n isAway = true;\n }\n\n setMetrics((prev: IVideoAnalysisMetrics) => ({\n ...prev,\n faceDetected: false,\n visibility: 0,\n cameraAngle: 'optimal',\n lighting: 'good',\n isAway,\n awayDurationMs,\n }));\n\n return;\n }\n\n // Face detected!\n // Calculate visibility\n const visibility = calculateVisibility(detection.boundingBox, videoWidth, videoHeight);\n\n // Analyze camera angle with 3D head pose\n const cameraAngle = analyzeCameraAngle(\n detection.boundingBox,\n videoWidth,\n videoHeight,\n detection.headPose,\n );\n\n // Analyze lighting\n const lighting = analyzeLighting(element, detection.boundingBox);\n\n // Calculate EAR for sleep detection\n let isAwake = true;\n let eyeAspectRatio = 0;\n\n if (options.detectSleep) {\n eyeAspectRatio = calculateEAR(detection.landmarks);\n const eyesClosed = eyeAspectRatio < EAR_THRESHOLD;\n\n if (eyesClosed) {\n // Eyes are closed - start or continue timer\n if (eyesClosedStartTimeRef.current === null) {\n eyesClosedStartTimeRef.current = Date.now();\n }\n\n const eyesClosedDuration = Date.now() - eyesClosedStartTimeRef.current;\n\n // Only mark as drowsy if eyes closed for more than threshold (not just blink)\n isAwake = eyesClosedDuration < EYES_CLOSED_THRESHOLD_MS;\n } else {\n // Eyes are open - reset timer\n eyesClosedStartTimeRef.current = null;\n isAwake = true;\n }\n }\n\n // Detect emotion with TensorFlow.js\n let emotion: TSimplifiedEmotion = 'neutral';\n let emotionConfidence = 0;\n\n if (options.detectEmotions) {\n try {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const blendshapes = (detection as any).blendshapes as\n \| Array<{ categoryName: string; score: number }>\n \| undefined;\n const prediction = await emotionModelRef.current.predict(\n element,\n detection.boundingBox,\n blendshapes,\n );\n\n emotion = prediction.emotion;\n emotionConfidence = prediction.confidence;\n } catch (err) {\n // eslint-disable-next-line no-console\n console.warn('[VideoAnalysisV2] Emotion prediction failed:', err);\n }\n }\n\n // Reset away detection when face is detected\n if (options.awayDetectionEnabled && awayStartTimeRef.current !== null) {\n awayStartTimeRef.current = null;\n }\n\n // Calculate sleep duration for metrics\n let sleepDurationMs = 0;\n\n if (!isAwake && eyesClosedStartTimeRef.current !== null) {\n sleepDurationMs = Date.now() - eyesClosedStartTimeRef.current;\n }\n\n // Update metrics\n setMetrics({\n visibility,\n faceDetected: true,\n cameraAngle,\n lighting,\n isAwake,\n eyeAspectRatio,\n emotion,\n emotionConfidence,\n isAway: false,\n awayDurationMs: 0,\n sleepDurationMs,\n });\n } catch (err) {\n const analysisError = err instanceof Error ? err : new Error('Face analysis failed');\n\n setError(analysisError);\n }\n }, [options, videoRef, analyzeCameraAngle]);\n\n /\n Animation loop\n /\n const animate = useCallback(() => {\n analyzeFrame();\n animationFrameRef.current = requestAnimationFrame(animate);\n }, [analyzeFrame]);\n\n /\n Initialize models (runs once on mount)\n /\n useEffect(() => {\n const initializeModels = async () => {\n try {\n // Initialize MediaPipe face detector\n await mediaPipeDetectorRef.current.initialize();\n\n // Initialize TensorFlow.js emotion model\n await emotionModelRef.current.initialize();\n } catch (err) {\n const loadError = err instanceof Error ? err : new Error('Failed to initialize models');\n\n setError(loadError);\n }\n };\n\n initializeModels();\n }, []); // Run once on mount\n\n /\n Start/stop analysis loop based on options\n */\n useEffect(() => {\n if (!options.enabled) {\n setIsLoading(false);\n\n // Stop animation if running\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = undefined;\n }\n\n return;\n }\n\n // Check if models are ready\n const checkAndStart = () => {\n if (mediaPipeDetectorRef.current.isReady()) {\n setIsLoading(false);\n\n // Start analysis loop\n if (!animationFrameRef.current) {\n animationFrameRef.current = requestAnimationFrame(animate);\n }\n } else {\n setIsLoading(true);\n // Retry after a short delay\n setTimeout(checkAndStart, 100);\n }\n };\n\n checkAndStart();\n\n // Cleanup on unmount or when disabled\n return () => {\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = undefined;\n }\n };\n }, [options.enabled, animate]);\n\n return {\n metrics,\n isLoading,\n error,\n };\n};\n\nexport default useVideoAnalysisV2;\n"],"names":["ANALYSIS_INTERVAL_MS","EAR_THRESHOLD","useVideoAnalysisV2","videoRef","options","metrics","setMetrics","useState","isLoading","setIsLoading","error","setError","animationFrameRef","useRef","lastAnalysisTimeRef","videoTimestampRef","awayStartTimeRef","eyesClosedStartTimeRef","EYES_CLOSED_THRESHOLD_MS","mediaPipeDetectorRef","getMediaPipeDetector","emotionModelRef","getEmotionModel","analyzeCameraAngle","useCallback","faceBox","videoWidth","videoHeight","headPose","faceArea","videoArea","faceRatio","FACE_RATIO_TOO_CLOSE","FACE_RATIO_VERY_CLOSE","FACE_RATIO_TOO_FAR","FACE_RATIO_VERY_FAR","faceCenterX","faceCenterY","videoCenterX","videoCenterY","offsetX","offsetY","OFFSET_X_MODERATE","OFFSET_X_SEVERE","OFFSET_Y_MODERATE","OFFSET_Y_SEVERE","analyzeFrame","element","isCanvas","now","detection","isAway","awayDurationMs","currentTime","prev","visibility","calculateVisibility","cameraAngle","lighting","analyzeLighting","isAwake","eyeAspectRatio","calculateEAR","emotion","emotionConfidence","blendshapes","prediction","err","sleepDurationMs","analysisError","animate","useEffect","loadError","checkAndStart","useVideoAnalysis"],"mappings":";;;;;AA+DA,MAAMA,IAAuB,KAKvBC,KAAgB,MAShBC,KAAqB,CACzBC,GACAC,MAKG;AAEH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAgC;AAAA,IAC5D,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,mBAAmB;AAAA,IACnB,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA,CAClB,GACK,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAI,GACzC,CAACG,GAAOC,CAAQ,IAAIJ,EAAuB,IAAI,GAG/CK,IAAoBC,EAA2B,MAAS,GACxDC,IAAsBD,EAAe,CAAC,GACtCE,IAAoBF,EAAe,CAAC,GAGpCG,IAAmBH,EAAsB,IAAI,GAG7CI,IAAyBJ,EAAsB,IAAI,GACnDK,IAA2B,KAG3BC,IAAuBN,EAAOO,EAAA,CAAsB,GACpDC,IAAkBR,EAAOS,EAAA,CAAiB,GAM1CC,IAAqBC;AAAA,IACzB,CACEC,GACAC,GACAC,GACAC,MACiB;AAejB,UAAI,KAAK,IAAIA,EAAS,GAAG,IAAI;AACpB,eAAAA,EAAS,MAAM,IAAI,qBAAqB;AAG7C,UAAAA,EAAS,QAAQ;AACZ,eAAA;AAGL,UAAAA,EAAS,QAAQ;AACZ,eAAA;AAIH,YAAAC,IAAWJ,EAAQ,QAAQA,EAAQ,QACnCK,IAAYJ,IAAaC,GACzBI,IAAYF,IAAWC,GAGvBE,IAAuB,KACvBC,IAAwB,KACxBC,IAAqB,MACrBC,IAAsB;AAE5B,UAAIJ,IAAYE;AACP,eAAA;AAGT,UAAIF,IAAYI;AACP,eAAA;AAIT,YAAMC,IAAcX,EAAQ,IAAIA,EAAQ,QAAQ,GAC1CY,IAAcZ,EAAQ,IAAIA,EAAQ,SAAS,GAC3Ca,IAAeZ,IAAa,GAC5Ba,IAAeZ,IAAc,GAE7Ba,IAAU,KAAK,IAAIJ,IAAcE,CAAY,IAAIZ,GACjDe,IAAU,KAAK,IAAIJ,IAAcE,CAAY,IAAIZ,GAGjDe,IAAoB,KACpBC,IAAkB,KAGlBC,IAAoB,MACpBC,IAAkB;AAGxB,aAAI,KAAK,IAAIjB,EAAS,GAAG,IAAI,MAAgBY,IAAUG,IAC9CP,IAAcE,KAAgBV,EAAS,MAAM,IAChD,qBACA,oBAGFA,EAAS,QAAQ,MAAkBa,IAAUI,IACxCR,IAAcE,KAAgBX,EAAS,QAAQ,IAClD,mBACA,oBAIFG,IAAYC,KAAwBD,KAAaE,IAC5C,cAGLF,IAAYG,KAAsBH,KAAaI,IAC1C,YAGLK,IAAUE,KAAqBF,KAAWG,IACrCP,IAAcE,IAAe,qBAAqB,oBAGvDG,IAAUG,KAAqBH,KAAWI,IACrCR,IAAcE,IAAe,mBAAmB,oBAIlD;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EAAA,GAMGO,IAAetB,EAAY,YAAY;AAC3C,QAAI,CAACpB,EAAQ,WAAW,CAACD,EAAS;AAChC;AAGF,UAAM4C,IAAU5C,EAAS,SACnB6C,IAAWD,aAAmB;AAIpC,QAHgBA,aAAmB,oBAGpBA,EAAQ,eAAeA,EAAQ;AAC5C;AAII,UAAAE,IAAM,KAAK;AAEb,QAAA,EAAAA,IAAMnC,EAAoB,UAAUd,IAIxC;AAAA,MAAAc,EAAoB,UAAUmC;AAE1B,UAAA;AAEF,cAAMvB,IAAasB,IAAWD,EAAQ,QAAQA,EAAQ,YAChDpB,IAAcqB,IAAWD,EAAQ,SAASA,EAAQ;AAEpD,YAAArB,MAAe,KAAKC,MAAgB;AACtC;AAIgB,QAAAZ,EAAA,UAAU,YAAY;AAGlC,cAAAmC,IAAY,MAAM/B,EAAqB,QAAQ;AAAA,UACnD4B;AAAA,UACAhC,EAAkB;AAAA,QAAA;AAGpB,YAAI,CAACmC,GAAW;AAEd,cAAIC,IAAS,IACTC,IAAiB;AAErB,cAAIhD,EAAQ,sBAAsB;AAC1B,kBAAAiD,IAAc,KAAK;AAErB,YAAArC,EAAiB,YAAY,SAC/BA,EAAiB,UAAUqC,IAG7BD,IAAiBC,IAAcrC,EAAiB,SACvCmC,IAAA;AAAA,UACX;AAEA,UAAA7C,EAAW,CAACgD,OAAiC;AAAA,YAC3C,GAAGA;AAAA,YACH,cAAc;AAAA,YACd,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,UAAU;AAAA,YACV,QAAAH;AAAA,YACA,gBAAAC;AAAA,UACA,EAAA;AAEF;AAAA,QACF;AAIA,cAAMG,IAAaC,EAAoBN,EAAU,aAAaxB,GAAYC,CAAW,GAG/E8B,IAAclC;AAAA,UAClB2B,EAAU;AAAA,UACVxB;AAAA,UACAC;AAAA,UACAuB,EAAU;AAAA,QAAA,GAINQ,IAAWC,EAAgBZ,GAASG,EAAU,WAAW;AAG/D,YAAIU,IAAU,IACVC,IAAiB;AAErB,QAAIzD,EAAQ,gBACOyD,IAAAC,EAAaZ,EAAU,SAAS,GAC9BW,IAAiB5D,MAI9BgB,EAAuB,YAAY,SACdA,EAAA,UAAU,KAAK,QAMxC2C,IAH2B,KAAK,IAAI,IAAI3C,EAAuB,UAGhCC,MAG/BD,EAAuB,UAAU,MACvB2C,IAAA;AAKd,YAAIG,IAA8B,WAC9BC,IAAoB;AAExB,YAAI5D,EAAQ;AACN,cAAA;AAEF,kBAAM6D,IAAef,EAAkB,aAGjCgB,IAAa,MAAM7C,EAAgB,QAAQ;AAAA,cAC/C0B;AAAA,cACAG,EAAU;AAAA,cACVe;AAAA,YAAA;AAGF,YAAAF,IAAUG,EAAW,SACrBF,IAAoBE,EAAW;AAAA,mBACxBC,GAAK;AAEJ,oBAAA,KAAK,gDAAgDA,CAAG;AAAA,UAClE;AAIF,QAAI/D,EAAQ,wBAAwBY,EAAiB,YAAY,SAC/DA,EAAiB,UAAU;AAI7B,YAAIoD,IAAkB;AAEtB,QAAI,CAACR,KAAW3C,EAAuB,YAAY,SAC/BmD,IAAA,KAAK,QAAQnD,EAAuB,UAI7CX,EAAA;AAAA,UACT,YAAAiD;AAAA,UACA,cAAc;AAAA,UACd,aAAAE;AAAA,UACA,UAAAC;AAAA,UACA,SAAAE;AAAA,UACA,gBAAAC;AAAA,UACA,SAAAE;AAAA,UACA,mBAAAC;AAAA,UACA,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,iBAAAI;AAAA,QAAA,CACD;AAAA,eACMD,GAAK;AACZ,cAAME,IAAgBF,aAAe,QAAQA,IAAM,IAAI,MAAM,sBAAsB;AAEnF,QAAAxD,EAAS0D,CAAa;AAAA,MACxB;AAAA;AAAA,EACC,GAAA,CAACjE,GAASD,GAAUoB,CAAkB,CAAC,GAKpC+C,IAAU9C,EAAY,MAAM;AACnB,IAAAsB,KACKlC,EAAA,UAAU,sBAAsB0D,CAAO;AAAA,EAAA,GACxD,CAACxB,CAAY,CAAC;AAKjB,SAAAyB,EAAU,MAAM;AAeG,KAdQ,YAAY;AAC/B,UAAA;AAEI,cAAApD,EAAqB,QAAQ,cAG7B,MAAAE,EAAgB,QAAQ;eACvB8C,GAAK;AACZ,cAAMK,IAAYL,aAAe,QAAQA,IAAM,IAAI,MAAM,6BAA6B;AAEtF,QAAAxD,EAAS6D,CAAS;AAAA,MACpB;AAAA,IAAA;EAIJ,GAAG,CAAE,CAAA,GAKLD,EAAU,MAAM;AACV,QAAA,CAACnE,EAAQ,SAAS;AACpB,MAAAK,EAAa,EAAK,GAGdG,EAAkB,YACpB,qBAAqBA,EAAkB,OAAO,GAC9CA,EAAkB,UAAU;AAG9B;AAAA,IACF;AAGA,UAAM6D,IAAgB,MAAM;AACtB,MAAAtD,EAAqB,QAAQ,aAC/BV,EAAa,EAAK,GAGbG,EAAkB,YACHA,EAAA,UAAU,sBAAsB0D,CAAO,OAG3D7D,EAAa,EAAI,GAEjB,WAAWgE,GAAe,GAAG;AAAA,IAC/B;AAGY,WAAAA,KAGP,MAAM;AACX,MAAI7D,EAAkB,YACpB,qBAAqBA,EAAkB,OAAO,GAC9CA,EAAkB,UAAU;AAAA,IAC9B;AAAA,EAED,GAAA,CAACR,EAAQ,SAASkE,CAAO,CAAC,GAEtB;AAAA,IACL,SAAAjE;AAAA,IACA,WAAAG;AAAA,IACA,OAAAE;AAAA,EAAA;AAEJ,GAEAgE,KAAexE;"}

package/dist/features/av/video-analysis/video-analysis.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs as o, jsx as r, Fragment as W } from "react/jsx-runtime";
-import { memo as ie, useRef as T, useState as w, useEffect as Y, useCallback as B } from "react";
+import { memo as oe, useRef as T, useState as w, useEffect as Y, useCallback as B } from "react";
 import l from "../../ui/layout/flex-view.js";
 import i from "../../ui/text/text.js";
-import ne from "./hooks/use-video-analysis.js";
-import se from "./video-analysis-overlay/video-analysis-overlay.js";
-import { Video as ae, AnalysisRegionOverlay as de, AnalysisRegionLabel as le, DebugCanvas as ce } from "./video-analysis-styled.js";
-import ue from "../../ui/separator/separator.js";
-const he = ie(function({
+import te from "./hooks/use-video-analysis.js";
+import ie from "./video-analysis-overlay/video-analysis-overlay.js";
+import { Video as ne, AnalysisRegionOverlay as se, AnalysisRegionLabel as ae, DebugCanvas as de } from "./video-analysis-styled.js";
+import le from "../../ui/separator/separator.js";
+const ce = oe(function({
   videoUrl: c,
   detectEmotions: X = !1,
   detectSleep: j = !1,
@@ -15,17 +15,13 @@ const he = ie(function({
   autoPlay: N = !0,
   loop: P = !0,
   cropRegion: n,
-  awayDetectionEnabled: z = !1,
-  awayDurationThreshold: q = 6e4,
-  onUserAway: K
+  awayDetectionEnabled: z = !1
 }) {
-  const $ = T(null), H = T(null), R = T(null), [y, b] = w(null), [A, C] = w(!1), [D, U] = w(!1), [f, J] = w(null), Q = n && D ? R : $, { metrics: a, isLoading: Z, error: _ } = ne(Q, {
+  const $ = T(null), H = T(null), R = T(null), [y, b] = w(null), [A, C] = w(!1), [D, q] = w(!1), [f, K] = w(null), U = n && D ? R : $, { metrics: a, isLoading: J, error: _ } = te(U, {
     enabled: A && (!n || D),
     detectEmotions: X,
     detectSleep: j,
-    awayDetectionEnabled: z,
-    awayDurationThreshold: q,
-    onUserAway: K
+    awayDetectionEnabled: z
   });
   Y(() => {
     const e = $.current;
@@ -88,14 +84,14 @@ const he = ie(function({
             videoHeight: d,
             scaleX: O,
             scaleY: L
-          }), J({
+          }), K({
             left: `${V * O}px`,
             top: `${x * L}px`,
             width: `${g * O}px`,
             height: `${m * L}px`
           });
-          const oe = s.captureStream(30);
-          t.srcObject = oe;
+          const ee = s.captureStream(30);
+          t.srcObject = ee;
           const F = () => {
             console.log(
               "[VideoAnalysis] Cropped video ready state changed:",
@@ -104,9 +100,9 @@ const he = ie(function({
           };
           t.addEventListener("loadedmetadata", () => {
             console.log("[VideoAnalysis] Cropped video metadata loaded");
-          }), t.addEventListener("loadeddata", F), t.addEventListener("canplay", F), t.addEventListener("canplaythrough", F), t.play().catch((te) => {
-            console.error("[VideoAnalysis] Failed to play cropped video:", te);
-          }), I = !0, U(!0), console.log("[VideoAnalysis] Canvas ready for face analysis");
+          }), t.addEventListener("loadeddata", F), t.addEventListener("canplay", F), t.addEventListener("canplaythrough", F), t.play().catch((re) => {
+            console.error("[VideoAnalysis] Failed to play cropped video:", re);
+          }), I = !0, q(!0), console.log("[VideoAnalysis] Canvas ready for face analysis");
         }
         h.drawImage(e, V, x, g, m, 0, 0, g, m), E % 60 === 0 && console.log("[VideoAnalysis] Canvas update:", {
           frameCount: E,
@@ -121,16 +117,16 @@ const he = ie(function({
       v && cancelAnimationFrame(v), t.srcObject && (t.srcObject.getTracks().forEach((d) => d.stop()), t.srcObject = null);
     };
   }, [n, A]);
-  const ee = B(() => {
+  const Q = B(() => {
     C(!0);
-  }, []), re = B((e) => {
+  }, []), Z = B((e) => {
     const s = e.currentTarget, t = s.error ? `Video error: ${s.error.message} (code: ${s.error.code})` : "Unknown video error";
     b(t), console.error("Video error:", s.error);
   }, []);
   return /* @__PURE__ */ o(l, { $flexDirection: "column", $flexGapX: 2, $alignItems: "center", children: [
     /* @__PURE__ */ o(l, { $position: "relative", $width: p, $height: G, children: [
       /* @__PURE__ */ r(
-        ae,
+        ne,
         {
           ref: $,
           width: p,
@@ -141,12 +137,12 @@ const he = ie(function({
           playsInline: !0,
           controls: !0,
           crossOrigin: "anonymous",
-          onLoadedMetadata: ee,
-          onError: re
+          onLoadedMetadata: Q,
+          onError: Z
         }
       ),
       n && f && /* @__PURE__ */ r(
-        de,
+        se,
         {
           $position: "absolute",
           $left: f.left,
@@ -154,7 +150,7 @@ const he = ie(function({
           $width: f.width,
           $height: f.height,
           children: /* @__PURE__ */ r(
-            le,
+            ae,
             {
               $position: "absolute",
               $background: "GREEN_4",
@@ -167,16 +163,16 @@ const he = ie(function({
         }
       ),
       /* @__PURE__ */ r(
-        se,
+        ie,
         {
           metrics: a,
-          isLoading: Z,
+          isLoading: J,
           visible: A,
           isLiveCamera: !c
         }
       )
     ] }),
-    /* @__PURE__ */ r(ce, { ref: R, $show: !!n }),
+    /* @__PURE__ */ r(de, { ref: R, $show: !!n }),
     /* @__PURE__ */ r("video", { ref: H, style: { display: "none" }, autoPlay: !0, muted: !0, playsInline: !0 }),
     n && D && /* @__PURE__ */ o(l, { $flexDirection: "column", $flexGapX: 0.5, children: [
       /* @__PURE__ */ r(i, { $renderAs: "ab1-bold", children: "Debug: Canvas Being Analyzed" }),
@@ -251,7 +247,7 @@ const he = ie(function({
         $width: p,
         children: [
           /* @__PURE__ */ r(i, { $renderAs: "ab1-bold", children: "Current Metrics:" }),
-          /* @__PURE__ */ r(ue, { heightX: 1 }),
+          /* @__PURE__ */ r(le, { heightX: 1 }),
           /* @__PURE__ */ o(
             l,
             {
@@ -313,8 +309,8 @@ const he = ie(function({
       }
     )
   ] });
-}), Ve = he;
+}), Ae = ce;
 export {
-  Ve as default
+  Ae as default
 };
 //# sourceMappingURL=video-analysis.js.map

package/dist/features/av/video-analysis/video-analysis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video-analysis.js","sources":["../../../../src/features/av/video-analysis/video-analysis.tsx"],"sourcesContent":["/* eslint-disable no-console /\nimport { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport useVideoAnalysis from './hooks/use-video-analysis';\nimport VideoAnalysisOverlay from './video-analysis-overlay/video-analysis-overlay';\nimport as Styled from './video-analysis-styled';\nimport type { IVideoAnalysisProps } from './video-analysis-types';\nimport Separator from '../../ui/separator/separator';\n\n/*\n VideoAnalysis Component\n \n Real-time video quality analysis for online tutoring sessions using:\n * - MediaPipe FaceLandmarker (478 3D landmarks)\n * - TensorFlow.js emotion recognition\n \n Analyzes pre-recorded videos or live camera feeds to show visibility, camera angle,\n * lighting, sleep detection (teachers), and emotion recognition (students).\n \n Features:\n * - Face detection with 478 3D landmarks (better accuracy in low-light)\n * - Enhanced eye-closure detection (90%+ accuracy, even for frontal faces)\n * - 3D head pose tracking for camera angle analysis\n * - Visibility detection (optimal: 10-25%)\n * - Camera angle analysis (optimal/too-close/too-far/off-center/looking-away)\n * - Lighting quality (dark/good/bright)\n * - Sleep/drowsiness detection using Eye Aspect Ratio (EAR)\n * - Emotion recognition (happy/sad/neutral) with TensorFlow.js\n * - Region of Interest (ROI) cropping for screen recordings\n * - Away detection with configurable thresholds\n \n Performance Improvements (vs face-api.js):\n * - 50% faster (30-40 FPS vs 20-25 FPS)\n * - 20% better frontal face eye-closure detection (90% vs 70%)\n * - 42% better low-light detection (85% vs 60%)\n * - 23% better emotion accuracy (80% vs 65%)\n /\nconst VideoAnalysis: FC<IVideoAnalysisProps> = memo(function VideoAnalysis({\n videoUrl,\n detectEmotions = false,\n detectSleep = false,\n width = 640,\n height = 480,\n autoPlay = true,\n loop = true,\n cropRegion,\n awayDetectionEnabled = false,\n awayDurationThreshold = 60000,\n onUserAway,\n}) {\n const videoRef = useRef<HTMLVideoElement>(null);\n const croppedVideoRef = useRef<HTMLVideoElement>(null);\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const [videoError, setVideoError] = useState<string \| null>(null);\n const [isVideoReady, setIsVideoReady] = useState(false);\n const [canvasReady, setCanvasReady] = useState(false);\n const [overlayStyle, setOverlayStyle] = useState<{\n left: string;\n top: string;\n width: string;\n height: string;\n } \| null>(null);\n\n // When cropRegion is provided, analyze the canvas directly (which shows cropped video)\n // Otherwise analyze the original video\n const analysisRef = cropRegion && canvasReady ? canvasRef : videoRef;\n\n // Video analysis hook V2 (MediaPipe + TensorFlow.js)\n const { metrics, isLoading, error } = useVideoAnalysis(analysisRef, {\n enabled: isVideoReady && (!cropRegion \|\| canvasReady),\n detectEmotions,\n detectSleep,\n awayDetectionEnabled,\n awayDurationThreshold,\n onUserAway,\n });\n\n // Setup video source - use camera if no videoUrl provided\n useEffect(() => {\n const video = videoRef.current;\n\n const setupVideo = async () => {\n if (!video) return;\n\n setVideoError(null);\n setIsVideoReady(false);\n\n try {\n if (!videoUrl) {\n // No video URL provided - use camera\n const stream = await navigator.mediaDevices.getUserMedia({\n video: true,\n audio: false,\n });\n\n video.srcObject = stream;\n setIsVideoReady(true);\n } else {\n // Check for unsupported video sources\n if (\n videoUrl.includes('youtube.com') \|\|\n videoUrl.includes('youtu.be') \|\|\n videoUrl.includes('vimeo.com')\n ) {\n setVideoError(\n 'YouTube/Vimeo URLs are not supported. Please use direct video file URLs (MP4, WebM, OGG). Example: https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',\n );\n\n return;\n }\n\n // Use video URL\n video.src = videoUrl;\n video.load();\n }\n } catch (err) {\n const errorMessage = err instanceof Error ? err.message : 'Failed to setup video';\n\n setVideoError(errorMessage);\n console.error('Video setup error:', err);\n }\n };\n\n setupVideo();\n\n // Cleanup - capture video ref value\n return () => {\n if (video?.srcObject) {\n const stream = video.srcObject as MediaStream;\n\n stream.getTracks().forEach(track => track.stop());\n video.srcObject = null;\n }\n };\n }, [videoUrl]);\n\n // Crop video to region of interest\n useEffect(() => {\n if (!cropRegion \|\| !isVideoReady) return;\n\n const video = videoRef.current;\n const canvas = canvasRef.current;\n const croppedVideo = croppedVideoRef.current;\n\n if (!video \|\| !canvas \|\| !croppedVideo) return;\n\n const ctx = canvas.getContext('2d');\n\n if (!ctx) return;\n\n let animationFrameId: number;\n let streamInitialized = false;\n let cropWidth = 0;\n let cropHeight = 0;\n let cropX = 0;\n let cropY = 0;\n let frameCount = 0;\n\n const updateCroppedFrame = () => {\n frameCount++;\n if (video.readyState === video.HAVE_ENOUGH_DATA) {\n const videoWidth = video.videoWidth;\n const videoHeight = video.videoHeight;\n\n if (videoWidth === 0 \|\| videoHeight === 0) {\n animationFrameId = requestAnimationFrame(updateCroppedFrame);\n\n return;\n }\n\n // Calculate crop dimensions\n cropX = cropRegion.x videoWidth;\n cropY = cropRegion.y * videoHeight;\n cropWidth = cropRegion.width * videoWidth;\n cropHeight = cropRegion.height * videoHeight;\n\n // Set canvas size to crop dimensions (only once)\n if (!streamInitialized) {\n canvas.width = cropWidth;\n canvas.height = cropHeight;\n\n console.log('[VideoAnalysis] Initializing crop region:', {\n cropX,\n cropY,\n cropWidth,\n cropHeight,\n originalWidth: videoWidth,\n originalHeight: videoHeight,\n videoCurrentTime: video.currentTime,\n });\n\n // Calculate the correct overlay position accounting for video display vs actual size\n const displayWidth = video.clientWidth;\n const displayHeight = video.clientHeight;\n const scaleX = displayWidth / videoWidth;\n const scaleY = displayHeight / videoHeight;\n\n console.log('[VideoAnalysis] Display vs actual dimensions:', {\n displayWidth,\n displayHeight,\n videoWidth,\n videoHeight,\n scaleX,\n scaleY,\n });\n\n // Update overlay style to match the actual cropped region on screen\n setOverlayStyle({\n left: `${cropX * scaleX}px`,\n top: `${cropY * scaleY}px`,\n width: `${cropWidth * scaleX}px`,\n height: `${cropHeight * scaleY}px`,\n });\n\n // Initialize stream with 30fps\n const stream = canvas.captureStream(30);\n\n croppedVideo.srcObject = stream;\n\n // Add event listeners to monitor cropped video state\n const logReadyState = () => {\n console.log(\n '[VideoAnalysis] Cropped video ready state changed:',\n croppedVideo.readyState,\n );\n };\n\n croppedVideo.addEventListener('loadedmetadata', () => {\n console.log('[VideoAnalysis] Cropped video metadata loaded');\n });\n croppedVideo.addEventListener('loadeddata', logReadyState);\n croppedVideo.addEventListener('canplay', logReadyState);\n croppedVideo.addEventListener('canplaythrough', logReadyState);\n\n // Ensure cropped video plays\n croppedVideo.play().catch(err => {\n console.error('[VideoAnalysis] Failed to play cropped video:', err);\n });\n\n streamInitialized = true;\n setCanvasReady(true); // Signal that canvas is ready for analysis\n\n console.log('[VideoAnalysis] Canvas ready for face analysis');\n }\n\n // CRITICAL: Draw cropped region to canvas on EVERY frame\n // This continuously updates the canvas with the latest cropped video frame\n ctx.drawImage(video, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);\n\n // Log every 60 frames (~1 second at 60fps) to verify continuous drawing\n if (frameCount % 60 === 0) {\n console.log('[VideoAnalysis] Canvas update:', {\n frameCount,\n videoTime: video.currentTime.toFixed(2),\n videoPlaying: !video.paused,\n });\n }\n } else {\n // Video not ready - log occasionally\n if (frameCount % 60 === 0) {\n console.log('[VideoAnalysis] Waiting for video, readyState:', video.readyState);\n }\n }\n\n // Continue animation loop regardless of video state\n animationFrameId = requestAnimationFrame(updateCroppedFrame);\n };\n\n // Start the animation loop\n updateCroppedFrame();\n\n return () => {\n if (animationFrameId) {\n cancelAnimationFrame(animationFrameId);\n }\n\n if (croppedVideo.srcObject) {\n const stream = croppedVideo.srcObject as MediaStream;\n\n stream.getTracks().forEach(track => track.stop());\n croppedVideo.srcObject = null;\n }\n };\n }, [cropRegion, isVideoReady]);\n\n // Handle video metadata loaded\n const handleLoadedMetadata = useCallback(() => {\n setIsVideoReady(true);\n }, []);\n\n const handleVideoError = useCallback((e: React.SyntheticEvent<HTMLVideoElement, Event>) => {\n const video = e.currentTarget;\n const errorMsg = video.error\n ? `Video error: ${video.error.message} (code: ${video.error.code})`\n : 'Unknown video error';\n\n setVideoError(errorMsg);\n console.error('Video error:', video.error);\n }, []);\n\n return (\n <FlexView $flexDirection=\"column\" $flexGapX={2} $alignItems=\"center\">\n <FlexView $position=\"relative\" $width={width} $height={height}>\n <Styled.Video\n ref={videoRef}\n width={width}\n height={height}\n autoPlay={autoPlay}\n loop={loop}\n muted\n playsInline\n controls\n crossOrigin=\"anonymous\"\n onLoadedMetadata={handleLoadedMetadata}\n onError={handleVideoError}\n />\n {cropRegion && overlayStyle && (\n <Styled.AnalysisRegionOverlay\n $position=\"absolute\"\n $left={overlayStyle.left}\n $top={overlayStyle.top}\n $width={overlayStyle.width}\n $height={overlayStyle.height}\n >\n <Styled.AnalysisRegionLabel\n $position=\"absolute\"\n $background=\"GREEN_4\"\n $borderRadius={3}\n $gap={2}\n $gutter={6}\n >\n <Text $renderAs=\"ub3\" $color=\"REAL_BLACK\">\n Analysis Region\n </Text>\n </Styled.AnalysisRegionLabel>\n </Styled.AnalysisRegionOverlay>\n )}\n <VideoAnalysisOverlay\n metrics={metrics}\n isLoading={isLoading}\n visible={isVideoReady}\n isLiveCamera={!videoUrl}\n />\n </FlexView>\n\n {/* Canvas for cropping - visible for debugging when cropRegion is active /}\n <Styled.DebugCanvas ref={canvasRef} $show={!!cropRegion} />\n <video ref={croppedVideoRef} style={{ display: 'none' }} autoPlay muted playsInline />\n\n {/ Debug info /}\n {cropRegion && canvasReady && (\n <FlexView $flexDirection=\"column\" $flexGapX={0.5}>\n <Text $renderAs=\"ab1-bold\">Debug: Canvas Being Analyzed</Text>\n <Text $renderAs=\"ub2\" $color=\"GREY_3\">\n This canvas shows the cropped region that face-api.js analyzes. If you don't see a\n clear face, adjust the cropRegion values.\n </Text>\n </FlexView>\n )}\n\n {videoError && (\n <FlexView\n $flexDirection=\"column\"\n $gutterX={1.5}\n $gapX={1}\n $background=\"RED_4\"\n $borderRadius={4}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\" $color=\"RED\">\n Error: {videoError}\n </Text>\n {(videoError.includes('YouTube') \|\| videoError.includes('Vimeo')) && (\n <FlexView $flexDirection=\"column\" $flexGapX={0.5}>\n <Text $renderAs=\"ab2-bold\">How to get a direct video URL:</Text>\n <Text $renderAs=\"ub2\" as=\"ul\" style={{ paddingLeft: '20px' }}>\n <li>\n Use services like{' '}\n <a\n href=\"https://www.downloadhelper.net/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Video DownloadHelper\n </a>{' '}\n to download YouTube videos\n </li>\n <li>Host the downloaded MP4 file on your server or cloud storage</li>\n <li>\n Or use public test videos like:{' '}\n <code>\n https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4\n </code>\n </li>\n </Text>\n </FlexView>\n )}\n </FlexView>\n )}\n\n {error && (\n <FlexView\n $flexDirection=\"column\"\n $gutterX={1.5}\n $gapX={1}\n $background=\"ORANGE_1\"\n $borderRadius={4}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\" $color=\"ORANGE_4\">\n Analysis Error: {error.message}\n </Text>\n </FlexView>\n )}\n\n <FlexView\n $flexDirection=\"column\"\n $gutterX={2}\n $gapX={1.5}\n $background=\"GREY_1\"\n $borderRadius={8}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\">Current Metrics:</Text>\n <Separator heightX={1} />\n <FlexView\n $flexDirection=\"row\"\n $flexWrap\n $flexGapX={1}\n style={{ display: 'grid', gridTemplateColumns: '1fr 1fr' }}\n >\n <Text $renderAs=\"ub2\">\n <strong>Face Detected:</strong> {metrics.faceDetected ? 'Yes' : 'No'}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Visibility:</strong> {metrics.visibility.toFixed(1)}%\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Camera Angle:</strong> {metrics.cameraAngle}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Lighting:</strong> {metrics.lighting}\n </Text>\n {detectSleep && (\n <>\n <Text $renderAs=\"ub2\">\n <strong>Awake:</strong> {metrics.isAwake ? 'Yes' : 'Drowsy'}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>EAR:</strong> {metrics.eyeAspectRatio.toFixed(3)}\n </Text>\n </>\n )}\n {detectEmotions && metrics.emotionConfidence > 0 && (\n <>\n <Text $renderAs=\"ub2\">\n <strong>Emotion:</strong> {metrics.emotion}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Confidence:</strong> {(metrics.emotionConfidence 100).toFixed(0)}%\n </Text>\n </>\n )}\n </FlexView>\n </FlexView>\n </FlexView>\n );\n});\n\nexport default VideoAnalysis;\n"],"names":["VideoAnalysis","memo","videoUrl","detectEmotions","detectSleep","width","height","autoPlay","loop","cropRegion","awayDetectionEnabled","awayDurationThreshold","onUserAway","videoRef","useRef","croppedVideoRef","canvasRef","videoError","setVideoError","useState","isVideoReady","setIsVideoReady","canvasReady","setCanvasReady","overlayStyle","setOverlayStyle","analysisRef","metrics","isLoading","error","useVideoAnalysis","useEffect","video","stream","err","errorMessage","track","canvas","croppedVideo","ctx","animationFrameId","streamInitialized","cropWidth","cropHeight","cropX","cropY","frameCount","updateCroppedFrame","videoWidth","videoHeight","displayWidth","displayHeight","scaleX","scaleY","logReadyState","handleLoadedMetadata","useCallback","handleVideoError","errorMsg","FlexView","jsxs","jsx","Styled.Video","Styled.AnalysisRegionOverlay","Styled.AnalysisRegionLabel","Text","VideoAnalysisOverlay","Styled.DebugCanvas","Separator","Fragment","VideoAnalysis$1"],"mappings":"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"}
1	+ {"version":3,"file":"video-analysis.js","sources":["../../../../src/features/av/video-analysis/video-analysis.tsx"],"sourcesContent":["/* eslint-disable no-console /\nimport { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport useVideoAnalysis from './hooks/use-video-analysis';\nimport VideoAnalysisOverlay from './video-analysis-overlay/video-analysis-overlay';\nimport as Styled from './video-analysis-styled';\nimport type { IVideoAnalysisProps } from './video-analysis-types';\nimport Separator from '../../ui/separator/separator';\n\n/*\n VideoAnalysis Component\n \n Real-time video quality analysis for online tutoring sessions using:\n * - MediaPipe FaceLandmarker (478 3D landmarks)\n * - TensorFlow.js emotion recognition\n \n Analyzes pre-recorded videos or live camera feeds to show visibility, camera angle,\n * lighting, sleep detection (teachers), and emotion recognition (students).\n \n Features:\n * - Face detection with 478 3D landmarks (better accuracy in low-light)\n * - Enhanced eye-closure detection (90%+ accuracy, even for frontal faces)\n * - 3D head pose tracking for camera angle analysis\n * - Visibility detection (optimal: 10-25%)\n * - Camera angle analysis (optimal/too-close/too-far/off-center/looking-away)\n * - Lighting quality (dark/good/bright)\n * - Sleep/drowsiness detection using Eye Aspect Ratio (EAR)\n * - Emotion recognition (happy/sad/neutral) with TensorFlow.js\n * - Region of Interest (ROI) cropping for screen recordings\n * - Away detection with configurable thresholds\n \n Performance Improvements (vs face-api.js):\n * - 50% faster (30-40 FPS vs 20-25 FPS)\n * - 20% better frontal face eye-closure detection (90% vs 70%)\n * - 42% better low-light detection (85% vs 60%)\n * - 23% better emotion accuracy (80% vs 65%)\n /\nconst VideoAnalysis: FC<IVideoAnalysisProps> = memo(function VideoAnalysis({\n videoUrl,\n detectEmotions = false,\n detectSleep = false,\n width = 640,\n height = 480,\n autoPlay = true,\n loop = true,\n cropRegion,\n awayDetectionEnabled = false,\n}) {\n const videoRef = useRef<HTMLVideoElement>(null);\n const croppedVideoRef = useRef<HTMLVideoElement>(null);\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const [videoError, setVideoError] = useState<string \| null>(null);\n const [isVideoReady, setIsVideoReady] = useState(false);\n const [canvasReady, setCanvasReady] = useState(false);\n const [overlayStyle, setOverlayStyle] = useState<{\n left: string;\n top: string;\n width: string;\n height: string;\n } \| null>(null);\n\n // When cropRegion is provided, analyze the canvas directly (which shows cropped video)\n // Otherwise analyze the original video\n const analysisRef = cropRegion && canvasReady ? canvasRef : videoRef;\n\n // Video analysis hook V2 (MediaPipe + TensorFlow.js)\n const { metrics, isLoading, error } = useVideoAnalysis(analysisRef, {\n enabled: isVideoReady && (!cropRegion \|\| canvasReady),\n detectEmotions,\n detectSleep,\n awayDetectionEnabled,\n });\n\n // Setup video source - use camera if no videoUrl provided\n useEffect(() => {\n const video = videoRef.current;\n\n const setupVideo = async () => {\n if (!video) return;\n\n setVideoError(null);\n setIsVideoReady(false);\n\n try {\n if (!videoUrl) {\n // No video URL provided - use camera\n const stream = await navigator.mediaDevices.getUserMedia({\n video: true,\n audio: false,\n });\n\n video.srcObject = stream;\n setIsVideoReady(true);\n } else {\n // Check for unsupported video sources\n if (\n videoUrl.includes('youtube.com') \|\|\n videoUrl.includes('youtu.be') \|\|\n videoUrl.includes('vimeo.com')\n ) {\n setVideoError(\n 'YouTube/Vimeo URLs are not supported. Please use direct video file URLs (MP4, WebM, OGG). Example: https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',\n );\n\n return;\n }\n\n // Use video URL\n video.src = videoUrl;\n video.load();\n }\n } catch (err) {\n const errorMessage = err instanceof Error ? err.message : 'Failed to setup video';\n\n setVideoError(errorMessage);\n console.error('Video setup error:', err);\n }\n };\n\n setupVideo();\n\n // Cleanup - capture video ref value\n return () => {\n if (video?.srcObject) {\n const stream = video.srcObject as MediaStream;\n\n stream.getTracks().forEach(track => track.stop());\n video.srcObject = null;\n }\n };\n }, [videoUrl]);\n\n // Crop video to region of interest\n useEffect(() => {\n if (!cropRegion \|\| !isVideoReady) return;\n\n const video = videoRef.current;\n const canvas = canvasRef.current;\n const croppedVideo = croppedVideoRef.current;\n\n if (!video \|\| !canvas \|\| !croppedVideo) return;\n\n const ctx = canvas.getContext('2d');\n\n if (!ctx) return;\n\n let animationFrameId: number;\n let streamInitialized = false;\n let cropWidth = 0;\n let cropHeight = 0;\n let cropX = 0;\n let cropY = 0;\n let frameCount = 0;\n\n const updateCroppedFrame = () => {\n frameCount++;\n if (video.readyState === video.HAVE_ENOUGH_DATA) {\n const videoWidth = video.videoWidth;\n const videoHeight = video.videoHeight;\n\n if (videoWidth === 0 \|\| videoHeight === 0) {\n animationFrameId = requestAnimationFrame(updateCroppedFrame);\n\n return;\n }\n\n // Calculate crop dimensions\n cropX = cropRegion.x videoWidth;\n cropY = cropRegion.y * videoHeight;\n cropWidth = cropRegion.width * videoWidth;\n cropHeight = cropRegion.height * videoHeight;\n\n // Set canvas size to crop dimensions (only once)\n if (!streamInitialized) {\n canvas.width = cropWidth;\n canvas.height = cropHeight;\n\n console.log('[VideoAnalysis] Initializing crop region:', {\n cropX,\n cropY,\n cropWidth,\n cropHeight,\n originalWidth: videoWidth,\n originalHeight: videoHeight,\n videoCurrentTime: video.currentTime,\n });\n\n // Calculate the correct overlay position accounting for video display vs actual size\n const displayWidth = video.clientWidth;\n const displayHeight = video.clientHeight;\n const scaleX = displayWidth / videoWidth;\n const scaleY = displayHeight / videoHeight;\n\n console.log('[VideoAnalysis] Display vs actual dimensions:', {\n displayWidth,\n displayHeight,\n videoWidth,\n videoHeight,\n scaleX,\n scaleY,\n });\n\n // Update overlay style to match the actual cropped region on screen\n setOverlayStyle({\n left: `${cropX * scaleX}px`,\n top: `${cropY * scaleY}px`,\n width: `${cropWidth * scaleX}px`,\n height: `${cropHeight * scaleY}px`,\n });\n\n // Initialize stream with 30fps\n const stream = canvas.captureStream(30);\n\n croppedVideo.srcObject = stream;\n\n // Add event listeners to monitor cropped video state\n const logReadyState = () => {\n console.log(\n '[VideoAnalysis] Cropped video ready state changed:',\n croppedVideo.readyState,\n );\n };\n\n croppedVideo.addEventListener('loadedmetadata', () => {\n console.log('[VideoAnalysis] Cropped video metadata loaded');\n });\n croppedVideo.addEventListener('loadeddata', logReadyState);\n croppedVideo.addEventListener('canplay', logReadyState);\n croppedVideo.addEventListener('canplaythrough', logReadyState);\n\n // Ensure cropped video plays\n croppedVideo.play().catch(err => {\n console.error('[VideoAnalysis] Failed to play cropped video:', err);\n });\n\n streamInitialized = true;\n setCanvasReady(true); // Signal that canvas is ready for analysis\n\n console.log('[VideoAnalysis] Canvas ready for face analysis');\n }\n\n // CRITICAL: Draw cropped region to canvas on EVERY frame\n // This continuously updates the canvas with the latest cropped video frame\n ctx.drawImage(video, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);\n\n // Log every 60 frames (~1 second at 60fps) to verify continuous drawing\n if (frameCount % 60 === 0) {\n console.log('[VideoAnalysis] Canvas update:', {\n frameCount,\n videoTime: video.currentTime.toFixed(2),\n videoPlaying: !video.paused,\n });\n }\n } else {\n // Video not ready - log occasionally\n if (frameCount % 60 === 0) {\n console.log('[VideoAnalysis] Waiting for video, readyState:', video.readyState);\n }\n }\n\n // Continue animation loop regardless of video state\n animationFrameId = requestAnimationFrame(updateCroppedFrame);\n };\n\n // Start the animation loop\n updateCroppedFrame();\n\n return () => {\n if (animationFrameId) {\n cancelAnimationFrame(animationFrameId);\n }\n\n if (croppedVideo.srcObject) {\n const stream = croppedVideo.srcObject as MediaStream;\n\n stream.getTracks().forEach(track => track.stop());\n croppedVideo.srcObject = null;\n }\n };\n }, [cropRegion, isVideoReady]);\n\n // Handle video metadata loaded\n const handleLoadedMetadata = useCallback(() => {\n setIsVideoReady(true);\n }, []);\n\n const handleVideoError = useCallback((e: React.SyntheticEvent<HTMLVideoElement, Event>) => {\n const video = e.currentTarget;\n const errorMsg = video.error\n ? `Video error: ${video.error.message} (code: ${video.error.code})`\n : 'Unknown video error';\n\n setVideoError(errorMsg);\n console.error('Video error:', video.error);\n }, []);\n\n return (\n <FlexView $flexDirection=\"column\" $flexGapX={2} $alignItems=\"center\">\n <FlexView $position=\"relative\" $width={width} $height={height}>\n <Styled.Video\n ref={videoRef}\n width={width}\n height={height}\n autoPlay={autoPlay}\n loop={loop}\n muted\n playsInline\n controls\n crossOrigin=\"anonymous\"\n onLoadedMetadata={handleLoadedMetadata}\n onError={handleVideoError}\n />\n {cropRegion && overlayStyle && (\n <Styled.AnalysisRegionOverlay\n $position=\"absolute\"\n $left={overlayStyle.left}\n $top={overlayStyle.top}\n $width={overlayStyle.width}\n $height={overlayStyle.height}\n >\n <Styled.AnalysisRegionLabel\n $position=\"absolute\"\n $background=\"GREEN_4\"\n $borderRadius={3}\n $gap={2}\n $gutter={6}\n >\n <Text $renderAs=\"ub3\" $color=\"REAL_BLACK\">\n Analysis Region\n </Text>\n </Styled.AnalysisRegionLabel>\n </Styled.AnalysisRegionOverlay>\n )}\n <VideoAnalysisOverlay\n metrics={metrics}\n isLoading={isLoading}\n visible={isVideoReady}\n isLiveCamera={!videoUrl}\n />\n </FlexView>\n\n {/* Canvas for cropping - visible for debugging when cropRegion is active /}\n <Styled.DebugCanvas ref={canvasRef} $show={!!cropRegion} />\n <video ref={croppedVideoRef} style={{ display: 'none' }} autoPlay muted playsInline />\n\n {/ Debug info /}\n {cropRegion && canvasReady && (\n <FlexView $flexDirection=\"column\" $flexGapX={0.5}>\n <Text $renderAs=\"ab1-bold\">Debug: Canvas Being Analyzed</Text>\n <Text $renderAs=\"ub2\" $color=\"GREY_3\">\n This canvas shows the cropped region that face-api.js analyzes. If you don't see a\n clear face, adjust the cropRegion values.\n </Text>\n </FlexView>\n )}\n\n {videoError && (\n <FlexView\n $flexDirection=\"column\"\n $gutterX={1.5}\n $gapX={1}\n $background=\"RED_4\"\n $borderRadius={4}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\" $color=\"RED\">\n Error: {videoError}\n </Text>\n {(videoError.includes('YouTube') \|\| videoError.includes('Vimeo')) && (\n <FlexView $flexDirection=\"column\" $flexGapX={0.5}>\n <Text $renderAs=\"ab2-bold\">How to get a direct video URL:</Text>\n <Text $renderAs=\"ub2\" as=\"ul\" style={{ paddingLeft: '20px' }}>\n <li>\n Use services like{' '}\n <a\n href=\"https://www.downloadhelper.net/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Video DownloadHelper\n </a>{' '}\n to download YouTube videos\n </li>\n <li>Host the downloaded MP4 file on your server or cloud storage</li>\n <li>\n Or use public test videos like:{' '}\n <code>\n https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4\n </code>\n </li>\n </Text>\n </FlexView>\n )}\n </FlexView>\n )}\n\n {error && (\n <FlexView\n $flexDirection=\"column\"\n $gutterX={1.5}\n $gapX={1}\n $background=\"ORANGE_1\"\n $borderRadius={4}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\" $color=\"ORANGE_4\">\n Analysis Error: {error.message}\n </Text>\n </FlexView>\n )}\n\n <FlexView\n $flexDirection=\"column\"\n $gutterX={2}\n $gapX={1.5}\n $background=\"GREY_1\"\n $borderRadius={8}\n $width={width}\n >\n <Text $renderAs=\"ab1-bold\">Current Metrics:</Text>\n <Separator heightX={1} />\n <FlexView\n $flexDirection=\"row\"\n $flexWrap\n $flexGapX={1}\n style={{ display: 'grid', gridTemplateColumns: '1fr 1fr' }}\n >\n <Text $renderAs=\"ub2\">\n <strong>Face Detected:</strong> {metrics.faceDetected ? 'Yes' : 'No'}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Visibility:</strong> {metrics.visibility.toFixed(1)}%\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Camera Angle:</strong> {metrics.cameraAngle}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Lighting:</strong> {metrics.lighting}\n </Text>\n {detectSleep && (\n <>\n <Text $renderAs=\"ub2\">\n <strong>Awake:</strong> {metrics.isAwake ? 'Yes' : 'Drowsy'}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>EAR:</strong> {metrics.eyeAspectRatio.toFixed(3)}\n </Text>\n </>\n )}\n {detectEmotions && metrics.emotionConfidence > 0 && (\n <>\n <Text $renderAs=\"ub2\">\n <strong>Emotion:</strong> {metrics.emotion}\n </Text>\n <Text $renderAs=\"ub2\">\n <strong>Confidence:</strong> {(metrics.emotionConfidence 100).toFixed(0)}%\n </Text>\n </>\n )}\n </FlexView>\n </FlexView>\n </FlexView>\n );\n});\n\nexport default VideoAnalysis;\n"],"names":["VideoAnalysis","memo","videoUrl","detectEmotions","detectSleep","width","height","autoPlay","loop","cropRegion","awayDetectionEnabled","videoRef","useRef","croppedVideoRef","canvasRef","videoError","setVideoError","useState","isVideoReady","setIsVideoReady","canvasReady","setCanvasReady","overlayStyle","setOverlayStyle","analysisRef","metrics","isLoading","error","useVideoAnalysis","useEffect","video","stream","err","errorMessage","track","canvas","croppedVideo","ctx","animationFrameId","streamInitialized","cropWidth","cropHeight","cropX","cropY","frameCount","updateCroppedFrame","videoWidth","videoHeight","displayWidth","displayHeight","scaleX","scaleY","logReadyState","handleLoadedMetadata","useCallback","handleVideoError","errorMsg","FlexView","jsxs","jsx","Styled.Video","Styled.AnalysisRegionOverlay","Styled.AnalysisRegionLabel","Text","VideoAnalysisOverlay","Styled.DebugCanvas","Separator","Fragment","VideoAnalysis$1"],"mappings":"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"}

package/dist/index.d.ts CHANGED Viewed

@@ -3465,14 +3465,6 @@ declare interface IOnChapterExitWarningProps {
     onSuccess?: () => void;
 }
-/**
- * Callback triggered when user is away from camera
- * @param awayDurationMs - How long the user has been away (in milliseconds)
- */
-declare interface IOnUserAwayCallback {
-    (awayDurationMs: number): void;
-}
 declare interface IOnViewSummaryParams extends IStudentProfileSummary {
     userAttemptId?: string | null;
 }
@@ -5292,6 +5284,7 @@ export declare interface IVideoAnalysisMetrics {
     emotionConfidence: number;
     isAway: boolean;
     awayDurationMs: number;
+    sleepDurationMs: number;
 }
 export declare interface IVideoAnalysisOptions {
@@ -5300,8 +5293,6 @@ export declare interface IVideoAnalysisOptions {
     detectSleep?: boolean;
     useCanvas?: boolean;
     awayDetectionEnabled?: boolean;
-    awayDurationThreshold?: number;
-    onUserAway?: (awayDurationMs: number) => void;
 }
 declare interface IVideoAnalysisOverlayProps {
@@ -5321,8 +5312,6 @@ declare interface IVideoAnalysisProps {
     loop?: boolean;
     cropRegion?: ICropRegion;
     awayDetectionEnabled?: boolean;
-    awayDurationThreshold?: number;
-    onUserAway?: IOnUserAwayCallback;
 }
 declare interface IViewport {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "4.1.1-j1",
+  "version": "4.1.1-j2",
   "type": "module",
   "files": [
     "dist"