Mission Control Dashboard - Initial implementation

node_modules/framer-motion/dist/es/value/use-scroll.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { supportsViewTimeline, supportsScrollTimeline, motionValue } from 'motion-dom';
+import { invariant } from 'motion-utils';
+import { useRef, useCallback, useEffect } from 'react';
+import { scroll } from '../render/dom/scroll/index.mjs';
+import { offsetToViewTimelineRange } from '../render/dom/scroll/utils/offset-to-range.mjs';
+import { useConstant } from '../utils/use-constant.mjs';
+import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
+
+const createScrollMotionValues = () => ({
+    scrollX: motionValue(0),
+    scrollY: motionValue(0),
+    scrollXProgress: motionValue(0),
+    scrollYProgress: motionValue(0),
+});
+const isRefPending = (ref) => {
+    if (!ref)
+        return false;
+    return !ref.current;
+};
+function makeAccelerateConfig(axis, options, container, target) {
+    return {
+        factory: (animation) => scroll(animation, {
+            ...options,
+            axis,
+            container: container?.current || undefined,
+            target: target?.current || undefined,
+        }),
+        times: [0, 1],
+        keyframes: [0, 1],
+        ease: (v) => v,
+        duration: 1,
+    };
+}
+function canAccelerateScroll(target, offset) {
+    if (typeof window === "undefined")
+        return false;
+    return target
+        ? supportsViewTimeline() && !!offsetToViewTimelineRange(offset)
+        : supportsScrollTimeline();
+}
+function useScroll({ container, target, ...options } = {}) {
+    const values = useConstant(createScrollMotionValues);
+    if (canAccelerateScroll(target, options.offset)) {
+        values.scrollXProgress.accelerate = makeAccelerateConfig("x", options, container, target);
+        values.scrollYProgress.accelerate = makeAccelerateConfig("y", options, container, target);
+    }
+    const scrollAnimation = useRef(null);
+    const needsStart = useRef(false);
+    const start = useCallback(() => {
+        scrollAnimation.current = scroll((_progress, { x, y, }) => {
+            values.scrollX.set(x.current);
+            values.scrollXProgress.set(x.progress);
+            values.scrollY.set(y.current);
+            values.scrollYProgress.set(y.progress);
+        }, {
+            ...options,
+            container: container?.current || undefined,
+            target: target?.current || undefined,
+        });
+        return () => {
+            scrollAnimation.current?.();
+        };
+    }, [container, target, JSON.stringify(options.offset)]);
+    useIsomorphicLayoutEffect(() => {
+        needsStart.current = false;
+        if (isRefPending(container) || isRefPending(target)) {
+            needsStart.current = true;
+            return;
+        }
+        else {
+            return start();
+        }
+    }, [start]);
+    useEffect(() => {
+        if (needsStart.current) {
+            invariant(!isRefPending(container), "Container ref is defined but not hydrated", "use-scroll-ref");
+            invariant(!isRefPending(target), "Target ref is defined but not hydrated", "use-scroll-ref");
+            return start();
+        }
+        else {
+            return;
+        }
+    }, [start]);
+    return values;
+}
+
+export { useScroll };
+//# sourceMappingURL=use-scroll.mjs.map