@react-scrollytelling/video 0.2.1 → 0.3.0

package/dist/index.cjs

@@ -0,0 +1,215 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let react_compiler_runtime = require("react/compiler-runtime");
+let react = require("react");
+react = __toESM(react);
+let _react_scrollytelling_core = require("@react-scrollytelling/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Video.tsx
+const Video = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(11);
+	const { src, srcWebm, width, height, thumbnail, ratio: t1, className, loadingOverlay } = t0;
+	const ratio = t1 === void 0 ? 0 : t1;
+	const videoRef = (0, react.useRef)(null);
+	let t2;
+	let t3;
+	if ($[0] !== ratio) {
+		t2 = () => {
+			if (!videoRef.current) return;
+			videoRef.current.setRatio(ratio);
+		};
+		t3 = [ratio];
+		$[0] = ratio;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t2 = $[1];
+		t3 = $[2];
+	}
+	(0, react.useEffect)(t2, t3);
+	let t4;
+	if ($[3] !== className || $[4] !== height || $[5] !== loadingOverlay || $[6] !== src || $[7] !== srcWebm || $[8] !== thumbnail || $[9] !== width) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VideoWithImperativeHandle, {
+			ref: videoRef,
+			width,
+			height,
+			src,
+			srcWebm,
+			className,
+			thumbnail,
+			loadingOverlay
+		});
+		$[3] = className;
+		$[4] = height;
+		$[5] = loadingOverlay;
+		$[6] = src;
+		$[7] = srcWebm;
+		$[8] = thumbnail;
+		$[9] = width;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+const VideoWithImperativeHandle = /* @__PURE__ */ react.default.memo(/* @__PURE__ */ react.default.forwardRef((t0, ref) => {
+	const $ = (0, react_compiler_runtime.c)(25);
+	const { src, srcWebm, width, height, thumbnail, className, loadingOverlay } = t0;
+	const videoRef = (0, react.useRef)(null);
+	const [isLoading, setIsLoading] = (0, react.useState)(true);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (ratio) => {
+			const videoElement = videoRef.current;
+			if (!videoElement) return;
+			const duration = videoElement.duration;
+			if (!isNaN(duration)) requestAnimationFrame(() => {
+				videoElement.currentTime = Math.round(ratio * duration * 100) / 100;
+			});
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const setVideoRatioThrottled = (0, _react_scrollytelling_core.useRafThrottle)(t1);
+	let t2;
+	let t3;
+	if ($[1] !== setVideoRatioThrottled) {
+		t2 = () => ({ setRatio: setVideoRatioThrottled });
+		t3 = [setVideoRatioThrottled];
+		$[1] = setVideoRatioThrottled;
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	(0, react.useImperativeHandle)(ref, t2, t3);
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => {
+			setIsLoading(true);
+		};
+		$[4] = t4;
+	} else t4 = $[4];
+	const handleWaiting = t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => {
+			setIsLoading(false);
+		};
+		$[5] = t5;
+	} else t5 = $[5];
+	const handleCanPlay = t5;
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			position: "relative",
+			width: "100%",
+			height: "100%"
+		};
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== srcWebm || $[8] !== thumbnail) {
+		t7 = srcWebm && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("source", {
+			src: thumbnail ? srcWebm : `${srcWebm}#t=0.1`,
+			type: "video/webm"
+		});
+		$[7] = srcWebm;
+		$[8] = thumbnail;
+		$[9] = t7;
+	} else t7 = $[9];
+	const t8 = thumbnail ? src : `${src}#t=0.1`;
+	let t9;
+	if ($[10] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("source", {
+			src: t8,
+			type: "video/mp4"
+		});
+		$[10] = t8;
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== className || $[13] !== height || $[14] !== t7 || $[15] !== t9 || $[16] !== thumbnail || $[17] !== width) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("video", {
+			ref: videoRef,
+			width,
+			height,
+			className,
+			muted: true,
+			disablePictureInPicture: true,
+			disableRemotePlayback: true,
+			playsInline: true,
+			controls: false,
+			preload: "auto",
+			onWaiting: handleWaiting,
+			onCanPlay: handleCanPlay,
+			poster: thumbnail,
+			children: [t7, t9]
+		});
+		$[12] = className;
+		$[13] = height;
+		$[14] = t7;
+		$[15] = t9;
+		$[16] = thumbnail;
+		$[17] = width;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = {
+			position: "absolute",
+			inset: 0
+		};
+		$[19] = t11;
+	} else t11 = $[19];
+	const t12 = isLoading && loadingOverlay;
+	let t13;
+	if ($[20] !== t12) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: t11,
+			children: t12
+		});
+		$[20] = t12;
+		$[21] = t13;
+	} else t13 = $[21];
+	let t14;
+	if ($[22] !== t10 || $[23] !== t13) {
+		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: t6,
+			children: [t10, t13]
+		});
+		$[22] = t10;
+		$[23] = t13;
+		$[24] = t14;
+	} else t14 = $[24];
+	return t14;
+}));
+
+//#endregion
+exports.Video = Video;
+exports.VideoWithImperativeHandle = VideoWithImperativeHandle;

