@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,384 @@
 
-"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{useLoginModalStore as a}from"../../../store/modules/login-modal-store.mjs";import{useRequest as o}from"../../../hooks/query/use-query.mjs";import{queryKey as s}from"../../../constants/query-key.mjs";import{useKeepAliveState as c}from"../../common/keep-scroll-position/index.mjs";import{batchQueryContentInteractions as l}from"../../../hooks/use-content-operate.mjs";import u from"../../biz/basics/fullscreen-feed/runtime/client.mjs";import d from"../../biz/business/search-bar/variants/detail-search-bar/index.mjs";import{SeriesEpisodes as ee}from"../../common/series-episodes/index.mjs";import{useCallback as f,useEffect as te,useLayoutEffect as ne,useMemo as p,useRef as re,useState as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";function y(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 b(e,t,n){let r=e.id||``,i=t||r,a=y(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:y,initialContents:x}){let S=v(`components.pages.feedSeries`),C=v(`components.common.seriesEpisodes`),{locale:w,seriesId:T,episodeNum:E=`1`}=y,{userInfo:D,isLogin:O}=n(),{followIds:ie,setFollowIds:ae}=t(),k=p(()=>x??[],[x]),[A,j]=m({}),{data:oe}=o([s.CHANNEL],()=>r()),se=e(oe?.data),M=p(()=>`feed-series:${w||`default`}:${T}`,[w,T]),ce=p(()=>{let e=Number.parseInt(E??`1`,10);return Number.isNaN(e)?0:Math.max(0,e-1)},[E]),[N,le]=c(`${M}-active-index`,ce),[ue,P]=c(`${M}-user-interacted`,!1),[de,fe]=c(`${M}-series-title-toggle`,!1),[F,I]=m(!1),L=re(null),[R,z]=m(0),B=g(`div`,{ref:L,className:`fixed top-0 left-0 right-0 z-40`,children:g(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}=o(p(()=>[`feed-series-detail`,T],[T]),async()=>T?await i({id:T}):null,{enabled:!!T&&k.length===0}),U=p(()=>V?.data?.video,[V]),W=p(()=>U?b(U,T,e=>C(`episodeLabel`,{episode:e})):null,[U,T,C]),G=p(()=>k.length>0?k:W?.contents??[],[W?.contents,k]),K=p(()=>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}=o(p(()=>[`feed-series-interactions`,T,O],[O,T]),async()=>await l([T],1),{enabled:!!O&&!!T}),X=p(()=>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=f(({})=>{},[]),pe=f(()=>{a.getState().open()},[]),me=f((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=f((e,t)=>{le(e),Z({episodeId:T,episodeNum:e+1,mode:t===`jump`?`replace`:`push`})},[Z,T]),he=f(()=>({showSeriesButton:!0,seriesTitle:q,seriesText:`${N+1}/${J.length||K.length}`,onSeriesClick:()=>I(!0)}),[N,K.length,J.length,q]),$=p(()=>K[N]?.links?.[0]?.id||``,[N,K]);return T?H&&G.length===0?_(h,{children:[B,_(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:[S(`feedSeriesClient.episodeLoading`),`...`]})]}):!H&&G.length===0?_(h,{children:[B,g(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:S(`feedSeriesClient.noEpisodes`)})]}):_(h,{children:[B,g(u,{items:K,activeIndex:N,top:R,videoConfig:{loop:!1,autoNext:!0},userInteracted:ue,onUserInteracted:()=>P(!0),onActiveIndexChange:Q,onDataUpdate:me,getNavigationInfo:he,currentUserId:D.userId||void 0,followIds:ie,onFollowIdsChange:ae,commentContentId:T,onRequireLogin:pe,activeEpisodeId:$}),F&&g(ee,{mode:`selector`,variant:`sheet`,open:F,title:S(`feedSeriesClient.episodeSelectorTitle`),videoTitle:U?.name,updateStatus:U?.update_status,seriesList:J,activeEpisodeId:$,showEpisodeTitle:de,onToggleTitle:fe,onClose:()=>I(!1),onSelectEpisode:(e,t)=>{I(!1),Q(Math.max(0,t-1),`jump`)}})]}):_(h,{children:[B,_(`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};
+'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 { 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");
+	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 };

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

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