@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,233 @@
 
-"use client";import{Image as e}from"../../../../ui/image.mjs";import{Box as t}from"../../../../ui/box.mjs";import{Carousel as n,CarouselContent as r,CarouselItem as i}from"../../../../ui/carousel.mjs";import{useBrowseReport as a}from"../../../../../hooks/use-browse-report.mjs";import o from"./styles.module.mjs";import s from"../../../../../assets/icons/common/video_play.mjs";import{useMediaPreview as c}from"../../../../common/media-preview/index.mjs";import{useCallback as l,useEffect as u,useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";function h(e,t){return e.cover_image||t}function g(e){return e.type===`video`&&e.cover||e.src}function _({item:_,isSettledActive:v,shouldMount:y}){let b=c();a({contentId:_.id,contentType:2,browseEpisode:1,enabled:v,enableIntervalReport:!1,enableExitReport:!1,oncePerSession:!0});let x=d(()=>(Array.isArray(_.originalData.preview_images)?_.originalData.preview_images:[]).map(e=>{if(!e)return null;if(typeof e==`string`)return{type:`image`,src:e,cover:``};let t=e,n=!!t.is_video,r=t.media_url;if(n){let e=h(t,_.originalData.img_y||``);return!r&&!e?null:{type:`video`,src:r,cover:e}}return r?{type:`image`,src:r,cover:``}:null}).filter(Boolean),[_.originalData.img_y,_.originalData.preview_images]),S=d(()=>{let e=x[0];return e?g(e):``},[x]),[C,w]=f(null),[T,E]=f(0),[D,O]=f(0),[k,A]=f(()=>new Set),j=l(e=>{E(e.selectedScrollSnap())},[]);u(()=>{if(C)return O(C.scrollSnapList().length),j(C),C.on(`select`,j),C.on(`reInit`,j),()=>{C.off(`select`,j),C.off(`reInit`,j)}},[C,j]),u(()=>{E(0),A(new Set)},[_.id]);let M=l(e=>{e&&A(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),N=d(()=>x.length?x.length>1?g(x[T]||x[0]):S:``,[S,x,T]),P=!!(y&&N&&!k.has(N));function F(e){x.length&&b.open(x,e)}return y?p(t,{"data-id":_.id,className:`w-full h-full bg-black`,children:x.length>1?m(t,{className:`relative w-full h-full`,children:[m(n,{opts:{loop:!0},setApi:e=>{e&&w(e)},className:`h-full w-full ${o.carouselFull}`,children:[p(r,{className:`h-full`,children:x.map((n,r)=>{let a=g(n);return p(i,{className:`h-full p-0`,children:p(t,{className:o.imageSlide,children:m(`button`,{type:`button`,className:`relative w-full h-full`,onClick:()=>F(r),children:[p(e,{src:a,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`,onLoad:()=>M(a),onError:()=>M(a)}),n.type===`video`&&p(`span`,{className:`absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white`,children:p(s,{className:`w-10 h-10`})})]})})},`${_.id}-${r}`)})}),D>1&&p(`div`,{className:`absolute bottom-[140px] left-1/2 z-20 flex -translate-x-1/2 items-center gap-2`,children:Array.from({length:D}).map((e,t)=>{let n=t===T;return p(`button`,{type:`button`,"aria-label":`Go to slide ${t+1}`,className:`h-2 rounded-full transition-all ${n?`w-6 bg-white/95`:`w-2 bg-white/40`}`,onClick:()=>C?.scrollTo(t)},`${_.id}-dot-${t}`)})})]}),P&&p(`div`,{className:o.posterLoading,children:p(e,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})})]}):m(t,{className:`relative w-full h-full`,children:[S?m(`button`,{type:`button`,className:`absolute inset-0`,onClick:()=>F(0),children:[p(e,{src:S,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`,onLoad:()=>M(S),onError:()=>M(S)}),x[0]?.type===`video`&&p(`span`,{className:`absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white`,children:p(s,{className:`w-10 h-10`})})]}):null,P&&p(`div`,{className:o.posterLoading,children:p(e,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})}),p(t,{className:`absolute inset-0 bg-[linear-gradient(to_top,rgba(0,0,0,0.75),rgba(0,0,0,0.15),rgba(0,0,0,0.75))]`})]})}):p(t,{"data-id":_.id,className:o.imageSlide,children:S?p(e,{src:S,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`}):null})}export{_ as PostSlide};
+'use client';
+
+import { Image } from "../../../../ui/image.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Carousel, CarouselContent, CarouselItem } from "../../../../ui/carousel.mjs";
+import { useBrowseReport } from "../../../../../hooks/use-browse-report.mjs";
+import styles_module_default from "./styles.module.mjs";
+import SvgVideoPlay from "../../../../../assets/icons/common/video_play.mjs";
+import { useMediaPreview } from "../../../../common/media-preview/index.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/basics/fullscreen-feed/runtime/post-slide.tsx
+/**
+* 解析视频封面地址（缺省时回退到内容封面）。
+*/
+function resolvePreviewMediaCover(media, fallbackCover) {
+	return media.cover_image || fallbackCover;
+}
+/**
+* 解析轮播项展示地址（视频优先展示封面）。
+*/
+function resolvePreviewMediaDisplaySrc(media) {
+	return media.type === "video" ? media.cover || media.src : media.src;
+}
+/**
+* 帖子全屏卡片。
+*
+* 这里不复用 UserActivityListItem（它是列表形态），而是做一个更偏沉浸式的全屏展示：
+* - 有图：以图为主，支持轮播
+* - 无图：纯文本居中
+*/
+function PostSlide({ item, isSettledActive, shouldMount }) {
+	const mediaPreview = useMediaPreview();
+	useBrowseReport({
+		contentId: item.id,
+		contentType: 2,
+		browseEpisode: 1,
+		enabled: isSettledActive,
+		enableIntervalReport: false,
+		enableExitReport: false,
+		oncePerSession: true
+	});
+	const previewMediaList = useMemo(() => {
+		return (Array.isArray(item.originalData.preview_images) ? item.originalData.preview_images : []).map((m) => {
+			if (!m) return null;
+			if (typeof m === "string") return {
+				type: "image",
+				src: m,
+				cover: ""
+			};
+			const media = m;
+			const isVideo = Boolean(media.is_video);
+			const src = media.media_url;
+			if (isVideo) {
+				const cover = resolvePreviewMediaCover(media, item.originalData.img_y || "");
+				if (!src && !cover) return null;
+				return {
+					type: "video",
+					src,
+					cover
+				};
+			}
+			if (!src) return null;
+			return {
+				type: "image",
+				src,
+				cover: ""
+			};
+		}).filter(Boolean);
+	}, [item.originalData.img_y, item.originalData.preview_images]);
+	const cover = useMemo(() => {
+		const first = previewMediaList[0];
+		if (!first) return "";
+		return resolvePreviewMediaDisplaySrc(first);
+	}, [previewMediaList]);
+	const [carouselApi, setCarouselApi] = useState(null);
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const [snapCount, setSnapCount] = useState(0);
+	const [loadedPreviewSources, setLoadedPreviewSources] = useState(() => /* @__PURE__ */ new Set());
+	const updateSelected = useCallback((api) => {
+		setSelectedIndex(api.selectedScrollSnap());
+	}, []);
+	useEffect(() => {
+		if (!carouselApi) return;
+		setSnapCount(carouselApi.scrollSnapList().length);
+		updateSelected(carouselApi);
+		carouselApi.on("select", updateSelected);
+		carouselApi.on("reInit", updateSelected);
+		return () => {
+			carouselApi.off("select", updateSelected);
+			carouselApi.off("reInit", updateSelected);
+		};
+	}, [carouselApi, updateSelected]);
+	useEffect(() => {
+		setSelectedIndex(0);
+		setLoadedPreviewSources(/* @__PURE__ */ new Set());
+	}, [item.id]);
+	/**
+	* 标记当前图片资源已经完成加载（含错误兜底），避免反复显示 loading。
+	*/
+	const markPreviewSourceLoaded = useCallback((src) => {
+		if (!src) return;
+		setLoadedPreviewSources((prev) => {
+			if (prev.has(src)) return prev;
+			const next = new Set(prev);
+			next.add(src);
+			return next;
+		});
+	}, []);
+	const activePreviewDisplaySrc = useMemo(() => {
+		if (!previewMediaList.length) return "";
+		if (previewMediaList.length > 1) return resolvePreviewMediaDisplaySrc(previewMediaList[selectedIndex] || previewMediaList[0]);
+		return cover;
+	}, [
+		cover,
+		previewMediaList,
+		selectedIndex
+	]);
+	const shouldShowCoverLoading = Boolean(shouldMount && activePreviewDisplaySrc && !loadedPreviewSources.has(activePreviewDisplaySrc));
+	function handleOpenPreview(index) {
+		if (!previewMediaList.length) return;
+		mediaPreview.open(previewMediaList, index);
+	}
+	if (!shouldMount) return /* @__PURE__ */ jsx(Box, {
+		"data-id": item.id,
+		className: styles_module_default.imageSlide,
+		children: cover ? /* @__PURE__ */ jsx(Image, {
+			src: cover,
+			fill: true,
+			alt: item.title || "post",
+			className: "object-contain",
+			sizes: "100vw"
+		}) : null
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		"data-id": item.id,
+		className: "w-full h-full bg-black",
+		children: previewMediaList.length > 1 ? /* @__PURE__ */ jsxs(Box, {
+			className: "relative w-full h-full",
+			children: [/* @__PURE__ */ jsxs(Carousel, {
+				opts: { loop: true },
+				setApi: (api) => {
+					if (api) setCarouselApi(api);
+				},
+				className: `h-full w-full ${styles_module_default.carouselFull}`,
+				children: [/* @__PURE__ */ jsx(CarouselContent, {
+					className: "h-full",
+					children: previewMediaList.map((itemEntry, index) => {
+						const displaySrc = resolvePreviewMediaDisplaySrc(itemEntry);
+						return /* @__PURE__ */ jsx(CarouselItem, {
+							className: "h-full p-0",
+							children: /* @__PURE__ */ jsx(Box, {
+								className: styles_module_default.imageSlide,
+								children: /* @__PURE__ */ jsxs("button", {
+									type: "button",
+									className: "relative w-full h-full",
+									onClick: () => handleOpenPreview(index),
+									children: [/* @__PURE__ */ jsx(Image, {
+										src: displaySrc,
+										fill: true,
+										alt: item.title || "post",
+										className: "object-contain",
+										sizes: "100vw",
+										onLoad: () => markPreviewSourceLoaded(displaySrc),
+										onError: () => markPreviewSourceLoaded(displaySrc)
+									}), itemEntry.type === "video" && /* @__PURE__ */ jsx("span", {
+										className: "absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white",
+										children: /* @__PURE__ */ jsx(SvgVideoPlay, { className: "w-10 h-10" })
+									})]
+								})
+							})
+						}, `${item.id}-${index}`);
+					})
+				}), snapCount > 1 && /* @__PURE__ */ jsx("div", {
+					className: "absolute bottom-[140px] left-1/2 z-20 flex -translate-x-1/2 items-center gap-2",
+					children: Array.from({ length: snapCount }).map((_, index) => {
+						const active = index === selectedIndex;
+						return /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": `Go to slide ${index + 1}`,
+							className: `h-2 rounded-full transition-all ${active ? "w-6 bg-white/95" : "w-2 bg-white/40"}`,
+							onClick: () => carouselApi?.scrollTo(index)
+						}, `${item.id}-dot-${index}`);
+					})
+				})]
+			}), shouldShowCoverLoading && /* @__PURE__ */ jsx("div", {
+				className: styles_module_default.posterLoading,
+				children: /* @__PURE__ */ jsx(Image, {
+					src: "/images/common/loading.gif",
+					alt: "loading",
+					width: 36,
+					height: 36
+				})
+			})]
+		}) : /* @__PURE__ */ jsxs(Box, {
+			className: "relative w-full h-full",
+			children: [
+				cover ? /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "absolute inset-0",
+					onClick: () => handleOpenPreview(0),
+					children: [/* @__PURE__ */ jsx(Image, {
+						src: cover,
+						fill: true,
+						alt: item.title || "post",
+						className: "object-contain",
+						sizes: "100vw",
+						onLoad: () => markPreviewSourceLoaded(cover),
+						onError: () => markPreviewSourceLoaded(cover)
+					}), previewMediaList[0]?.type === "video" && /* @__PURE__ */ jsx("span", {
+						className: "absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white",
+						children: /* @__PURE__ */ jsx(SvgVideoPlay, { className: "w-10 h-10" })
+					})]
+				}) : null,
+				shouldShowCoverLoading && /* @__PURE__ */ jsx("div", {
+					className: styles_module_default.posterLoading,
+					children: /* @__PURE__ */ jsx(Image, {
+						src: "/images/common/loading.gif",
+						alt: "loading",
+						width: 36,
+						height: 36
+					})
+				}),
+				/* @__PURE__ */ jsx(Box, { className: "absolute inset-0 bg-[linear-gradient(to_top,rgba(0,0,0,0.75),rgba(0,0,0,0.15),rgba(0,0,0,0.75))]" })
+			]
+		})
+	});
+}
+
+//#endregion
+export { PostSlide };

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