package/dist/index.d.cts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/Video.d.ts
+interface VideoProps {
+  /** Source of the mp4 video */
+  src: string;
+  /** Source of the webm video */
+  srcWebm?: string;
+  /**
+   * Thumbnail URL of the video.
+   * If not specified, it will use the first frame of the video as the thumbnail.
+   */
+  thumbnail?: string;
+  className?: string;
+  width: number;
+  height: number;
+  ratio?: number;
+  /** Overlay content to show when the video is loading */
+  loadingOverlay?: React.ReactNode;
+}
+declare const Video: ({
+  src,
+  srcWebm,
+  width,
+  height,
+  thumbnail,
+  ratio,
+  className,
+  loadingOverlay
+}: VideoProps) => react_jsx_runtime0.JSX.Element;
+interface VideoRef {
+  setRatio: (ratio: number) => void;
+}
+declare const VideoWithImperativeHandle: React.NamedExoticComponent<VideoProps & React.RefAttributes<VideoRef>>;
+//#endregion
+export { Video, VideoProps, VideoRef, VideoWithImperativeHandle };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/components/Video.tsx"],"mappings":";;;;UAUiB,UAAA;;EAEf,GAAA;EAFe;EAKf,OAAA;;;;;EAMA,SAAA;EAEA,SAAA;EACA,KAAA;EACA,MAAA;EACA,KAAA;EAGA;EAAA,cAAA,GAAiB,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,KAAA;EAAK,GAAA;EAAA,OAAA;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,GASf,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAyBI,QAAA;EACf,QAAA,GAAW,KAAA;AAAA;AAAA,cAGA,yBAAA,EAAyB,KAAA,CAAA,oBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,QAAA"}

package/dist/index.d.mts

@@ -0,0 +1,38 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Video.d.ts
+interface VideoProps {
+  /** Source of the mp4 video */
+  src: string;
+  /** Source of the webm video */
+  srcWebm?: string;
+  /**
+   * Thumbnail URL of the video.
+   * If not specified, it will use the first frame of the video as the thumbnail.
+   */
+  thumbnail?: string;
+  className?: string;
+  width: number;
+  height: number;
+  ratio?: number;
+  /** Overlay content to show when the video is loading */
+  loadingOverlay?: React.ReactNode;
+}
+declare const Video: ({
+  src,
+  srcWebm,
+  width,
+  height,
+  thumbnail,
+  ratio,
+  className,
+  loadingOverlay
+}: VideoProps) => react_jsx_runtime0.JSX.Element;
+interface VideoRef {
+  setRatio: (ratio: number) => void;
+}
+declare const VideoWithImperativeHandle: React.NamedExoticComponent<VideoProps & React.RefAttributes<VideoRef>>;
+//#endregion
+export { Video, VideoProps, VideoRef, VideoWithImperativeHandle };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/components/Video.tsx"],"mappings":";;;;UAUiB,UAAA;;EAEf,GAAA;EAFe;EAKf,OAAA;;;;;EAMA,SAAA;EAEA,SAAA;EACA,KAAA;EACA,MAAA;EACA,KAAA;EAGA;EAAA,cAAA,GAAiB,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,KAAA;EAAK,GAAA;EAAA,OAAA;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,GASf,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAyBI,QAAA;EACf,QAAA,GAAW,KAAA;AAAA;AAAA,cAGA,yBAAA,EAAyB,KAAA,CAAA,oBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,QAAA"}

package/dist/index.mjs

