@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/business/detail/shared/use-video-detail-webview-bridge.mjs

@@ -1,2 +1,321 @@
 
-"use client";import{decryptImageToUint8Array as e}from"../../../../../utils/decrypt-image-client.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{gContentGetVideoDetail as n,pInteractionBrowse as r}from"../../../../../service/generated/client.mjs";import{uint8ArrayToBase64 as i}from"../../../../../utils/uint8.mjs";import{resolveM3u8Urls as a,resolveVideoPlayerSrc as o}from"../../../../common/video-player/process-m3u8-cache.mjs";import{useLoginModalStore as s}from"../../../../../store/modules/login-modal-store.mjs";import{batchQueryContentInteractions as c}from"../../../../../hooks/use-content-operate.mjs";import{usePathname as l}from"next/navigation";import{useCallback as u,useEffect as d,useRef as f}from"react";import{useQueryClient as p}from"@tanstack/react-query";const m=new Map,h=new Map;function g(){if(typeof window>`u`)return!1;let e={open:!1};return window.dispatchEvent(new CustomEvent(`funhub:detail-series-popup-query`,{detail:e})),!!e.open}function _(){typeof window>`u`||window.dispatchEvent(new Event(`funhub:detail-series-popup-close`))}function v(e){let t=Math.floor(Number(e)||1);return t>0?t:1}function y(e){let t=typeof e==`string`?e:typeof window>`u`?``:window.location.pathname,n=String(t||``).split(`/`).filter(Boolean),r=n.findIndex(e=>e===`video`||e===`webview`);if(r<0)return{detailId:``,currentSeriesNum:1,episodeIndex:0};let i=n[r+1]||``;try{let e=decodeURIComponent(i),t=n.slice(r+1),a=t.findIndex(e=>e===`episode`),o=v(a>=0?t[a+1]:t[2]);return{detailId:e,currentSeriesNum:o,episodeIndex:Math.max(0,o-1)}}catch{let e=n.slice(r+1),t=e.findIndex(e=>e===`episode`),a=v(t>=0?e[t+1]:e[2]);return{detailId:i,currentSeriesNum:a,episodeIndex:Math.max(0,a-1)}}}function b(e){for(;e.size>5;){let t=e.keys().next().value;if(!t)break;e.delete(t)}}function x(e){let t=e,n=t?.data?.video||t?.video||t;if(!(!n||typeof n!=`object`))return{...n,content_type:1,episode_cnt:n.links?.length||0}}function S(e){let t=String(e||``).trim();return t?[[`video-detail`,t]]:[]}function C(v){let{enabled:C=!0}=v,w=p(),T=y(l()).detailId,E=f({detailId:``}),D=f(null),O=f(new Map),k=f(new Map);d(()=>{E.current={detailId:T},D.current=null},[T]);let A=u(async e=>{let t=String(e||``).trim();if(!t)return;if(E.current.detailId===t&&E.current.information)return E.current.information;let r=m.get(t);if(r)return E.current={detailId:t,information:r},r;let i=S(t).map(e=>w.getQueryData(e)).map(x).find(Boolean);if(i)return E.current={detailId:t,information:i},m.set(t,i),i;if(D.current?.detailId===t)return await D.current.promise;if(h.has(t)){let e=await h.get(t);return e&&(E.current={detailId:t,information:e}),e}let a=n({id:t}).then(e=>{let n=x(e);if(n)return E.current={detailId:t,information:n},m.set(t,n),n});D.current={detailId:t,promise:a},h.set(t,a);try{return await a}finally{D.current?.detailId===t&&(D.current=null),h.get(t)===a&&h.delete(t)}},[w]),j=u(async t=>{let n=String(t||``).trim();if(!n)return``;let r=O.current.get(n);if(r)return r;let a=k.current.get(n);if(a)return await a;let o=(async()=>{try{let t=await e(n);if(!t)return``;let r=i(t.bytes);return O.current.delete(n),O.current.set(n,r),b(O.current),r}catch{return``}finally{k.current.delete(n)}})();return k.current.set(n,o),await o},[]),M=u(async e=>{let t=String(e||``).trim();if(!t)return``;let n=j(t),r,i=new Promise(e=>{r=setTimeout(()=>{e(``)},150)}),a=await Promise.race([n,i]);return r!==void 0&&clearTimeout(r),a},[j]),N=u(async()=>{let e;for(let t=0;t<2;t++){let t=y();if(e=await A(t.detailId),y().detailId===t.detailId)break}let t=y(),n=a(Array.isArray(e?.links)?e.links:[],t.currentSeriesNum),r=n[0]?await o(n[0]):``,i=e?.name||``,s=String(t.detailId||``).trim(),c=t.currentSeriesNum;return{poster:await M(String(e?.img_y||e?.img_x||e?.preview_images?.[0]||``).trim()),src:r,title:i,contentId:s,episode:c}},[A,M]),P=u(async()=>{if(!t.getState().isLogin)return null;let e=y();if(!e.detailId)return null;let n=await c([e.detailId],1);return n?.interaction_list?.[0]?n.interaction_list[0].browse_record:null},[]),F=u(async e=>{if(!t.getState().isLogin)return;let n=y();if(!n.detailId)return;let i=e.browse_episode||n.currentSeriesNum,a=Date.now(),o=String(e.browse_key||a);try{await r({app_id:0,content_type:1,content_id:n.detailId,browse_duration:Number(e.browse_duration||0),browse_episode:String(i),browse_key:o,browse_page_ts:a})}catch{console.error(`上报播放进度失败`)}},[]),I=u(()=>{let e=s.getState(),t=!!e.isOpen,n=g();return!t&&!n?!0:(t&&e.close(),n&&_(),!1)},[]);d(()=>{if(!C||typeof window>`u`)return;let e=window;return e.getVideoInfoAsync=N,e.getVideoBrowseRecordAsync=P,e.reportVideoProgress=F,e.guardWebViewNavigation=I,()=>{e.getVideoInfoAsync===N&&delete e.getVideoInfoAsync,e.getVideoBrowseRecordAsync===P&&delete e.getVideoBrowseRecordAsync,e.reportVideoProgress===F&&delete e.reportVideoProgress,e.guardWebViewNavigation===I&&delete e.guardWebViewNavigation}},[P,N,I,C,F])}export{C as useVideoDetailWebViewBridge};
+'use client';
+
+import { decryptImageToUint8Array } from "../../../../../utils/decrypt-image-client.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gContentGetVideoDetail, pInteractionBrowse } from "../../../../../service/generated/client.mjs";
+import { uint8ArrayToBase64 } from "../../../../../utils/uint8.mjs";
+import { resolveM3u8Urls, resolveVideoPlayerSrc } from "../../../../common/video-player/process-m3u8-cache.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { batchQueryContentInteractions } from "../../../../../hooks/use-content-operate.mjs";
+import { usePathname } from "next/navigation";
+import { useCallback, useEffect, useRef } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+
+//#region components/biz/business/detail/shared/use-video-detail-webview-bridge.ts
+const POSTER_BASE64_CACHE_MAX_SIZE = 5;
+const POSTER_RESOLVE_TIMEOUT_MS = 150;
+const DETAIL_SERIES_POPUP_QUERY_EVENT = "funhub:detail-series-popup-query";
+const DETAIL_SERIES_POPUP_CLOSE_EVENT = "funhub:detail-series-popup-close";
+const SHARED_VIDEO_DETAIL_CACHE = /* @__PURE__ */ new Map();
+const SHARED_VIDEO_DETAIL_INFLIGHT = /* @__PURE__ */ new Map();
+/**
+* 查询详情选集弹窗是否打开（支持多实例合并结果）。
+*/
+function queryIsDetailSeriesPopupOpen() {
+	if (typeof window === "undefined") return false;
+	const detail = { open: false };
+	window.dispatchEvent(new CustomEvent(DETAIL_SERIES_POPUP_QUERY_EVENT, { detail }));
+	return Boolean(detail.open);
+}
+/**
+* 关闭详情选集弹窗（广播给所有实例）。
+*/
+function closeDetailSeriesPopup() {
+	if (typeof window === "undefined") return;
+	window.dispatchEvent(new Event(DETAIL_SERIES_POPUP_CLOSE_EVENT));
+}
+/**
+* 规范化分集序号，兜底为 1。
+*/
+function normalizeSeriesNum(value) {
+	const candidate = Math.floor(Number(value) || 1);
+	return candidate > 0 ? candidate : 1;
+}
+/**
+* 从地址栏解析详情页路由状态：
+* - `/video/:id/:name/episode/:n`
+* - `/webview/:id/:name/episode/:n`
+* - 兼容历史路由：`/video/:id/:name/:n`
+*/
+function resolveVideoDetailRouteStateFromPathname(pathname) {
+	const resolvedPathname = typeof pathname === "string" ? pathname : typeof window === "undefined" ? "" : window.location.pathname;
+	const segments = String(resolvedPathname || "").split("/").filter(Boolean);
+	const routeRootIndex = segments.findIndex((segment) => segment === "video" || segment === "webview");
+	if (routeRootIndex < 0) return {
+		detailId: "",
+		currentSeriesNum: 1,
+		episodeIndex: 0
+	};
+	const rawDetailId = segments[routeRootIndex + 1] || "";
+	try {
+		const decodedDetailId = decodeURIComponent(rawDetailId);
+		const level = segments.slice(routeRootIndex + 1);
+		const episodeTokenIndex = level.findIndex((item) => item === "episode");
+		const currentSeriesNum = normalizeSeriesNum(episodeTokenIndex >= 0 ? level[episodeTokenIndex + 1] : level[2]);
+		return {
+			detailId: decodedDetailId,
+			currentSeriesNum,
+			episodeIndex: Math.max(0, currentSeriesNum - 1)
+		};
+	} catch {
+		const level = segments.slice(routeRootIndex + 1);
+		const episodeTokenIndex = level.findIndex((item) => item === "episode");
+		const currentSeriesNum = normalizeSeriesNum(episodeTokenIndex >= 0 ? level[episodeTokenIndex + 1] : level[2]);
+		return {
+			detailId: rawDetailId,
+			currentSeriesNum,
+			episodeIndex: Math.max(0, currentSeriesNum - 1)
+		};
+	}
+}
+/**
+* 控制 poster base64 缓存上限，避免长期占用内存。
+*/
+function trimPosterBase64Cache(cache) {
+	while (cache.size > POSTER_BASE64_CACHE_MAX_SIZE) {
+		const oldestKey = cache.keys().next().value;
+		if (!oldestKey) break;
+		cache.delete(oldestKey);
+	}
+}
+/**
+* 将接口/缓存中的详情结构统一转换为 SafeInformationType。
+*/
+function resolveSafeInformation(rawData) {
+	const maybeData = rawData;
+	const detail = maybeData?.data?.video || maybeData?.video || maybeData;
+	if (!detail || typeof detail !== "object") return;
+	return {
+		...detail,
+		content_type: 1,
+		episode_cnt: detail.links?.length || 0
+	};
+}
+/**
+* 详情页常见 query key（用于在 WebView bridge 中复用已有请求缓存）。
+*/
+function resolveVideoDetailQueryKeys(detailId) {
+	const resolvedId = String(detailId || "").trim();
+	if (!resolvedId) return [];
+	return [["video-detail", resolvedId]];
+}
+/**
+* 同步 WebView 所需的全局方法与数据。
+*/
+function useVideoDetailWebViewBridge(options) {
+	const { enabled = true } = options;
+	const queryClient = useQueryClient();
+	const resolvedDetailId = resolveVideoDetailRouteStateFromPathname(usePathname()).detailId;
+	const cachedDetailRef = useRef({ detailId: "" });
+	const inflightDetailRef = useRef(null);
+	const posterBase64CacheRef = useRef(/* @__PURE__ */ new Map());
+	const posterBase64InflightRef = useRef(/* @__PURE__ */ new Map());
+	useEffect(() => {
+		cachedDetailRef.current = { detailId: resolvedDetailId };
+		inflightDetailRef.current = null;
+	}, [resolvedDetailId]);
+	const fetchVideoDetailInformation = useCallback(async (detailId) => {
+		const resolvedId = String(detailId || "").trim();
+		if (!resolvedId) return;
+		if (cachedDetailRef.current.detailId === resolvedId && cachedDetailRef.current.information) return cachedDetailRef.current.information;
+		const sharedCachedInformation = SHARED_VIDEO_DETAIL_CACHE.get(resolvedId);
+		if (sharedCachedInformation) {
+			cachedDetailRef.current = {
+				detailId: resolvedId,
+				information: sharedCachedInformation
+			};
+			return sharedCachedInformation;
+		}
+		const queryCachedInformation = resolveVideoDetailQueryKeys(resolvedId).map((key) => queryClient.getQueryData(key)).map(resolveSafeInformation).find(Boolean);
+		if (queryCachedInformation) {
+			cachedDetailRef.current = {
+				detailId: resolvedId,
+				information: queryCachedInformation
+			};
+			SHARED_VIDEO_DETAIL_CACHE.set(resolvedId, queryCachedInformation);
+			return queryCachedInformation;
+		}
+		if (inflightDetailRef.current?.detailId === resolvedId) return await inflightDetailRef.current.promise;
+		if (SHARED_VIDEO_DETAIL_INFLIGHT.has(resolvedId)) {
+			const sharedInflightInformation = await SHARED_VIDEO_DETAIL_INFLIGHT.get(resolvedId);
+			if (sharedInflightInformation) cachedDetailRef.current = {
+				detailId: resolvedId,
+				information: sharedInflightInformation
+			};
+			return sharedInflightInformation;
+		}
+		const promise = gContentGetVideoDetail({ id: resolvedId }).then((response) => {
+			const information = resolveSafeInformation(response);
+			if (!information) return;
+			cachedDetailRef.current = {
+				detailId: resolvedId,
+				information
+			};
+			SHARED_VIDEO_DETAIL_CACHE.set(resolvedId, information);
+			return information;
+		});
+		inflightDetailRef.current = {
+			detailId: resolvedId,
+			promise
+		};
+		SHARED_VIDEO_DETAIL_INFLIGHT.set(resolvedId, promise);
+		try {
+			return await promise;
+		} finally {
+			if (inflightDetailRef.current?.detailId === resolvedId) inflightDetailRef.current = null;
+			if (SHARED_VIDEO_DETAIL_INFLIGHT.get(resolvedId) === promise) SHARED_VIDEO_DETAIL_INFLIGHT.delete(resolvedId);
+		}
+	}, [queryClient]);
+	/**
+	* 拉取/解密 poster，并将结果缓存为 base64。
+	*/
+	const resolvePosterBase64 = useCallback(async (posterUrl) => {
+		const normalizedUrl = String(posterUrl || "").trim();
+		if (!normalizedUrl) return "";
+		const cachedPoster = posterBase64CacheRef.current.get(normalizedUrl);
+		if (cachedPoster) return cachedPoster;
+		const inflightPosterTask = posterBase64InflightRef.current.get(normalizedUrl);
+		if (inflightPosterTask) return await inflightPosterTask;
+		const posterTask = (async () => {
+			try {
+				const res = await decryptImageToUint8Array(normalizedUrl);
+				if (!res) return "";
+				const posterBase64 = uint8ArrayToBase64(res.bytes);
+				posterBase64CacheRef.current.delete(normalizedUrl);
+				posterBase64CacheRef.current.set(normalizedUrl, posterBase64);
+				trimPosterBase64Cache(posterBase64CacheRef.current);
+				return posterBase64;
+			} catch {
+				return "";
+			} finally {
+				posterBase64InflightRef.current.delete(normalizedUrl);
+			}
+		})();
+		posterBase64InflightRef.current.set(normalizedUrl, posterTask);
+		return await posterTask;
+	}, []);
+	/**
+	* poster 拉取超时兜底：超时返回空串，后台任务继续填充缓存。
+	*/
+	const resolvePosterBase64WithTimeout = useCallback(async (posterUrl) => {
+		const normalizedUrl = String(posterUrl || "").trim();
+		if (!normalizedUrl) return "";
+		const posterTask = resolvePosterBase64(normalizedUrl);
+		let timeoutId;
+		const timeoutTask = new Promise((resolve) => {
+			timeoutId = setTimeout(() => {
+				resolve("");
+			}, POSTER_RESOLVE_TIMEOUT_MS);
+		});
+		const poster = await Promise.race([posterTask, timeoutTask]);
+		if (timeoutId !== void 0) clearTimeout(timeoutId);
+		return poster;
+	}, [resolvePosterBase64]);
+	/**
+	* WebView 拉取当前播放信息。
+	*/
+	const getVideoInfoAsync = useCallback(async () => {
+		let information;
+		for (let attempt = 0; attempt < 2; attempt++) {
+			const routeStateBeforeFetch = resolveVideoDetailRouteStateFromPathname();
+			information = await fetchVideoDetailInformation(routeStateBeforeFetch.detailId);
+			if (resolveVideoDetailRouteStateFromPathname().detailId === routeStateBeforeFetch.detailId) break;
+		}
+		const latestRouteState = resolveVideoDetailRouteStateFromPathname();
+		const m3u8Urls = resolveM3u8Urls(Array.isArray(information?.links) ? information.links : [], latestRouteState.currentSeriesNum);
+		const src = m3u8Urls[0] ? await resolveVideoPlayerSrc(m3u8Urls[0]) : "";
+		const title = information?.name || "";
+		const detailId = String(latestRouteState.detailId || "").trim();
+		const seriesNum = latestRouteState.currentSeriesNum;
+		return {
+			poster: await resolvePosterBase64WithTimeout(String(information?.img_y || information?.img_x || information?.preview_images?.[0] || "").trim()),
+			src,
+			title,
+			contentId: detailId,
+			episode: seriesNum
+		};
+	}, [fetchVideoDetailInformation, resolvePosterBase64WithTimeout]);
+	/**
+	* WebView 拉取播放历史。
+	*/
+	const getVideoBrowseRecordAsync = useCallback(async () => {
+		if (!useUserStore.getState().isLogin) return null;
+		const latestRouteState = resolveVideoDetailRouteStateFromPathname();
+		if (!latestRouteState.detailId) return null;
+		const res = await batchQueryContentInteractions([latestRouteState.detailId], 1);
+		if (res?.interaction_list?.[0]) return res.interaction_list[0].browse_record;
+		return null;
+	}, []);
+	/**
+	* WebView 上报播放进度。
+	*/
+	const reportVideoProgress = useCallback(async (payload) => {
+		if (!useUserStore.getState().isLogin) return;
+		const latestRouteState = resolveVideoDetailRouteStateFromPathname();
+		if (!latestRouteState.detailId) return;
+		const resolvedBrowseEpisode = payload.browse_episode || latestRouteState.currentSeriesNum;
+		const browsePageTs = Date.now();
+		const browseKey = String(payload.browse_key || browsePageTs);
+		try {
+			await pInteractionBrowse({
+				app_id: 0,
+				content_type: 1,
+				content_id: latestRouteState.detailId,
+				browse_duration: Number(payload.browse_duration || 0),
+				browse_episode: String(resolvedBrowseEpisode),
+				browse_key: browseKey,
+				browse_page_ts: browsePageTs
+			});
+		} catch {
+			console.error("上报播放进度失败");
+		}
+	}, []);
+	/**
+	* WebView 导航守卫：
+	* - 登录弹窗/选集弹窗打开时：关闭弹窗并返回 false（阻止本次导航）
+	* - 其他情况返回 true（允许导航）
+	*/
+	const guardWebViewNavigation = useCallback(() => {
+		const loginModalStore = useLoginModalStore.getState();
+		const isLoginModalOpen = Boolean(loginModalStore.isOpen);
+		const isSeriesPopupOpen = queryIsDetailSeriesPopupOpen();
+		if (!isLoginModalOpen && !isSeriesPopupOpen) return true;
+		if (isLoginModalOpen) loginModalStore.close();
+		if (isSeriesPopupOpen) closeDetailSeriesPopup();
+		return false;
+	}, []);
+	useEffect(() => {
+		if (!enabled || typeof window === "undefined") return;
+		const runtimeWindow = window;
+		runtimeWindow.getVideoInfoAsync = getVideoInfoAsync;
+		runtimeWindow.getVideoBrowseRecordAsync = getVideoBrowseRecordAsync;
+		runtimeWindow.reportVideoProgress = reportVideoProgress;
+		runtimeWindow.guardWebViewNavigation = guardWebViewNavigation;
+		return () => {
+			if (runtimeWindow.getVideoInfoAsync === getVideoInfoAsync) delete runtimeWindow.getVideoInfoAsync;
+			if (runtimeWindow.getVideoBrowseRecordAsync === getVideoBrowseRecordAsync) delete runtimeWindow.getVideoBrowseRecordAsync;
+			if (runtimeWindow.reportVideoProgress === reportVideoProgress) delete runtimeWindow.reportVideoProgress;
+			if (runtimeWindow.guardWebViewNavigation === guardWebViewNavigation) delete runtimeWindow.guardWebViewNavigation;
+		};
+	}, [
+		getVideoBrowseRecordAsync,
+		getVideoInfoAsync,
+		guardWebViewNavigation,
+		enabled,
+		reportVideoProgress
+	]);
+}
+
+//#endregion
+export { useVideoDetailWebViewBridge };

