@funhub/platform 0.2.16 → 0.2.18

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

@@ -1,321 +1,2 @@
 
-'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 { useCallback, useEffect, useRef } from "react";
-import { usePathname } from "next/navigation";
-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 };
+"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{useCallback as l,useEffect as u,useRef as d}from"react";import{usePathname as f}from"next/navigation";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(f()).detailId,E=d({detailId:``}),D=d(null),O=d(new Map),k=d(new Map);u(()=>{E.current={detailId:T},D.current=null},[T]);let A=l(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=l(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=l(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=l(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=l(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=l(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=l(()=>{let e=s.getState(),t=!!e.isOpen,n=g();return!t&&!n?!0:(t&&e.close(),n&&_(),!1)},[]);u(()=>{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};

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

@@ -1,47 +1,2 @@
 
-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 };
+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};