@@ -0,0 +1,186 @@
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
+import { useRafThrottle } from "@react-scrollytelling/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Video.tsx
+const Video = (t0) => {
+	const $ = c(11);
+	const { src, srcWebm, width, height, thumbnail, ratio: t1, className, loadingOverlay } = t0;
+	const ratio = t1 === void 0 ? 0 : t1;
+	const videoRef = useRef(null);
+	let t2;
+	let t3;
+	if ($[0] !== ratio) {
+		t2 = () => {
+			if (!videoRef.current) return;
+			videoRef.current.setRatio(ratio);
+		};
+		t3 = [ratio];
+		$[0] = ratio;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t2 = $[1];
+		t3 = $[2];
+	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[3] !== className || $[4] !== height || $[5] !== loadingOverlay || $[6] !== src || $[7] !== srcWebm || $[8] !== thumbnail || $[9] !== width) {
+		t4 = /* @__PURE__ */ jsx(VideoWithImperativeHandle, {
+			ref: videoRef,
+			width,
+			height,
+			src,
+			srcWebm,
+			className,
+			thumbnail,
+			loadingOverlay
+		});
+		$[3] = className;
+		$[4] = height;
+		$[5] = loadingOverlay;
+		$[6] = src;
+		$[7] = srcWebm;
+		$[8] = thumbnail;
+		$[9] = width;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+const VideoWithImperativeHandle = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef((t0, ref) => {
+	const $ = c(25);
+	const { src, srcWebm, width, height, thumbnail, className, loadingOverlay } = t0;
+	const videoRef = useRef(null);
+	const [isLoading, setIsLoading] = useState(true);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (ratio) => {
+			const videoElement = videoRef.current;
+			if (!videoElement) return;
+			const duration = videoElement.duration;
+			if (!isNaN(duration)) requestAnimationFrame(() => {
+				videoElement.currentTime = Math.round(ratio * duration * 100) / 100;
+			});
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const setVideoRatioThrottled = useRafThrottle(t1);
+	let t2;
+	let t3;
+	if ($[1] !== setVideoRatioThrottled) {
+		t2 = () => ({ setRatio: setVideoRatioThrottled });
+		t3 = [setVideoRatioThrottled];
+		$[1] = setVideoRatioThrottled;
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	useImperativeHandle(ref, t2, t3);
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => {
+			setIsLoading(true);
+		};
+		$[4] = t4;
+	} else t4 = $[4];
+	const handleWaiting = t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => {
+			setIsLoading(false);
+		};
+		$[5] = t5;
+	} else t5 = $[5];
+	const handleCanPlay = t5;
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			position: "relative",
+			width: "100%",
+			height: "100%"
+		};
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== srcWebm || $[8] !== thumbnail) {
+		t7 = srcWebm && /* @__PURE__ */ jsx("source", {
+			src: thumbnail ? srcWebm : `${srcWebm}#t=0.1`,
+			type: "video/webm"
+		});
+		$[7] = srcWebm;
+		$[8] = thumbnail;
+		$[9] = t7;
+	} else t7 = $[9];
+	const t8 = thumbnail ? src : `${src}#t=0.1`;
+	let t9;
+	if ($[10] !== t8) {
+		t9 = /* @__PURE__ */ jsx("source", {
+			src: t8,
+			type: "video/mp4"
+		});
+		$[10] = t8;
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== className || $[13] !== height || $[14] !== t7 || $[15] !== t9 || $[16] !== thumbnail || $[17] !== width) {
+		t10 = /* @__PURE__ */ jsxs("video", {
+			ref: videoRef,
+			width,
+			height,
+			className,
+			muted: true,
+			disablePictureInPicture: true,
+			disableRemotePlayback: true,
+			playsInline: true,
+			controls: false,
+			preload: "auto",
+			onWaiting: handleWaiting,
+			onCanPlay: handleCanPlay,
+			poster: thumbnail,
+			children: [t7, t9]
+		});
+		$[12] = className;
+		$[13] = height;
+		$[14] = t7;
+		$[15] = t9;
+		$[16] = thumbnail;
+		$[17] = width;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = {
+			position: "absolute",
+			inset: 0
+		};
+		$[19] = t11;
+	} else t11 = $[19];
+	const t12 = isLoading && loadingOverlay;
+	let t13;
+	if ($[20] !== t12) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			style: t11,
+			children: t12
+		});
+		$[20] = t12;
+		$[21] = t13;
+	} else t13 = $[21];
+	let t14;
+	if ($[22] !== t10 || $[23] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			style: t6,
+			children: [t10, t13]
+		});
+		$[22] = t10;
+		$[23] = t13;
+		$[24] = t14;
+	} else t14 = $[24];
+	return t14;
+}));
+
+//#endregion
+export { Video, VideoWithImperativeHandle };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React","useEffect","useImperativeHandle","useCallback","useRef","useState","useRafThrottle","jsx","_jsx","jsxs","_jsxs","Video","t0","$","_c","src","srcWebm","width","height","thumbnail","ratio","t1","className","loadingOverlay","undefined","videoRef","t2","t3","current","setRatio","t4","VideoWithImperativeHandle","memo","forwardRef","ref","isLoading","setIsLoading","Symbol","for","videoElement","duration","isNaN","requestAnimationFrame","currentTime","Math","round","setVideoRatio","setVideoRatioThrottled","handleWaiting","t5","handleCanPlay","t6","position","t7","type","t8","t9","t10","muted","disablePictureInPicture","disableRemotePlayback","playsInline","controls","preload","children","t11","inset","t12","t13","style","t14"],"sources":["../src/components/Video.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useRafThrottle } from \"@react-scrollytelling/core\";\n\nexport interface VideoProps {\n  /** Source of the mp4 video */\n  src: string;\n\n  /** Source of the webm video */\n  srcWebm?: string;\n\n  /**\n   * Thumbnail URL of the video.\n   * If not specified, it will use the first frame of the video as the thumbnail.\n   */\n  thumbnail?: string;\n\n  className?: string;\n  width: number;\n  height: number;\n  ratio?: number;\n\n  /** Overlay content to show when the video is loading */\n  loadingOverlay?: React.ReactNode;\n}\n\nexport const Video = ({\n  src,\n  srcWebm,\n  width,\n  height,\n  thumbnail,\n  ratio = 0,\n  className,\n  loadingOverlay,\n}: VideoProps) => {\n  const videoRef = useRef<VideoRef>(null);\n\n  useEffect(() => {\n    // update currentTime when the ratio prop changes\n    if (!videoRef.current) {\n      return;\n    }\n    videoRef.current.setRatio(ratio);\n  }, [ratio]);\n\n  return (\n    <VideoWithImperativeHandle\n      ref={videoRef}\n      width={width}\n      height={height}\n      src={src}\n      srcWebm={srcWebm}\n      className={className}\n      thumbnail={thumbnail}\n      loadingOverlay={loadingOverlay}\n    ></VideoWithImperativeHandle>\n  );\n};\n\nexport interface VideoRef {\n  setRatio: (ratio: number) => void;\n}\n\nexport const VideoWithImperativeHandle = React.memo(\n  React.forwardRef<VideoRef, VideoProps>(\n    (\n      { src, srcWebm, width, height, thumbnail, className, loadingOverlay },\n      ref\n    ) => {\n      const videoRef = useRef<HTMLVideoElement>(null);\n      const [isLoading, setIsLoading] = useState(true);\n\n      const setVideoRatio = useCallback((ratio: number) => {\n        const videoElement = videoRef.current;\n        if (!videoElement) {\n          return;\n        }\n\n        const duration = videoElement.duration;\n        if (!isNaN(duration)) {\n          requestAnimationFrame(() => {\n            videoElement.currentTime = Math.round(ratio * duration * 100) / 100;\n          });\n        }\n      }, []);\n      const setVideoRatioThrottled = useRafThrottle(setVideoRatio);\n\n      useImperativeHandle(ref, () => {\n        return {\n          setRatio: setVideoRatioThrottled,\n        };\n      }, [setVideoRatioThrottled]);\n\n      const handleWaiting = useCallback(() => {\n        setIsLoading(true);\n      }, []);\n\n      const handleCanPlay = useCallback(() => {\n        setIsLoading(false);\n      }, []);\n\n      return (\n        <div style={{ position: \"relative\", width: \"100%\", height: \"100%\" }}>\n          <video\n            ref={videoRef}\n            width={width}\n            height={height}\n            className={className}\n            muted\n            disablePictureInPicture\n            disableRemotePlayback\n            playsInline\n            controls={false}\n            // preload the video\n            preload=\"auto\"\n            onWaiting={handleWaiting}\n            onCanPlay={handleCanPlay}\n            poster={thumbnail}\n          >\n            {srcWebm && (\n              <source\n                src={thumbnail ? srcWebm : `${srcWebm}#t=0.1`}\n                type=\"video/webm\"\n              />\n            )}\n            <source src={thumbnail ? src : `${src}#t=0.1`} type=\"video/mp4\" />\n          </video>\n          <div style={{ position: \"absolute\", inset: 0 }}>\n            {isLoading && loadingOverlay}\n          </div>\n        </div>\n      );\n    }\n  )\n);\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-scrollytelling/video",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "> TODO: description",
   "author": "@hsunpei",
   "license": "MIT",
