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

package/dist/hooks/usePageMotions.js

@@ -0,0 +1,352 @@
+// ========================================
+// 2단계: usePageMotions (페이지 레벨) - 상태 관리자 버전
+// ========================================
+import { useRef, useEffect, useState, useCallback } from 'react';
+import { getMotionPreset, mergeWithPreset } from '../presets';
+import { motionStateManager } from '../managers/MotionStateManager';
+/**
+ * 2단계 API: 페이지 레벨 모션 관리 (상태 관리자 버전)
+ *
+ * 사용법:
+ * ```typescript
+ * const motions = usePageMotions({
+ *   hero: { type: 'hero' },
+ *   title: { type: 'title' },
+ *   button: { type: 'button', hover: true, click: true }
+ * })
+ * ```
+ */
+export function usePageMotions(config) {
+    const [motions, setMotions] = useState(new Map());
+    const observersRef = useRef(new Map());
+    const unsubscribeRef = useRef(new Map());
+    const [resetKey, setResetKey] = useState(0);
+    // 리셋 함수
+    const reset = useCallback(() => {
+        // 기존 observer들 정리
+        observersRef.current.forEach(observer => observer.disconnect());
+        observersRef.current.clear();
+        // 구독 해제
+        unsubscribeRef.current.forEach(unsubscribe => unsubscribe());
+        unsubscribeRef.current.clear();
+        // 상태 관리자 리셋
+        motionStateManager.reset();
+        // 모션 상태 초기화
+        setMotions(new Map());
+        // 리셋 키 증가로 useEffect 재실행
+        setResetKey(prev => prev + 1);
+    }, []);
+    // 모션 값 계산
+    const calculateMotionValues = useCallback((state, elementConfig) => {
+        const preset = getMotionPreset(elementConfig.type);
+        const mergedConfig = mergeWithPreset(preset, elementConfig);
+        // 스크롤 리빌 모션 처리
+        let opacity = state.finalVisibility ? 1 : 0;
+        let translateY = state.finalVisibility ? 0 : 20;
+        let translateX = 0;
+        let scale = state.finalVisibility ? 1 : 0.95;
+        // 호버 효과 (더 눈에 띄게)
+        if (mergedConfig.hover && state.isHovered) {
+            scale *= 1.1; // 10% 확대
+            translateY -= 5; // 5px 위로
+            opacity = 0.9; // 약간 투명도
+        }
+        // 클릭 효과 (더 눈에 띄게)
+        if (mergedConfig.click && state.isClicked) {
+            scale *= 0.9; // 10% 축소
+            translateY += 3; // 3px 아래로
+            opacity = 0.8; // 더 투명하게
+        }
+        return { opacity, translateY, translateX, scale };
+    }, []); // 빈 의존성 배열로 고정
+    // 모션 상태 업데이트
+    const updateMotionState = useCallback((elementId, updates) => {
+        const currentState = motionStateManager.getState(elementId);
+        if (!currentState)
+            return;
+        // 상태 관리자에 업데이트 적용
+        if (updates.opacity !== undefined || updates.translateY !== undefined ||
+            updates.translateX !== undefined || updates.scale !== undefined) {
+            motionStateManager.updateMotionValues(elementId, updates);
+        }
+        if (updates.isHovered !== undefined) {
+            currentState.isHovered = updates.isHovered;
+            // 호버 상태 변경 시 리스너들에게 알림
+            motionStateManager.notifyListeners(elementId, currentState);
+        }
+        if (updates.isClicked !== undefined) {
+            currentState.isClicked = updates.isClicked;
+            // 클릭 상태 변경 시 리스너들에게 알림
+            motionStateManager.notifyListeners(elementId, currentState);
+        }
+    }, []); // 빈 의존성 배열로 고정
+    // 모션 초기화
+    useEffect(() => {
+        const newMotions = new Map();
+        // config가 유효하지 않으면 early return
+        if (!config || typeof config !== 'object') {
+            if (process.env.NODE_ENV === 'development') {
+                console.warn('usePageMotions: config가 유효하지 않습니다:', config);
+            }
+            return;
+        }
+        // 페이지별로 상태 관리자 초기화 (기존 상태 클리어)
+        motionStateManager.reset();
+        Object.entries(config).forEach(([elementId, elementConfig]) => {
+            const ref = { current: null };
+            // 상태 관리자에 요소 초기화
+            motionStateManager.initializeElement(elementId, elementConfig);
+            // 초기 상태 가져오기
+            const initialState = motionStateManager.getState(elementId);
+            if (process.env.NODE_ENV === 'development') {
+                console.log(`초기 상태 [${elementId}]:`, initialState);
+            }
+            const { opacity, translateY, translateX, scale } = calculateMotionValues(initialState, elementConfig);
+            newMotions.set(elementId, {
+                ref,
+                style: {
+                    opacity,
+                    transform: `translate(${translateX}px, ${translateY}px) scale(${scale})`,
+                    transition: `all ${elementConfig.duration || 700}ms ease-out`,
+                    pointerEvents: 'auto',
+                    willChange: 'transform, opacity'
+                },
+                isVisible: initialState.finalVisibility,
+                isHovered: initialState.isHovered,
+                isClicked: initialState.isClicked
+            });
+            // 상태 변경 리스너 등록
+            const unsubscribe = motionStateManager.subscribe(elementId, (newState) => {
+                const { opacity, translateY, translateX, scale } = calculateMotionValues(newState, elementConfig);
+                setMotions(prev => {
+                    const current = prev.get(elementId);
+                    if (!current)
+                        return prev;
+                    // 변경 감지: 실제로 값이 변경되었을 때만 업데이트
+                    const transform = `translate(${translateX}px, ${translateY}px) scale(${scale})`;
+                    const hasChanged = current.style.opacity !== opacity ||
+                        current.style.transform !== transform ||
+                        current.isVisible !== newState.finalVisibility ||
+                        current.isHovered !== newState.isHovered ||
+                        current.isClicked !== newState.isClicked;
+                    // 변경이 없으면 이전 Map 반환 (불필요한 리렌더링 방지)
+                    if (!hasChanged)
+                        return prev;
+                    const newMotion = {
+                        ...current,
+                        style: {
+                            ...current.style,
+                            opacity,
+                            transform
+                        },
+                        isVisible: newState.finalVisibility,
+                        isHovered: newState.isHovered,
+                        isClicked: newState.isClicked
+                    };
+                    // 변경된 항목만 업데이트하는 새 Map 생성
+                    const newMap = new Map(prev);
+                    newMap.set(elementId, newMotion);
+                    return newMap;
+                });
+            });
+            unsubscribeRef.current.set(elementId, unsubscribe);
+        });
+        setMotions(newMotions);
+        // 클린업
+        return () => {
+            unsubscribeRef.current.forEach(unsubscribe => unsubscribe());
+            unsubscribeRef.current.clear();
+            // 페이지 언마운트 시 상태 관리자 클리어
+            motionStateManager.reset();
+        };
+    }, [config, resetKey]); // resetKey 추가
+    // Intersection Observer 설정
+    useEffect(() => {
+        const visibleElements = new Set();
+        // config가 유효하지 않으면 early return
+        if (!config || typeof config !== 'object') {
+            return;
+        }
+        Object.entries(config).forEach(([elementId, elementConfig]) => {
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting && !visibleElements.has(elementId)) {
+                        visibleElements.add(elementId);
+                        // 프리셋의 delay를 적용하여 모션 실행
+                        const preset = getMotionPreset(elementConfig.type);
+                        const mergedConfig = mergeWithPreset(preset, elementConfig);
+                        const delay = mergedConfig.delay || 0;
+                        setTimeout(() => {
+                            // 외부 트리거로 가시성 설정
+                            motionStateManager.setTriggeredVisibility(elementId, true);
+                            if (process.env.NODE_ENV === 'development') {
+                                console.log('모션 실행:', elementId, 'delay:', delay);
+                            }
+                        }, delay);
+                        observer.unobserve(entry.target);
+                    }
+                });
+            }, {
+                threshold: elementConfig.threshold || 0.3, // 30% 보여야 실행
+                rootMargin: '0px 0px -50px 0px' // 하단에서 50px 전에 실행
+            });
+            observersRef.current.set(elementId, observer);
+        });
+        // DOM이 렌더링된 후 observe 시작
+        const timer = setTimeout(() => {
+            // config가 유효하지 않으면 early return
+            if (!config || typeof config !== 'object') {
+                return;
+            }
+            Object.entries(config).forEach(([elementId]) => {
+                const observer = observersRef.current.get(elementId);
+                if (observer) {
+                    const element = document.querySelector(`[data-motion-id="${elementId}"]`);
+                    if (element) {
+                        observer.observe(element);
+                    }
+                }
+            });
+        }, 100);
+        return () => {
+            clearTimeout(timer);
+            observersRef.current.forEach(observer => observer.disconnect());
+            observersRef.current.clear();
+        };
+    }, [config, resetKey]); // resetKey 추가
+    // 이벤트 리스너 설정
+    useEffect(() => {
+        // config가 유효하지 않으면 early return
+        if (!config || typeof config !== 'object') {
+            return;
+        }
+        const handleMouseEnter = (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            // data-motion-id를 가진 요소나 그 하위 요소에서 찾기
+            let element = target;
+            let elementId = null;
+            while (element && element !== document.body) {
+                if (element.getAttribute && typeof element.getAttribute === 'function') {
+                    elementId = element.getAttribute('data-motion-id');
+                    if (elementId)
+                        break;
+                }
+                element = element.parentElement;
+            }
+            if (elementId && config[elementId]?.hover) {
+                if (process.env.NODE_ENV === 'development') {
+                    console.log('호버 시작:', elementId);
+                }
+                updateMotionState(elementId, { isHovered: true });
+            }
+        };
+        const handleMouseLeave = (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            // data-motion-id를 가진 요소나 그 하위 요소에서 찾기
+            let element = target;
+            let elementId = null;
+            while (element && element !== document.body) {
+                if (element.getAttribute && typeof element.getAttribute === 'function') {
+                    elementId = element.getAttribute('data-motion-id');
+                    if (elementId)
+                        break;
+                }
+                element = element.parentElement;
+            }
+            if (elementId && config[elementId]?.hover) {
+                if (process.env.NODE_ENV === 'development') {
+                    console.log('호버 종료:', elementId);
+                }
+                updateMotionState(elementId, { isHovered: false });
+            }
+        };
+        const handleMouseDown = (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            // data-motion-id를 가진 요소나 그 하위 요소에서 찾기
+            let element = target;
+            let elementId = null;
+            while (element && element !== document.body) {
+                if (element.getAttribute && typeof element.getAttribute === 'function') {
+                    elementId = element.getAttribute('data-motion-id');
+                    if (elementId)
+                        break;
+                }
+                element = element.parentElement;
+            }
+            if (elementId && config[elementId]?.click) {
+                if (process.env.NODE_ENV === 'development') {
+                    console.log('클릭 시작:', elementId);
+                }
+                updateMotionState(elementId, { isClicked: true });
+            }
+        };
+        const handleMouseUp = (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            // data-motion-id를 가진 요소나 그 하위 요소에서 찾기
+            let element = target;
+            let elementId = null;
+            while (element && element !== document.body) {
+                if (element.getAttribute && typeof element.getAttribute === 'function') {
+                    elementId = element.getAttribute('data-motion-id');
+                    if (elementId)
+                        break;
+                }
+                element = element.parentElement;
+            }
+            if (elementId && config[elementId]?.click) {
+                if (process.env.NODE_ENV === 'development') {
+                    console.log('클릭 종료:', elementId);
+                }
+                updateMotionState(elementId, { isClicked: false });
+            }
+        };
+        // 이벤트 위임: bubble phase 사용 (capture phase보다 성능 우수)
+        // 각 요소에 직접 등록하는 대신 document에 한 번만 등록하여 메모리 효율성 향상
+        const timer = setTimeout(() => {
+            document.addEventListener('mouseenter', handleMouseEnter, false);
+            document.addEventListener('mouseleave', handleMouseLeave, false);
+            document.addEventListener('mousedown', handleMouseDown, false);
+            document.addEventListener('mouseup', handleMouseUp, false);
+        }, 200);
+        return () => {
+            clearTimeout(timer);
+            document.removeEventListener('mouseenter', handleMouseEnter, false);
+            document.removeEventListener('mouseleave', handleMouseLeave, false);
+            document.removeEventListener('mousedown', handleMouseDown, false);
+            document.removeEventListener('mouseup', handleMouseUp, false);
+        };
+    }, [config]); // config 직접 사용 (참조 안정성)
+    // 디버그 모드 (개발 환경에서만) - 제거됨
+    // useEffect(() => {
+    //   const isDevelopment = typeof window !== 'undefined' && window.location.hostname === 'localhost'
+    //   
+    //   if (isDevelopment) {
+    //     const interval = setInterval(() => {
+    //       motionStateManager.debug()
+    //     }, 5000)
+    // 
+    //     return () => clearInterval(interval)
+    //   }
+    // }, [])
+    // 모션 refs 반환
+    const getMotionRefs = useCallback(() => {
+        const result = {};
+        motions.forEach((motion, elementId) => {
+            result[elementId] = motion;
+        });
+        return result;
+    }, [motions]);
+    return {
+        ...getMotionRefs(),
+        reset
+    };
+}
+//# sourceMappingURL=usePageMotions.js.map

