react-gsap-aos 1.0.0

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animation/constants.ts","../src/constants.ts","../src/hooks/useAOSInitial.ts","../src/animation/utils/parseAttributes.ts","../src/animation/animations.ts","../src/animation/utils/mergeOptions.ts","../src/animation/utils/createTweenVars.ts","../src/animation/definitions.ts","../src/animation/createAnimation.ts","../src/utils/refreshAOS.ts","../src/utils/toAOSProps.ts"],"sourcesContent":["import type { AnchorPlacement, AnimationOptions, Easing } from \"@/types\";\n\n/** 預設選項 */\nexport const DEFAULT_OPTIONS: AnimationOptions = {\n  offset: 120,\n  delay: 0,\n  duration: 400,\n  easing: \"none\",\n  once: false,\n  mirror: false,\n  anchorPlacement: \"top-bottom\",\n};\n\n/** 動畫曲線 */\nexport const easings: Easing[] = [\n  \"none\",\n  \"power1\",\n  \"power1.in\",\n  \"power1.out\",\n  \"power1.inOut\",\n  \"power2\",\n  \"power2.in\",\n  \"power2.out\",\n  \"power2.inOut\",\n  \"power3\",\n  \"power3.in\",\n  \"power3.out\",\n  \"power3.inOut\",\n  \"power4\",\n  \"power4.in\",\n  \"power4.out\",\n  \"power4.inOut\",\n  \"back\",\n  \"back.in\",\n  \"back.out\",\n  \"back.inOut\",\n  \"bounce\",\n  \"bounce.in\",\n  \"bounce.out\",\n  \"bounce.inOut\",\n  \"circ\",\n  \"circ.in\",\n  \"circ.out\",\n  \"circ.inOut\",\n  \"elastic\",\n  \"elastic.in\",\n  \"elastic.out\",\n  \"elastic.inOut\",\n  \"expo\",\n  \"expo.in\",\n  \"expo.out\",\n  \"expo.inOut\",\n  \"sine\",\n  \"sine.in\",\n  \"sine.out\",\n  \"sine.inOut\",\n];\n\n/** 動畫錨點 */\nexport const anchorPlacements: AnchorPlacement[] = [\n  \"top-bottom\",\n  \"top-center\",\n  \"top-top\",\n  \"center-bottom\",\n  \"center-center\",\n  \"center-top\",\n  \"bottom-bottom\",\n  \"bottom-center\",\n  \"bottom-top\",\n];\n","import type { Animation } from \"./types\";\n\nexport { anchorPlacements, easings } from \"./animation/constants\";\n\n/** 動畫種類 */\nexport const animations: Animation[] = [\n  \"fade\",\n  \"fade-up\",\n  \"fade-down\",\n  \"fade-left\",\n  \"fade-right\",\n  \"fade-up-right\",\n  \"fade-up-left\",\n  \"fade-down-right\",\n  \"fade-down-left\",\n  \"flip-up\",\n  \"flip-down\",\n  \"flip-left\",\n  \"flip-right\",\n  \"slide-up\",\n  \"slide-down\",\n  \"slide-left\",\n  \"slide-right\",\n  \"zoom-in\",\n  \"zoom-in-up\",\n  \"zoom-in-down\",\n  \"zoom-in-left\",\n  \"zoom-in-right\",\n  \"zoom-out\",\n  \"zoom-out-up\",\n  \"zoom-out-down\",\n  \"zoom-out-left\",\n  \"zoom-out-right\",\n];\n","import { useLayoutEffect, useRef } from \"react\";\nimport { useGSAP } from \"@gsap/react\";\nimport gsap from \"gsap\";\n\nimport createAnimation from \"@/animation/createAnimation\";\nimport type { AnimationOptions, AOSAttributeKey } from \"@/types\";\n\ngsap.registerPlugin(useGSAP);\n\n/** AOS 屬性 */\nconst AOS_ATTRIBUTE_KEYS: (AOSAttributeKey | \"data-aos\")[] = [\n  \"data-aos\",\n  \"data-aos-offset\",\n  \"data-aos-delay\",\n  \"data-aos-duration\",\n  \"data-aos-easing\",\n  \"data-aos-mirror\",\n  \"data-aos-once\",\n  \"data-aos-anchor-placement\",\n];\n\n/** AOS 選擇器 */\nconst AOS_SELECTORS = \"[data-aos]\";\n\n/**\n * 初始化 AOS 動畫\n * \n * @example\n * ```tsx\n  \"use client\";\n\n  import {useAOSInitial} from '@/aos';\n \n  export default function Demo() {\n    const {containerRef} = useAOSInitial<HTMLDivElement>()\n    return (\n      <div ref={containerRef} className=\"overflow-hidden\">\n        <div data-aos-container>\n          <div data-aos=\"fade-up\">Hello AOS</div>\n        </div>\n      </div>\n    )\n  }\n * ```\n */\nexport default function useAOSInitial<E extends HTMLElement = HTMLElement>(\n  options?: Partial<AnimationOptions>,\n) {\n  const containerRef = useRef<E | null>(null);\n  const observerRef = useRef<MutationObserver | null>(null);\n  /** 記錄每個元素對應的動畫實例 */\n  const elementAnimations = useRef<WeakMap<HTMLElement, gsap.core.Tween>>(\n    new WeakMap(),\n  );\n  const optionsRef = useRef(options);\n\n  // 使用靜態寫入，下次新增動畫才會套用覆蓋預設值\n  useLayoutEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useGSAP(\n    (_, contextSafe) => {\n      if (!containerRef.current || !contextSafe) return;\n\n      /** 移除動畫 */\n      const removeAnimation = (element: HTMLElement) => {\n        const animation = elementAnimations.current.get(element);\n        if (!animation) return;\n\n        animation.kill();\n        elementAnimations.current.delete(element);\n      };\n\n      /** 新增動畫 */\n      const addAnimation = (element: HTMLElement) => {\n        const newAnimation = createAnimation(element, optionsRef.current);\n        if (!newAnimation) return;\n\n        elementAnimations.current.set(element, newAnimation);\n      };\n\n      /** 更新動畫 */\n      const updateAnimation = (element: HTMLElement) => {\n        const prevAnimation = elementAnimations.current.get(element);\n        if (prevAnimation) {\n          prevAnimation.kill();\n          elementAnimations.current.delete(element);\n          // 將動畫回到原始狀態避免錯誤\n          gsap.set(element, prevAnimation.vars).kill();\n        }\n\n        addAnimation(element);\n      };\n\n      /** 監聽元素變化 */\n      const handleMutation: MutationCallback = contextSafe((mutations) => {\n        const addedElements: HTMLElement[] = [];\n        const removedElements: HTMLElement[] = [];\n        const updatedElements: HTMLElement[] = [];\n\n        for (const mutation of mutations) {\n          switch (mutation.type) {\n            case \"attributes\": {\n              if (!(mutation.target instanceof HTMLElement)) continue;\n              const element = mutation.target;\n              updatedElements.push(element);\n              break;\n            }\n            case \"childList\": {\n              addedElements.push(...collectElements(mutation.addedNodes));\n              removedElements.push(...collectElements(mutation.removedNodes));\n              break;\n            }\n            default:\n              break;\n          }\n        }\n\n        for (const element of removedElements) {\n          removeAnimation(element);\n        }\n\n        for (const element of addedElements) {\n          addAnimation(element);\n        }\n\n        for (const element of updatedElements) {\n          updateAnimation(element);\n        }\n      });\n\n      // 初始化\n      for (const element of gsap.utils.toArray<HTMLElement>(\n        AOS_SELECTORS,\n        containerRef.current,\n      )) {\n        addAnimation(element);\n      }\n\n      observerRef.current = new MutationObserver(handleMutation);\n      observerRef.current.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: AOS_ATTRIBUTE_KEYS,\n      });\n\n      return () => {\n        if (observerRef.current) {\n          observerRef.current.disconnect();\n          observerRef.current = null;\n        }\n      };\n    },\n    { scope: containerRef, dependencies: [] },\n  );\n\n  return { containerRef };\n}\n\n/** 搜尋 [data-aos] 變動元素 */\nfunction collectElements(nodes: NodeList) {\n  const elements: HTMLElement[] = [];\n\n  for (const node of nodes) {\n    if (!(node instanceof HTMLElement)) continue;\n    if (node.matches(AOS_SELECTORS)) elements.push(node);\n    elements.push(...node.querySelectorAll<HTMLElement>(AOS_SELECTORS));\n  }\n\n  return elements;\n}\n","import { anchorPlacements, easings } from \"../constants\";\n\nimport type { AnimationOptions, AOSAttributeKey } from \"@/types\";\n\n/** AOS 屬性對應 */\nconst AOS_ATTRIBUTE_MAP = {\n  \"data-aos-offset\": \"offset\",\n  \"data-aos-delay\": \"delay\",\n  \"data-aos-duration\": \"duration\",\n  \"data-aos-easing\": \"easing\",\n  \"data-aos-mirror\": \"mirror\",\n  \"data-aos-once\": \"once\",\n  \"data-aos-anchor-placement\": \"anchorPlacement\",\n} satisfies Record<AOSAttributeKey, keyof AnimationOptions>;\n\n/** 解析動畫屬性 */\nexport default function parseAttributes<E extends Element>(element: E) {\n  const options = {} as Partial<AnimationOptions>;\n\n  for (const key of Object.keys(AOS_ATTRIBUTE_MAP)) {\n    const value = element.getAttribute(key);\n\n    if (value) {\n      const prop = AOS_ATTRIBUTE_MAP[key as AOSAttributeKey];\n\n      switch (prop) {\n        case \"offset\":\n        case \"delay\":\n        case \"duration\": {\n          const numberValue = parseNumber(value);\n          if (!Number.isNaN(numberValue)) {\n            options[prop] = numberValue;\n          }\n          break;\n        }\n        case \"easing\": {\n          const easing = parseEnum(easings, value);\n          if (easing) {\n            options[prop] = easing;\n          }\n          break;\n        }\n        case \"once\":\n        case \"mirror\": {\n          const booleanValue = parseBoolean(value);\n          if (typeof booleanValue === \"boolean\") {\n            options[prop] = booleanValue;\n          }\n          break;\n        }\n        case \"anchorPlacement\": {\n          const anchorPlacement = parseEnum(anchorPlacements, value);\n          if (anchorPlacement) {\n            options[prop] = anchorPlacement;\n          }\n          break;\n        }\n      }\n    }\n  }\n\n  return options;\n}\n\nfunction parseEnum<T>(list: readonly T[], value: string): T | undefined {\n  return list.includes(value as T) ? (value as T) : undefined;\n}\n\nfunction parseBoolean(value: string) {\n  switch (value) {\n    case \"true\":\n      return true;\n    case \"false\":\n      return false;\n    default:\n      break;\n  }\n}\n\nfunction parseNumber(value: string) {\n  return parseInt(value, 10);\n}\n","import gsap from \"gsap\";\n\nimport mergeOptions from \"./utils/mergeOptions\";\nimport definitions, {\n  AnimationDefinitions,\n  AnimationPreset,\n} from \"./definitions\";\n\nimport type { AnchorPlacement, AnimationOptions } from \"@/types\";\n\nexport type AnimationFunction = (\n  element: HTMLElement,\n  options?: Partial<AnimationOptions>,\n) => gsap.core.Tween;\n\n/** 計算 ScrollTrigger 的 start */\nfunction scrollTriggerStart(\n  anchorPlacement: AnchorPlacement,\n  offset: number,\n): string {\n  const [v1, v2] = anchorPlacement.split(\"-\");\n  const anchor = `${v1} ${v2}`;\n\n  if (offset === 0 || Number.isNaN(offset)) return anchor;\n\n  const fix = `${offset > 0 ? \"-\" : \"+\"}=${Math.abs(offset)}`;\n  return `${anchor}${fix}`;\n}\n\n/** 建立 ScrollTrigger 動畫 */\nfunction createScrollTriggerTween(\n  element: HTMLElement,\n  preset: AnimationPreset,\n  vars: AnimationPreset,\n  options?: Partial<AnimationOptions>,\n) {\n  const { from, to } = vars;\n  const { offset, delay, duration, easing, once, mirror, anchorPlacement } =\n    mergeOptions(options);\n\n  /** 上層基準容器 */\n  const container = element.parentElement?.hasAttribute(\"data-aos-container\")\n    ? element.parentElement\n    : null;\n\n  return gsap.fromTo(\n    element,\n    {\n      ...preset.from,\n      ...from,\n    },\n    {\n      ...preset.to,\n      ...to,\n      ease: easing,\n      duration: duration / 1000,\n      delay: delay / 1000,\n      overwrite: \"auto\",\n      scrollTrigger: {\n        // markers: true,\n        trigger: container || element,\n        toggleActions: mirror\n          ? \"play reverse play reverse\"\n          : \"play none none reverse\",\n        once,\n        start: scrollTriggerStart(anchorPlacement, offset),\n      },\n    },\n  );\n}\n\n/** 建立動畫物件組 */\nfunction createAnimationMap<T extends Record<string, AnimationDefinitions>>(\n  definitions: T,\n): { [K in keyof T]: AnimationFunction } {\n  const result = {} as Record<keyof T, AnimationFunction>;\n  const keys = Object.keys(definitions) as Array<keyof T>;\n\n  for (const key of keys) {\n    const { preset, vars } = definitions[key];\n\n    result[key] = (element, options) =>\n      createScrollTriggerTween(element, preset, vars, options);\n  }\n\n  return result;\n}\n\nconst animations = createAnimationMap(definitions);\n\nexport default animations;\n","import { anchorPlacements, DEFAULT_OPTIONS, easings } from \"../constants\";\n\nimport type { AnimationOptions } from \"@/types\";\n\n/** 跟預設值合併動畫選項 */\nexport default function mergeOptions(\n  ...array: (Partial<AnimationOptions> | undefined | null)[]\n): AnimationOptions {\n  const result = { ...DEFAULT_OPTIONS };\n\n  for (const options of array) {\n    if (!options) continue;\n\n    for (const key of Object.keys(options) as (keyof AnimationOptions)[]) {\n      switch (key) {\n        case \"offset\":\n        case \"delay\":\n        case \"duration\": {\n          const value = options[key];\n          if (\n            typeof value === \"number\" &&\n            !Number.isNaN(value) &&\n            !Number.isFinite(value)\n          ) {\n            result[key] = value;\n          }\n          break;\n        }\n        case \"easing\": {\n          const value = options[key];\n          if (verifyEnum(easings, value)) {\n            result[key] = value;\n          }\n          break;\n        }\n        case \"once\":\n        case \"mirror\": {\n          const value = options[key];\n          if (typeof value === \"boolean\") {\n            result[key] = value;\n          }\n          break;\n        }\n        case \"anchorPlacement\": {\n          const value = options[key];\n          if (verifyEnum(anchorPlacements, value)) {\n            result[key] = value;\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    }\n  }\n\n  return result;\n}\n\nfunction verifyEnum<T>(list: readonly T[], value: unknown): value is T {\n  return Boolean(value && list.includes(value as T));\n}\n","export function translate3d(x: number | string, y: number | string, z: number) {\n  return { x, y, z } satisfies gsap.TweenVars;\n}\n\nexport function rotateY(y: number | string) {\n  return { rotateY: y } satisfies gsap.TweenVars;\n}\n\nexport function rotateX(x: number | string) {\n  return { rotateX: x } satisfies gsap.TweenVars;\n}\n\nexport function scale(x: number, y?: number) {\n  return typeof y === \"number\"\n    ? ({\n        scaleX: x,\n        scaleY: y,\n      } satisfies gsap.TweenVars)\n    : ({\n        scale: x,\n      } satisfies gsap.TweenVars);\n}\n\n/**\n * @see https://gsap.com/docs/v3/GSAP/CorePlugins/CSS/#3d-transforms\n */\nexport function perspective(value: number) {\n  return {\n    transformPerspective: value,\n  } satisfies gsap.TweenVars;\n}\n","import {\n  perspective,\n  rotateX,\n  rotateY,\n  scale,\n  translate3d,\n} from \"./utils/createTweenVars\";\n\nexport interface AnimationPreset {\n  /** 動畫起點 */\n  from: gsap.TweenVars;\n  /** 動畫終點 */\n  to: gsap.TweenVars;\n}\n\nexport interface AnimationDefinitions {\n  /** 預設配置 */\n  preset: AnimationPreset;\n  /** 自訂配置 */\n  vars: AnimationPreset;\n}\n\n/** 距離 `px` */\nexport const DISTANCE = 100;\n\n/** 動畫預設配置 */\nconst presets = {\n  fade: {\n    from: {\n      opacity: 0,\n      transitionProperty: \"opacity, transform\",\n    },\n    to: {\n      opacity: 1,\n      transform: \"none\",\n    },\n  },\n  zoom: {\n    from: {\n      opacity: 0,\n      transitionProperty: \"opacity, transform\",\n    },\n    to: {\n      opacity: 1,\n      ...translate3d(0, 0, 0),\n      ...scale(1),\n    },\n  },\n  slide: {\n    from: {\n      visibility: \"hidden\",\n      transitionProperty: \"transform\",\n    },\n    to: {\n      visibility: \"visible\",\n      ...translate3d(0, 0, 0),\n    },\n  },\n  flip: {\n    from: {\n      backfaceVisibility: \"hidden\",\n      transitionProperty: \"transform\",\n    },\n    to: {},\n  },\n} satisfies Record<string, AnimationPreset>;\n\n/** 動畫定義 */\nconst definitions = {\n  fade: {\n    preset: presets.fade,\n    vars: {\n      from: {},\n      to: {},\n    },\n  },\n  fadeUp: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(0, DISTANCE, 0),\n      to: {},\n    },\n  },\n  fadeDown: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(0, -DISTANCE, 0),\n      to: {},\n    },\n  },\n  fadeLeft: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(DISTANCE, 0, 0),\n      to: {},\n    },\n  },\n  fadeRight: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(-DISTANCE, 0, 0),\n      to: {},\n    },\n  },\n  fadeUpRight: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(-DISTANCE, DISTANCE, 0),\n      to: {},\n    },\n  },\n  fadeUpLeft: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(DISTANCE, DISTANCE, 0),\n      to: {},\n    },\n  },\n  fadeDownRight: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(-DISTANCE, -DISTANCE, 0),\n      to: {},\n    },\n  },\n  fadeDownLeft: {\n    preset: presets.fade,\n    vars: {\n      from: translate3d(DISTANCE, -DISTANCE, 0),\n      to: {},\n    },\n  },\n  flipUp: {\n    preset: presets.flip,\n    vars: {\n      from: {\n        ...perspective(2500),\n        ...rotateX(\"-100deg\"),\n      },\n      to: { ...perspective(2500), ...rotateX(0) },\n    },\n  },\n  flipDown: {\n    preset: presets.flip,\n    vars: {\n      from: {\n        ...perspective(2500),\n        ...rotateX(\"100deg\"),\n      },\n      to: { ...perspective(2500), ...rotateX(0) },\n    },\n  },\n  flipLeft: {\n    preset: presets.flip,\n    vars: {\n      from: {\n        ...perspective(2500),\n        ...rotateY(\"-100deg\"),\n      },\n      to: { ...perspective(2500), ...rotateY(0) },\n    },\n  },\n  flipRight: {\n    preset: presets.flip,\n    vars: {\n      from: {\n        ...perspective(2500),\n        ...rotateY(\"100deg\"),\n      },\n      to: { ...perspective(2500), ...rotateY(0) },\n    },\n  },\n  slideUp: {\n    preset: presets.slide,\n    vars: {\n      from: translate3d(0, \"100%\", 0),\n      to: {},\n    },\n  },\n  slideDown: {\n    preset: presets.slide,\n    vars: {\n      from: translate3d(0, \"-100%\", 0),\n      to: {},\n    },\n  },\n  slideLeft: {\n    preset: presets.slide,\n    vars: {\n      from: translate3d(\"100%\", 0, 0),\n      to: {},\n    },\n  },\n  slideRight: {\n    preset: presets.slide,\n    vars: {\n      from: translate3d(\"-100%\", 0, 0),\n      to: {},\n    },\n  },\n  zoomIn: { preset: presets.zoom, vars: { from: scale(0.6), to: {} } },\n  zoomInUp: {\n    preset: presets.zoom,\n    vars: {\n      from: { ...translate3d(0, DISTANCE, 0), ...scale(0.6) },\n      to: {},\n    },\n  },\n  zoomInDown: {\n    preset: presets.zoom,\n    vars: {\n      from: { ...translate3d(0, -DISTANCE, 0), ...scale(0.6) },\n      to: {},\n    },\n  },\n  zoomInLeft: {\n    preset: presets.zoom,\n    vars: {\n      from: { ...translate3d(DISTANCE, 0, 0), ...scale(0.6) },\n      to: {},\n    },\n  },\n  zoomInRight: {\n    preset: presets.zoom,\n    vars: {\n      from: { ...translate3d(-DISTANCE, 0, 0), ...scale(0.6) },\n      to: {},\n    },\n  },\n  zoomOut: { preset: presets.zoom, vars: { from: scale(1.2), to: {} } },\n  zoomOutUp: {\n    preset: presets.zoom,\n    vars: {\n      from: {\n        ...translate3d(0, DISTANCE, 0),\n        ...scale(1.2),\n      },\n      to: {},\n    },\n  },\n  zoomOutDown: {\n    preset: presets.zoom,\n    vars: {\n      from: {\n        ...translate3d(0, -DISTANCE, 0),\n        ...scale(1.2),\n      },\n      to: {},\n    },\n  },\n  zoomOutLeft: {\n    preset: presets.zoom,\n    vars: {\n      from: {\n        ...translate3d(DISTANCE, 0, 0),\n        ...scale(1.2),\n      },\n      to: {},\n    },\n  },\n  zoomOutRight: {\n    preset: presets.zoom,\n    vars: {\n      from: {\n        ...translate3d(-DISTANCE, 0, 0),\n        ...scale(1.2),\n      },\n      to: {},\n    },\n  },\n} satisfies Record<string, AnimationDefinitions>;\n\nexport default definitions;\n","import parseAttributes from \"./utils/parseAttributes\";\nimport animations, { type AnimationFunction } from \"./animations\";\n\nimport type { Animation, AnimationOptions } from \"@/types\";\n\nconst ANIMATION_REGISTRY: Record<Animation, AnimationFunction> = {\n  fade: animations.fade,\n  \"fade-up\": animations.fadeUp,\n  \"fade-down\": animations.fadeDown,\n  \"fade-left\": animations.fadeLeft,\n  \"fade-right\": animations.fadeRight,\n  \"fade-up-right\": animations.fadeUpRight,\n  \"fade-up-left\": animations.fadeUpLeft,\n  \"fade-down-right\": animations.fadeDownRight,\n  \"fade-down-left\": animations.fadeDownLeft,\n  \"flip-up\": animations.flipUp,\n  \"flip-down\": animations.flipDown,\n  \"flip-left\": animations.flipLeft,\n  \"flip-right\": animations.flipRight,\n  \"slide-up\": animations.slideUp,\n  \"slide-down\": animations.slideDown,\n  \"slide-left\": animations.slideLeft,\n  \"slide-right\": animations.slideRight,\n  \"zoom-in\": animations.zoomIn,\n  \"zoom-in-up\": animations.zoomInUp,\n  \"zoom-in-down\": animations.zoomInDown,\n  \"zoom-in-left\": animations.zoomInLeft,\n  \"zoom-in-right\": animations.zoomInRight,\n  \"zoom-out\": animations.zoomOut,\n  \"zoom-out-up\": animations.zoomOutUp,\n  \"zoom-out-down\": animations.zoomOutDown,\n  \"zoom-out-left\": animations.zoomOutLeft,\n  \"zoom-out-right\": animations.zoomOutRight,\n};\n\n/** 建立動畫元素 */\nexport default function createAnimation<E extends HTMLElement>(\n  element: E,\n  options?: Partial<AnimationOptions>,\n) {\n  const animate = element.getAttribute(\"data-aos\") as Animation | null;\n  if (!animate) return;\n\n  const handleAnimation = ANIMATION_REGISTRY[animate];\n  if (!handleAnimation) return;\n\n  return handleAnimation(element, {\n    ...options,\n    ...parseAttributes(element),\n  });\n}\n","import gsap from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\n\ngsap.registerPlugin(ScrollTrigger);\n\n/** 刷新 AOS 動畫位置 */\nexport default function refreshAOS() {\n  ScrollTrigger.refresh(true);\n}\n","import { anchorPlacements, easings } from \"@/constants\";\nimport type { Animation, AnimationOptions } from \"@/types\";\n\ninterface AOSDataAttributes extends Partial<\n  Record<\n    | \"data-aos-offset\"\n    | \"data-aos-delay\"\n    | \"data-aos-duration\"\n    | \"data-aos-easing\"\n    | \"data-aos-mirror\"\n    | \"data-aos-once\"\n    | \"data-aos-anchor-placement\",\n    string\n  >\n> {\n  \"data-aos\": Animation;\n}\n\ninterface AOSAttributeOptions extends Partial<AnimationOptions> {\n  animation: Animation;\n}\n\n/** 將 options 轉成可直接使用的 AOS data attributes */\nexport default function toAOSProps(options: AOSAttributeOptions) {\n  const attrs: AOSDataAttributes = {\n    \"data-aos\": options.animation,\n    \"data-aos-offset\": toNumberAttr(options.offset),\n    \"data-aos-delay\": toNumberAttr(options.delay),\n    \"data-aos-duration\": toNumberAttr(options.duration),\n    \"data-aos-easing\": validateEnumValue(easings, options.easing),\n    \"data-aos-mirror\": toBooleanAttr(options.mirror),\n    \"data-aos-once\": toBooleanAttr(options.once),\n    \"data-aos-anchor-placement\": validateEnumValue(\n      anchorPlacements,\n      options.anchorPlacement,\n    ),\n  };\n\n  return omitNil(attrs);\n}\n\nfunction omitNil<T extends object>(obj: T): Partial<T> {\n  const result: Partial<T> = {};\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (value !== undefined && value !== null) {\n      result[key as keyof T] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction toBooleanAttr(value?: boolean) {\n  return typeof value === \"boolean\" ? String(value) : undefined;\n}\n\nfunction toNumberAttr(value?: number) {\n  return typeof value === \"number\" ? String(value) : undefined;\n}\n\nfunction validateEnumValue<T>(list: readonly T[], value: T) {\n  return list.includes(value) ? value : undefined;\n}\n"],"mappings":"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","names":["gsap","definitions","animations","gsap","gsap"]}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "react-gsap-aos",
+  "version": "1.0.0",
+  "description": "A lightweight React (Next.js compatible) library that implements AOS (Animation on Scroll) using GSAP and ScrollTrigger.",
+  "author": "Gaia Yang",
+  "license": "MIT",
+  "homepage": "https://github.com/GaiaYang/react-gsap-aos",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/GaiaYang/react-gsap-aos.git",
+    "directory": "packages/react-gsap-aos"
+  },
+  "bugs": "https://github.com/GaiaYang/react-gsap-aos/issues",
+  "keywords": [
+    "react",
+    "nextjs",
+    "gsap",
+    "animation",
+    "react-animation",
+    "aos",
+    "animation-on-scroll",
+    "scroll-animation",
+    "react-scroll",
+    "react-hooks",
+    "scrolltrigger",
+    "typescript"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.js",
+      "require": "./dist/constants.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@gsap/react": "^2.1.2",
+    "gsap": "^3.12.5",
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.35",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^9.39.3",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.1"
+  },
+  "packageManager": "pnpm@10.30.3"
+}