@@ -8,24 +8,33 @@
     "access": "public"
   },
   "homepage": "https://github.com/hsunpei/react-scrollytelling#readme",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "./dist/src/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.mts",
   "sideEffects": false,
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hsunpei/react-scrollytelling.git"
+    "url": "git+https://github.com/hsunpei/react-scrollytelling.git",
+    "directory": "packages/video"
   },
   "scripts": {
-    "dev": "BUILD_MODE=dev yarn dev:dist",
-    "dev:dist": "yarn build:dist --watch",
-    "dev:declarations": "tsc -p . --emitDeclarationOnly --watch --outDir dist_types",
-    "build": "run-s build:dist build:declarations",
-    "build:dist": "vite build",
-    "build:declarations": "tsc -p . --emitDeclarationOnly --outDir dist_types",
+    "dev": "tsdown --watch",
+    "build": "tsdown",
     "clean": "rimraf -rf ./dist && rimraf -rf ./dist_types",
     "test": "jest",
     "test:watch": "jest --watch"
@@ -34,18 +43,16 @@
     "url": "https://github.com/hsunpei/react-scrollytelling/issues"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.2.4",
-    "vite": "^5.2.11"
+    "@testing-library/dom": "catalog:",
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "jest": "catalog:",
+    "jest-environment-jsdom": "catalog:",
+    "ts-jest": "catalog:"
   },
   "peerDependencies": {
-    "@react-scrollytelling/core": "workspace:^",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
-  },
-  "gitHead": "e68bd6fc3cb9fe9b8b65c176166189339d25c4a1"
+    "@react-scrollytelling/core": "workspace:*",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  }
 }