@@ -1,153 +1,26 @@
 
-import e from"../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.styles-module_fullscreenFeed__R5DP7 {
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100dvh;
-  overflow: hidden;
-  background: #000;
-
-  .styles-module_feedTrack__Bb7TO {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    will-change: transform;
-  }
-
-  .styles-module_feedItem__x--3a {
-    user-select: none;
-    will-change: transform;
-  }
-
-  .styles-module_imageSlide__MpkCd,
-  .styles-module_emptySlide__naY5o,
-  .styles-module_videoSlide__Gil3A {
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-
-  .styles-module_videoSlide__Gil3A {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .xgplayer-definition {
-      display: none !important;
-    }
-
-    .xg-top-note {
-      top: 80px !important;
-    }
-
-    .xgplayer-volume {
-      top: 80px;
-    }
-
-    .xgplayer-controls {
-      position: fixed;
-      right: 56px;
-      z-index: 100;
-    }
-
-    .xg-options-list {
-      display: flex;
-      justify-content: center;
-      background: linear-gradient(to left, #0000, #000c);
-      padding: 0;
-    }
-
-    .xg-options-list.active li {
-      flex: none;
-      height: 4em;
-    }
-  }
-
-  .styles-module_videoPlayerBox__FLbuO {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .styles-module_posterLoading__tU2PU {
-    position: absolute;
-    inset: 0;
-    z-index: 3;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-  }
-
-  .styles-module_posterLoading__tU2PU img {
-    width: 36px;
-    height: 36px;
-  }
-
-  .styles-module_videoPosterBg__53X2O {
-    position: absolute;
-    inset: 0;
-    z-index: 0;
-    pointer-events: none;
-    background: #000;
-  }
-
-  .styles-module_videoPosterCover__thQYR {
-    position: absolute;
-    inset: 0;
-    z-index: 2;
-    pointer-events: none;
-    background: #000;
-  }
-
-  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] {
-    height: 100%;
-  }
-
-  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] > div {
-    height: 100%;
-  }
-
-  /* Ensure player stays above the background layer */
-  .styles-module_videoPlayerBox__FLbuO .videoBox {
-    position: relative;
-    z-index: 1;
-  }
-
-  .styles-module_videoPlaceholder__6HptI {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background: #000;
-  }
-
-  .styles-module_fullscreenBtn__Lp6-X {
-    width: 110px;
-    height: 32px;
-    line-height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 4;
-    border-radius: 100px;
-    background: rgba(255, 255, 255, 0.15);
-    font-size: 16px;
-    color: #fff;
-  }
-
-  .styles-module_bottomInfoTransition__-4acA {
-    transition: transform 0.3s ease-in-out;
-
-    &.styles-module_controlsVisible__pAfej {
-      transform: translateY(-50px);
-    }
-  }
-}
-`,n={fullscreenFeed:`styles-module_fullscreenFeed__R5DP7`,feedTrack:`styles-module_feedTrack__Bb7TO`,feedItem:`styles-module_feedItem__x--3a`,imageSlide:`styles-module_imageSlide__MpkCd`,emptySlide:`styles-module_emptySlide__naY5o`,videoSlide:`styles-module_videoSlide__Gil3A`,videoPlayerBox:`styles-module_videoPlayerBox__FLbuO`,posterLoading:`styles-module_posterLoading__tU2PU`,videoPosterBg:`styles-module_videoPosterBg__53X2O`,videoPosterCover:`styles-module_videoPosterCover__thQYR`,carouselFull:`styles-module_carouselFull__FE9ES`,videoPlaceholder:`styles-module_videoPlaceholder__6HptI`,fullscreenBtn:`styles-module_fullscreenBtn__Lp6-X`,bottomInfoTransition:`styles-module_bottomInfoTransition__-4acA`,controlsVisible:`styles-module_controlsVisible__pAfej`};e(t);export{n as default};
+import styleInject from "../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+
+//#region components/biz/basics/fullscreen-feed/runtime/styles.module.css
+var css_248z = ".styles-module_fullscreenFeed__R5DP7 {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100dvh;\n  overflow: hidden;\n  background: #000;\n\n  .styles-module_feedTrack__Bb7TO {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    will-change: transform;\n  }\n\n  .styles-module_feedItem__x--3a {\n    user-select: none;\n    will-change: transform;\n  }\n\n  .styles-module_imageSlide__MpkCd,\n  .styles-module_emptySlide__naY5o,\n  .styles-module_videoSlide__Gil3A {\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .styles-module_videoSlide__Gil3A {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .xgplayer-definition {\n      display: none !important;\n    }\n\n    .xg-top-note {\n      top: 80px !important;\n    }\n\n    .xgplayer-volume {\n      top: 80px;\n    }\n\n    .xgplayer-controls {\n      position: fixed;\n      right: 56px;\n      z-index: 100;\n    }\n\n    .xg-options-list {\n      display: flex;\n      justify-content: center;\n      background: linear-gradient(to left, #0000, #000c);\n      padding: 0;\n    }\n\n    .xg-options-list.active li {\n      flex: none;\n      height: 4em;\n    }\n  }\n\n  .styles-module_videoPlayerBox__FLbuO {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .styles-module_posterLoading__tU2PU {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .styles-module_posterLoading__tU2PU img {\n    width: 36px;\n    height: 36px;\n  }\n\n  .styles-module_videoPosterBg__53X2O {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    background: #000;\n  }\n\n  .styles-module_videoPosterCover__thQYR {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background: #000;\n  }\n\n  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] {\n    height: 100%;\n  }\n\n  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] > div {\n    height: 100%;\n  }\n\n  /* Ensure player stays above the background layer */\n  .styles-module_videoPlayerBox__FLbuO .videoBox {\n    position: relative;\n    z-index: 1;\n  }\n\n  .styles-module_videoPlaceholder__6HptI {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #000;\n  }\n\n  .styles-module_fullscreenBtn__Lp6-X {\n    width: 110px;\n    height: 32px;\n    line-height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 4;\n    border-radius: 100px;\n    background: rgba(255, 255, 255, 0.15);\n    font-size: 16px;\n    color: #fff;\n  }\n\n  .styles-module_bottomInfoTransition__-4acA {\n    transition: transform 0.3s ease-in-out;\n\n    &.styles-module_controlsVisible__pAfej {\n      transform: translateY(-50px);\n    }\n  }\n}\n";
+var styles_module_default = {
+	"fullscreenFeed": "styles-module_fullscreenFeed__R5DP7",
+	"feedTrack": "styles-module_feedTrack__Bb7TO",
+	"feedItem": "styles-module_feedItem__x--3a",
+	"imageSlide": "styles-module_imageSlide__MpkCd",
+	"emptySlide": "styles-module_emptySlide__naY5o",
+	"videoSlide": "styles-module_videoSlide__Gil3A",
+	"videoPlayerBox": "styles-module_videoPlayerBox__FLbuO",
+	"posterLoading": "styles-module_posterLoading__tU2PU",
+	"videoPosterBg": "styles-module_videoPosterBg__53X2O",
+	"videoPosterCover": "styles-module_videoPosterCover__thQYR",
+	"carouselFull": "styles-module_carouselFull__FE9ES",
+	"videoPlaceholder": "styles-module_videoPlaceholder__6HptI",
+	"fullscreenBtn": "styles-module_fullscreenBtn__Lp6-X",
+	"bottomInfoTransition": "styles-module_bottomInfoTransition__-4acA",
+	"controlsVisible": "styles-module_controlsVisible__pAfej"
+};
+styleInject(css_248z);
+
+//#endregion
+export { styles_module_default as default };

package/dist/components/biz/basics/fullscreen-feed/runtime/use-mixed-feed-controller.mjs

@@ -1,2 +1,194 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{gContentGetAppChannelBlockData as t}from"../../../../../service/generated/client.mjs";import{useKeepAliveState as n}from"../../../../common/keep-scroll-position/index.mjs";import{adaptFeedItemToSafeInformation as r,normalizeToFeedItem as i}from"./adapters.mjs";import{batchQueryContentInteractions as a}from"../../../../../hooks/use-content-operate.mjs";import{buildInteractionMap as o,collectPendingInteractionIds as s,mergeInteractionIntoFeedItems as c}from"./interaction-sync.mjs";import{useCallback as l,useEffect as u,useRef as d}from"react";function f(e){return!e||typeof e!=`object`?null:i(r(e))}function p({blockId:r,appId:i,initialContents:p=[],initialActiveIndex:m=0,keepAliveKey:h}){let g=h||`fullscreen-mixed:${i||`app`}:${r}`,{isLogin:_,userId:v,userInfo:y}=e(),b=v||y?.userId||``,x=d((p||[]).map(e=>f(e)).filter(Boolean)).current,[S,C]=n(`${g}-active-index`,m),[w,T]=n(`${g}-user-interacted`,!1),[E,D]=n(`${g}-fetching`,!1),[O,k]=n(`${g}-has-more`,!0),[A,j]=n(`${g}-cursor`,``),[M,N]=n(`${g}-fetched-first`,!1),[P,F]=n(`${g}-items`,x),[I,L]=n(`${g}-checked-interaction-ids`,{video:[],post:[]}),R=d({video:new Set(I.video),post:new Set(I.post)}),z=d(I);z.current=I;let B=d(A);u(()=>{B.current=A},[A]),u(()=>{R.current={video:new Set(z.current.video),post:new Set(z.current.post)}},[I,b]),u(()=>{R.current={video:new Set,post:new Set},L({video:[],post:[]})},[b,L]);let V=l((e,t)=>{F(n=>n.map(n=>n.id===e?{...n,originalData:{...n.originalData,...t,static:t.static?{...n.originalData.static,...t.static}:n.originalData.static,author:t.author?{...n.originalData.author,...t.author}:n.originalData.author}}:n))},[F]),H=l(async e=>{if(!_||!b)return;let{pendingVideoIds:t,pendingPostIds:n}=s(e,R.current);if(t.length===0&&n.length===0)return;L({video:Array.from(R.current.video),post:Array.from(R.current.post)});let[r,i]=await Promise.all([t.length>0?a(t,1):Promise.resolve(null),n.length>0?a(n,2):Promise.resolve(null)]),l=o(r?.interaction_list),u=o(i?.interaction_list);F(e=>c(e,l,u))},[_,b,L,F]),U=l(async()=>{if(r&&!E&&O){D(!0);try{let e=(await t({app_id:i,block_id:r,cursor:B.current||void 0})).data.block?.data,n=e?.cursor,a=n==null?``:String(n),o=(e?.list||[]).map(e=>f(e)).filter(Boolean);o.length>0&&(F(e=>{let t=new Set(e.map(e=>`${e.kind}:${e.id}`)),n=[...e];return o.forEach(e=>{let r=`${e.kind}:${e.id}`;e.id&&(t.has(r)||(t.add(r),n.push(e)))}),n}),H(o)),B.current=a,j(a),k(!!a)}catch(e){console.error(`MixedFeed fetchMore failed:`,e),k(!1)}finally{D(!1)}}},[i,r,O,E,j]);u(()=>{M||(N(!0),!(P.length>0)&&U())},[U,M,P.length,N]),u(()=>{!_||!b||P.length!==0&&H(P)},[_,P,H,b]);let W=l(e=>{O&&e>=P.length-2&&U()},[U,O,P.length]);return{items:P,activeIndex:S,userInteracted:w,setUserInteracted:()=>T(!0),setActiveIndex:(e,t)=>{C(e)},updateItemData:V,getNavigationInfo:l(e=>{let t=P[e+1];return{showSeriesButton:!1,nextItemText:t?`\u4E0B\u4E00\u6761${t.title?`\u00B7${t.title}`:``}`:``}},[P]),maybeLoadMore:W,isFetching:E,hasMore:O}}export{p as useMixedFeedController};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gContentGetAppChannelBlockData } from "../../../../../service/generated/client.mjs";
+import { useKeepAliveState } from "../../../../common/keep-scroll-position/index.mjs";
+import { adaptFeedItemToSafeInformation, normalizeToFeedItem } from "./adapters.mjs";
+import { batchQueryContentInteractions } from "../../../../../hooks/use-content-operate.mjs";
+import { buildInteractionMap, collectPendingInteractionIds, mergeInteractionIntoFeedItems } from "./interaction-sync.mjs";
+import { useCallback, useEffect, useRef } from "react";
+
+//#region components/biz/basics/fullscreen-feed/runtime/use-mixed-feed-controller.ts
+function mapAnyToFeedItem(raw) {
+	if (!raw || typeof raw !== "object") return null;
+	return normalizeToFeedItem(adaptFeedItemToSafeInformation(raw));
+}
+function useMixedFeedController({ blockId, appId, initialContents = [], initialActiveIndex = 0, keepAliveKey }) {
+	const cacheKey = keepAliveKey || `fullscreen-mixed:${appId || "app"}:${blockId}`;
+	const { isLogin, userId: storeUserId, userInfo } = useUserStore();
+	const resolvedUserId = storeUserId || userInfo?.userId || "";
+	const initialItems = useRef((initialContents || []).map((raw) => mapAnyToFeedItem(raw)).filter(Boolean)).current;
+	const [activeIndex, setActiveIndexState] = useKeepAliveState(`${cacheKey}-active-index`, initialActiveIndex);
+	const [userInteracted, setUserInteractedState] = useKeepAliveState(`${cacheKey}-user-interacted`, false);
+	const [isFetching, setIsFetching] = useKeepAliveState(`${cacheKey}-fetching`, false);
+	const [hasMore, setHasMore] = useKeepAliveState(`${cacheKey}-has-more`, true);
+	const [cursor, setCursor] = useKeepAliveState(`${cacheKey}-cursor`, "");
+	const [fetchedFirst, setFetchedFirst] = useKeepAliveState(`${cacheKey}-fetched-first`, false);
+	const [items, setItems] = useKeepAliveState(`${cacheKey}-items`, initialItems);
+	const [checkedInteractionIds, setCheckedInteractionIds] = useKeepAliveState(`${cacheKey}-checked-interaction-ids`, {
+		video: [],
+		post: []
+	});
+	const checkedInteractionIdsRef = useRef({
+		video: new Set(checkedInteractionIds.video),
+		post: new Set(checkedInteractionIds.post)
+	});
+	const checkedInteractionIdsListRef = useRef(checkedInteractionIds);
+	checkedInteractionIdsListRef.current = checkedInteractionIds;
+	const cursorRef = useRef(cursor);
+	useEffect(() => {
+		cursorRef.current = cursor;
+	}, [cursor]);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = {
+			video: new Set(checkedInteractionIdsListRef.current.video),
+			post: new Set(checkedInteractionIdsListRef.current.post)
+		};
+	}, [checkedInteractionIds, resolvedUserId]);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = {
+			video: /* @__PURE__ */ new Set(),
+			post: /* @__PURE__ */ new Set()
+		};
+		setCheckedInteractionIds({
+			video: [],
+			post: []
+		});
+	}, [resolvedUserId, setCheckedInteractionIds]);
+	const updateItemData = useCallback((id, patch) => {
+		setItems((prev) => prev.map((item) => {
+			if (item.id !== id) return item;
+			return {
+				...item,
+				originalData: {
+					...item.originalData,
+					...patch,
+					static: patch.static ? {
+						...item.originalData.static,
+						...patch.static
+					} : item.originalData.static,
+					author: patch.author ? {
+						...item.originalData.author,
+						...patch.author
+					} : item.originalData.author
+				}
+			};
+		}));
+	}, [setItems]);
+	const refreshInteractionStatus = useCallback(async (targetItems) => {
+		if (!isLogin || !resolvedUserId) return;
+		const { pendingVideoIds, pendingPostIds } = collectPendingInteractionIds(targetItems, checkedInteractionIdsRef.current);
+		if (pendingVideoIds.length === 0 && pendingPostIds.length === 0) return;
+		setCheckedInteractionIds({
+			video: Array.from(checkedInteractionIdsRef.current.video),
+			post: Array.from(checkedInteractionIdsRef.current.post)
+		});
+		const [videoData, postData] = await Promise.all([pendingVideoIds.length > 0 ? batchQueryContentInteractions(pendingVideoIds, 1) : Promise.resolve(null), pendingPostIds.length > 0 ? batchQueryContentInteractions(pendingPostIds, 2) : Promise.resolve(null)]);
+		const videoMap = buildInteractionMap(videoData?.interaction_list);
+		const postMap = buildInteractionMap(postData?.interaction_list);
+		setItems((prev) => mergeInteractionIntoFeedItems(prev, videoMap, postMap));
+	}, [
+		isLogin,
+		resolvedUserId,
+		setCheckedInteractionIds,
+		setItems
+	]);
+	const fetchNextPage = useCallback(async () => {
+		if (!blockId) return;
+		if (isFetching) return;
+		if (!hasMore) return;
+		setIsFetching(true);
+		try {
+			const blockData = (await gContentGetAppChannelBlockData({
+				app_id: appId,
+				block_id: blockId,
+				cursor: cursorRef.current || void 0
+			})).data.block?.data;
+			const cursorValue = blockData?.cursor;
+			const nextCursor = cursorValue === null || cursorValue === void 0 ? "" : String(cursorValue);
+			const nextItems = (blockData?.list || []).map((raw) => mapAnyToFeedItem(raw)).filter(Boolean);
+			if (nextItems.length > 0) {
+				setItems((prev) => {
+					const existing = new Set(prev.map((item) => `${item.kind}:${item.id}`));
+					const merged = [...prev];
+					nextItems.forEach((item) => {
+						const key = `${item.kind}:${item.id}`;
+						if (!item.id) return;
+						if (existing.has(key)) return;
+						existing.add(key);
+						merged.push(item);
+					});
+					return merged;
+				});
+				refreshInteractionStatus(nextItems);
+			}
+			cursorRef.current = nextCursor;
+			setCursor(nextCursor);
+			setHasMore(Boolean(nextCursor));
+		} catch (error) {
+			console.error("MixedFeed fetchMore failed:", error);
+			setHasMore(false);
+		} finally {
+			setIsFetching(false);
+		}
+	}, [
+		appId,
+		blockId,
+		hasMore,
+		isFetching,
+		setCursor
+	]);
+	useEffect(() => {
+		if (fetchedFirst) return;
+		setFetchedFirst(true);
+		if (items.length > 0) return;
+		fetchNextPage();
+	}, [
+		fetchNextPage,
+		fetchedFirst,
+		items.length,
+		setFetchedFirst
+	]);
+	useEffect(() => {
+		if (!isLogin || !resolvedUserId) return;
+		if (items.length === 0) return;
+		refreshInteractionStatus(items);
+	}, [
+		isLogin,
+		items,
+		refreshInteractionStatus,
+		resolvedUserId
+	]);
+	const maybeLoadMore = useCallback((nextIndex) => {
+		if (!hasMore) return;
+		if (nextIndex >= items.length - 2) fetchNextPage();
+	}, [
+		fetchNextPage,
+		hasMore,
+		items.length
+	]);
+	return {
+		items,
+		activeIndex,
+		userInteracted,
+		setUserInteracted: () => setUserInteractedState(true),
+		setActiveIndex: (nextIndex, _direction) => {
+			setActiveIndexState(nextIndex);
+		},
+		updateItemData,
+		getNavigationInfo: useCallback((index) => {
+			const next = items[index + 1];
+			return {
+				showSeriesButton: false,
+				nextItemText: next ? `\u4E0B\u4E00\u6761${next.title ? `\u00B7${next.title}` : ""}` : ""
+			};
+		}, [items]),
+		maybeLoadMore,
+		isFetching,
+		hasMore
+	};
+}
+
+//#endregion
+export { useMixedFeedController };