@funhub/platform 0.2.16 → 0.2.17

package/dist/components/pages/feed-series/feed-series-client.mjs

@@ -1,386 +1,2 @@
 
-'use client';
-
-import { getChannelList } from "../../biz/utils/helpers/get-channel-list.mjs";
-import { useFollowIdsState } from "../../../store/modules/follow-ids-store.mjs";
-import { useUserStore } from "../../../store/modules/user-store.mjs";
-import { gContentGetAppChannels, gContentGetVideoDetail } from "../../../service/generated/client.mjs";
-import { usePageLifecycle } from "../../../utils/tracking.mjs";
-import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
-import { useRequest } from "../../../hooks/query/use-query.mjs";
-import { queryKey } from "../../../constants/query-key.mjs";
-import { useKeepAliveState } from "../../common/keep-scroll-position/index.mjs";
-import { batchQueryContentInteractions } from "../../../hooks/use-content-operate.mjs";
-import FullscreenFeedClient from "../../biz/basics/fullscreen-feed/runtime/client.mjs";
-import detail_search_bar_default from "../../biz/business/search-bar/variants/detail-search-bar/index.mjs";
-import { SeriesEpisodes } from "../../common/series-episodes/index.mjs";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/feed-series/feed-series-client.tsx
-function normalizeSeriesLinks(links, fallbackId) {
-	return (links || []).map((link, index) => ({
-		id: link.id || `${fallbackId || "episode"}-${index + 1}`,
-		name: link.name || String(index + 1),
-		preview_m3u8_url: link.preview_m3u8_url || link.preview_m3u8url || "",
-		m3u8_url: link.m3u8_url || link.m3u8url || ""
-	}));
-}
-function buildSeriesContents(detail, seriesIdFromRoute, formatEpisodeLabel) {
-	const detailId = detail.id || "";
-	const operateId = seriesIdFromRoute || detailId;
-	const seriesLinks = normalizeSeriesLinks(detail.links, operateId);
-	const detailStatic = detail.static;
-	const score = detail.score === void 0 || detail.score === null ? void 0 : Number(detail.score);
-	const duration = detail.duration === void 0 || detail.duration === null ? void 0 : Number(detail.duration);
-	const baseInfo = {
-		id: operateId,
-		mid: operateId,
-		name: detail.name || "",
-		img_x: detail.img_x || "",
-		img_y: detail.img_y || "",
-		img_type: detail.img_type || "",
-		cat_id: detail.cat_id || "",
-		cat_name: detail.cat_name || "",
-		status: detail.status || "",
-		status_text: detail.status_text || "",
-		show_at: detail.show_at || "",
-		tags: [],
-		update_status: detail.update_status || "",
-		description: detail.description || "",
-		language: detail.language || "",
-		director: detail.director || "",
-		issue_date: detail.issue_date || "",
-		actor: detail.actor || "",
-		up_user: detail.up_user || "",
-		money: detail.money || "",
-		source_username: detail.source_username || "",
-		task_id: detail.task_id || "",
-		file_status: detail.file_status || "",
-		score: Number.isFinite(score) ? score : void 0,
-		duration: Number.isFinite(duration) ? duration : void 0,
-		episode_cnt: seriesLinks.length || 0,
-		links: [],
-		static: {
-			browse_cnt: Number(detailStatic?.browse_cnt || 0),
-			collect_cnt: Number(detailStatic?.collect_cnt || 0),
-			comment_cnt: Number(detail.comment_count ?? detailStatic?.comment_cnt ?? 0),
-			like_cnt: Number(detailStatic?.like_cnt || 0),
-			share_cnt: Number(detailStatic?.share_cnt || 0),
-			dislike_cnt: Number(detailStatic?.dislike_cnt || 0)
-		},
-		type: detail.type ?? detail.content_type,
-		author: {
-			avatar: "",
-			user_id: "",
-			nick_name: "",
-			user_name: "",
-			is_verified: false
-		}
-	};
-	if (seriesLinks.length === 0) return {
-		seriesTitle: baseInfo.name,
-		seriesList: [],
-		contents: [{
-			...baseInfo,
-			links: []
-		}]
-	};
-	const contents = seriesLinks.map((link, index) => {
-		const episodeId = link.id || `${operateId || "episode"}-${index + 1}`;
-		const episodeName = formatEpisodeLabel(index + 1);
-		const episodeLinks = [link, ...seriesLinks.filter((item) => item.id !== link.id)];
-		return {
-			...baseInfo,
-			id: episodeId,
-			mid: operateId,
-			episode_name: episodeName,
-			links: episodeLinks
-		};
-	});
-	return {
-		seriesTitle: baseInfo.name,
-		seriesList: seriesLinks,
-		contents
-	};
-}
-function FeedSeriesClient({ params, initialContents }) {
-	const t = useTranslations("components.pages.feedSeries");
-	usePageLifecycle("page_feed_series", "短剧");
-	const tSeriesEpisodes = useTranslations("components.common.seriesEpisodes");
-	const { locale, seriesId, episodeNum = "1" } = params;
-	const { userInfo, isLogin } = useUserStore();
-	const { followIds, setFollowIds } = useFollowIdsState();
-	const stableInitialContents = useMemo(() => initialContents ?? [], [initialContents]);
-	const [overrides, setOverrides] = useState({});
-	const { data: _channelDataRes } = useRequest([queryKey.CHANNEL], () => gContentGetAppChannels());
-	const channelDataList = getChannelList(_channelDataRes?.data);
-	const keepAliveKey = useMemo(() => {
-		return `feed-series:${locale || "default"}:${seriesId}`;
-	}, [locale, seriesId]);
-	const initialIndex = useMemo(() => {
-		const parsed = Number.parseInt(episodeNum ?? "1", 10);
-		if (Number.isNaN(parsed)) return 0;
-		return Math.max(0, parsed - 1);
-	}, [episodeNum]);
-	const [activeIndex, setActiveIndex] = useKeepAliveState(`${keepAliveKey}-active-index`, initialIndex);
-	const [userInteracted, setUserInteracted] = useKeepAliveState(`${keepAliveKey}-user-interacted`, false);
-	const [showEpisodeTitle, setShowEpisodeTitle] = useKeepAliveState(`${keepAliveKey}-series-title-toggle`, false);
-	const [isSeriesSelectorOpen, setIsSeriesSelectorOpen] = useState(false);
-	const topBarRef = useRef(null);
-	const [topOffset, setTopOffset] = useState(0);
-	const searchBar = /* @__PURE__ */ jsx("div", {
-		ref: topBarRef,
-		className: "fixed top-0 left-0 right-0 z-40",
-		children: /* @__PURE__ */ jsx(detail_search_bar_default, { data: { list: channelDataList } })
-	});
-	useLayoutEffect(() => {
-		const el = topBarRef.current;
-		if (!el) return;
-		const update = () => {
-			setTopOffset(Math.max(0, Math.round(el.getBoundingClientRect().height)));
-		};
-		update();
-		const resizeObserver = new ResizeObserver(() => update());
-		resizeObserver.observe(el);
-		return () => {
-			resizeObserver.disconnect();
-		};
-	}, []);
-	const { data: videoDetailRes, isFetching: isDetailFetching } = useRequest(useMemo(() => {
-		return ["feed-series-detail", seriesId];
-	}, [seriesId]), async () => {
-		if (!seriesId) return null;
-		return await gContentGetVideoDetail({ id: seriesId });
-	}, { enabled: Boolean(seriesId) && stableInitialContents.length === 0 });
-	const detail = useMemo(() => {
-		return videoDetailRes?.data?.video;
-	}, [videoDetailRes]);
-	const built = useMemo(() => {
-		if (!detail) return null;
-		return buildSeriesContents(detail, seriesId, (episode) => tSeriesEpisodes("episodeLabel", { episode }));
-	}, [
-		detail,
-		seriesId,
-		tSeriesEpisodes
-	]);
-	const baseContents = useMemo(() => {
-		if (stableInitialContents.length > 0) return stableInitialContents;
-		return built?.contents ?? [];
-	}, [built?.contents, stableInitialContents]);
-	const resolvedContents = useMemo(() => {
-		if (Object.keys(overrides).length === 0) return baseContents;
-		return baseContents.map((item) => {
-			const patch = overrides[item.id];
-			if (!patch) return item;
-			return {
-				...item,
-				...patch,
-				static: patch.static ? {
-					...item.static,
-					...patch.static
-				} : item.static,
-				author: patch.author ? {
-					...item.author,
-					...patch.author
-				} : item.author
-			};
-		});
-	}, [baseContents, overrides]);
-	const seriesTitle = built?.seriesTitle ?? (stableInitialContents[0]?.name || "");
-	const seriesList = built?.seriesList ?? [];
-	const { data: interactionData } = useRequest(useMemo(() => {
-		return [
-			"feed-series-interactions",
-			seriesId,
-			isLogin
-		];
-	}, [isLogin, seriesId]), async () => {
-		return await batchQueryContentInteractions([seriesId], 1);
-	}, { enabled: Boolean(isLogin) && Boolean(seriesId) });
-	const interactionList = useMemo(() => {
-		return interactionData?.interaction_list;
-	}, [interactionData]);
-	useEffect(() => {
-		if (!interactionList || interactionList.length === 0) return;
-		const interaction = interactionList.find((item) => item.content_id === seriesId) || interactionList[0];
-		if (!interaction) return;
-		setOverrides((prev) => {
-			let hasChange = false;
-			const next = { ...prev };
-			for (const item of baseContents) {
-				const prevItem = next[item.id];
-				const nextItem = {
-					...prevItem,
-					is_liked: interaction.is_liked || false,
-					is_dislike: interaction.is_disliked ?? interaction.is_dislike ?? false,
-					is_collected: interaction.is_collected || false,
-					is_followed: interaction.is_followed || false
-				};
-				if (!prevItem || prevItem.is_liked !== nextItem.is_liked || prevItem.is_dislike !== nextItem.is_dislike || prevItem.is_collected !== nextItem.is_collected || prevItem.is_followed !== nextItem.is_followed) {
-					hasChange = true;
-					next[item.id] = nextItem;
-				}
-			}
-			return hasChange ? next : prev;
-		});
-	}, [
-		interactionList,
-		baseContents,
-		seriesId
-	]);
-	const handleEpisodeNavigate = useCallback(({}) => {
-		if (typeof window === "undefined") {}
-	}, []);
-	const handleRequireLogin = useCallback(() => {
-		useLoginModalStore.getState().open();
-	}, []);
-	const handleDataUpdate = useCallback((id, patch) => {
-		const shouldBroadcast = patch.is_liked !== void 0 || patch.is_dislike !== void 0 || patch.is_collected !== void 0 || patch.is_followed !== void 0 || patch.static?.like_cnt !== void 0 || patch.static?.dislike_cnt !== void 0 || patch.static?.collect_cnt !== void 0 || patch.static?.comment_cnt !== void 0;
-		setOverrides((prev) => {
-			if (!shouldBroadcast) return {
-				...prev,
-				[id]: {
-					...prev[id],
-					...patch,
-					static: patch.static ? {
-						...prev[id]?.static,
-						...patch.static
-					} : prev[id]?.static,
-					author: patch.author ? {
-						...prev[id]?.author,
-						...patch.author
-					} : prev[id]?.author
-				}
-			};
-			let hasChange = false;
-			const next = { ...prev };
-			for (const item of baseContents) {
-				const key = item.id;
-				const prevItem = next[key];
-				const nextStatic = patch.static ? {
-					...prevItem?.static || {},
-					...patch.static
-				} : prevItem?.static;
-				const nextAuthor = patch.author ? {
-					...prevItem?.author || {},
-					...patch.author
-				} : prevItem?.author;
-				const merged = {
-					...prevItem,
-					...patch,
-					static: nextStatic,
-					author: nextAuthor
-				};
-				let changed = false;
-				if (patch.is_liked !== void 0 && prevItem?.is_liked !== patch.is_liked) changed = true;
-				if (patch.is_dislike !== void 0 && prevItem?.is_dislike !== patch.is_dislike) changed = true;
-				if (patch.is_collected !== void 0 && prevItem?.is_collected !== patch.is_collected) changed = true;
-				if (patch.is_followed !== void 0 && prevItem?.is_followed !== patch.is_followed) changed = true;
-				if (patch.static) {
-					const prevStatic = prevItem?.static || {};
-					if (patch.static.like_cnt !== void 0 && prevStatic.like_cnt !== patch.static.like_cnt) changed = true;
-					if (patch.static.dislike_cnt !== void 0 && prevStatic.dislike_cnt !== patch.static.dislike_cnt) changed = true;
-					if (patch.static.collect_cnt !== void 0 && prevStatic.collect_cnt !== patch.static.collect_cnt) changed = true;
-					if (patch.static.comment_cnt !== void 0 && prevStatic.comment_cnt !== patch.static.comment_cnt) changed = true;
-				}
-				if (patch.author && prevItem?.author) {
-					const prevAuthor = prevItem.author;
-					const patchAuthor = patch.author;
-					for (const field of Object.keys(patchAuthor)) if (prevAuthor?.[field] !== patchAuthor[field]) {
-						changed = true;
-						break;
-					}
-				}
-				if (!changed) continue;
-				hasChange = true;
-				next[key] = merged;
-			}
-			return hasChange ? next : prev;
-		});
-	}, [baseContents]);
-	const handleActiveIndexChange = useCallback((nextIndex, direction) => {
-		setActiveIndex(nextIndex);
-		handleEpisodeNavigate({
-			episodeId: seriesId,
-			episodeNum: nextIndex + 1,
-			mode: direction === "jump" ? "replace" : "push"
-		});
-	}, [handleEpisodeNavigate, seriesId]);
-	const getNavigationInfo = useCallback(() => {
-		return {
-			showSeriesButton: true,
-			seriesTitle,
-			seriesText: `${activeIndex + 1}/${seriesList.length || resolvedContents.length}`,
-			onSeriesClick: () => setIsSeriesSelectorOpen(true)
-		};
-	}, [
-		activeIndex,
-		resolvedContents.length,
-		seriesList.length,
-		seriesTitle
-	]);
-	const activeEpisodeId = useMemo(() => {
-		return resolvedContents[activeIndex]?.links?.[0]?.id || "";
-	}, [activeIndex, resolvedContents]);
-	if (!seriesId) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsxs("div", {
-		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
-		children: [
-			t("feedSeriesClient.missingEpisode"),
-			" ",
-			"ID"
-		]
-	})] });
-	if (isDetailFetching && baseContents.length === 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsxs("div", {
-		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
-		children: [t("feedSeriesClient.episodeLoading"), "..."]
-	})] });
-	if (!isDetailFetching && baseContents.length === 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsx("div", {
-		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
-		children: t("feedSeriesClient.noEpisodes")
-	})] });
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		searchBar,
-		/* @__PURE__ */ jsx(FullscreenFeedClient, {
-			items: resolvedContents,
-			activeIndex,
-			top: topOffset,
-			videoConfig: {
-				loop: false,
-				autoNext: true
-			},
-			userInteracted,
-			onUserInteracted: () => setUserInteracted(true),
-			onActiveIndexChange: handleActiveIndexChange,
-			onDataUpdate: handleDataUpdate,
-			getNavigationInfo,
-			currentUserId: userInfo.userId || void 0,
-			followIds,
-			onFollowIdsChange: setFollowIds,
-			commentContentId: seriesId,
-			onRequireLogin: handleRequireLogin,
-			activeEpisodeId
-		}),
-		isSeriesSelectorOpen && /* @__PURE__ */ jsx(SeriesEpisodes, {
-			mode: "selector",
-			variant: "sheet",
-			open: isSeriesSelectorOpen,
-			title: t("feedSeriesClient.episodeSelectorTitle"),
-			videoTitle: detail?.name,
-			updateStatus: detail?.update_status,
-			seriesList,
-			activeEpisodeId,
-			showEpisodeTitle,
-			onToggleTitle: setShowEpisodeTitle,
-			onClose: () => setIsSeriesSelectorOpen(false),
-			onSelectEpisode: (episodeId, episodeNum) => {
-				setIsSeriesSelectorOpen(false);
-				handleActiveIndexChange(Math.max(0, episodeNum - 1), "jump");
-			}
-		})
-	] });
-}
-
-//#endregion
-export { FeedSeriesClient as default };
+"use client";import{getChannelList as e}from"../../biz/utils/helpers/get-channel-list.mjs";import{useFollowIdsState as t}from"../../../store/modules/follow-ids-store.mjs";import{useUserStore as n}from"../../../store/modules/user-store.mjs";import{gContentGetAppChannels as r,gContentGetVideoDetail as i}from"../../../service/generated/client.mjs";import{usePageLifecycle as a}from"../../../utils/tracking.mjs";import{useLoginModalStore as o}from"../../../store/modules/login-modal-store.mjs";import{useRequest as s}from"../../../hooks/query/use-query.mjs";import{queryKey as c}from"../../../constants/query-key.mjs";import{useKeepAliveState as l}from"../../common/keep-scroll-position/index.mjs";import{batchQueryContentInteractions as u}from"../../../hooks/use-content-operate.mjs";import ee from"../../biz/basics/fullscreen-feed/runtime/client.mjs";import d from"../../biz/business/search-bar/variants/detail-search-bar/index.mjs";import{SeriesEpisodes as f}from"../../common/series-episodes/index.mjs";import{useCallback as p,useEffect as te,useLayoutEffect as ne,useMemo as m,useRef as re,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";function b(e,t){return(e||[]).map((e,n)=>({id:e.id||`${t||`episode`}-${n+1}`,name:e.name||String(n+1),preview_m3u8_url:e.preview_m3u8_url||e.preview_m3u8url||``,m3u8_url:e.m3u8_url||e.m3u8url||``}))}function ie(e,t,n){let r=e.id||``,i=t||r,a=b(e.links,i),o=e.static,s=e.score===void 0||e.score===null?void 0:Number(e.score),c=e.duration===void 0||e.duration===null?void 0:Number(e.duration),l={id:i,mid:i,name:e.name||``,img_x:e.img_x||``,img_y:e.img_y||``,img_type:e.img_type||``,cat_id:e.cat_id||``,cat_name:e.cat_name||``,status:e.status||``,status_text:e.status_text||``,show_at:e.show_at||``,tags:[],update_status:e.update_status||``,description:e.description||``,language:e.language||``,director:e.director||``,issue_date:e.issue_date||``,actor:e.actor||``,up_user:e.up_user||``,money:e.money||``,source_username:e.source_username||``,task_id:e.task_id||``,file_status:e.file_status||``,score:Number.isFinite(s)?s:void 0,duration:Number.isFinite(c)?c:void 0,episode_cnt:a.length||0,links:[],static:{browse_cnt:Number(o?.browse_cnt||0),collect_cnt:Number(o?.collect_cnt||0),comment_cnt:Number(e.comment_count??o?.comment_cnt??0),like_cnt:Number(o?.like_cnt||0),share_cnt:Number(o?.share_cnt||0),dislike_cnt:Number(o?.dislike_cnt||0)},type:e.type??e.content_type,author:{avatar:``,user_id:``,nick_name:``,user_name:``,is_verified:!1}};if(a.length===0)return{seriesTitle:l.name,seriesList:[],contents:[{...l,links:[]}]};let u=a.map((e,t)=>{let r=e.id||`${i||`episode`}-${t+1}`,o=n(t+1),s=[e,...a.filter(t=>t.id!==e.id)];return{...l,id:r,mid:i,episode_name:o,links:s}});return{seriesTitle:l.name,seriesList:a,contents:u}}function x({params:b,initialContents:x}){let S=y(`components.pages.feedSeries`);a(`page_feed_series`,`短剧`);let C=y(`components.common.seriesEpisodes`),{locale:w,seriesId:T,episodeNum:E=`1`}=b,{userInfo:ae,isLogin:D}=n(),{followIds:O,setFollowIds:oe}=t(),k=m(()=>x??[],[x]),[A,j]=h({}),{data:M}=s([c.CHANNEL],()=>r()),se=e(M?.data),N=m(()=>`feed-series:${w||`default`}:${T}`,[w,T]),ce=m(()=>{let e=Number.parseInt(E??`1`,10);return Number.isNaN(e)?0:Math.max(0,e-1)},[E]),[P,le]=l(`${N}-active-index`,ce),[ue,de]=l(`${N}-user-interacted`,!1),[fe,pe]=l(`${N}-series-title-toggle`,!1),[F,I]=h(!1),L=re(null),[R,z]=h(0),B=_(`div`,{ref:L,className:`fixed top-0 left-0 right-0 z-40`,children:_(d,{data:{list:se}})});ne(()=>{let e=L.current;if(!e)return;let t=()=>{z(Math.max(0,Math.round(e.getBoundingClientRect().height)))};t();let n=new ResizeObserver(()=>t());return n.observe(e),()=>{n.disconnect()}},[]);let{data:V,isFetching:H}=s(m(()=>[`feed-series-detail`,T],[T]),async()=>T?await i({id:T}):null,{enabled:!!T&&k.length===0}),U=m(()=>V?.data?.video,[V]),W=m(()=>U?ie(U,T,e=>C(`episodeLabel`,{episode:e})):null,[U,T,C]),G=m(()=>k.length>0?k:W?.contents??[],[W?.contents,k]),K=m(()=>Object.keys(A).length===0?G:G.map(e=>{let t=A[e.id];return t?{...e,...t,static:t.static?{...e.static,...t.static}:e.static,author:t.author?{...e.author,...t.author}:e.author}:e}),[G,A]),q=W?.seriesTitle??(k[0]?.name||``),J=W?.seriesList??[],{data:Y}=s(m(()=>[`feed-series-interactions`,T,D],[D,T]),async()=>await u([T],1),{enabled:!!D&&!!T}),X=m(()=>Y?.interaction_list,[Y]);te(()=>{if(!X||X.length===0)return;let e=X.find(e=>e.content_id===T)||X[0];e&&j(t=>{let n=!1,r={...t};for(let t of G){let i=r[t.id],a={...i,is_liked:e.is_liked||!1,is_dislike:e.is_disliked??e.is_dislike??!1,is_collected:e.is_collected||!1,is_followed:e.is_followed||!1};(!i||i.is_liked!==a.is_liked||i.is_dislike!==a.is_dislike||i.is_collected!==a.is_collected||i.is_followed!==a.is_followed)&&(n=!0,r[t.id]=a)}return n?r:t})},[X,G,T]);let Z=p(({})=>{},[]),me=p(()=>{o.getState().open()},[]),he=p((e,t)=>{let n=t.is_liked!==void 0||t.is_dislike!==void 0||t.is_collected!==void 0||t.is_followed!==void 0||t.static?.like_cnt!==void 0||t.static?.dislike_cnt!==void 0||t.static?.collect_cnt!==void 0||t.static?.comment_cnt!==void 0;j(r=>{if(!n)return{...r,[e]:{...r[e],...t,static:t.static?{...r[e]?.static,...t.static}:r[e]?.static,author:t.author?{...r[e]?.author,...t.author}:r[e]?.author}};let i=!1,a={...r};for(let e of G){let n=e.id,r=a[n],o=t.static?{...r?.static||{},...t.static}:r?.static,s=t.author?{...r?.author||{},...t.author}:r?.author,c={...r,...t,static:o,author:s},l=!1;if(t.is_liked!==void 0&&r?.is_liked!==t.is_liked&&(l=!0),t.is_dislike!==void 0&&r?.is_dislike!==t.is_dislike&&(l=!0),t.is_collected!==void 0&&r?.is_collected!==t.is_collected&&(l=!0),t.is_followed!==void 0&&r?.is_followed!==t.is_followed&&(l=!0),t.static){let e=r?.static||{};t.static.like_cnt!==void 0&&e.like_cnt!==t.static.like_cnt&&(l=!0),t.static.dislike_cnt!==void 0&&e.dislike_cnt!==t.static.dislike_cnt&&(l=!0),t.static.collect_cnt!==void 0&&e.collect_cnt!==t.static.collect_cnt&&(l=!0),t.static.comment_cnt!==void 0&&e.comment_cnt!==t.static.comment_cnt&&(l=!0)}if(t.author&&r?.author){let e=r.author,n=t.author;for(let t of Object.keys(n))if(e?.[t]!==n[t]){l=!0;break}}l&&(i=!0,a[n]=c)}return i?a:r})},[G]),Q=p((e,t)=>{le(e),Z({episodeId:T,episodeNum:e+1,mode:t===`jump`?`replace`:`push`})},[Z,T]),ge=p(()=>({showSeriesButton:!0,seriesTitle:q,seriesText:`${P+1}/${J.length||K.length}`,onSeriesClick:()=>I(!0)}),[P,K.length,J.length,q]),$=m(()=>K[P]?.links?.[0]?.id||``,[P,K]);return T?H&&G.length===0?v(g,{children:[B,v(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:[S(`feedSeriesClient.episodeLoading`),`...`]})]}):!H&&G.length===0?v(g,{children:[B,_(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:S(`feedSeriesClient.noEpisodes`)})]}):v(g,{children:[B,_(ee,{items:K,activeIndex:P,top:R,videoConfig:{loop:!1,autoNext:!0},userInteracted:ue,onUserInteracted:()=>de(!0),onActiveIndexChange:Q,onDataUpdate:he,getNavigationInfo:ge,currentUserId:ae.userId||void 0,followIds:O,onFollowIdsChange:oe,commentContentId:T,onRequireLogin:me,activeEpisodeId:$}),F&&_(f,{mode:`selector`,variant:`sheet`,open:F,title:S(`feedSeriesClient.episodeSelectorTitle`),videoTitle:U?.name,updateStatus:U?.update_status,seriesList:J,activeEpisodeId:$,showEpisodeTitle:fe,onToggleTitle:pe,onClose:()=>I(!1),onSelectEpisode:(e,t)=>{I(!1),Q(Math.max(0,t-1),`jump`)}})]}):v(g,{children:[B,v(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:[S(`feedSeriesClient.missingEpisode`),` `,`ID`]})]})}export{x as default};

package/dist/components/pages/feed-series/page.mjs

@@ -1,98 +1,2 @@
 
-import { gContentGetVideoDetail } from "../../../service/generated/client.mjs";
-import { normalizeEpisodeNumber, warmupProcessM3u8Auto } from "../../common/video-player/process-m3u8-cache.mjs";
-import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
-import { defaultLocale, isValidLocale, resolveLocaleByPriority, resolveLocaleFromAcceptLanguage } from "../../../i18n.mjs";
-import { getTranslator } from "../../../i18n/translator.mjs";
-import FeedSeriesClient from "./feed-series-client.mjs";
-import { Suspense } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cookies, headers } from "next/headers";
-
-//#region components/pages/feed-series/page.tsx
-function resolveLocale(requestedLocale) {
-	if (isValidLocale(requestedLocale)) return requestedLocale;
-	return defaultLocale;
-}
-function resolveFeedSeriesLoadingText(locale) {
-	return getTranslator(locale)("components.pages.feedSeries.page.videoLoading");
-}
-/**
-* feed-series 页面骨架屏：模拟顶部搜索栏、播放器 loading、右侧操作区与底部信息区。
-*/
-function FeedSeriesPageSkeleton({ loadingText }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative h-screen w-full overflow-hidden bg-black text-white",
-		children: [
-			/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_50%_20%,rgba(255,255,255,0.14),rgba(0,0,0,0.9)_55%)]" }),
-			/* @__PURE__ */ jsx("div", {
-				className: "absolute left-0 top-0 z-20 w-full px-4 pt-[max(env(safe-area-inset-top),14px)]",
-				children: /* @__PURE__ */ jsx("div", { className: "h-10 w-full animate-pulse rounded-full bg-white/15" })
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "relative flex h-[92px] w-[92px] items-center justify-center",
-					children: [/* @__PURE__ */ jsx("span", { className: "absolute h-[68px] w-[68px] rounded-full bg-black/55 backdrop-blur-sm" }), /* @__PURE__ */ jsx("span", { className: "h-10 w-10 animate-spin rounded-full border-[3px] border-white/25 border-t-white" })]
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "pointer-events-none absolute left-0 right-0 top-[calc(50%+62px)] z-10 text-center text-xs text-white/70",
-				children: loadingText
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "absolute right-3 bottom-10 z-20 flex flex-col items-center gap-4",
-				children: [
-					/* @__PURE__ */ jsx("div", { className: "h-12 w-12 animate-pulse rounded-full bg-white/20" }),
-					/* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-pulse rounded-full bg-white/20" }),
-					/* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-pulse rounded-full bg-white/20" }),
-					/* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-pulse rounded-full bg-white/20" })
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "absolute bottom-0 left-0 right-[56px] z-20 p-4",
-				children: [
-					/* @__PURE__ */ jsx("div", { className: "mb-3 h-5 w-[120px] animate-pulse rounded bg-white/20" }),
-					/* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-[75%] animate-pulse rounded bg-white/15" }),
-					/* @__PURE__ */ jsx("div", { className: "mb-4 h-4 w-[58%] animate-pulse rounded bg-white/15" }),
-					/* @__PURE__ */ jsx("div", { className: "h-10 w-full animate-pulse rounded-lg bg-white/20" })
-				]
-			})
-		]
-	});
-}
-/**
-* feed-series 页面数据容器：服务端预取剧集详情并触发 m3u8 预热。
-*/
-async function FeedSeriesPageContent(props) {
-	const params = props?.params || {};
-	const seriesId = params.seriesId || "";
-	const episodeNum = normalizeEpisodeNumber(params.episodeNum, 1);
-	const prefetch = [];
-	if (seriesId) {
-		const detailRes = await gContentGetVideoDetail({ id: seriesId });
-		warmupProcessM3u8Auto(detailRes?.data?.video?.links, episodeNum);
-		prefetch.push({
-			queryKey: ["feed-series-detail", seriesId],
-			queryFn: () => Promise.resolve(detailRes)
-		});
-	}
-	return /* @__PURE__ */ jsx(HydrationBoundary, {
-		prefetch,
-		children: /* @__PURE__ */ jsx(FeedSeriesClient, { ...props })
-	});
-}
-/**
-* feed-series 页面：通过 Suspense 在 SSR 拉取期间展示骨架屏。
-*/
-async function FeedSeriesPage(props) {
-	const cookieStore = await cookies();
-	const headerStore = await headers();
-	return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx(FeedSeriesPageSkeleton, { loadingText: resolveFeedSeriesLoadingText(resolveLocale(resolveLocaleByPriority(cookieStore.get("NEXT_LOCALE")?.value, resolveLocaleFromAcceptLanguage(headerStore.get("accept-language")), defaultLocale))) }),
-		children: /* @__PURE__ */ jsx(FeedSeriesPageContent, { ...props })
-	});
-}
-
-//#endregion
-export { FeedSeriesPage as default };
+import{gContentGetVideoDetail as e}from"../../../service/generated/client.mjs";import{normalizeEpisodeNumber as t,warmupProcessM3u8Auto as n}from"../../common/video-player/process-m3u8-cache.mjs";import{HydrationBoundary as r}from"../../../hooks/query/hydration-boundary.mjs";import{defaultLocale as i,isValidLocale as a,resolveLocaleByPriority as o,resolveLocaleFromAcceptLanguage as s}from"../../../i18n.mjs";import{getTranslator as c}from"../../../i18n/translator.mjs";import l from"./feed-series-client.mjs";import{Suspense as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{cookies as p,headers as m}from"next/headers";function h(e){return a(e)?e:i}function g(e){return c(e)(`components.pages.feedSeries.page.videoLoading`)}function _({loadingText:e}){return f(`div`,{className:`relative h-screen w-full overflow-hidden bg-black text-white`,children:[d(`div`,{className:`absolute inset-0 bg-[radial-gradient(circle_at_50%_20%,rgba(255,255,255,0.14),rgba(0,0,0,0.9)_55%)]`}),d(`div`,{className:`absolute left-0 top-0 z-20 w-full px-4 pt-[max(env(safe-area-inset-top),14px)]`,children:d(`div`,{className:`h-10 w-full animate-pulse rounded-full bg-white/15`})}),d(`div`,{className:`pointer-events-none absolute inset-0 z-10 flex items-center justify-center`,children:f(`div`,{className:`relative flex h-[92px] w-[92px] items-center justify-center`,children:[d(`span`,{className:`absolute h-[68px] w-[68px] rounded-full bg-black/55 backdrop-blur-sm`}),d(`span`,{className:`h-10 w-10 animate-spin rounded-full border-[3px] border-white/25 border-t-white`})]})}),d(`div`,{className:`pointer-events-none absolute left-0 right-0 top-[calc(50%+62px)] z-10 text-center text-xs text-white/70`,children:e}),f(`div`,{className:`absolute right-3 bottom-10 z-20 flex flex-col items-center gap-4`,children:[d(`div`,{className:`h-12 w-12 animate-pulse rounded-full bg-white/20`}),d(`div`,{className:`h-6 w-6 animate-pulse rounded-full bg-white/20`}),d(`div`,{className:`h-6 w-6 animate-pulse rounded-full bg-white/20`}),d(`div`,{className:`h-6 w-6 animate-pulse rounded-full bg-white/20`})]}),f(`div`,{className:`absolute bottom-0 left-0 right-[56px] z-20 p-4`,children:[d(`div`,{className:`mb-3 h-5 w-[120px] animate-pulse rounded bg-white/20`}),d(`div`,{className:`mb-2 h-4 w-[75%] animate-pulse rounded bg-white/15`}),d(`div`,{className:`mb-4 h-4 w-[58%] animate-pulse rounded bg-white/15`}),d(`div`,{className:`h-10 w-full animate-pulse rounded-lg bg-white/20`})]})]})}async function v(i){let a=i?.params||{},o=a.seriesId||``,s=t(a.episodeNum,1),c=[];if(o){let t=await e({id:o});n(t?.data?.video?.links,s),c.push({queryKey:[`feed-series-detail`,o],queryFn:()=>Promise.resolve(t)})}return d(r,{prefetch:c,children:d(l,{...i})})}async function y(e){let t=await p(),n=await m();return d(u,{fallback:d(_,{loadingText:g(h(o(t.get(`NEXT_LOCALE`)?.value,s(n.get(`accept-language`)),i)))}),children:d(v,{...e})})}export{y as default};