package/dist/index.cjs.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),te=require("@react-scrollytelling/core");var Y={exports:{}},O={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var U;function ne(){if(U)return O;U=1;var i=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function f(d,n,s){var m=null;if(s!==void 0&&(m=""+s),n.key!==void 0&&(m=""+n.key),"key"in n){s={};for(var E in n)E!=="key"&&(s[E]=n[E])}else s=n;return n=s.ref,{$$typeof:i,type:d,key:m,ref:n!==void 0?n:null,props:s}}return O.Fragment=u,O.jsx=f,O.jsxs=f,O}var h={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var q;function oe(){return q||(q=1,process.env.NODE_ENV!=="production"&&function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===K?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case A:return"Profiler";case P:return"StrictMode";case X:return"Suspense";case B:return"SuspenseList";case Q:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case y:return"Portal";case J:return(e.displayName||"Context")+".Provider";case G:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Z:return r=e.displayName||null,r!==null?r:i(e.type)||"Memo";case $:r=e._payload,e=e._init;try{return i(e(r))}catch(t){}}return null}function u(e){return""+e}function f(e){try{u(e);var r=!1}catch(v){r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),u(e)}}function d(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===$)return"<...>";try{var r=i(e);return r?"<"+r+">":"<...>"}catch(t){return"<...>"}}function n(){var e=w.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){D||(D=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function R(){var e=i(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function g(e,r,t,o,v,l,N,C){return t=l.ref,e={$$typeof:S,type:e,key:r,props:l,_owner:v},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,t,o,v,l,N,C){var a=r.children;if(a!==void 0)if(o)if(ee(a)){for(o=0;o<a.length;o++)j(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(a);if(F.call(r,"key")){a=i(e);var _=Object.keys(r).filter(function(re){return re!=="key"});o=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",W[a+o]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,o,a,_,a),W[a+o]=!0)}if(a=null,t!==void 0&&(f(t),a=""+t),m(r)&&(f(r.key),a=""+r.key),"key"in r){t={};for(var I in r)I!=="key"&&(t[I]=r[I])}else t=r;return a&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),g(e,a,l,v,n(),t,N,C)}function j(e){typeof e=="object"&&e!==null&&e.$$typeof===S&&e._store&&(e._store.validated=1)}var b=c,S=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),J=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),K=Symbol.for("react.client.reference"),w=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ee=Array.isArray,x=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var D,L={},M=b.react_stack_bottom_frame.bind(b,s)(),V=x(d(s)),W={};h.Fragment=k,h.jsx=function(e,r,t,o,v){var l=1e4>w.recentlyCreatedOwnerStacks++;return T(e,r,t,!1,o,v,l?Error("react-stack-top-frame"):M,l?x(d(e)):V)},h.jsxs=function(e,r,t,o,v){var l=1e4>w.recentlyCreatedOwnerStacks++;return T(e,r,t,!0,o,v,l?Error("react-stack-top-frame"):M,l?x(d(e)):V)}}()),h}process.env.NODE_ENV==="production"?Y.exports=ne():Y.exports=oe();var p=Y.exports;const ae=({src:i,srcWebm:u,width:f,height:d,thumbnail:n,ratio:s=0,className:m,loadingOverlay:E})=>{const R=c.useRef(null);return c.useEffect(()=>{R.current&&R.current.setRatio(s)},[s]),p.jsx(z,{ref:R,width:f,height:d,src:i,srcWebm:u,className:m,thumbnail:n,loadingOverlay:E})},z=c.memo(c.forwardRef(({src:i,srcWebm:u,width:f,height:d,thumbnail:n,className:s,loadingOverlay:m},E)=>{const R=c.useRef(null),[g,T]=c.useState(!0),j=c.useCallback(k=>{const P=R.current;if(!P)return;const A=P.duration;isNaN(A)||requestAnimationFrame(()=>{P.currentTime=Math.round(k*A*100)/100})},[]),b=te.useRafThrottle(j);c.useImperativeHandle(E,()=>({setRatio:b}),[b]);const S=c.useCallback(()=>{T(!0)},[]),y=c.useCallback(()=>{T(!1)},[]);return p.jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},children:[p.jsxs("video",{ref:R,width:f,height:d,className:s,muted:!0,disablePictureInPicture:!0,disableRemotePlayback:!0,playsInline:!0,controls:!1,preload:"auto",onWaiting:S,onCanPlay:y,poster:n,children:[u&&p.jsx("source",{src:n?u:`${u}#t=0.1`,type:"video/webm"}),p.jsx("source",{src:n?i:`${i}#t=0.1`,type:"video/mp4"})]}),p.jsx("div",{style:{position:"absolute",inset:0},children:g&&m})]})}));exports.Video=ae;exports.VideoWithImperativeHandle=z;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/react/cjs/react-jsx-runtime.development.js","../../../node_modules/react/jsx-runtime.js","../src/components/Video.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return (type.displayName || \"Context\") + \".Provider\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(\n      type,\n      key,\n      self,\n      source,\n      owner,\n      props,\n      debugStack,\n      debugTask\n    ) {\n      self = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== self ? self : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      source,\n      self,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        self,\n        source,\n        getOwner(),\n        maybeKey,\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      \"object\" === typeof node &&\n        null !== node &&\n        node.$$typeof === REACT_ELEMENT_TYPE &&\n        node._store &&\n        (node._store.validated = 1);\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n    Symbol.for(\"react.provider\");\n    var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, { useEffect, useImperativeHandle, useCallback, useRef, useState } from 'react';\n\nimport { useRafThrottle } from '@react-scrollytelling/core';\n\nexport interface VideoProps {\n  /** Source of the mp4 video */\n  src: string;\n\n  /** Source of the webm video */\n  srcWebm?: string;\n\n  /**\n   * Thumbnail URL of the video.\n   * If not specified, it will use the first frame of the video as the thumbnail.\n   */\n  thumbnail?: string;\n\n  className?: string;\n  width: number;\n  height: number;\n  ratio?: number;\n\n  /** Overlay content to show when the video is loading */\n  loadingOverlay?: React.ReactNode;\n}\n\nexport const Video = ({\n  src,\n  srcWebm,\n  width,\n  height,\n  thumbnail,\n  ratio = 0,\n  className,\n  loadingOverlay,\n}: VideoProps) => {\n  const videoRef = useRef<VideoRef>(null);\n\n  useEffect(() => {\n    // update currentTime when the ratio prop changes\n    if (!videoRef.current) {\n      return;\n    }\n    videoRef.current.setRatio(ratio);\n  }, [ratio]);\n\n  return (\n    <VideoWithImperativeHandle\n      ref={videoRef}\n      width={width}\n      height={height}\n      src={src}\n      srcWebm={srcWebm}\n      className={className}\n      thumbnail={thumbnail}\n      loadingOverlay={loadingOverlay}\n    ></VideoWithImperativeHandle>\n  );\n};\n\nexport interface VideoRef {\n  setRatio: (ratio: number) => void;\n}\n\nexport const VideoWithImperativeHandle = React.memo(\n  React.forwardRef<VideoRef, VideoProps>(\n    ({ src, srcWebm, width, height, thumbnail, className, loadingOverlay }, ref) => {\n      const videoRef = useRef<HTMLVideoElement>(null);\n      const [isLoading, setIsLoading] = useState(true);\n\n      const setVideoRatio = useCallback((ratio: number) => {\n        const videoElement = videoRef.current;\n        if (!videoElement) {\n          return;\n        }\n\n        const duration = videoElement.duration;\n        if (!isNaN(duration)) {\n          requestAnimationFrame(() => {\n            videoElement.currentTime = Math.round(ratio * duration * 100) / 100;\n          });\n        }\n      }, []);\n      const setVideoRatioThrottled = useRafThrottle(setVideoRatio);\n\n      useImperativeHandle(\n        ref,\n        () => {\n          return {\n            setRatio: setVideoRatioThrottled,\n          };\n        },\n        [setVideoRatioThrottled]\n      );\n\n      const handleWaiting = useCallback(() => {\n        setIsLoading(true);\n      }, []);\n\n      const handleCanPlay = useCallback(() => {\n        setIsLoading(false);\n      }, []);\n\n      return (\n        <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n          <video\n            ref={videoRef}\n            width={width}\n            height={height}\n            className={className}\n            muted\n            disablePictureInPicture\n            disableRemotePlayback\n            playsInline\n            controls={false}\n            // preload the video\n            preload=\"auto\"\n            onWaiting={handleWaiting}\n            onCanPlay={handleCanPlay}\n            poster={thumbnail}\n          >\n            {srcWebm && <source src={thumbnail ? srcWebm : `${srcWebm}#t=0.1`} type=\"video/webm\" />}\n            <source src={thumbnail ? src : `${src}#t=0.1`} type=\"video/mp4\" />\n          </video>\n          <div style={{ position: 'absolute', inset: 0 }}>{isLoading && loadingOverlay}</div>\n        </div>\n      );\n    }\n  )\n);\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","x","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","e","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","self","source","owner","debugStack","debugTask","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","Video","src","srcWebm","width","height","thumbnail","ratio","className","loadingOverlay","videoRef","useRef","useEffect","jsx","VideoWithImperativeHandle","ref","isLoading","setIsLoading","useState","setVideoRatio","useCallback","videoElement","duration","setVideoRatioThrottled","useRafThrottle","useImperativeHandle","handleWaiting","handleCanPlay","jsxs"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/index.es.js

@@ -1,370 +0,0 @@
-import Y, { useRef as G, useEffect as ne, useState as oe, useCallback as I, useImperativeHandle as ae } from "react";
-import { useRafThrottle as se } from "@react-scrollytelling/core";
-var $ = { exports: {} }, P = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var z;
-function ie() {
-  if (z)
-    return P;
-  z = 1;
-  var i = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function l(f, n, s) {
-    var d = null;
-    if (s !== void 0 && (d = "" + s), n.key !== void 0 && (d = "" + n.key), "key" in n) {
-      s = {};
-      for (var m in n)
-        m !== "key" && (s[m] = n[m]);
-    } else
-      s = n;
-    return n = s.ref, {
-      $$typeof: i,
-      type: f,
-      key: d,
-      ref: n !== void 0 ? n : null,
-      props: s
-    };
-  }
-  return P.Fragment = c, P.jsx = l, P.jsxs = l, P;
-}
-var O = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var q;
-function ce() {
-  return q || (q = 1, process.env.NODE_ENV !== "production" && function() {
-    function i(e) {
-      if (e == null)
-        return null;
-      if (typeof e == "function")
-        return e.$$typeof === ee ? null : e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case T:
-          return "Fragment";
-        case A:
-          return "Profiler";
-        case k:
-          return "StrictMode";
-        case B:
-          return "Suspense";
-        case Z:
-          return "SuspenseList";
-        case K:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case w:
-            return "Portal";
-          case X:
-            return (e.displayName || "Context") + ".Provider";
-          case J:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case H:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Q:
-            return r = e.displayName || null, r !== null ? r : i(e.type) || "Memo";
-          case F:
-            r = e._payload, e = e._init;
-            try {
-              return i(e(r));
-            } catch (t) {
-            }
-        }
-      return null;
-    }
-    function c(e) {
-      return "" + e;
-    }
-    function l(e) {
-      try {
-        c(e);
-        var r = !1;
-      } catch (R) {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          o
-        ), c(e);
-      }
-    }
-    function f(e) {
-      if (e === T)
-        return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === F)
-        return "<...>";
-      try {
-        var r = i(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch (t) {
-        return "<...>";
-      }
-    }
-    function n() {
-      var e = g.A;
-      return e === null ? null : e.getOwner();
-    }
-    function s() {
-      return Error("react-stack-top-frame");
-    }
-    function d(e) {
-      if (D.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function m(e, r) {
-      function t() {
-        L || (L = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
-        configurable: !0
-      });
-    }
-    function E() {
-      var e = i(this.type);
-      return M[e] || (M[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function S(e, r, t, o, R, u, y, N) {
-      return t = u.ref, e = {
-        $$typeof: j,
-        type: e,
-        key: r,
-        props: u,
-        _owner: R
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: E
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: y
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: N
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function p(e, r, t, o, R, u, y, N) {
-      var a = r.children;
-      if (a !== void 0)
-        if (o)
-          if (re(a)) {
-            for (o = 0; o < a.length; o++)
-              h(a[o]);
-            Object.freeze && Object.freeze(a);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else
-          h(a);
-      if (D.call(r, "key")) {
-        a = i(e);
-        var _ = Object.keys(r).filter(function(te) {
-          return te !== "key";
-        });
-        o = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", U[a + o] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          o,
-          a,
-          _,
-          a
-        ), U[a + o] = !0);
-      }
-      if (a = null, t !== void 0 && (l(t), a = "" + t), d(r) && (l(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var C in r)
-          C !== "key" && (t[C] = r[C]);
-      } else
-        t = r;
-      return a && m(
-        t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), S(
-        e,
-        a,
-        u,
-        R,
-        n(),
-        t,
-        y,
-        N
-      );
-    }
-    function h(e) {
-      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
-    }
-    var v = Y, j = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), X = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), g = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, re = Array.isArray, x = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    v = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var L, M = {}, W = v.react_stack_bottom_frame.bind(
-      v,
-      s
-    )(), V = x(f(s)), U = {};
-    O.Fragment = T, O.jsx = function(e, r, t, o, R) {
-      var u = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        t,
-        !1,
-        o,
-        R,
-        u ? Error("react-stack-top-frame") : W,
-        u ? x(f(e)) : V
-      );
-    }, O.jsxs = function(e, r, t, o, R) {
-      var u = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        t,
-        !0,
-        o,
-        R,
-        u ? Error("react-stack-top-frame") : W,
-        u ? x(f(e)) : V
-      );
-    };
-  }()), O;
-}
-process.env.NODE_ENV === "production" ? $.exports = ie() : $.exports = ce();
-var b = $.exports;
-const de = ({
-  src: i,
-  srcWebm: c,
-  width: l,
-  height: f,
-  thumbnail: n,
-  ratio: s = 0,
-  className: d,
-  loadingOverlay: m
-}) => {
-  const E = G(null);
-  return ne(() => {
-    E.current && E.current.setRatio(s);
-  }, [s]), /* @__PURE__ */ b.jsx(
-    ue,
-    {
-      ref: E,
-      width: l,
-      height: f,
-      src: i,
-      srcWebm: c,
-      className: d,
-      thumbnail: n,
-      loadingOverlay: m
-    }
-  );
-}, ue = Y.memo(
-  Y.forwardRef(
-    ({ src: i, srcWebm: c, width: l, height: f, thumbnail: n, className: s, loadingOverlay: d }, m) => {
-      const E = G(null), [S, p] = oe(!0), h = I((T) => {
-        const k = E.current;
-        if (!k)
-          return;
-        const A = k.duration;
-        isNaN(A) || requestAnimationFrame(() => {
-          k.currentTime = Math.round(T * A * 100) / 100;
-        });
-      }, []), v = se(h);
-      ae(
-        m,
-        () => ({
-          setRatio: v
-        }),
-        [v]
-      );
-      const j = I(() => {
-        p(!0);
-      }, []), w = I(() => {
-        p(!1);
-      }, []);
-      return /* @__PURE__ */ b.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-        /* @__PURE__ */ b.jsxs(
-          "video",
-          {
-            ref: E,
-            width: l,
-            height: f,
-            className: s,
-            muted: !0,
-            disablePictureInPicture: !0,
-            disableRemotePlayback: !0,
-            playsInline: !0,
-            controls: !1,
-            preload: "auto",
-            onWaiting: j,
-            onCanPlay: w,
-            poster: n,
-            children: [
-              c && /* @__PURE__ */ b.jsx("source", { src: n ? c : `${c}#t=0.1`, type: "video/webm" }),
-              /* @__PURE__ */ b.jsx("source", { src: n ? i : `${i}#t=0.1`, type: "video/mp4" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ b.jsx("div", { style: { position: "absolute", inset: 0 }, children: S && d })
-      ] });
-    }
-  )
-);
-export {
-  de as Video,
-  ue as VideoWithImperativeHandle
-};
-//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../../../node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/react/cjs/react-jsx-runtime.development.js","../../../node_modules/react/jsx-runtime.js","../src/components/Video.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return (type.displayName || \"Context\") + \".Provider\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(\n      type,\n      key,\n      self,\n      source,\n      owner,\n      props,\n      debugStack,\n      debugTask\n    ) {\n      self = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== self ? self : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      source,\n      self,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        self,\n        source,\n        getOwner(),\n        maybeKey,\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      \"object\" === typeof node &&\n        null !== node &&\n        node.$$typeof === REACT_ELEMENT_TYPE &&\n        node._store &&\n        (node._store.validated = 1);\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n    Symbol.for(\"react.provider\");\n    var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, { useEffect, useImperativeHandle, useCallback, useRef, useState } from 'react';\n\nimport { useRafThrottle } from '@react-scrollytelling/core';\n\nexport interface VideoProps {\n  /** Source of the mp4 video */\n  src: string;\n\n  /** Source of the webm video */\n  srcWebm?: string;\n\n  /**\n   * Thumbnail URL of the video.\n   * If not specified, it will use the first frame of the video as the thumbnail.\n   */\n  thumbnail?: string;\n\n  className?: string;\n  width: number;\n  height: number;\n  ratio?: number;\n\n  /** Overlay content to show when the video is loading */\n  loadingOverlay?: React.ReactNode;\n}\n\nexport const Video = ({\n  src,\n  srcWebm,\n  width,\n  height,\n  thumbnail,\n  ratio = 0,\n  className,\n  loadingOverlay,\n}: VideoProps) => {\n  const videoRef = useRef<VideoRef>(null);\n\n  useEffect(() => {\n    // update currentTime when the ratio prop changes\n    if (!videoRef.current) {\n      return;\n    }\n    videoRef.current.setRatio(ratio);\n  }, [ratio]);\n\n  return (\n    <VideoWithImperativeHandle\n      ref={videoRef}\n      width={width}\n      height={height}\n      src={src}\n      srcWebm={srcWebm}\n      className={className}\n      thumbnail={thumbnail}\n      loadingOverlay={loadingOverlay}\n    ></VideoWithImperativeHandle>\n  );\n};\n\nexport interface VideoRef {\n  setRatio: (ratio: number) => void;\n}\n\nexport const VideoWithImperativeHandle = React.memo(\n  React.forwardRef<VideoRef, VideoProps>(\n    ({ src, srcWebm, width, height, thumbnail, className, loadingOverlay }, ref) => {\n      const videoRef = useRef<HTMLVideoElement>(null);\n      const [isLoading, setIsLoading] = useState(true);\n\n      const setVideoRatio = useCallback((ratio: number) => {\n        const videoElement = videoRef.current;\n        if (!videoElement) {\n          return;\n        }\n\n        const duration = videoElement.duration;\n        if (!isNaN(duration)) {\n          requestAnimationFrame(() => {\n            videoElement.currentTime = Math.round(ratio * duration * 100) / 100;\n          });\n        }\n      }, []);\n      const setVideoRatioThrottled = useRafThrottle(setVideoRatio);\n\n      useImperativeHandle(\n        ref,\n        () => {\n          return {\n            setRatio: setVideoRatioThrottled,\n          };\n        },\n        [setVideoRatioThrottled]\n      );\n\n      const handleWaiting = useCallback(() => {\n        setIsLoading(true);\n      }, []);\n\n      const handleCanPlay = useCallback(() => {\n        setIsLoading(false);\n      }, []);\n\n      return (\n        <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n          <video\n            ref={videoRef}\n            width={width}\n            height={height}\n            className={className}\n            muted\n            disablePictureInPicture\n            disableRemotePlayback\n            playsInline\n            controls={false}\n            // preload the video\n            preload=\"auto\"\n            onWaiting={handleWaiting}\n            onCanPlay={handleCanPlay}\n            poster={thumbnail}\n          >\n            {srcWebm && <source src={thumbnail ? srcWebm : `${srcWebm}#t=0.1`} type=\"video/webm\" />}\n            <source src={thumbnail ? src : `${src}#t=0.1`} type=\"video/mp4\" />\n          </video>\n          <div style={{ position: 'absolute', inset: 0 }}>{isLoading && loadingOverlay}</div>\n        </div>\n      );\n    }\n  )\n);\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","x","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","e","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","self","source","owner","debugStack","debugTask","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","Video","src","srcWebm","width","height","thumbnail","ratio","className","loadingOverlay","videoRef","useRef","useEffect","jsx","VideoWithImperativeHandle","ref","isLoading","setIsLoading","useState","setVideoRatio","useCallback","videoElement","duration","setVideoRatioThrottled","useRafThrottle","useImperativeHandle","handleWaiting","handleCanPlay","jsxs"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/src/components/Video.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-
-export interface VideoProps {
-    /** Source of the mp4 video */
-    src: string;
-    /** Source of the webm video */
-    srcWebm?: string;
-    /**
-     * Thumbnail URL of the video.
-     * If not specified, it will use the first frame of the video as the thumbnail.
-     */
-    thumbnail?: string;
-    className?: string;
-    width: number;
-    height: number;
-    ratio?: number;
-    /** Overlay content to show when the video is loading */
-    loadingOverlay?: React.ReactNode;
-}
-export declare const Video: ({ src, srcWebm, width, height, thumbnail, ratio, className, loadingOverlay, }: VideoProps) => import("react/jsx-runtime").JSX.Element;
-export interface VideoRef {
-    setRatio: (ratio: number) => void;
-}
-export declare const VideoWithImperativeHandle: React.NamedExoticComponent<VideoProps & React.RefAttributes<VideoRef>>;
-//# sourceMappingURL=Video.d.ts.map

package/dist/src/components/Video.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,MAAM,WAAW,UAAU;IACzB,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IAEZ,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wDAAwD;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,KAAK,kFASf,UAAU,4CAuBZ,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,yBAAyB,wEAiErC,CAAC"}

package/dist/src/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Video';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}