package/dist/hooks/usePageMotions.js.map

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

package/dist/hooks/usePulse.d.ts

@@ -1,3 +1,10 @@
-import { PulseOptions, BaseMotionReturn, MotionElement } from '../types';
+import { BaseMotionReturn, MotionElement } from '../types';
+export interface PulseOptions {
+    duration?: number;
+    intensity?: number;
+    repeat?: number;
+    yoyo?: boolean;
+    autoStart?: boolean;
+}
 export declare function usePulse<T extends MotionElement = HTMLDivElement>(options?: PulseOptions): BaseMotionReturn<T>;
 //# sourceMappingURL=usePulse.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePulse.d.ts","sourceRoot":"","sources":["../../src/hooks/usePulse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExE,wBAAgB,QAAQ,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EAC/D,OAAO,GAAE,YAAiB,GACzB,gBAAgB,CAAC,CAAC,CAAC,CA+JrB"}
+{"version":3,"file":"usePulse.d.ts","sourceRoot":"","sources":["../../src/hooks/usePulse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG1D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAGD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EAC/D,OAAO,GAAE,YAAiB,GACzB,gBAAgB,CAAC,CAAC,CAAC,CA8HrB"}

package/dist/hooks/usePulse.js

@@ -1,123 +1,99 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
+import { useRef, useEffect, useCallback, useState, useMemo } from 'react';
+import { getEasing } from '../utils/easing';
+// 💫 진짜 간단한 펄스 훅!
 export function usePulse(options = {}) {
-    const { delay = 0, duration = 1000, threshold = 0.1, triggerOnce = true, easing = 'ease-in-out', autoStart = true, pulseScale = 1.1, pulseCount = 2, onComplete, onStart, onStop, onReset } = options;
+    const { duration = 3000, intensity = 1, repeat = Infinity, yoyo = true, autoStart = false } = options;
     const ref = useRef(null);
-    const [isVisible, setIsVisible] = useState(false);
     const [isAnimating, setIsAnimating] = useState(false);
+    const [isVisible, setIsVisible] = useState(true);
     const [progress, setProgress] = useState(0);
-    const observerRef = useRef(null);
-    const timeoutRef = useRef(null);
-    // 모션 시작 함수
+    const motionRef = useRef(null);
+    // 이징 함수 메모이제이션 (애니메이션 루프 내 반복 호출 방지)
+    const easingFn = useMemo(() => getEasing('easeInOut'), []);
+    // 🚀 모션 시작
     const start = useCallback(() => {
-        if (isAnimating)
+        if (!ref.current)
             return;
+        const element = ref.current;
+        let repeatCount = 0;
         setIsAnimating(true);
-        setProgress(0);
-        onStart?.();
-        // 지연 시간 적용
-        if (delay > 0) {
-            timeoutRef.current = window.setTimeout(() => {
-                setIsVisible(true);
-                setProgress(1);
-                setIsAnimating(false);
-                onComplete?.();
-            }, delay);
-        }
-        else {
-            setIsVisible(true);
-            setProgress(1);
-            setIsAnimating(false);
-            onComplete?.();
-        }
-    }, [delay, isAnimating, onStart, onComplete]);
-    // 모션 중단 함수
+        const animate = (startTime) => {
+            const updateMotion = (currentTime) => {
+                const elapsed = currentTime - startTime;
+                const progress = Math.min(elapsed / duration, 1);
+                const easedProgress = easingFn(progress);
+                // Yoyo 효과
+                const finalProgress = yoyo && repeatCount % 2 === 1 ? 1 - easedProgress : easedProgress;
+                // 펄스 효과 (투명도 변화)
+                const opacity = 0.3 + (0.7 * finalProgress * intensity);
+                element.style.opacity = opacity.toString();
+                setProgress(progress);
+                if (progress < 1) {
+                    motionRef.current = requestAnimationFrame(updateMotion);
+                }
+                else {
+                    repeatCount++;
+                    if (repeat === Infinity || repeatCount < repeat) {
+                        // 다음 반복 시작
+                        motionRef.current = requestAnimationFrame(() => animate(performance.now()));
+                    }
+                    else {
+                        setIsAnimating(false);
+                    }
+                }
+            };
+            motionRef.current = requestAnimationFrame(updateMotion);
+        };
+        animate(performance.now());
+    }, [duration, intensity, repeat, yoyo, easingFn]);
+    // 🛑 모션 정지
     const stop = useCallback(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
+        if (motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
         }
         setIsAnimating(false);
-        onStop?.();
-    }, [onStop]);
-    // 모션 리셋 함수
+    }, []);
+    // 🔄 모션 리셋
     const reset = useCallback(() => {
-        stop();
-        setIsVisible(false);
-        setProgress(0);
-        onReset?.();
-    }, [stop, onReset]);
-    // 모션 일시정지 함수
-    const pause = useCallback(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
+        // 모션 중단
+        if (motionRef.current) {
+            cancelAnimationFrame(motionRef.current);
+            motionRef.current = null;
         }
+        // 상태 초기화
         setIsAnimating(false);
+        // DOM 요소 초기 상태로 복원
+        if (ref.current) {
+            const element = ref.current;
+            // opacity를 1로 설정하고 transition 제거하여 즉시 적용
+            element.style.transition = 'none';
+            element.style.opacity = '1';
+            // 다음 프레임에서 transition 복원
+            requestAnimationFrame(() => {
+                element.style.transition = '';
+            });
+        }
     }, []);
