@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,233 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,26 +1,153 @@
 
-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 };
+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};

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

@@ -1,194 +1,2 @@
 
-'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 };
+"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};