@hua-labs/motion-core 2.0.0 → 2.1.0-alpha.0.1

package/dist/hooks/useHoverMotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHoverMotion.js","sourceRoot":"","sources":["../../src/hooks/useHoverMotion.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useHoverMotion.js","sourceRoot":"","sources":["../../src/hooks/useHoverMotion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,UAAU,cAAc,CAC5B,UAA6B,EAC7B,UAGI,EAAE;IAEN,MAAM,EACJ,OAAO,GAAG,OAAO,EACjB,OAAO,GAAG,SAAS,EACpB,GAAG,OAAO,CAAA;IAEX,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEnC,sBAAsB;IACtB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,SAAS,CAAC,OAAO,GAAG,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,UAAU,CAAA;IAClF,CAAC;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAC5B,CAAC;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA,CAAC,qBAAqB;QACjD,CAAC;aAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YAC/B,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA,CAAC,uBAAuB;QACpD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;QACxD,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;QAExD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;YAC3D,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;QAC7D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAExC,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QACzD,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;QAC5B,IAAI,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;YAC3B,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,GAAG,SAAS,CAAC,OAAO;QACpB,GAAG,EAAE,MAAM;KACZ,CAAA;AACH,CAAC"}

package/dist/hooks/useMotionState.d.ts

@@ -1,26 +1,29 @@
-import { BaseMotionOptions, BaseMotionReturn, MotionElement } from '../types';
-export interface MotionStateOptions extends BaseMotionOptions {
-    states: {
-        [key: string]: {
-            scale?: number;
-            opacity?: number;
-            rotate?: number;
-            translateY?: number;
-            translateX?: number;
-            backgroundColor?: string;
-            color?: string;
-            borderColor?: string;
-            boxShadow?: string;
-        };
-    };
-    initialState?: string;
-    stateTransitionDuration?: number;
-    stateTransitionEasing?: string;
+type MotionState = 'idle' | 'playing' | 'paused' | 'completed' | 'error';
+type MotionDirection = 'forward' | 'reverse' | 'alternate';
+interface MotionStateOptions {
+    initialState?: MotionState;
+    autoPlay?: boolean;
+    loop?: boolean;
+    direction?: MotionDirection;
+    duration?: number;
+    delay?: number;
+    showOnMount?: boolean;
 }
-export declare function useMotionState<T extends MotionElement = HTMLDivElement>(options: MotionStateOptions): BaseMotionReturn<T> & {
-    currentState: string;
-    availableStates: string[];
-    setState: (stateName: string) => void;
-    transitionToState: (stateName: string, duration?: number) => void;
-};
+interface MotionStateReturn {
+    state: MotionState;
+    direction: MotionDirection;
+    progress: number;
+    elapsed: number;
+    remaining: number;
+    mounted: boolean;
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    reset: () => void;
+    reverse: () => void;
+    seek: (progress: number) => void;
+    setState: (newState: MotionState) => void;
+}
+export declare function useMotionState(options?: MotionStateOptions): MotionStateReturn;
+export {};
 //# sourceMappingURL=useMotionState.d.ts.map

package/dist/hooks/useMotionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMotionState.d.ts","sourceRoot":"","sources":["../../src/hooks/useMotionState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,UAAU,CAAC,EAAE,MAAM,CAAA;YACnB,UAAU,CAAC,EAAE,MAAM,CAAA;YACnB,eAAe,CAAC,EAAE,MAAM,CAAA;YACxB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,WAAW,CAAC,EAAE,MAAM,CAAA;YACpB,SAAS,CAAC,EAAE,MAAM,CAAA;SACnB,CAAA;KACF,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EACrE,OAAO,EAAE,kBAAkB,GAC1B,gBAAgB,CAAC,CAAC,CAAC,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAClE,CA8IA"}
+{"version":3,"file":"useMotionState.d.ts","sourceRoot":"","sources":["../../src/hooks/useMotionState.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAA;AACxE,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AAE1D,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CAyOlF"}

package/dist/hooks/useMotionState.js

@@ -1,119 +1,202 @@
-import { useRef, useState, useCallback } from 'react';
-export function useMotionState(options) {
-    const { duration = 300, easing = 'ease-out', states, initialState = Object.keys(states)[0] || 'default', stateTransitionDuration, stateTransitionEasing, onComplete, onStart, onStop, onReset } = options;
-    const ref = useRef(null);
-    const [isVisible, setIsVisible] = useState(false);
-    const [isAnimating, setIsAnimating] = useState(false);
+import { useState, useEffect, useRef, useCallback } from 'react';
+export function useMotionState(options = {}) {
+    const { initialState = 'idle', autoPlay = false, loop = false, direction = 'forward', duration = 1000, delay = 0, showOnMount = false } = options;
+    const [state, setState] = useState(showOnMount ? initialState : 'idle');
+    const [currentDirection, setCurrentDirection] = useState(direction);
     const [progress, setProgress] = useState(0);
-    const [currentState, setCurrentState] = useState(initialState);
-    const [targetState, setTargetState] = useState(initialState);
-    const availableStates = Object.keys(states);
-    const currentStateConfig = states[currentState] || {};
-    const targetStateConfig = states[targetState] || {};
-    // 상태 변경 함수
-    const setState = useCallback((stateName) => {
-        if (!states[stateName]) {
-            console.warn(`State "${stateName}" not found in available states:`, availableStates);
+    const [elapsed, setElapsed] = useState(0);
+    const [mounted, setMounted] = useState(false);
+    const motionRef = useRef(null);
+    const startTimeRef = useRef(null);
+    const pauseTimeRef = useRef(null);
+    const totalPausedTimeRef = useRef(0);
+    // 하이드레이션 이슈 해결을 위한 mounted 상태 관리
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    // 모션 루프
+    const animate = useCallback((timestamp) => {
+        if (!startTimeRef.current) {
+            startTimeRef.current = timestamp;
+        }
+        const adjustedTimestamp = timestamp - totalPausedTimeRef.current;
+        const elapsedTime = adjustedTimestamp - startTimeRef.current;
+        const newElapsed = Math.max(0, elapsedTime - delay);
+        setElapsed(newElapsed);
+        // 진행률 계산
+        let newProgress = 0;
+        if (newElapsed >= 0) {
+            newProgress = Math.min(100, (newElapsed / duration) * 100);
+        }
+        // 방향에 따른 진행률 조정
+        if (currentDirection === 'reverse') {
+            newProgress = 100 - newProgress;
+        }
+        else if (currentDirection === 'alternate') {
+            const cycle = Math.floor(newElapsed / duration);
+            const cycleProgress = (newElapsed % duration) / duration;
+            newProgress = cycle % 2 === 0 ? cycleProgress * 100 : (1 - cycleProgress) * 100;
+        }
+        setProgress(newProgress);
+        // 모션 완료 체크
+        if (newElapsed >= duration) {
+            if (loop) {
+                // 루프: 처음부터 다시 시작
+                startTimeRef.current = timestamp || performance.now();
+                totalPausedTimeRef.current = 0;
+                setElapsed(0);
+                setProgress(currentDirection === 'reverse' ? 100 : 0);
+            }
+            else {
+                // 완료
+                setState('completed');
+                setProgress(currentDirection === 'reverse' ? 0 : 100);
+                if (motionRef.current) {
+                    cancelAnimationFrame(motionRef.current);
+                    motionRef.current = null;
+                }
+                return;
+            }
+        }
+        // 다음 프레임 요청
+        if (state === 'playing') {
+            motionRef.current = requestAnimationFrame(animate);
+        }
+    }, [state, duration, delay, loop, currentDirection]);
+    // 재생 시작
+    const play = useCallback(() => {
+        if (!mounted)
             return;
+        if (state === 'completed') {
+            // 완료된 상태에서 재생 시 처음부터 시작
+            reset();
         }
-        setTargetState(stateName);
-        setIsAnimating(true);
-        setProgress(0);
-        onStart?.();
-        const transitionDuration = stateTransitionDuration || duration;
-        setTimeout(() => {
-            setCurrentState(stateName);
-            setIsAnimating(false);
-            setProgress(1);
-            onComplete?.();
-        }, transitionDuration);
-    }, [states, stateTransitionDuration, duration, onStart, onComplete]);
-    // 상태 전환 함수 (애니메이션과 함께)
-    const transitionToState = useCallback((stateName, customDuration) => {
-        if (!states[stateName]) {
-            console.warn(`State "${stateName}" not found in available states:`, availableStates);
+        setState('playing');
+        if (pauseTimeRef.current) {
+            // 일시정지에서 재개
+            totalPausedTimeRef.current += performance.now() - pauseTimeRef.current;
+            pauseTimeRef.current = null;
+        }
+        else {
+            // 새로운 모션 시작
+            startTimeRef.current = null;
+            totalPausedTimeRef.current = 0;
+        }
+        if (!motionRef.current) {
+            motionRef.current = requestAnimationFrame(animate);
+        }
+    }, [mounted, state, animate]);
+    // 일시정지
+    const pause = useCallback(() => {
+        if (state !== 'playing')
             return;
+        setState('paused');
+        pauseTimeRef.current = performance.now();
+        if (motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
         }
-        setTargetState(stateName);
-        setIsAnimating(true);
-        setProgress(0);
-        onStart?.();
-        const transitionDuration = customDuration || stateTransitionDuration || duration;
-        setTimeout(() => {
-            setCurrentState(stateName);
-            setIsAnimating(false);
-            setProgress(1);
-            onComplete?.();
-        }, transitionDuration);
-    }, [states, stateTransitionDuration, duration, onStart, onComplete]);
-    // 모션 시작 함수
-    const start = useCallback(() => {
-        if (!isVisible) {
-            setIsVisible(true);
-            setIsAnimating(true);
-            setProgress(0);
-            onStart?.();
-            setTimeout(() => {
-                setIsAnimating(false);
-                setProgress(1);
-                onComplete?.();
-            }, duration);
-        }
-    }, [isVisible, duration, onStart, onComplete]);
-    // 모션 중단 함수
+    }, [state]);
+    // 정지
     const stop = useCallback(() => {
-        setIsAnimating(false);
-        onStop?.();
-    }, [onStop]);
-    // 모션 리셋 함수
+        setState('idle');
+        setProgress(0);
+        setElapsed(0);
+        startTimeRef.current = null;
+        pauseTimeRef.current = null;
+        totalPausedTimeRef.current = 0;
+        if (motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
+        }
+    }, []);
+    // 리셋
     const reset = useCallback(() => {
-        setIsVisible(false);
-        setIsAnimating(false);
+        setState('idle');
         setProgress(0);
-        setCurrentState(initialState);
-        setTargetState(initialState);
-        onReset?.();
-    }, [initialState, onReset]);
-    // 모션 일시정지 함수
-    const pause = useCallback(() => {
-        setIsAnimating(false);
+        setElapsed(0);
+        setCurrentDirection(direction);
+        startTimeRef.current = null;
+        pauseTimeRef.current = null;
+        totalPausedTimeRef.current = 0;
+        if (motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
+        }
+    }, [direction]);
+    // 역방향 전환
+    const reverse = useCallback(() => {
+        const newDirection = currentDirection === 'forward' ? 'reverse' : 'forward';
+        setCurrentDirection(newDirection);
+        // 현재 진행률을 역방향으로 조정
+        if (state === 'playing') {
+            const remainingTime = duration - elapsed;
+            startTimeRef.current = performance.now() - remainingTime;
+            totalPausedTimeRef.current = 0;
+        }
+    }, [currentDirection, state, duration, elapsed]);
+    // 특정 진행률로 이동
+    const seek = useCallback((targetProgress) => {
+        const clampedProgress = Math.max(0, Math.min(100, targetProgress));
+        setProgress(clampedProgress);
+        // 경과 시간 계산
+        let targetElapsed = 0;
+        if (currentDirection === 'reverse') {
+            targetElapsed = ((100 - clampedProgress) / 100) * duration;
+        }
+        else if (currentDirection === 'alternate') {
+            // alternate의 경우 복잡하므로 단순화
+            targetElapsed = (clampedProgress / 100) * duration;
+        }
+        else {
+            targetElapsed = (clampedProgress / 100) * duration;
+        }
+        setElapsed(targetElapsed);
+        // 모션이 재생 중이면 시간 조정
+        if (state === 'playing' && startTimeRef.current) {
+            const currentTime = performance.now();
+            startTimeRef.current = currentTime - targetElapsed - totalPausedTimeRef.current;
+        }
+    }, [currentDirection, duration, state]);
+    // 상태 직접 설정
+    const setMotionState = useCallback((newState) => {
+        setState(newState);
+        if (newState === 'playing' && !motionRef.current) {
+            motionRef.current = requestAnimationFrame(animate);
+        }
+        else if (newState !== 'playing' && motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
+        }
+    }, [animate]);
+    // 자동 재생
+    useEffect(() => {
+        if (mounted && autoPlay && state === 'idle') {
+            play();
+        }
+    }, [mounted, autoPlay, state, play]);
+    // 클린업
+    useEffect(() => {
+        return () => {
+            if (motionRef.current) {
+                cancelAnimationFrame(motionRef.current);
+            }
+        };
     }, []);
-    // 모션 재개 함수
-    const resume = useCallback(() => {
-        if (isVisible) {
-            setIsAnimating(true);
-        }
-    }, [isVisible]);
-    // 현재 상태에 따른 스타일 계산
-    const style = {
-        transform: `
-      scale(${currentStateConfig.scale || 1})
-      rotate(${currentStateConfig.rotate || 0}deg)
-      translate(${currentStateConfig.translateX || 0}px, ${currentStateConfig.translateY || 0}px)
-    `,
-        opacity: currentStateConfig.opacity ?? 1,
-        backgroundColor: currentStateConfig.backgroundColor,
-        color: currentStateConfig.color,
-        borderColor: currentStateConfig.borderColor,
-        boxShadow: currentStateConfig.boxShadow,
-        transition: `all ${stateTransitionDuration || duration}ms ${stateTransitionEasing || easing}`,
-        willChange: 'transform, opacity, background-color, color, border-color, box-shadow'
-    };
     return {
-        ref,
-        isVisible,
-        isAnimating,
-        style,
+        state,
+        direction: currentDirection,
         progress,
-        start,
+        elapsed,
+        remaining: Math.max(0, duration - elapsed),
+        mounted,
+        play,
+        pause,
         stop,
         reset,
-        pause,
-        resume,
-        currentState,
-        availableStates,
-        setState,
-        transitionToState
+        reverse,
+        seek,
+        setState: setMotionState
     };
 }
 //# sourceMappingURL=useMotionState.js.map

package/dist/hooks/useMotionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMotionState.js","sourceRoot":"","sources":["../../src/hooks/useMotionState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMotionState.js","sourceRoot":"","sources":["../../src/hooks/useMotionState.ts"],"names":[],"mappings":"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"}

package/dist/hooks/usePageMotions.d.ts

@@ -0,0 +1,17 @@
+import type { PageMotionsConfig } from '../types';
+/**
+ * 2단계 API: 페이지 레벨 모션 관리 (상태 관리자 버전)
+ *
+ * 사용법:
+ * ```typescript
+ * const motions = usePageMotions({
+ *   hero: { type: 'hero' },
+ *   title: { type: 'title' },
+ *   button: { type: 'button', hover: true, click: true }
+ * })
+ * ```
+ */
+export declare function usePageMotions(config: PageMotionsConfig): {
+    reset: () => void;
+};
+//# sourceMappingURL=usePageMotions.d.ts.map

package/dist/hooks/usePageMotions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageMotions.d.ts","sourceRoot":"","sources":["../../src/hooks/usePageMotions.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,UAAU,CAAA;AAIjB;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB;;EAsYvD"}