@funhub/platform 0.1.130 → 0.1.132

package/dist/components/biz/basics/fullscreen-feed/runtime/bottom-info.mjs

@@ -1,126 +1,2 @@
 
-import AtUserText from "../../../../common/at-element/index.mjs";
-import styles_module_default from "./styles.module.mjs";
-import { useLayoutEffect, useRef, useState } from "react";
-import { ChevronsDown, ListVideo } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/basics/fullscreen-feed/runtime/bottom-info.tsx
-/**
-* 底部信息展示区域，包含作者昵称、简介以及剧集/下一条入口
-*/
-function BottomInfo({ information, navigation, isControlsVisible, isPost = false, onUserNavigate, onNextClick }) {
-	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
-	const description = information.description || information.name || "";
-	const authorName = information.author?.nick_name || "";
-	const authorId = information.author?.user_id || "";
-	const isSeries = (information?.episode_cnt ?? 0) > 1;
-	const shouldShowAction = isSeries || Boolean(navigation.nextItemText);
-	const [isExpanded, setIsExpanded] = useState(false);
-	const [canExpand, setCanExpand] = useState(false);
-	const descriptionRef = useRef(null);
-	useLayoutEffect(() => {
-		if (isExpanded) return;
-		if (!descriptionRef.current) return;
-		descriptionRef.current.scrollTop = 0;
-	}, [description, isExpanded]);
-	useLayoutEffect(() => {
-		if (!isPost || isExpanded) return;
-		const el = descriptionRef.current;
-		if (!el) return;
-		const measure = () => {
-			setCanExpand(el.scrollHeight - el.clientHeight > 1);
-		};
-		measure();
-		if (typeof ResizeObserver === "undefined") return;
-		const ro = new ResizeObserver(() => measure());
-		ro.observe(el);
-		return () => ro.disconnect();
-	}, [
-		description,
-		isExpanded,
-		isPost
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `absolute bottom-0 left-0 right-[56px] p-4 text-white z-[21] ${styles_module_default.bottomInfoTransition} ${isControlsVisible ? styles_module_default.controlsVisible : ""}`,
-		children: [
-			authorName && /* @__PURE__ */ jsxs("div", {
-				className: "text-[16px] font-bold mb-3 line-clamp-1 cursor-pointer",
-				onClick: (event) => {
-					event.stopPropagation();
-					if (authorId) onUserNavigate?.(authorId);
-				},
-				children: ["@", authorName]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				ref: descriptionRef,
-				className: `text-[16px] leading-[24px] mb-3 ${isPost ? isExpanded ? "max-h-[40vh] overflow-y-auto pr-2" : "line-clamp-2" : "line-clamp-2"}`,
-				onWheel: (event) => {
-					if (!isPost || !isExpanded) return;
-					event.stopPropagation();
-				},
-				onTouchStart: (event) => {
-					if (!isPost || !isExpanded) return;
-					event.stopPropagation();
-				},
-				onTouchMove: (event) => {
-					if (!isPost || !isExpanded) return;
-					event.stopPropagation();
-				},
-				onPointerDown: (event) => {
-					if (!isPost || !isExpanded) return;
-					event.stopPropagation();
-				},
-				onPointerMove: (event) => {
-					if (!isPost || !isExpanded) return;
-					event.stopPropagation();
-				},
-				children: /* @__PURE__ */ jsx(AtUserText, {
-					text: description,
-					atUsers: []
-				})
-			}),
-			isPost && canExpand && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "mb-3 text-theme5 inline-flex items-center justify-center h-[28px] px-3 rounded-full bg-white/15 text-xs font-medium backdrop-blur",
-				onClick: (event) => {
-					event.stopPropagation();
-					setIsExpanded((prev) => !prev);
-				},
-				children: isExpanded ? t("bottomInfo.collapse") : t("bottomInfo.expand")
-			}),
-			shouldShowAction && /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: "h-[38px] flex items-center justify-center bg-white/20 rounded-[8px] gap-2 cursor-pointer px-4 text-sm font-medium backdrop-blur w-full",
-				onClick: (event) => {
-					event.stopPropagation();
-					if (isSeries) {
-						navigation.onSeriesClick?.();
-						return;
-					}
-					onNextClick?.();
-				},
-				children: [isSeries ? /* @__PURE__ */ jsx(ListVideo, { className: "w-6 h-6 shrink-0" }) : /* @__PURE__ */ jsx(ChevronsDown, { className: "w-6 h-6 shrink-0" }), /* @__PURE__ */ jsx("span", {
-					className: "opacity-90 whitespace-nowrap overflow-hidden text-ellipsis",
-					children: isSeries ? (() => {
-						const parentTitle = information.name || "";
-						const displayTitle = parentTitle.length > 10 ? `${parentTitle.slice(0, 10)}...` : parentTitle;
-						const episodeName = information.episode_name || "";
-						return episodeName ? t("bottomInfo.seriesActionWithEpisode", {
-							title: displayTitle,
-							episodeName
-						}) : t("bottomInfo.seriesAction", { title: displayTitle });
-					})() : navigation.nextItemText ? /* @__PURE__ */ jsx(AtUserText, {
-						text: navigation.nextItemText,
-						atUsers: [],
-						enableNavigation: false
-					}) : t("bottomInfo.nextItem")
-				})]
-			})
-		]
-	});
-}
-
-//#endregion
-export { BottomInfo };
+import e from"../../../../common/at-element/index.mjs";import t from"./styles.module.mjs";import{useLayoutEffect as n,useRef as r,useState as i}from"react";import{ChevronsDown as a,ListVideo as o}from"lucide-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";function u({information:u,navigation:d,isControlsVisible:f,isPost:p=!1,onUserNavigate:m,onNextClick:h}){let g=l(`components.biz.basics.fullscreenFeed.runtime`),_=u.description||u.name||``,v=u.author?.nick_name||``,y=u.author?.user_id||``,b=(u?.episode_cnt??0)>1,x=b||!!d.nextItemText,[S,C]=i(!1),[w,T]=i(!1),E=r(null);return n(()=>{S||E.current&&(E.current.scrollTop=0)},[_,S]),n(()=>{if(!p||S)return;let e=E.current;if(!e)return;let t=()=>{T(e.scrollHeight-e.clientHeight>1)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(()=>t());return n.observe(e),()=>n.disconnect()},[_,S,p]),c(`div`,{className:`absolute bottom-0 left-0 right-[56px] p-4 text-white z-[21] ${t.bottomInfoTransition} ${f?t.controlsVisible:``}`,children:[v&&c(`div`,{className:`text-[16px] font-bold mb-3 line-clamp-1 cursor-pointer`,onClick:e=>{e.stopPropagation(),y&&m?.(y)},children:[`@`,v]}),s(`div`,{ref:E,className:`text-[16px] leading-[24px] mb-3 ${p&&S?`max-h-[40vh] overflow-y-auto pr-2`:`line-clamp-2`}`,onWheel:e=>{!p||!S||e.stopPropagation()},onTouchStart:e=>{!p||!S||e.stopPropagation()},onTouchMove:e=>{!p||!S||e.stopPropagation()},onPointerDown:e=>{!p||!S||e.stopPropagation()},onPointerMove:e=>{!p||!S||e.stopPropagation()},children:s(e,{text:_,atUsers:[]})}),p&&w&&s(`button`,{type:`button`,className:`mb-3 text-theme5 inline-flex items-center justify-center h-[28px] px-3 rounded-full bg-white/15 text-xs font-medium backdrop-blur`,onClick:e=>{e.stopPropagation(),C(e=>!e)},children:g(S?`bottomInfo.collapse`:`bottomInfo.expand`)}),x&&c(`button`,{type:`button`,className:`h-[38px] flex items-center justify-center bg-white/20 rounded-[8px] gap-2 cursor-pointer px-4 text-sm font-medium backdrop-blur w-full`,onClick:e=>{if(e.stopPropagation(),b){d.onSeriesClick?.();return}h?.()},children:[s(b?o:a,{className:`w-6 h-6 shrink-0`}),s(`span`,{className:`opacity-90 whitespace-nowrap overflow-hidden text-ellipsis`,children:b?(()=>{let e=u.name||``,t=e.length>10?`${e.slice(0,10)}...`:e,n=u.episode_name||``;return n?g(`bottomInfo.seriesActionWithEpisode`,{title:t,episodeName:n}):g(`bottomInfo.seriesAction`,{title:t})})():d.nextItemText?s(e,{text:d.nextItemText,atUsers:[],enableNavigation:!1}):g(`bottomInfo.nextItem`)})]})]})}export{u as BottomInfo};

package/dist/components/biz/basics/fullscreen-feed/runtime/client.mjs

@@ -1,391 +1,2 @@
 
-'use client';
-
-import { prefetchVideoPlayerSrc } from "../../../../common/video-player/process-m3u8-cache.mjs";
-import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
-import { BasicFullscreen } from "../basic-fullscreen.mjs";
-import { adaptFeedItemToSafeInformation, normalizeToFeedItem } from "./adapters.mjs";
-import styles_module_default from "./styles.module.mjs";
-import { BottomInfo } from "./bottom-info.mjs";
-import { PostSlide } from "./post-slide.mjs";
-import { UserAction } from "./user-action.mjs";
-import { VideoSlide } from "./video-slide.mjs";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import dynamic from "next/dynamic";
-import { useParams, useRouter } from "next/navigation";
-
-//#region components/biz/basics/fullscreen-feed/runtime/client.tsx
-/**
-* 评论弹窗属于“非首屏必需功能”：
-* - 只有用户点击评论时才需要
-* - 避免首屏把 CommentList 等依赖一起打包/执行，降低跳转加载时延
-*/
-const CommentModal = dynamic(() => import("./comment-modal.mjs"), {
-	ssr: false,
-	loading: () => null
-});
-const PROCESS_M3U8_CLIENT_WARMUP_WINDOW = 2;
-/**
-* FullscreenFeedClient
-*
-* 只负责渲染（items + activeIndex + 业务回调）；
-* BaseComponentProps / runtime 兼容由上层业务组件处理。
-*/
-function FullscreenFeedClient(props) {
-	const router = useRouter();
-	const params = useParams();
-	const { items, activeIndex, top, bottom, videoConfig, userInteracted, onUserInteracted, onActiveIndexChange, onDataUpdate, onOpenComment, getNavigationInfo, onControlsVisibilityChange, onGestureStart, onGestureEnd, onSwipeCancel, onCustomActionRender, onVideoProgressUpdate, currentUserId, followIds, onFollowIdsChange, commentContentId, onRequireLogin, style, activeEpisodeId } = props;
-	const resolvedVideoConfig = videoConfig;
-	function markUserInteracted() {
-		if (!userInteracted) onUserInteracted();
-	}
-	function handleUserNavigate(userId) {
-		markUserInteracted();
-		const prefix = typeof params?.locale === "string" ? `/${params.locale}` : "";
-		router.push(`${prefix}/profile/${userId}`);
-	}
-	const buildSeriesEpisodePath = useCallback((seriesId) => {
-		return `${typeof params?.locale === "string" ? `/${params.locale}` : ""}/feed-series/${seriesId}/episode/1`;
-	}, [params?.locale]);
-	function handleSeriesNavigate(seriesId) {
-		markUserInteracted();
-		const url = buildSeriesEpisodePath(seriesId);
-		if (window.isWebView) window.location.href = url;
-		else router.push(url);
-	}
-	function handleRequireLogin() {
-		if (onRequireLogin) {
-			onRequireLogin();
-			return;
-		}
-		useLoginModalStore.getState().open();
-	}
-	/**
-	* FullscreenFeedClient 内部的乐观更新缓存：
-	* - 由于 `UserAction` 的点赞/收藏是本地 state 乐观更新，但评论数依赖上层数据刷新；
-	* - 当上层 `onDataUpdate` 未把 patch 及时反映回 `items` 时，评论成功后的计数不会更新；
-	* - 这里在组件内部维护 overrides，确保 UI 立即更新，同时仍调用上层 `onDataUpdate` 做同步。
-	*/
-	const [localOverrides, setLocalOverrides] = useState({});
-	/**
-	* 合并 SafeInformationType 补丁（浅合并 + static/author 深层合并）。
-	*/
-	function mergeSafeInformation(base, patch) {
-		if (!patch) return base;
-		const nextStatic = patch.static ? {
-			...base.static || {},
-			...patch.static
-		} : base.static;
-		const nextAuthor = patch.author ? {
-			...base.author || {},
-			...patch.author
-		} : base.author;
-		return {
-			...base,
-			...patch,
-			static: nextStatic,
-			author: nextAuthor
-		};
-	}
-	/**
-	* 统一数据更新入口：先写入本地 overrides，保证 UI 立即更新，再透传给上层。
-	*/
-	function handleDataUpdate(id, patch) {
-		setLocalOverrides((prev) => {
-			const prevPatch = prev[id] || {};
-			const mergedStatic = patch.static ? {
-				...prevPatch.static || {},
-				...patch.static
-			} : prevPatch.static;
-			const mergedAuthor = patch.author ? {
-				...prevPatch.author || {},
-				...patch.author
-			} : prevPatch.author;
-			return {
-				...prev,
-				[id]: {
-					...prevPatch,
-					...patch,
-					...mergedStatic ? { static: mergedStatic } : {},
-					...mergedAuthor ? { author: mergedAuthor } : {}
-				}
-			};
-		});
-		onDataUpdate(id, patch);
-	}
-	const [commentInfo, setCommentInfo] = useState(null);
-	const [commentTargetItemId, setCommentTargetItemId] = useState("");
-	const [commentContentType, setCommentContentType] = useState(1);
-	const [showCommentModal, setShowCommentModal] = useState(false);
-	function handleOpenComment(itemId, info, contentType) {
-		markUserInteracted();
-		if (onOpenComment) {
-			onOpenComment(info);
-			return;
-		}
-		setCommentInfo(info);
-		setCommentTargetItemId(itemId);
-		setCommentContentType(contentType);
-		setShowCommentModal(true);
-	}
-	/**
-	* 评论弹窗内会通过 `onTotalChange` / `onCommentAdded` 回写 `static.comment_cnt`；
-	* 这里仅透传 `comment_cnt`，避免用弹窗打开时的旧 `static` 覆盖外层最新的点赞/收藏等计数。
-	*/
-	function handleCommentModalUpdate(updateData) {
-		const commentCnt = updateData.static?.comment_cnt;
-		if (commentCnt === void 0 || commentCnt === null) return;
-		if (!commentTargetItemId) return;
-		handleDataUpdate(commentTargetItemId, { static: { comment_cnt: commentCnt } });
-	}
-	const normalizedItems = useMemo(() => {
-		function isFeedItem(input) {
-			return !!input && typeof input === "object" && typeof input.kind === "string" && !!input.originalData;
-		}
-		function isPostRaw(input) {
-			return !!input && typeof input === "object" && typeof input.content_id === "string";
-		}
-		function isSafeInformation(input) {
-			return !!input && typeof input === "object" && typeof input.id === "string" && typeof input.name === "string";
-		}
-		function toPostFeedItem(raw) {
-			const medias = Array.isArray(raw.medias) ? raw.medias : [];
-			const images = medias.map((media) => {
-				if (!media?.media_url) return "";
-				if (media.is_video) return media.cover_image || media.media_url;
-				return media.media_url;
-			}).filter((src) => Boolean(src));
-			const text = raw.content || "";
-			const title = text.length > 18 ? `${text.slice(0, 18)}...` : text;
-			const info = {
-				id: raw.content_id,
-				mid: raw.content_id,
-				name: title,
-				img_y: raw.cover_image || "",
-				preview_images: medias,
-				description: text,
-				tags: (raw.tags || []).map((tag) => ({
-					id: tag,
-					name: tag
-				})),
-				links: [],
-				static: {
-					like_cnt: raw.like_count ?? 0,
-					dislike_cnt: raw.dislike_count ?? 0,
-					comment_cnt: raw.comment_count ?? 0,
-					share_cnt: raw.share_count ?? 0,
-					browse_cnt: raw.view_count ?? 0,
-					collect_cnt: 0
-				},
-				type: raw.type,
-				is_liked: Boolean(raw.is_liked),
-				is_dislike: Boolean(raw.is_dislike),
-				is_collected: Boolean(raw.is_collected),
-				is_followed: Boolean(raw.is_followed),
-				author: raw.author,
-				up_user: raw.user_id
-			};
-			return {
-				kind: "post",
-				id: raw.content_id,
-				title,
-				content: text,
-				images,
-				originalData: info
-			};
-		}
-		function toPostFeedItemFromSafeInfo(info) {
-			const images = (Array.isArray(info.preview_images) ? info.preview_images : []).map((item) => {
-				if (!item) return "";
-				if (typeof item === "string") return item;
-				return item.is_video ? item.cover_image || item.media_url || "" : item.media_url || "";
-			}).filter((src) => Boolean(src));
-			return {
-				kind: "post",
-				id: info.id,
-				title: info.name,
-				content: info.description ?? "",
-				images,
-				originalData: info
-			};
-		}
-		return (items || []).map((input) => {
-			if (isFeedItem(input)) return input;
-			if (isPostRaw(input)) return toPostFeedItem(input);
-			if (isSafeInformation(input)) {
-				const safeInfo = adaptFeedItemToSafeInformation(input);
-				if (safeInfo.type === 1 && safeInfo.links.length === 0) return toPostFeedItemFromSafeInfo(safeInfo);
-				return normalizeToFeedItem(safeInfo);
-			}
-			return null;
-		}).filter(Boolean);
-	}, [items]);
-	/**
-	* 客户端预热当前及邻近条目的 m3u8，降低翻页到下一条视频时的首帧等待。
-	*/
-	const warmupVideoUrls = useMemo(() => {
-		if (!normalizedItems.length) return [];
-		const start = Math.max(0, activeIndex - 1);
-		const end = Math.min(normalizedItems.length - 1, activeIndex + PROCESS_M3U8_CLIENT_WARMUP_WINDOW);
-		const urls = [];
-		for (let index = start; index <= end; index += 1) {
-			const item = normalizedItems[index];
-			if (!item || item.kind !== "video") continue;
-			const targetUrl = item.videoUrl || item.hlsList?.[0]?.url || "";
-			if (!targetUrl) continue;
-			urls.push(targetUrl);
-		}
-		return Array.from(new Set(urls));
-	}, [activeIndex, normalizedItems]);
-	useEffect(() => {
-		warmupVideoUrls.forEach((url) => prefetchVideoPlayerSrc(url));
-	}, [warmupVideoUrls]);
-	const prefetchedSeriesPathRef = useRef(/* @__PURE__ */ new Set());
-	/**
-	* 当前激活项若为剧集，提前 prefetch 详情路由，缩短点击“选集”后的首包等待。
-	*/
-	useEffect(() => {
-		const activeItem = normalizedItems[activeIndex];
-		if (!activeItem || activeItem.kind !== "video") return;
-		if (Number(activeItem.originalData?.episode_cnt || 0) <= 1) return;
-		if (getNavigationInfo(activeIndex).onSeriesClick) return;
-		const seriesId = activeItem.originalData?.id || activeItem.id;
-		if (!seriesId) return;
-		const targetPath = buildSeriesEpisodePath(seriesId);
-		if (prefetchedSeriesPathRef.current.has(targetPath)) return;
-		prefetchedSeriesPathRef.current.add(targetPath);
-		router.prefetch(targetPath);
-	}, [
-		activeIndex,
-		buildSeriesEpisodePath,
-		getNavigationInfo,
-		normalizedItems,
-		router
-	]);
-	/**
-	* top/bottom 需通过 inline style 处理，避免被外层 `style` 覆盖 class 样式。
-	* top/bottom 参数表示额外预留的顶部/底部高度（例如顶部搜索栏、底部 TabBar 的 56px）。
-	*/
-	const baseTop = top ?? 0;
-	const baseBottom = bottom ?? 0;
-	const wrapperStyle = {
-		...style,
-		top: `${baseTop}px`,
-		bottom: `${baseBottom}px`,
-		height: `calc(100dvh - ${baseTop}px - ${baseBottom}px)`
-	};
-	const viewportIndexRef = useRef(activeIndex);
-	const [rawControlsVisible, setRawControlsVisible] = useState(false);
-	const [activeVideoHasFirstFrame, setActiveVideoHasFirstFrame] = useState(false);
-	const [activeVideoInteracted, setActiveVideoInteracted] = useState(false);
-	const isControlsVisible = rawControlsVisible && activeVideoHasFirstFrame && activeVideoInteracted;
-	useEffect(() => {
-		viewportIndexRef.current = activeIndex;
-		setRawControlsVisible(false);
-		setActiveVideoHasFirstFrame(false);
-		setActiveVideoInteracted(false);
-	}, [activeIndex, onControlsVisibilityChange]);
-	useEffect(() => {
-		onControlsVisibilityChange?.(isControlsVisible);
-	}, [isControlsVisible, onControlsVisibilityChange]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BasicFullscreen, {
-		items: normalizedItems,
-		activeIndex,
-		userInteracted,
-		onUserInteracted,
-		onActiveIndexChange,
-		onViewportIndexChange: (nextIndex) => {
-			viewportIndexRef.current = nextIndex;
-			setRawControlsVisible(false);
-			setActiveVideoHasFirstFrame(false);
-			setActiveVideoInteracted(false);
-		},
-		onGestureStart,
-		onGestureEnd,
-		onSwipeCancel,
-		style: wrapperStyle,
-		className: `w-full h-full fixed top-0 left-0 overflow-hidden z-[2] touch-none ${styles_module_default.fullscreenFeed}`,
-		trackClassName: styles_module_default.feedTrack,
-		itemWrapperClassName: styles_module_default.feedItem,
-		renderItem: ({ item, index, activeIndex: currentIndex, isActive, isSettledActive, shouldMount, swipeNext }) => {
-			if (!item) return /* @__PURE__ */ jsx("div", { className: styles_module_default.emptySlide });
-			const shouldLoadCover = Math.abs(index - currentIndex) <= 1;
-			const patchedInfo = mergeSafeInformation(item.originalData, localOverrides[item.id]);
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				item.kind === "post" ? /* @__PURE__ */ jsx(PostSlide, {
-					item,
-					isSettledActive,
-					shouldMount
-				}) : item.kind === "video" ? /* @__PURE__ */ jsx(VideoSlide, {
-					item,
-					videoConfig: resolvedVideoConfig,
-					isActive,
-					isSettledActive,
-					shouldMount,
-					shouldLoadCover,
-					isPaused: showCommentModal,
-					userInteracted,
-					onPlayerInteract: () => {
-						if (index !== viewportIndexRef.current) return;
-						if (!activeVideoHasFirstFrame) return;
-						setActiveVideoInteracted(true);
-					},
-					onControlsVisibilityChange: (visible) => {
-						if (index !== viewportIndexRef.current) return;
-						setRawControlsVisible(visible);
-					},
-					onVideoEnded: resolvedVideoConfig?.autoNext ? swipeNext : void 0,
-					onProgressUpdate: (currentTime, duration) => {
-						if (index !== viewportIndexRef.current) return;
-						if (!activeVideoHasFirstFrame && currentTime >= .05) setActiveVideoHasFirstFrame(true);
-						onVideoProgressUpdate?.({
-							id: item.id,
-							currentTime,
-							duration
-						});
-					}
-				}) : /* @__PURE__ */ jsx("div", { className: styles_module_default.emptySlide }),
-				/* @__PURE__ */ jsx(UserAction, {
-					information: patchedInfo,
-					onUpdate: (data) => handleDataUpdate(item.id, data),
-					onOpenComment: () => handleOpenComment(item.id, patchedInfo, item.kind === "post" ? 2 : 1),
-					onCustomActionRender,
-					onUserNavigate: handleUserNavigate,
-					currentUserId,
-					followIds,
-					onFollowChange: (ids) => {
-						onFollowIdsChange?.(ids);
-					},
-					onRequireLogin: handleRequireLogin,
-					activeEpisodeId
-				}),
-				isActive && /* @__PURE__ */ jsx(BottomInfo, {
-					information: patchedInfo,
-					isPost: item.kind === "post",
-					navigation: (() => {
-						const next = getNavigationInfo(index);
-						if ((patchedInfo.episode_cnt ?? 0) > 1 && !next.onSeriesClick) return {
-							...next,
-							onSeriesClick: () => handleSeriesNavigate(patchedInfo.id)
-						};
-						return next;
-					})(),
-					isControlsVisible,
-					onUserNavigate: handleUserNavigate,
-					onNextClick: swipeNext
-				})
-			] });
-		}
-	}), !onOpenComment && showCommentModal && commentInfo && /* @__PURE__ */ jsx(CommentModal, {
-		open: showCommentModal,
-		information: commentInfo,
-		contentId: commentContentId || commentInfo.id,
-		content_type: commentContentType,
-		onUpdate: handleCommentModalUpdate,
-		onClose: () => setShowCommentModal(false)
-	})] });
-}
-
-//#endregion
-export { FullscreenFeedClient as default };
+"use client";import{prefetchVideoPlayerSrc as e}from"../../../../common/video-player/process-m3u8-cache.mjs";import{useLoginModalStore as t}from"../../../../../store/modules/login-modal-store.mjs";import{BasicFullscreen as n}from"../basic-fullscreen.mjs";import{adaptFeedItemToSafeInformation as r,normalizeToFeedItem as i}from"./adapters.mjs";import a from"./styles.module.mjs";import{BottomInfo as o}from"./bottom-info.mjs";import{PostSlide as s}from"./post-slide.mjs";import{UserAction as c}from"./user-action.mjs";import{VideoSlide as ee}from"./video-slide.mjs";import{useCallback as l,useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import _ from"next/dynamic";import{useParams as te,useRouter as ne}from"next/navigation";const re=_(()=>import(`./comment-modal.mjs`),{ssr:!1,loading:()=>null});function v(_){let v=ne(),y=te(),{items:b,activeIndex:x,top:ie,bottom:ae,videoConfig:oe,userInteracted:S,onUserInteracted:C,onActiveIndexChange:se,onDataUpdate:ce,onOpenComment:w,getNavigationInfo:T,onControlsVisibilityChange:E,onGestureStart:le,onGestureEnd:D,onSwipeCancel:O,onCustomActionRender:ue,onVideoProgressUpdate:de,currentUserId:fe,followIds:pe,onFollowIdsChange:me,commentContentId:he,onRequireLogin:k,style:ge,activeEpisodeId:_e}=_,A=oe;function j(){S||C()}function M(e){j();let t=typeof y?.locale==`string`?`/${y.locale}`:``;v.push(`${t}/profile/${e}`)}let N=l(e=>`${typeof y?.locale==`string`?`/${y.locale}`:``}/feed-series/${e}/episode/1`,[y?.locale]);function P(e){j();let t=N(e);window.isWebView?window.location.href=t:v.push(t)}function F(){if(k){k();return}t.getState().open()}let[I,ve]=p({});function ye(e,t){if(!t)return e;let n=t.static?{...e.static||{},...t.static}:e.static,r=t.author?{...e.author||{},...t.author}:e.author;return{...e,...t,static:n,author:r}}function L(e,t){ve(n=>{let r=n[e]||{},i=t.static?{...r.static||{},...t.static}:r.static,a=t.author?{...r.author||{},...t.author}:r.author;return{...n,[e]:{...r,...t,...i?{static:i}:{},...a?{author:a}:{}}}}),ce(e,t)}let[R,be]=p(null),[z,xe]=p(``),[Se,B]=p(1),[V,H]=p(!1);function Ce(e,t,n){if(j(),w){w(t);return}be(t),xe(e),B(n),H(!0)}function we(e){let t=e.static?.comment_cnt;t!=null&&z&&L(z,{static:{comment_cnt:t}})}let U=d(()=>{function e(e){return!!e&&typeof e==`object`&&typeof e.kind==`string`&&!!e.originalData}function t(e){return!!e&&typeof e==`object`&&typeof e.content_id==`string`}function n(e){return!!e&&typeof e==`object`&&typeof e.id==`string`&&typeof e.name==`string`}function a(e){let t=Array.isArray(e.medias)?e.medias:[],n=t.map(e=>e?.media_url?e.is_video&&e.cover_image||e.media_url:``).filter(e=>!!e),r=e.content||``,i=r.length>18?`${r.slice(0,18)}...`:r,a={id:e.content_id,mid:e.content_id,name:i,img_y:e.cover_image||``,preview_images:t,description:r,tags:(e.tags||[]).map(e=>({id:e,name:e})),links:[],static:{like_cnt:e.like_count??0,dislike_cnt:e.dislike_count??0,comment_cnt:e.comment_count??0,share_cnt:e.share_count??0,browse_cnt:e.view_count??0,collect_cnt:0},type:e.type,is_liked:!!e.is_liked,is_dislike:!!e.is_dislike,is_collected:!!e.is_collected,is_followed:!!e.is_followed,author:e.author,up_user:e.user_id};return{kind:`post`,id:e.content_id,title:i,content:r,images:n,originalData:a}}function o(e){let t=(Array.isArray(e.preview_images)?e.preview_images:[]).map(e=>e?typeof e==`string`?e:e.is_video?e.cover_image||e.media_url||``:e.media_url||``:``).filter(e=>!!e);return{kind:`post`,id:e.id,title:e.name,content:e.description??``,images:t,originalData:e}}return(b||[]).map(s=>{if(e(s))return s;if(t(s))return a(s);if(n(s)){let e=r(s);return e.type===1&&e.links.length===0?o(e):i(e)}return null}).filter(Boolean)},[b]),W=d(()=>{if(!U.length)return[];let e=Math.max(0,x-1),t=Math.min(U.length-1,x+2),n=[];for(let r=e;r<=t;r+=1){let e=U[r];if(!e||e.kind!==`video`)continue;let t=e.videoUrl||e.hlsList?.[0]?.url||``;t&&n.push(t)}return Array.from(new Set(n))},[x,U]);u(()=>{W.forEach(t=>e(t))},[W]);let G=f(new Set);u(()=>{let e=U[x];if(!e||e.kind!==`video`||Number(e.originalData?.episode_cnt||0)<=1||T(x).onSeriesClick)return;let t=e.originalData?.id||e.id;if(!t)return;let n=N(t);G.current.has(n)||(G.current.add(n),v.prefetch(n))},[x,N,T,U,v]);let K=ie??0,q=ae??0,Te={...ge,top:`${K}px`,bottom:`${q}px`,height:`calc(100dvh - ${K}px - ${q}px)`},J=f(x),[Ee,Y]=p(!1),[X,Z]=p(!1),[De,Q]=p(!1),$=Ee&&X&&De;return u(()=>{J.current=x,Y(!1),Z(!1),Q(!1)},[x,E]),u(()=>{E?.($)},[$,E]),g(m,{children:[h(n,{items:U,activeIndex:x,userInteracted:S,onUserInteracted:C,onActiveIndexChange:se,onViewportIndexChange:e=>{J.current=e,Y(!1),Z(!1),Q(!1)},onGestureStart:le,onGestureEnd:D,onSwipeCancel:O,style:Te,className:`w-full h-full fixed top-0 left-0 overflow-hidden z-[2] touch-none ${a.fullscreenFeed}`,trackClassName:a.feedTrack,itemWrapperClassName:a.feedItem,renderItem:({item:e,index:t,activeIndex:n,isActive:r,isSettledActive:i,shouldMount:l,swipeNext:u})=>{if(!e)return h(`div`,{className:a.emptySlide});let d=Math.abs(t-n)<=1,f=ye(e.originalData,I[e.id]);return g(m,{children:[e.kind===`post`?h(s,{item:e,isSettledActive:i,shouldMount:l}):e.kind===`video`?h(ee,{item:e,videoConfig:A,isActive:r,isSettledActive:i,shouldMount:l,shouldLoadCover:d,isPaused:V,userInteracted:S,onPlayerInteract:()=>{t===J.current&&X&&Q(!0)},onControlsVisibilityChange:e=>{t===J.current&&Y(e)},onVideoEnded:A?.autoNext?u:void 0,onProgressUpdate:(n,r)=>{t===J.current&&(!X&&n>=.05&&Z(!0),de?.({id:e.id,currentTime:n,duration:r}))}}):h(`div`,{className:a.emptySlide}),h(c,{information:f,onUpdate:t=>L(e.id,t),onOpenComment:()=>Ce(e.id,f,e.kind===`post`?2:1),onCustomActionRender:ue,onUserNavigate:M,currentUserId:fe,followIds:pe,onFollowChange:e=>{me?.(e)},onRequireLogin:F,activeEpisodeId:_e}),r&&h(o,{information:f,isPost:e.kind===`post`,navigation:(()=>{let e=T(t);return(f.episode_cnt??0)>1&&!e.onSeriesClick?{...e,onSeriesClick:()=>P(f.id)}:e})(),isControlsVisible:$,onUserNavigate:M,onNextClick:u})]})}}),!w&&V&&R&&h(re,{open:V,information:R,contentId:he||R.id,content_type:Se,onUpdate:we,onClose:()=>H(!1)})]})}export{v as default};

package/dist/components/biz/basics/fullscreen-feed/runtime/comment-modal.mjs

@@ -1,108 +1,2 @@
 
-'use client';
-
-import { Dialog, DialogContent } from "../../../../ui/dialog.mjs";
-import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
-import SvgClose from "../../../../../assets/icons/close.mjs";
-import CommentList from "../../../business/comment/comment-list.mjs";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/basics/fullscreen-feed/runtime/comment-modal.tsx
-const replyDetailVisibleChangeEvent = "funhub:comment-reply-detail-visible-change";
-function CommentModal({ open, information, contentId, onClose, content_type, onUpdate }) {
-	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
-	const [isAnimating, setIsAnimating] = useState(false);
-	const [isContactVisible, setIsContactVisible] = useState(false);
-	const [isReplyDetailVisible, setIsReplyDetailVisible] = useState(false);
-	const commentCntRef = useRef(Number(information.static?.comment_cnt || 0));
-	const resolvedContentType = content_type === 1 ? "video" : content_type === 2 ? "post" : information.links?.length ? "video" : "post";
-	const resolvedContentId = contentId || information.id;
-	useEffect(() => {
-		if (open) setIsAnimating(true);
-	}, [open]);
-	useEffect(() => {
-		if (typeof window === "undefined") return;
-		const contactVisibleHandler = (event) => {
-			const next = event.detail?.visible;
-			setIsContactVisible(Boolean(next));
-		};
-		const replyDetailVisibleHandler = (event) => {
-			const next = event.detail?.visible;
-			setIsReplyDetailVisible(Boolean(next));
-		};
-		window.addEventListener("funhub:visible-contact-change", contactVisibleHandler);
-		window.addEventListener(replyDetailVisibleChangeEvent, replyDetailVisibleHandler);
-		return () => {
-			window.removeEventListener("funhub:visible-contact-change", contactVisibleHandler);
-			window.removeEventListener(replyDetailVisibleChangeEvent, replyDetailVisibleHandler);
-		};
-	}, []);
-	useEffect(() => {
-		if (!open) {
-			setIsContactVisible(false);
-			setIsReplyDetailVisible(false);
-		}
-	}, [open]);
-	useEffect(() => {
-		commentCntRef.current = Number(information.static?.comment_cnt || 0);
-	}, [information.id, information.static?.comment_cnt]);
-	const handleCommentAdded = () => {
-		if (!onUpdate) return;
-		commentCntRef.current += 1;
-		onUpdate({ static: {
-			...information.static,
-			comment_cnt: commentCntRef.current
-		} });
-	};
-	const handleTotalChange = (total) => {
-		if (!onUpdate) return;
-		commentCntRef.current = Math.max(commentCntRef.current, Number(total || 0));
-		onUpdate({ static: {
-			...information.static,
-			comment_cnt: commentCntRef.current
-		} });
-	};
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange: (next) => !next && onClose(),
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			showCloseButton: false,
-			style: {
-				opacity: isContactVisible || isReplyDetailVisible ? 0 : 1,
-				transitionProperty: "transform, opacity"
-			},
-			className: `fixed !top-auto !left-0 !right-0 !-translate-x-0 !-translate-y-0 bottom-0 w-full max-w-none flex h-[540px] flex-col gap-0 border border-white/10 bg-black/95 p-0 text-white rounded-t-2xl duration-300 ease-out ${isAnimating ? "translate-y-0" : "translate-y-full"}`,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "relative flex h-[56px] shrink-0 items-center justify-center border-b border-white/10",
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "absolute left-0 top-0 flex h-full w-[48px] items-center justify-center text-white",
-					onClick: onClose,
-					children: /* @__PURE__ */ jsx(SvgClose, { className: "h-[16px] w-[16px]" })
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-[16px] font-semibold",
-					children: t("commentModal.comment")
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "flex-1 min-h-0 overflow-y-auto",
-				children: /* @__PURE__ */ jsx(CommentList, {
-					information: {
-						id: resolvedContentId,
-						links: information.links
-					},
-					contentId: resolvedContentId,
-					contentType: resolvedContentType,
-					onCommentAdded: handleCommentAdded,
-					onTotalChange: handleTotalChange,
-					onReplyDetailVisibleChange: setIsReplyDetailVisible,
-					onRequireLogin: () => useLoginModalStore.getState().open()
-				})
-			})]
-		})
-	});
-}
-
-//#endregion
-export { CommentModal as default };
+"use client";import{Dialog as e,DialogContent as t}from"../../../../ui/dialog.mjs";import{useLoginModalStore as n}from"../../../../../store/modules/login-modal-store.mjs";import r from"../../../../../assets/icons/close.mjs";import i from"../../../business/comment/comment-list.mjs";import{useEffect as a,useRef as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useTranslations as u}from"next-intl";const d=`funhub:comment-reply-detail-visible-change`;function f({open:f,information:p,contentId:m,onClose:h,content_type:g,onUpdate:_}){let v=u(`components.biz.basics.fullscreenFeed.runtime`),[y,b]=s(!1),[x,S]=s(!1),[C,w]=s(!1),T=o(Number(p.static?.comment_cnt||0)),E=g===1?`video`:g===2?`post`:p.links?.length?`video`:`post`,D=m||p.id;return a(()=>{f&&b(!0)},[f]),a(()=>{if(typeof window>`u`)return;let e=e=>{let t=e.detail?.visible;S(!!t)},t=e=>{let t=e.detail?.visible;w(!!t)};return window.addEventListener(`funhub:visible-contact-change`,e),window.addEventListener(d,t),()=>{window.removeEventListener(`funhub:visible-contact-change`,e),window.removeEventListener(d,t)}},[]),a(()=>{f||(S(!1),w(!1))},[f]),a(()=>{T.current=Number(p.static?.comment_cnt||0)},[p.id,p.static?.comment_cnt]),c(e,{open:f,onOpenChange:e=>!e&&h(),children:l(t,{showCloseButton:!1,style:{opacity:x||C?0:1,transitionProperty:`transform, opacity`},className:`fixed !top-auto !left-0 !right-0 !-translate-x-0 !-translate-y-0 bottom-0 w-full max-w-none flex h-[540px] flex-col gap-0 border border-white/10 bg-black/95 p-0 text-white rounded-t-2xl duration-300 ease-out ${y?`translate-y-0`:`translate-y-full`}`,children:[l(`div`,{className:`relative flex h-[56px] shrink-0 items-center justify-center border-b border-white/10`,children:[c(`button`,{type:`button`,className:`absolute left-0 top-0 flex h-full w-[48px] items-center justify-center text-white`,onClick:h,children:c(r,{className:`h-[16px] w-[16px]`})}),c(`span`,{className:`text-[16px] font-semibold`,children:v(`commentModal.comment`)})]}),c(`div`,{className:`flex-1 min-h-0 overflow-y-auto`,children:c(i,{information:{id:D,links:p.links},contentId:D,contentType:E,onCommentAdded:()=>{_&&(T.current+=1,_({static:{...p.static,comment_cnt:T.current}}))},onTotalChange:e=>{_&&(T.current=Math.max(T.current,Number(e||0)),_({static:{...p.static,comment_cnt:T.current}}))},onReplyDetailVisibleChange:w,onRequireLogin:()=>n.getState().open()})})]})})}export{f as default};