@kkcompany/ott-player 0.5.10 → 0.5.12

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.12](https://gitlab.kkinternal.com/kks-web/blahaj/compare/player@0.5.11...player@0.5.12) (2026-09-03)
+
+### Bug Fixes
+
+* [SUN-7797] gate sessions on tab lock ([938698a](https://gitlab.kkinternal.com/kks-web/blahaj/commit/938698a40b60d334b554eead162f0d09e84cacba))
+
+### [0.5.11](https://gitlab.kkinternal.com/kks-web/blahaj/compare/player@0.5.10...player@0.5.11) (2026-08-13)
+
+### Bug Fixes
+
+* bump @kkcompany/player to v2.27.2 ([1a75dd0](https://gitlab.kkinternal.com/kks-web/blahaj/commit/1a75dd0))
+
 ### [0.5.10](https://gitlab.kkinternal.com/kks-web/blahaj/compare/player@0.5.9...player@0.5.10) (2026-08-07)
 
 ### [0.5.9](https://gitlab.kkinternal.com/kks-web/blahaj/compare/player@0.5.0...player@0.5.9) (2026-08-03)

package/dist/index.cjs

@@ -453,18 +453,19 @@ const lockRenewTime = 3e3;
 const ensureTabLock = () => {
 	let saved = {};
 	try {
-		saved = JSON.parse(localStorage[storageKey]);
+		const value = localStorage.getItem(storageKey);
+		saved = value ? JSON.parse(value) : {};
 	} catch (e) {
-		console.log("Can read saved data for tab lock.", e);
+		console.log("Cannot read saved data for tab lock.", e);
 	}
 	const { expireTime } = saved;
-	if (Date.now() <= expireTime) return;
+	if (expireTime >= Date.now()) return { acquired: false };
 	const id = uuidv4$1();
 	const renewLock = () => {
-		localStorage[storageKey] = JSON.stringify({
+		localStorage.setItem(storageKey, JSON.stringify({
 			id,
 			expireTime: Date.now() + lockRenewTime * 3
-		});
+		}));
 	};
 	renewLock();
 	const renewInterval = setInterval(renewLock, lockRenewTime);
@@ -472,11 +473,18 @@ const ensureTabLock = () => {
 		clearInterval(renewInterval);
 		window.removeEventListener("beforeunload", releaseLock);
 		window.removeEventListener("unload", releaseLock);
-		localStorage.removeItem(storageKey);
+		try {
+			if (JSON.parse(localStorage.getItem(storageKey) || "{}").id === id) localStorage.removeItem(storageKey);
+		} catch (e) {
+			console.log("Cannot read saved data for tab lock.", e);
+		}
 	};
 	window.addEventListener("beforeunload", releaseLock);
 	window.addEventListener("unload", releaseLock);
-	return releaseLock;
+	return {
+		acquired: true,
+		release: releaseLock
+	};
 };
 
 //#endregion
@@ -971,7 +979,7 @@ var preload_default = preload;
 
 //#endregion
 //#region package.json
-var version = "0.5.10";
+var version = "0.5.12";
 
 //#endregion
 //#region src/constants.js
@@ -1016,6 +1024,20 @@ const getEnterpriseDrmHeaders = ({ token, tokenType = "playback" }) => {
 };
 const sessionCache = {};
 const getCastState = () => window.cast?.framework?.CastContext.getInstance()?.getCastState() || CastState.NO_DEVICES_AVAILABLE;
+const useTabLock = () => {
+	const lockRef = (0, react.useRef)();
+	(0, react.useEffect)(() => () => {
+		lockRef.current?.release();
+		lockRef.current = void 0;
+	}, []);
+	return (0, react.useCallback)(() => {
+		if (lockRef.current) return true;
+		const lock = ensureTabLock();
+		if (!lock.acquired) return false;
+		lockRef.current = lock;
+		return true;
+	}, []);
+};
 const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList = [], currentTime, quality, sourceType, host, accessToken, deviceId, headers, params, contentType, contentId, contentKey = `${contentType}/${contentId}`, autoplayNext, thumbnailSeeking, plugins = [], settings: appSettings = {}, coverImageUrl, coverImageDisplay = "auto", recommendation, uiElements: { castButton, ...uiElements } = {}, playerRef, children, slotProps, sessionRequest, preconnect, onError, onApiError, onBack, onPlaybackStateChange, onPlayerLoaded, onChange, onPlaybackApiResponse, sendLog, playbackState: appPlaybackState, turnOnSkipOpening, shouldHideSkipButton = false, playerToModuleErrorCodeMap, drmOptions = {}, ...rest }) => {
 	const components = {
 		LinearEnd: __kkcompany_player_react.LiveEnd,
@@ -1025,20 +1047,13 @@ const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList
 	const corePlayerRef = (0, react.useRef)();
 	const lastSession$1 = (0, react.useRef)({});
 	const logTarget = (0, react.useRef)();
+	const acquireTabLock = useTabLock();
 	const preferAppTime = (0, react.useRef)(currentTime >= 0);
 	const [playbackState, setPlaybackState] = (0, react.useState)(() => getCastState() === CastState.CONNECTED ? "casting" : "initial");
 	const [playbackInfo, setPlaybackInfo] = (0, react.useState)({ sources: [] });
 	const [contentData, setContentData] = (0, react.useState)({});
 	const [targetPlaybackState, setTargetPlaybackState] = (0, react.useState)(appPlaybackState);
 	const [uiState, dispatch] = (0, react.useReducer)(reduceUi, getInitUiState({ recommendation: true }));
-	(0, react.useEffect)(() => {
-		const revokeLock = ensureTabLock();
-		if (!revokeLock) videoRef.current.dispatchEvent(Object.assign(new CustomEvent("error"), { error: {
-			name: "PlaycraftApiError",
-			code: 10021
-		} }));
-		return revokeLock;
-	}, []);
 	const api = (0, react.useMemo)(() => (0, __kkcompany_player_modules.createApi)({
 		host,
 		accessToken,
@@ -1069,15 +1084,18 @@ const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList
 		}
 	};
 	const getPlaybackStatus = (0, react.useCallback)(() => ({
-		...(0, __kkcompany_player_core.getMediaTime)(videoRef.current, {
-			player: corePlayerRef.current,
-			plugins: allPlugins
-		}),
+		...(0, __kkcompany_player_core.getMediaTime)(videoRef.current, { player: corePlayerRef.current }),
 		...contentType?.startsWith("live") && { currentTime: Math.floor(Date.now() / 1e3) }
 	}), []);
 	let handleReset;
-	let allPlugins;
 	const load = async () => {
+		if (!acquireTabLock()) {
+			videoRef.current?.dispatchEvent(Object.assign(new CustomEvent("error"), { error: {
+				name: "PlaycraftApiError",
+				code: 10021
+			} }));
+			return;
+		}
 		if (await lastSession$1.current.request === "cancel") return;
 		const restPlayerName = ["shaka", "bitmovin"].find((name) => name in rest);
 		if (logTarget.current?.reset) {

package/dist/index.mjs

@@ -429,18 +429,19 @@ const lockRenewTime = 3e3;
 const ensureTabLock = () => {
 	let saved = {};
 	try {
-		saved = JSON.parse(localStorage[storageKey]);
+		const value = localStorage.getItem(storageKey);
+		saved = value ? JSON.parse(value) : {};
 	} catch (e) {
-		console.log("Can read saved data for tab lock.", e);
+		console.log("Cannot read saved data for tab lock.", e);
 	}
 	const { expireTime } = saved;
-	if (Date.now() <= expireTime) return;
+	if (expireTime >= Date.now()) return { acquired: false };
 	const id = uuidv4$1();
 	const renewLock = () => {
-		localStorage[storageKey] = JSON.stringify({
+		localStorage.setItem(storageKey, JSON.stringify({
 			id,
 			expireTime: Date.now() + lockRenewTime * 3
-		});
+		}));
 	};
 	renewLock();
 	const renewInterval = setInterval(renewLock, lockRenewTime);
@@ -448,11 +449,18 @@ const ensureTabLock = () => {
 		clearInterval(renewInterval);
 		window.removeEventListener("beforeunload", releaseLock);
 		window.removeEventListener("unload", releaseLock);
-		localStorage.removeItem(storageKey);
+		try {
+			if (JSON.parse(localStorage.getItem(storageKey) || "{}").id === id) localStorage.removeItem(storageKey);
+		} catch (e) {
+			console.log("Cannot read saved data for tab lock.", e);
+		}
 	};
 	window.addEventListener("beforeunload", releaseLock);
 	window.addEventListener("unload", releaseLock);
-	return releaseLock;
+	return {
+		acquired: true,
+		release: releaseLock
+	};
 };
 
 //#endregion
@@ -947,7 +955,7 @@ var preload_default = preload;
 
 //#endregion
 //#region package.json
-var version = "0.5.10";
+var version = "0.5.12";
 
 //#endregion
 //#region src/constants.js
@@ -992,6 +1000,20 @@ const getEnterpriseDrmHeaders = ({ token, tokenType = "playback" }) => {
 };
 const sessionCache = {};
 const getCastState = () => window.cast?.framework?.CastContext.getInstance()?.getCastState() || CastState.NO_DEVICES_AVAILABLE;
+const useTabLock = () => {
+	const lockRef = useRef();
+	useEffect(() => () => {
+		lockRef.current?.release();
+		lockRef.current = void 0;
+	}, []);
+	return useCallback(() => {
+		if (lockRef.current) return true;
+		const lock = ensureTabLock();
+		if (!lock.acquired) return false;
+		lockRef.current = lock;
+		return true;
+	}, []);
+};
 const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList = [], currentTime, quality, sourceType, host, accessToken, deviceId, headers, params, contentType, contentId, contentKey = `${contentType}/${contentId}`, autoplayNext, thumbnailSeeking, plugins = [], settings: appSettings = {}, coverImageUrl, coverImageDisplay = "auto", recommendation, uiElements: { castButton, ...uiElements } = {}, playerRef, children, slotProps, sessionRequest, preconnect, onError, onApiError, onBack, onPlaybackStateChange, onPlayerLoaded, onChange, onPlaybackApiResponse, sendLog, playbackState: appPlaybackState, turnOnSkipOpening, shouldHideSkipButton = false, playerToModuleErrorCodeMap, drmOptions = {}, ...rest }) => {
 	const components = {
 		LinearEnd: LiveEnd$1,
@@ -1001,20 +1023,13 @@ const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList
 	const corePlayerRef = useRef();
 	const lastSession$1 = useRef({});
 	const logTarget = useRef();
+	const acquireTabLock = useTabLock();
 	const preferAppTime = useRef(currentTime >= 0);
 	const [playbackState, setPlaybackState] = useState(() => getCastState() === CastState.CONNECTED ? "casting" : "initial");
 	const [playbackInfo, setPlaybackInfo] = useState({ sources: [] });
 	const [contentData, setContentData] = useState({});
 	const [targetPlaybackState, setTargetPlaybackState] = useState(appPlaybackState);
 	const [uiState, dispatch] = useReducer(reduceUi, getInitUiState({ recommendation: true }));
-	useEffect(() => {
-		const revokeLock = ensureTabLock();
-		if (!revokeLock) videoRef.current.dispatchEvent(Object.assign(new CustomEvent("error"), { error: {
-			name: "PlaycraftApiError",
-			code: 10021
-		} }));
-		return revokeLock;
-	}, []);
 	const api = useMemo(() => createApi({
 		host,
 		accessToken,
@@ -1045,15 +1060,18 @@ const PremiumPlusPlayer = ({ controls, preload: preload$1 = "auto", preloadList
 		}
 	};
 	const getPlaybackStatus = useCallback(() => ({
-		...getMediaTime(videoRef.current, {
-			player: corePlayerRef.current,
-			plugins: allPlugins
-		}),
+		...getMediaTime(videoRef.current, { player: corePlayerRef.current }),
 		...contentType?.startsWith("live") && { currentTime: Math.floor(Date.now() / 1e3) }
 	}), []);
 	let handleReset;
-	let allPlugins;
 	const load = async () => {
+		if (!acquireTabLock()) {
+			videoRef.current?.dispatchEvent(Object.assign(new CustomEvent("error"), { error: {
+				name: "PlaycraftApiError",
+				code: 10021
+			} }));
+			return;
+		}
 		if (await lastSession$1.current.request === "cancel") return;
 		const restPlayerName = ["shaka", "bitmovin"].find((name) => name in rest);
 		if (logTarget.current?.reset) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kkcompany/ott-player",
-  "version": "0.5.10",
+  "version": "0.5.12",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -24,7 +24,7 @@
     "release": "standard-version -a"
   },
   "dependencies": {
-    "@kkcompany/player": "~2.27.1-canary.0",
+    "@kkcompany/player": "^2.27.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",