-    // 모션 재개 함수
-    const resume = useCallback(() => {
-        if (!isVisible && !isAnimating) {
+    // 자동 시작
+    useEffect(() => {
+        if (autoStart) {
             start();
         }
-    }, [isVisible, isAnimating, start]);
-    // Intersection Observer 설정
-    useEffect(() => {
-        if (!ref.current || !autoStart)
-            return;
-        observerRef.current = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (entry.isIntersecting) {
-                    start();
-                    if (triggerOnce) {
-                        observerRef.current?.disconnect();
-                    }
-                }
-            });
-        }, { threshold });
-        observerRef.current.observe(ref.current);
-        return () => {
-            if (observerRef.current) {
-                observerRef.current.disconnect();
-            }
-        };
-    }, [autoStart, threshold, triggerOnce, start]);
+    }, [autoStart, start]);
     // 컴포넌트 언마운트 시 정리
     useEffect(() => {
         return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
+            if (motionRef.current) {
+                cancelAnimationFrame(motionRef.current);
             }
         };
     }, []);
-    // 펄스 애니메이션 스타일 계산
-    const getPulseStyle = () => {
-        if (!isVisible) {
-            return {
-                transform: 'scale(1)',
-                transition: `transform ${duration}ms ${easing}`,
-                willChange: 'transform'
-            };
-        }
-        // 펄스 효과를 위한 CSS 애니메이션
-        const pulseKeyframes = `
-      @keyframes pulse {
-        0% {
-          transform: scale(1);
-        }
-        50% {
-          transform: scale(${pulseScale});
-        }
-        100% {
-          transform: scale(1);
-        }
-      }
-    `;
-        return {
-            animation: `pulse ${duration}ms ${easing} ${pulseCount}`,
-            willChange: 'transform'
-        };
-    };
-    const style = getPulseStyle();
+    // 스타일 계산
+    const style = useMemo(() => ({
+        opacity: isAnimating ? 0.3 + (0.7 * progress * intensity) : 1,
+        transition: isAnimating ? 'none' : 'opacity 0.3s ease-in-out'
+    }), [isAnimating, progress, intensity]);
     return {
         ref,
         isVisible,
@@ -126,9 +102,7 @@ export function usePulse(options = {}) {
         progress,
         start,
         stop,
-        reset,
-        pause,
-        resume
+        reset
     };
 }
 //# sourceMappingURL=usePulse.js.map

package/dist/hooks/usePulse.js.map

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