package/dist/components/biz/business/detail/shared/video-detail-server-data.mjs

@@ -1,2 +1,47 @@
 
-import{gContentGetVideoDetail as e}from"../../../../../service/generated/client.mjs";import{cache as t}from"react";function n(e){if(!e||typeof e!=`object`)return null;let t=e,n=Array.isArray(t.links)?t.links:[];return{...t,mid:String(t.mid||t.id||``),content_type:1,episode_cnt:n.length}}const r=t(async t=>{let r=String(t||``).trim();if(!r)return null;try{return n((await e({id:r},{revalidate:86400,tags:[`video-detail:ssr:${r}`]})).data?.video)}catch(e){return console.error(`详情物料服务端获取视频详情失败`,e),null}});async function i(e){let t=String(e||``).trim();return t?await r(t):null}export{i as getVideoDetailServerInformation};
+import { gContentGetVideoDetail } from "../../../../../service/generated/client.mjs";
+import { cache } from "react";
+
+//#region components/biz/business/detail/shared/video-detail-server-data.ts
+const VIDEO_DETAIL_SERVER_REVALIDATE_SECONDS = 1440 * 60;
+/**
+* 将视频详情接口数据映射为详情物料可消费的运行时信息。
+*/
+function normalizeVideoDetailToInformation(detail) {
+	if (!detail || typeof detail !== "object") return null;
+	const raw = detail;
+	const links = Array.isArray(raw.links) ? raw.links : [];
+	return {
+		...raw,
+		mid: String(raw.mid || raw.id || ""),
+		content_type: 1,
+		episode_cnt: links.length
+	};
+}
+/**
+* 服务端获取视频详情（24 小时缓存 + 同请求去重）。
+*/
+const fetchVideoDetailInformationCached = cache(async (detailId) => {
+	const resolvedDetailId = String(detailId || "").trim();
+	if (!resolvedDetailId) return null;
+	try {
+		return normalizeVideoDetailToInformation((await gContentGetVideoDetail({ id: resolvedDetailId }, {
+			revalidate: VIDEO_DETAIL_SERVER_REVALIDATE_SECONDS,
+			tags: [`video-detail:ssr:${resolvedDetailId}`]
+		})).data?.video);
+	} catch (error) {
+		console.error("详情物料服务端获取视频详情失败", error);
+		return null;
+	}
+});
+/**
+* 获取详情物料服务端渲染所需的视频信息。
+*/
+async function getVideoDetailServerInformation(detailId) {
+	const resolvedDetailId = String(detailId || "").trim();
+	if (!resolvedDetailId) return null;
+	return await fetchVideoDetailInformationCached(resolvedDetailId);
+}
+
+//#endregion
+export { getVideoDetailServerInformation };