@nice2dev/ui-3d 1.3.15 → 1.3.17

package/dist/esm/dance/DanceBridge.js

@@ -1,192 +1,167 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
-import { DanceScoreEngine } from './DanceScoreEngine.js';
-
-/**
- * DanceBridge — Connects choreography DSL (ui-graphics) ↔ pose detection (ui-3d) ↔ audio sync (ui-audio)
- *
- * Orchestrates a dance session: plays audio, runs reference choreography,
- * captures live poses, and scores accuracy — all in sync.
- */
-// ── Bridge engine (non-React) ───────────────────────────────────
+import { useRef, useState, useEffect, useCallback } from "react";
+import { DanceScoreEngine } from "./DanceScoreEngine.js";
 class DanceBridge {
-    constructor(config, callbacks = {}) {
-        this._state = 'idle';
-        this.startTime = 0;
-        this.pausedAt = 0;
-        this.pauseAccum = 0;
-        this.nextBeatIdx = 0;
-        this.config = config;
-        this.callbacks = callbacks;
-        this.engine = new DanceScoreEngine(config.scoreConfig);
-        this.engine.loadReference(config.reference);
-        const frames = config.reference.frames;
-        this.duration = frames.length > 0 ? frames[frames.length - 1].timestamp_sec : 0;
+  constructor(config, callbacks = {}) {
+    this._state = "idle";
+    this.startTime = 0;
+    this.pausedAt = 0;
+    this.pauseAccum = 0;
+    this.nextBeatIdx = 0;
+    this.config = config;
+    this.callbacks = callbacks;
+    this.engine = new DanceScoreEngine(config.scoreConfig);
+    this.engine.loadReference(config.reference);
+    const frames = config.reference.frames;
+    this.duration = frames.length > 0 ? frames[frames.length - 1].timestamp_sec : 0;
+  }
+  get state() {
+    return this._state;
+  }
+  get elapsed() {
+    if (this._state === "idle" || this._state === "countdown") {
+      return 0;
     }
-    get state() {
-        return this._state;
+    if (this._state === "paused") {
+      return (this.pausedAt - this.startTime - this.pauseAccum) / 1e3;
     }
-    get elapsed() {
-        if (this._state === 'idle' || this._state === 'countdown') {
-            return 0;
-        }
-        if (this._state === 'paused') {
-            return (this.pausedAt - this.startTime - this.pauseAccum) / 1000;
-        }
-        if (this._state === 'finished') {
-            return this.duration;
-        }
-        return (performance.now() - this.startTime - this.pauseAccum) / 1000;
+    if (this._state === "finished") {
+      return this.duration;
     }
-    get combo() {
-        return this.engine.getResult().combo;
+    return (performance.now() - this.startTime - this.pauseAccum) / 1e3;
+  }
+  get combo() {
+    return this.engine.getResult().combo;
+  }
+  start() {
+    const countdownMs = (this.config.countdownSec ?? 3) * 1e3;
+    this.setState("countdown");
+    setTimeout(() => {
+      this.engine.reset();
+      this.startTime = performance.now();
+      this.pauseAccum = 0;
+      this.nextBeatIdx = 0;
+      this.setState("playing");
+    }, countdownMs);
+  }
+  pause() {
+    if (this._state !== "playing") {
+      return;
     }
-    start() {
-        var _a;
-        const countdownMs = ((_a = this.config.countdownSec) !== null && _a !== void 0 ? _a : 3) * 1000;
-        this.setState('countdown');
-        setTimeout(() => {
-            this.engine.reset();
-            this.startTime = performance.now();
-            this.pauseAccum = 0;
-            this.nextBeatIdx = 0;
-            this.setState('playing');
-        }, countdownMs);
+    this.pausedAt = performance.now();
+    this.setState("paused");
+  }
+  resume() {
+    if (this._state !== "paused") {
+      return;
     }
-    pause() {
-        if (this._state !== 'playing') {
-            return;
-        }
-        this.pausedAt = performance.now();
-        this.setState('paused');
+    this.pauseAccum += performance.now() - this.pausedAt;
+    this.setState("playing");
+  }
+  stop() {
+    this.setState("finished");
+    const result = this.engine.getResult();
+    this.callbacks.onFinish?.(result);
+    return result;
+  }
+  feedFrame(frame) {
+    if (this._state !== "playing") {
+      return null;
     }
-    resume() {
-        if (this._state !== 'paused') {
-            return;
-        }
-        this.pauseAccum += performance.now() - this.pausedAt;
-        this.setState('playing');
-    }
-    stop() {
-        var _a, _b;
-        this.setState('finished');
-        const result = this.engine.getResult();
-        (_b = (_a = this.callbacks).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, result);
-        return result;
+    const elapsed = this.elapsed;
+    const offset = this.config.beatSync?.offsetSec ?? 0;
+    const adjustedFrame = {
+      ...frame,
+      timestamp_sec: elapsed + offset
+    };
+    this.checkBeats(elapsed);
+    if (this.duration > 0) {
+      this.callbacks.onProgress?.(Math.min(elapsed / this.duration, 1));
     }
-    feedFrame(frame) {
-        var _a, _b, _c, _d, _e, _f;
-        if (this._state !== 'playing') {
-            return null;
-        }
-        const elapsed = this.elapsed;
-        const offset = (_b = (_a = this.config.beatSync) === null || _a === void 0 ? void 0 : _a.offsetSec) !== null && _b !== void 0 ? _b : 0;
-        const adjustedFrame = {
-            ...frame,
-            timestamp_sec: elapsed + offset,
-        };
-        // Check for beats
-        this.checkBeats(elapsed);
-        // Report progress
-        if (this.duration > 0) {
-            (_d = (_c = this.callbacks).onProgress) === null || _d === void 0 ? void 0 : _d.call(_c, Math.min(elapsed / this.duration, 1));
-        }
-        // Score
-        const score = this.engine.scoreFrame(adjustedFrame);
-        (_f = (_e = this.callbacks).onScore) === null || _f === void 0 ? void 0 : _f.call(_e, score);
-        // Auto-finish at end of reference
-        if (elapsed >= this.duration) {
-            this.stop();
-        }
-        return score;
+    const score = this.engine.scoreFrame(adjustedFrame);
+    this.callbacks.onScore?.(score);
+    if (elapsed >= this.duration) {
+      this.stop();
     }
-    checkBeats(elapsed) {
-        var _a, _b, _c;
-        const beats = (_a = this.config.beatSync) === null || _a === void 0 ? void 0 : _a.beats;
-        if (!beats) {
-            return;
-        }
-        while (this.nextBeatIdx < beats.length && beats[this.nextBeatIdx] <= elapsed) {
-            (_c = (_b = this.callbacks).onBeat) === null || _c === void 0 ? void 0 : _c.call(_b, this.nextBeatIdx, beats[this.nextBeatIdx]);
-            this.nextBeatIdx++;
-        }
+    return score;
+  }
+  checkBeats(elapsed) {
+    const beats = this.config.beatSync?.beats;
+    if (!beats) {
+      return;
     }
-    setState(state) {
-        var _a, _b;
-        this._state = state;
-        (_b = (_a = this.callbacks).onStateChange) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+    while (this.nextBeatIdx < beats.length && beats[this.nextBeatIdx] <= elapsed) {
+      this.callbacks.onBeat?.(this.nextBeatIdx, beats[this.nextBeatIdx]);
+      this.nextBeatIdx++;
     }
+  }
+  setState(state) {
+    this._state = state;
+    this.callbacks.onStateChange?.(state);
+  }
 }
-// ── React hook: useDanceBridge ──────────────────────────────────
 function useDanceBridge(config, callbacks) {
-    const bridgeRef = useRef(null);
-    const [state, setState] = useState('idle');
-    const [lastScore, setLastScore] = useState(null);
-    const [result, setResult] = useState(null);
-    const [combo, setCombo] = useState(0);
-    const [progress, setProgress] = useState(0);
-    useEffect(() => {
-        if (!config) {
-            bridgeRef.current = null;
-            return;
-        }
-        bridgeRef.current = new DanceBridge(config, {
-            ...callbacks,
-            onStateChange(s) {
-                var _a;
-                setState(s);
-                (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onStateChange) === null || _a === void 0 ? void 0 : _a.call(callbacks, s);
-            },
-            onScore(score) {
-                var _a;
-                setLastScore(score);
-                (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onScore) === null || _a === void 0 ? void 0 : _a.call(callbacks, score);
-            },
-            onFinish(r) {
-                var _a;
-                setResult(r);
-                (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onFinish) === null || _a === void 0 ? void 0 : _a.call(callbacks, r);
-            },
-            onProgress(p) {
-                var _a;
-                setProgress(p);
-                (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onProgress) === null || _a === void 0 ? void 0 : _a.call(callbacks, p);
-            },
-        });
-        return () => {
-            bridgeRef.current = null;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [config]);
-    const start = useCallback(() => {
-        var _a;
-        (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.start();
-    }, []);
-    const pause = useCallback(() => {
-        var _a;
-        (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-    }, []);
-    const resume = useCallback(() => {
-        var _a;
-        (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.resume();
-    }, []);
-    const stop = useCallback(() => { var _a, _b; return (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.stop()) !== null && _b !== void 0 ? _b : null; }, []);
-    const feedFrame = useCallback((frame) => {
-        var _a, _b;
-        const score = (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.feedFrame(frame)) !== null && _b !== void 0 ? _b : null;
-        if (bridgeRef.current) {
-            setCombo(bridgeRef.current.combo);
-        }
-        return score;
-    }, []);
-    return { start, pause, resume, stop, feedFrame, state, lastScore, result, combo, progress };
+  const bridgeRef = useRef(null);
+  const [state, setState] = useState("idle");
+  const [lastScore, setLastScore] = useState(null);
+  const [result, setResult] = useState(null);
+  const [combo, setCombo] = useState(0);
+  const [progress, setProgress] = useState(0);
+  useEffect(() => {
+    if (!config) {
+      bridgeRef.current = null;
+      return;
+    }
+    bridgeRef.current = new DanceBridge(config, {
+      ...callbacks,
+      onStateChange(s) {
+        setState(s);
+        callbacks?.onStateChange?.(s);
+      },
+      onScore(score) {
+        setLastScore(score);
+        callbacks?.onScore?.(score);
+      },
+      onFinish(r) {
+        setResult(r);
+        callbacks?.onFinish?.(r);
+      },
+      onProgress(p) {
+        setProgress(p);
+        callbacks?.onProgress?.(p);
+      }
+    });
+    return () => {
+      bridgeRef.current = null;
+    };
+  }, [config]);
+  const start = useCallback(() => {
+    bridgeRef.current?.start();
+  }, []);
+  const pause = useCallback(() => {
+    bridgeRef.current?.pause();
+  }, []);
+  const resume = useCallback(() => {
+    bridgeRef.current?.resume();
+  }, []);
+  const stop = useCallback(() => bridgeRef.current?.stop() ?? null, []);
+  const feedFrame = useCallback((frame) => {
+    const score = bridgeRef.current?.feedFrame(frame) ?? null;
+    if (bridgeRef.current) {
+      setCombo(bridgeRef.current.combo);
+    }
+    return score;
+  }, []);
+  return { start, pause, resume, stop, feedFrame, state, lastScore, result, combo, progress };
 }
-// ── Utility: Convert @nice2dev/ui-audio RhythmResponse to BeatSync ──
 function rhythmToBeatSync(rhythm, offsetSec = 0) {
-    return {
-        bpm: rhythm.tempoBpm,
-        beats: rhythm.beatsSeconds,
-        offsetSec,
-    };
+  return {
+    bpm: rhythm.tempoBpm,
+    beats: rhythm.beatsSeconds,
+    offsetSec
+  };
 }
-
-export { DanceBridge, rhythmToBeatSync, useDanceBridge };
+export {
+  DanceBridge,
+  rhythmToBeatSync,
+  useDanceBridge
+};