@videojs/react 10.0.0-rc.2 → 10.0.0-rc.3

package/dist/default/player/create-player.js

@@ -3,7 +3,8 @@ import { useDestroy } from "../utils/use-destroy.js";
 import { combinePlayerFeatureConfigs, setPlayerConfigValue } from "@videojs/core/dom";
 import { combine, createStore } from "@videojs/store";
 import { useStore } from "@videojs/store/react";
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { pick } from "@videojs/utils/object";
 //#region src/player/create-player.tsx
@@ -17,64 +18,116 @@ function createPlayer(config) {
 		return store;
 	}
 	function Player(props) {
+		const $ = c(22);
 		const { children } = props;
-		const configValues = pick(props, configKeys);
-		const [store, setStore] = useState(() => createConfiguredStore(configValues));
-		const syncedValues = useRef({
-			store,
-			values: configValues
-		});
+		let t0;
+		if ($[0] !== props) {
+			t0 = pick(props, configKeys);
+			$[0] = props;
+			$[1] = t0;
+		} else t0 = $[1];
+		const configValues = t0;
+		let t1;
+		if ($[2] !== configValues) {
+			t1 = () => createConfiguredStore(configValues);
+			$[2] = configValues;
+			$[3] = t1;
+		} else t1 = $[3];
+		const [store, setStore] = useState(t1);
+		let t2;
+		if ($[4] !== configValues || $[5] !== store) {
+			t2 = {
+				store,
+				values: configValues
+			};
+			$[4] = configValues;
+			$[5] = store;
+			$[6] = t2;
+		} else t2 = $[6];
+		const syncedValues = useRef(t2);
 		const [media, setMedia] = useState(null);
 		const [container, setContainer] = useState(null);
 		useDestroy(store);
-		useLayoutEffect(() => {
-			const previous = syncedValues.current;
-			if (previous.store !== store) {
+		let t3;
+		if ($[7] !== configValues || $[8] !== store) {
+			t3 = () => {
+				const previous = syncedValues.current;
+				if (previous.store !== store) {
+					syncedValues.current = {
+						store,
+						values: configValues
+					};
+					return;
+				}
+				for (const key of configKeys) {
+					if (Object.is(previous.values[key], configValues[key])) continue;
+					setPlayerConfigValue(store, featureConfig[key], configValues[key]);
+				}
 				syncedValues.current = {
 					store,
 					values: configValues
 				};
-				return;
-			}
-			for (const key of configKeys) {
-				if (Object.is(previous.values[key], configValues[key])) continue;
-				setPlayerConfigValue(store, featureConfig[key], configValues[key]);
-			}
-			syncedValues.current = {
-				store,
-				values: configValues
 			};
-		});
-		useEffect(() => {
-			if (!media) return;
-			if (store.destroyed) {
-				setStore(createConfiguredStore(syncedValues.current.values));
-				return;
-			}
-			return store.attach({
+			$[7] = configValues;
+			$[8] = store;
+			$[9] = t3;
+		} else t3 = $[9];
+		useLayoutEffect(t3);
+		let t4;
+		let t5;
+		if ($[10] !== container || $[11] !== media || $[12] !== store) {
+			t4 = () => {
+				if (!media) return;
+				if (store.destroyed) {
+					setStore(createConfiguredStore(syncedValues.current.values));
+					return;
+				}
+				return store.attach({
+					media,
+					container
+				});
+			};
+			t5 = [
+				media,
+				container,
+				store
+			];
+			$[10] = container;
+			$[11] = media;
+			$[12] = store;
+			$[13] = t4;
+			$[14] = t5;
+		} else {
+			t4 = $[13];
+			t5 = $[14];
+		}
+		useEffect(t4, t5);
+		let t6;
+		if ($[15] !== container || $[16] !== media || $[17] !== store) {
+			t6 = {
+				store,
 				media,
-				container
+				setMedia,
+				container,
+				setContainer
+			};
+			$[15] = container;
+			$[16] = media;
+			$[17] = store;
+			$[18] = t6;
+		} else t6 = $[18];
+		const value = t6;
+		let t7;
+		if ($[19] !== children || $[20] !== value) {
+			t7 = /* @__PURE__ */ jsx(PlayerContextProvider, {
+				value,
+				children
 			});
-		}, [
-			media,
-			container,
-			store
-		]);
-		const value = useMemo(() => ({
-			store,
-			media,
-			setMedia,
-			container,
-			setContainer
-		}), [
-			store,
-			media,
-			container
-		]);
-		return /* @__PURE__ */ jsx(PlayerContextProvider, {
-			value,
-			children
-		});
+			$[19] = children;
+			$[20] = value;
+			$[21] = t7;
+		} else t7 = $[21];
+		return t7;
 	}
 	function usePlayer(selector) {
 		const { store } = usePlayerContext();
@@ -91,5 +144,3 @@ function applyConfigValues(store, config, values) {
 }
 //#endregion
 export { createPlayer };
-
-//# sourceMappingURL=create-player.js.map

package/dist/default/player/popup-group-context.js

@@ -1,17 +1,25 @@
+import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/player/popup-group-context.tsx
 const PopupGroupContext = createContext(void 0);
-function PopupGroupProvider({ value, children }) {
-	return /* @__PURE__ */ jsx(PopupGroupContext.Provider, {
-		value,
-		children
-	});
+function PopupGroupProvider(t0) {
+	const $ = c(3);
+	const { value, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== value) {
+		t1 = /* @__PURE__ */ jsx(PopupGroupContext.Provider, {
+			value,
+			children
+		});
+		$[0] = children;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
 }
 function useOptionalPopupGroup() {
 	return useContext(PopupGroupContext);
 }
 //#endregion
 export { PopupGroupProvider, useOptionalPopupGroup };
-
-//# sourceMappingURL=popup-group-context.js.map

package/dist/default/presets/audio/index.js

@@ -8,5 +8,3 @@ import { audioFeatures } from "@videojs/core/dom";
 /** Audio-only player preset with playback and volume controls. */
 //#endregion
 export { Audio, AudioPlayer, AudioSkin, MinimalAudioSkin, audioFeatures, usePlayer };
-
-//# sourceMappingURL=index.js.map