@funhub/platform 0.1.127 → 0.1.130

package/dist/components/pages/feedback/_components/feedback-form.mjs

@@ -1,2 +1,257 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{Button as t}from"../../../ui/button.mjs";import{useUserStore as n}from"../../../../store/modules/user-store.mjs";import{pUserUserFeedback as r}from"../../../../service/generated/client.mjs";import{compressImage as i}from"../../../../utils/image-compression.mjs";import{uploadFile as a}from"../../../../utils/upload-file.mjs";import{Image as o}from"../../../ui/image.mjs";import{Box as s}from"../../../ui/box.mjs";import{InputGroup as c,InputGroupAddon as l,InputGroupInput as u,InputGroupTextarea as d}from"../../../ui/input-group.mjs";import{Field as f,FieldLabel as p}from"../../../ui/field.mjs";import{Text as m}from"../../../ui/text.mjs";import{HeaderNav as h}from"../../../common/header-nav/client.mjs";import{AddIcon as g}from"../../../common/icons/add.mjs";import{useRef as _,useState as v}from"react";import{XIcon as y}from"lucide-react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{toast as S}from"sonner";import{useTranslations as C}from"next-intl";import{useRouter as w}from"next/navigation";const T=new Set([`image/jpeg`,`image/jpg`,`image/png`]),E=new Set([`jpg`,`jpeg`,`png`]);function D(e){let t=e.type.toLowerCase(),n=e.name.split(`.`).pop()?.toLowerCase()||``;return t?T.has(t):E.has(n)}function O({className:T}={}){let E=C(`components.pages.feedback.components`),O=w(),{userId:k}=n(),A=_(null),[j,M]=v({content:``,contact:``}),[N,P]=v([]),[F,I]=v(!1),[L,R]=v(!1),z=!j.content.trim();function B(e,t){M(n=>({...n,[e]:t}))}function V(){L||F||N.length>=3||A.current?.click()}async function H(e){let t=Array.from(e.target.files??[]);if(!t.length)return;let n=3-N.length;if(n<=0){e.target&&(e.target.value=``);return}let r=t.slice(0,n),o=r.filter(D);if(!o.length){S.error(E(`feedbackForm.imageTypeInvalid`)),e.target&&(e.target.value=``);return}o.length!==r.length&&S.error(E(`feedbackForm.imageTypeInvalid`));try{R(!0);let e=[],t=!1;for(let n of o)try{let t=await a(await i(n),1);e.push(t.objectKey)}catch(e){console.error(`上传截图失败`,e),t=!0}e.length&&P(t=>[...t,...e].slice(0,3)),t&&S.error(E(`feedbackForm.screenshotUploadFailed`))}catch(e){console.error(`上传截图失败`,e),S.error(E(`feedbackForm.screenshotUploadFailed`))}finally{R(!1),e.target&&(e.target.value=``)}}function U(e){L||F||P(t=>t.filter((t,n)=>n!==e))}async function W(){let e=j.content.trim(),t=j.contact.trim();if(!e){S.error(E(`feedbackForm.missingFeedback`));return}if(e.length<4){S.error(E(`feedbackForm.contentMinLength`));return}if(F)return;let n=S.loading(E(`feedbackForm.loading`));try{I(!0);let i=await r({user_id:k,feedback_content:e,feedback_screenshots:N.length?N:void 0,contact_info:t||void 0});if(i.code===0){M({content:``,contact:``}),P([]),O.push(`/settings`),S.success(E(`feedbackForm.submitsuccess`),{id:n});return}S.error(i.message||E(`feedbackForm.message`),{id:n})}catch(e){console.error(`提交反馈失败`,e),S.error(e.message||E(`feedbackForm.message`),{id:n})}finally{I(!1)}}return x(s,{className:e(`min-h-screen bg-bg2`,T),children:[b(h,{title:E(`feedbackForm.title`),className:`!bg-bg2`,rightChild:b(t,{onClick:W,disabled:F||L||z,children:E(F?`feedbackForm.loading`:`feedbackForm.submit`)})}),x(s,{className:`pb-3`,children:[x(f,{className:`bg-bg2 px-3 border-none`,children:[b(p,{required:!0,children:E(`feedbackForm.label`)}),x(c,{children:[b(d,{className:`!bg-bg1 p-2.5 rounded-md`,maxLength:500,placeholder:E(`feedbackForm.placeholder`),value:j.content,onChange:e=>B(`content`,e.target.value)}),b(l,{className:`!bg-bg1`,align:`block-end`,children:b(`div`,{className:`text-right w-full`,children:x(`span`,{className:`text-xs`,children:[j.content.length,`/500`]})})})]})]}),x(f,{className:`bg-bg2 px-3 border-none`,children:[b(p,{children:E(`feedbackForm.screenshotLabel`)}),b(`input`,{ref:A,type:`file`,multiple:!0,accept:`image/jpeg,image/jpg,image/png,.jpg,.jpeg,.png`,className:`hidden`,onChange:H}),x(s,{className:`mt-2 grid grid-cols-3 gap-2`,children:[N.map((e,n)=>x(s,{className:`relative overflow-hidden rounded-lg border border-line1 !bg-bg1 aspect-square`,children:[b(o,{src:e,alt:E(`feedbackForm.alt`),fill:!0,className:`object-cover`}),b(t,{size:`icon-xs`,variant:`secondary`,className:`absolute right-1 top-1 rounded-full bg-bg1/85`,onClick:()=>U(n),"aria-label":E(`feedbackForm.delete`),children:b(y,{})})]},`${e}-${n}`)),N.length<3&&x(s,{className:`flex flex-col aspect-square items-center justify-center gap-2 rounded-lg border border-dashed border-text1/10 !bg-bg1 py-3 text-center`,onClick:V,children:[b(g,{}),b(m,{className:`text-xs text-text3`,children:E(L?`feedbackForm.uploading`:`feedbackForm.addScreenshot`)})]})]})]}),x(f,{className:`bg-bg2 px-3 border-none `,children:[b(p,{children:E(`feedbackForm.contactLabel`)}),b(c,{children:b(u,{className:`!bg-bg1 p-2.5 h-auto rounded-md`,placeholder:E(`feedbackForm.placeholder1_6d0242`),value:j.contact,onChange:e=>B(`contact`,e.target.value)})})]})]})]})}export{O as FeedbackForm};
+'use client';
+
+import { cn } from "../../../../utils/cn.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { pUserUserFeedback } from "../../../../service/generated/client.mjs";
+import { compressImage } from "../../../../utils/image-compression.mjs";
+import { uploadFile } from "../../../../utils/upload-file.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea } from "../../../ui/input-group.mjs";
+import { Field, FieldLabel } from "../../../ui/field.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { HeaderNav } from "../../../common/header-nav/client.mjs";
+import { AddIcon } from "../../../common/icons/add.mjs";
+import { useRef, useState } from "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+
+//#region components/pages/feedback/_components/feedback-form.tsx
+const ALLOWED_SCREENSHOT_MIME_TYPES = new Set([
+	"image/jpeg",
+	"image/jpg",
+	"image/png"
+]);
+const ALLOWED_SCREENSHOT_EXTENSIONS = new Set([
+	"jpg",
+	"jpeg",
+	"png"
+]);
+const MAX_SCREENSHOT_COUNT = 3;
+/**
+* 校验截图文件类型是否允许。
+*/
+function isSupportedScreenshotFile(file) {
+	const fileType = file.type.toLowerCase();
+	const fileExtension = file.name.split(".").pop()?.toLowerCase() || "";
+	if (fileType) return ALLOWED_SCREENSHOT_MIME_TYPES.has(fileType);
+	return ALLOWED_SCREENSHOT_EXTENSIONS.has(fileExtension);
+}
+/**
+* 反馈表单。
+*/
+function FeedbackForm({ className } = {}) {
+	const t = useTranslations("components.pages.feedback.components");
+	const router = useRouter();
+	const { userId } = useUserStore();
+	const fileInputRef = useRef(null);
+	const [form, setForm] = useState({
+		content: "",
+		contact: ""
+	});
+	const [screenshotUrls, setScreenshotUrls] = useState([]);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [isUploading, setIsUploading] = useState(false);
+	const isContentEmpty = !form.content.trim();
+	/**
+	* 更新表单字段。
+	*/
+	function handleUpdateFormField(key, value) {
+		setForm((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	}
+	/**
+	* 打开上传截图。
+	*/
+	function handleOpenScreenshotPicker() {
+		if (isUploading || isSubmitting || screenshotUrls.length >= MAX_SCREENSHOT_COUNT) return;
+		fileInputRef.current?.click();
+	}
+	/**
+	* 处理截图上传。
+	*/
+	async function handleScreenshotChange(event) {
+		const files = Array.from(event.target.files ?? []);
+		if (!files.length) return;
+		const availableSlots = MAX_SCREENSHOT_COUNT - screenshotUrls.length;
+		if (availableSlots <= 0) {
+			if (event.target) event.target.value = "";
+			return;
+		}
+		const candidateFiles = files.slice(0, availableSlots);
+		const validFiles = candidateFiles.filter(isSupportedScreenshotFile);
+		if (!validFiles.length) {
+			toast.error(t("feedbackForm.imageTypeInvalid"));
+			if (event.target) event.target.value = "";
+			return;
+		}
+		if (validFiles.length !== candidateFiles.length) toast.error(t("feedbackForm.imageTypeInvalid"));
+		try {
+			setIsUploading(true);
+			const uploadedUrls = [];
+			let hasUploadFailure = false;
+			for (const file of validFiles) try {
+				const result = await uploadFile(await compressImage(file), 1);
+				uploadedUrls.push(result.objectKey);
+			} catch (error) {
+				console.error("上传截图失败", error);
+				hasUploadFailure = true;
+			}
+			if (uploadedUrls.length) setScreenshotUrls((prev) => [...prev, ...uploadedUrls].slice(0, MAX_SCREENSHOT_COUNT));
+			if (hasUploadFailure) toast.error(t("feedbackForm.screenshotUploadFailed"));
+		} catch (error) {
+			console.error("上传截图失败", error);
+			toast.error(t("feedbackForm.screenshotUploadFailed"));
+		} finally {
+			setIsUploading(false);
+			if (event.target) event.target.value = "";
+		}
+	}
+	/**
+	* 删除截图。
+	*/
+	function handleRemoveScreenshot(index) {
+		if (isUploading || isSubmitting) return;
+		setScreenshotUrls((prev) => prev.filter((_, screenshotIndex) => screenshotIndex !== index));
+	}
+	/**
+	* 提交反馈。
+	*/
+	async function handleSubmit() {
+		const content = form.content.trim();
+		const contact = form.contact.trim();
+		if (!content) {
+			toast.error(t("feedbackForm.missingFeedback"));
+			return;
+		}
+		if (content.length < 4) {
+			toast.error(t("feedbackForm.contentMinLength"));
+			return;
+		}
+		if (isSubmitting) return;
+		const loadingId = toast.loading(t("feedbackForm.loading"));
+		try {
+			setIsSubmitting(true);
+			const response = await pUserUserFeedback({
+				user_id: userId,
+				feedback_content: content,
+				feedback_screenshots: screenshotUrls.length ? screenshotUrls : void 0,
+				contact_info: contact || void 0
+			});
+			if (response.code === 0) {
+				setForm({
+					content: "",
+					contact: ""
+				});
+				setScreenshotUrls([]);
+				router.push("/settings");
+				toast.success(t("feedbackForm.submitsuccess"), { id: loadingId });
+				return;
+			}
+			toast.error(response.message || t("feedbackForm.message"), { id: loadingId });
+		} catch (error) {
+			console.error("提交反馈失败", error);
+			toast.error(error.message || t("feedbackForm.message"), { id: loadingId });
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("min-h-screen bg-bg2", className),
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			title: t("feedbackForm.title"),
+			className: "!bg-bg2",
+			rightChild: /* @__PURE__ */ jsx(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || isUploading || isContentEmpty,
+				children: isSubmitting ? t("feedbackForm.loading") : t("feedbackForm.submit")
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "pb-3",
+			children: [
+				/* @__PURE__ */ jsxs(Field, {
+					className: "bg-bg2 px-3 border-none",
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						required: true,
+						children: t("feedbackForm.label")
+					}), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+						className: "!bg-bg1 p-2.5 rounded-md",
+						maxLength: 500,
+						placeholder: t("feedbackForm.placeholder"),
+						value: form.content,
+						onChange: (e) => handleUpdateFormField("content", e.target.value)
+					}), /* @__PURE__ */ jsx(InputGroupAddon, {
+						className: "!bg-bg1",
+						align: "block-end",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "text-right w-full",
+							children: /* @__PURE__ */ jsxs("span", {
+								className: "text-xs",
+								children: [form.content.length, "/500"]
+							})
+						})
+					})] })]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					className: "bg-bg2 px-3 border-none",
+					children: [
+						/* @__PURE__ */ jsx(FieldLabel, { children: t("feedbackForm.screenshotLabel") }),
+						/* @__PURE__ */ jsx("input", {
+							ref: fileInputRef,
+							type: "file",
+							multiple: true,
+							accept: "image/jpeg,image/jpg,image/png,.jpg,.jpeg,.png",
+							className: "hidden",
+							onChange: handleScreenshotChange
+						}),
+						/* @__PURE__ */ jsxs(Box, {
+							className: "mt-2 grid grid-cols-3 gap-2",
+							children: [screenshotUrls.map((screenshotUrl, index) => /* @__PURE__ */ jsxs(Box, {
+								className: "relative overflow-hidden rounded-lg border border-line1 !bg-bg1 aspect-square",
+								children: [/* @__PURE__ */ jsx(Image, {
+									src: screenshotUrl,
+									alt: t("feedbackForm.alt"),
+									fill: true,
+									className: "object-cover"
+								}), /* @__PURE__ */ jsx(Button, {
+									size: "icon-xs",
+									variant: "secondary",
+									className: "absolute right-1 top-1 rounded-full bg-bg1/85",
+									onClick: () => handleRemoveScreenshot(index),
+									"aria-label": t("feedbackForm.delete"),
+									children: /* @__PURE__ */ jsx(XIcon, {})
+								})]
+							}, `${screenshotUrl}-${index}`)), screenshotUrls.length < MAX_SCREENSHOT_COUNT && /* @__PURE__ */ jsxs(Box, {
+								className: "flex flex-col aspect-square items-center justify-center gap-2 rounded-lg border border-dashed border-text1/10 !bg-bg1 py-3 text-center",
+								onClick: handleOpenScreenshotPicker,
+								children: [/* @__PURE__ */ jsx(AddIcon, {}), /* @__PURE__ */ jsx(Text, {
+									className: "text-xs text-text3",
+									children: isUploading ? t("feedbackForm.uploading") : t("feedbackForm.addScreenshot")
+								})]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					className: "bg-bg2 px-3 border-none ",
+					children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("feedbackForm.contactLabel") }), /* @__PURE__ */ jsx(InputGroup, { children: /* @__PURE__ */ jsx(InputGroupInput, {
+						className: "!bg-bg1 p-2.5 h-auto rounded-md",
+						placeholder: t("feedbackForm.placeholder1_6d0242"),
+						value: form.contact,
+						onChange: (e) => handleUpdateFormField("contact", e.target.value)
+					}) })]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { FeedbackForm };

package/dist/components/pages/feedback/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).FeedbackPage,{loading:e});export{n as FeedbackPage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/feedback/index.tsx
+const FeedbackPage = dynamic(async () => {
+	return (await import("./page.mjs")).FeedbackPage;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { FeedbackPage };

package/dist/components/pages/feedback/page.mjs

@@ -1,2 +1,11 @@
 
-import{FeedbackForm as e}from"./_components/feedback-form.mjs";import{jsx as t}from"react/jsx-runtime";function n({className:n}={}){return t(e,{className:n})}export{n as FeedbackPage};
+import { FeedbackForm } from "./_components/feedback-form.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/feedback/page.tsx
+function FeedbackPage({ className } = {}) {
+	return /* @__PURE__ */ jsx(FeedbackForm, { className });
+}
+
+//#endregion
+export { FeedbackPage };

package/dist/components/pages/fullscreen-feed/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).default,{loading:e});export{n as FullscreenFeedPage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/fullscreen-feed/index.tsx
+const FullscreenFeedPage = dynamic(async () => {
+	return (await import("./page.mjs")).default;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { FullscreenFeedPage };

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

@@ -1,2 +1,105 @@
 
-"use client";import e from"../../biz/basics/fullscreen-feed/runtime/client.mjs";import{useMixedFeedController as t}from"../../biz/basics/fullscreen-feed/runtime/use-mixed-feed-controller.mjs";import{useSeriesFeedController as n}from"../../biz/basics/fullscreen-feed/runtime/use-series-feed-controller.mjs";import{SeriesEpisodes as r}from"../../common/series-episodes/index.mjs";import{useCallback as i,useEffect as a,useMemo as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{useTranslations as u}from"next-intl";import{usePathname as d}from"next/navigation";function f({blockId:f,seriesId:p,initialContents:m,videoConfig:h,hasBottom:g,pageSize:_=6,initialActiveIndex:v=0,items:y,onSwipeTo:b,onEpisodeNavigate:x,onGoToEpisode:S,currentUserId:C,followIds:w,onFollowIdsChange:T,onRequireLogin:E}){let D=u(`components.pages.fullscreenFeed`),O=d(),k=o(()=>{let e=p?`series:${p}`:`block:${f||``}`;return`${O||`unknown`}:fullscreen-feed:${e}:pageSize:${_}`},[f,_,O,p]),A=`${k}:series-controller`,j=`${k}:mixed-controller`,M=n({seriesId:p||``,initialContents:m,initialActiveIndex:v,onEpisodeNavigate:x,keepAliveKey:A}),N=t({blockId:f||``,initialContents:m,initialActiveIndex:v,pageSize:_,keepAliveKey:j}),P=p?M:N,F=y||P.items,I=P.activeIndex,L=P.userInteracted,R=i((e,t)=>{P.setActiveIndex(e,t),p||N.maybeLoadMore(e),b?.({activeIndex:e,items:F,direction:t})},[P,F,b,p,N]),z=i((e,t)=>{P.updateItemData(e,t)},[P]),B=i(e=>P.getNavigationInfo(e),[P]);return a(()=>{S&&S(e=>{R(e,`jump`)})},[S,R]),!f&&!p?c(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/70`,children:D(`page.missingParams`)}):l(s,{children:[c(e,{items:F,activeIndex:I,bottom:g?56:void 0,videoConfig:h,userInteracted:L,onUserInteracted:P.setUserInteracted,onActiveIndexChange:R,onDataUpdate:z,getNavigationInfo:B,currentUserId:C,followIds:w,onFollowIdsChange:T,onRequireLogin:E}),p&&M.isSeriesSelectorOpen&&c(r,{title:D(`page.episodeSelectorTitle`),mode:`selector`,variant:`sheet`,open:M.isSeriesSelectorOpen,seriesList:M.seriesMeta.seriesList,activeEpisodeId:M.activeEpisodeId,onClose:M.closeSeriesSelector,onSelectEpisode:M.onSelectEpisode})]})}export{f as default};
+'use client';
+
+import FullscreenFeedClient from "../../biz/basics/fullscreen-feed/runtime/client.mjs";
+import { useMixedFeedController } from "../../biz/basics/fullscreen-feed/runtime/use-mixed-feed-controller.mjs";
+import { useSeriesFeedController } from "../../biz/basics/fullscreen-feed/runtime/use-series-feed-controller.mjs";
+import { SeriesEpisodes } from "../../common/series-episodes/index.mjs";
+import { useCallback, useEffect, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePathname } from "next/navigation";
+
+//#region components/pages/fullscreen-feed/page.tsx
+function FullscreenFeedPage({ blockId, seriesId, initialContents, videoConfig, hasBottom, pageSize = 6, initialActiveIndex = 0, items: externalItems, onSwipeTo, onEpisodeNavigate, onGoToEpisode, currentUserId, followIds, onFollowIdsChange, onRequireLogin }) {
+	const t = useTranslations("components.pages.fullscreenFeed");
+	const pathname = usePathname();
+	const keepAliveKey = useMemo(() => {
+		const scope = seriesId ? `series:${seriesId}` : `block:${blockId || ""}`;
+		return `${pathname || "unknown"}:fullscreen-feed:${scope}:pageSize:${pageSize}`;
+	}, [
+		blockId,
+		pageSize,
+		pathname,
+		seriesId
+	]);
+	const seriesKeepAliveKey = `${keepAliveKey}:series-controller`;
+	const mixedKeepAliveKey = `${keepAliveKey}:mixed-controller`;
+	const seriesController = useSeriesFeedController({
+		seriesId: seriesId || "",
+		initialContents,
+		initialActiveIndex,
+		onEpisodeNavigate,
+		keepAliveKey: seriesKeepAliveKey
+	});
+	const mixedController = useMixedFeedController({
+		blockId: blockId || "",
+		initialContents,
+		initialActiveIndex,
+		pageSize,
+		keepAliveKey: mixedKeepAliveKey
+	});
+	const controller = seriesId ? seriesController : mixedController;
+	const items = externalItems || controller.items;
+	const activeIndex = controller.activeIndex;
+	const userInteracted = controller.userInteracted;
+	const handleActiveIndexChange = useCallback((nextIndex, direction) => {
+		controller.setActiveIndex(nextIndex, direction);
+		if (!seriesId) mixedController.maybeLoadMore(nextIndex);
+		onSwipeTo?.({
+			activeIndex: nextIndex,
+			items,
+			direction
+		});
+	}, [
+		controller,
+		items,
+		onSwipeTo,
+		seriesId,
+		mixedController
+	]);
+	const handleDataUpdate = useCallback((itemId, updateData) => {
+		controller.updateItemData(itemId, updateData);
+	}, [controller]);
+	const getNavigationInfo = useCallback((index) => {
+		return controller.getNavigationInfo(index);
+	}, [controller]);
+	useEffect(() => {
+		if (!onGoToEpisode) return;
+		const goToEpisode = (episodeIndex) => {
+			handleActiveIndexChange(episodeIndex, "jump");
+		};
+		onGoToEpisode(goToEpisode);
+	}, [onGoToEpisode, handleActiveIndexChange]);
+	if (!blockId && !seriesId) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-screen w-full items-center justify-center bg-black text-white/70",
+		children: t("page.missingParams")
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FullscreenFeedClient, {
+		items,
+		activeIndex,
+		bottom: hasBottom ? 56 : void 0,
+		videoConfig,
+		userInteracted,
+		onUserInteracted: controller.setUserInteracted,
+		onActiveIndexChange: handleActiveIndexChange,
+		onDataUpdate: handleDataUpdate,
+		getNavigationInfo,
+		currentUserId,
+		followIds,
+		onFollowIdsChange,
+		onRequireLogin
+	}), seriesId && seriesController.isSeriesSelectorOpen && /* @__PURE__ */ jsx(SeriesEpisodes, {
+		title: t("page.episodeSelectorTitle"),
+		mode: "selector",
+		variant: "sheet",
+		open: seriesController.isSeriesSelectorOpen,
+		seriesList: seriesController.seriesMeta.seriesList,
+		activeEpisodeId: seriesController.activeEpisodeId,
+		onClose: seriesController.closeSeriesSelector,
+		onSelectEpisode: seriesController.onSelectEpisode
+	})] });
+}
+
+//#endregion
+export { FullscreenFeedPage as default };

package/dist/components/pages/home/channel-matcher.mjs

@@ -1,2 +1,31 @@
 
-function e(n,r){if(n.length===0)return r[0]||null;let i=t(n[0]),a=r.find(e=>e.cn_name===i||e.en_name===i||e.name===i);return a?n.length>1&&a.sub_list&&e(n.slice(1),a.sub_list)||a:null}function t(e){try{return decodeURIComponent(e)}catch{return e}}export{e as matchChannelByPath};
+//#region components/pages/home/channel-matcher.ts
+/**
+* 根据路径匹配频道
+* @param categoryPath - 分类路径数组，例如 ['科技', 'AI'] 或 []
+* @param channels - 频道列表
+* @returns 匹配到的频道对象，如果未匹配到则返回 null
+*/
+function matchChannelByPath(categoryPath, channels) {
+	if (categoryPath.length === 0) return channels[0] || null;
+	const firstChannelName = safeDecodeURIComponent(categoryPath[0]);
+	const matchedChannel = channels.find((channel) => channel.cn_name === firstChannelName || channel.en_name === firstChannelName || channel.name === firstChannelName);
+	if (!matchedChannel) return null;
+	if (categoryPath.length > 1 && matchedChannel.sub_list) return matchChannelByPath(categoryPath.slice(1), matchedChannel.sub_list) || matchedChannel;
+	return matchedChannel;
+}
+/**
+* 安全解码 URL 片段，避免 decodeURIComponent 抛错
+* @param value - URL 片段
+* @returns 解码后的字符串，失败时返回原值
+*/
+function safeDecodeURIComponent(value) {
+	try {
+		return decodeURIComponent(value);
+	} catch {
+		return value;
+	}
+}
+
+//#endregion
+export { matchChannelByPath };

package/dist/components/pages/home/client.mjs

@@ -1,2 +1,156 @@
 
-"use client";import{gContentGetAppChannelBlock as e,gContentGetAppChannelBlockData as t,gContentListVisibleFloatingBall as n}from"../../../service/generated/client.mjs";import{Image as r}from"../../ui/image.mjs";import{Box as i}from"../../ui/box.mjs";import{useRequest as a}from"../../../hooks/query/use-query.mjs";import{useRequireLogin as o}from"../../../hooks/use-auth.mjs";import{queryKey as s}from"../../../constants/query-key.mjs";import{useKeepAliveState as c}from"../../common/keep-scroll-position/index.mjs";import{extractDataByComponentType as l}from"../../biz/utils/transformers/data.mjs";import{useEffect as u,useLayoutEffect as d,useMemo as f,useRef as p}from"react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{useRouter as _}from"next/navigation";function v(){if(typeof document>`u`)return 0;let e=document.querySelector(`[data-top-nav-root="true"]`);return e&&e.getBoundingClientRect().height||0}function y({currentChannelId:y,isPGC:b}){let x=_(),S=o(),{data:C}=a(s.GET_CONTENT_LIST(y),()=>e({channel_id:y})),{data:w}=a([s.FLOATING_BALL],()=>n()),T=f(()=>C?.data?.blocks||[],[C?.data?.blocks]),E=f(()=>{let e=T.findIndex(e=>e.type===4),t=e>=0?T[e]:null;return{index:e,block:t,blockId:t?.id||``}},[T]),{data:D}=a([s.GUESS_YOU_LIKE_USER_DATA,E.blockId],()=>t({block_id:E.blockId}),{enabled:!!E.blockId}),O=f(()=>{if(E.index<0)return T;let e=D?.data.block?.data?.users||[];return T.map((t,n)=>n===E.index?{...t,data:{...t.data||{},users:e}}:t)},[T,D,E.index]),[k,A]=c(`home-scroll-top-${y}`,0),j=p({restored:!1,lastScrollTop:k,key:y,rafId:null}),M=p(A),N=p(k);u(()=>{M.current=A},[A]),u(()=>{N.current=k},[k]),u(()=>{j.current.key!==y&&(j.current.restored=!1,j.current.lastScrollTop=k,N.current=k,j.current.key=y)},[y,k]);let P=O.length>0;d(()=>{if(!P||j.current.restored||k<=0)return;let e=v(),t=Math.max(0,k+e);window.requestAnimationFrame(()=>{window.scrollTo({top:t}),j.current.restored=!0,j.current.lastScrollTop=t})},[P,y,k]),u(()=>{let e=j.current;function t(){e.restored=!0,e.rafId!==null&&window.cancelAnimationFrame(e.rafId),e.rafId=window.requestAnimationFrame(()=>{e.rafId=null;let t=window.scrollY??document.documentElement.scrollTop??0,n=v(),r=Math.max(0,t-n);Math.abs(t-e.lastScrollTop)>1&&(e.lastScrollTop=t,M.current(r))})}return window.addEventListener(`scroll`,t,{passive:!0}),()=>{e.rafId!==null&&(window.cancelAnimationFrame(e.rafId),e.rafId=null),window.removeEventListener(`scroll`,t)}},[y]);let F=f(()=>l(O,b),[O,b]),I=f(()=>w?.data?.ball_infos?.find(e=>e.channel_id===y),[w?.data?.ball_infos,y]);return g(m,{children:[I&&h(i,{className:`fixed right-[20px] bottom-[80px] w-[52px] h-[52px] z-30 rounded-[16px] cursor-move select-none bg-[#FD4C5E33] overflow-hidden`,onClick:()=>{S(()=>{I?.jump_url&&x.push(I.jump_url)})},children:h(r,{src:I.material_url||``,alt:I.name||``,fill:!0,priority:!0,fetchPriority:`high`,sizes:`52px`,unoptimized:!0})}),F.map(e=>{let t=e.component,n=e.data.block_id||`block-${e.data.title||``}`;return h(t,{data:e.data},n)})]})}export{y as default};
+'use client';
+
+import { gContentGetAppChannelBlock, gContentGetAppChannelBlockData, gContentListVisibleFloatingBall } from "../../../service/generated/client.mjs";
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { useRequest } from "../../../hooks/query/use-query.mjs";
+import { useRequireLogin } from "../../../hooks/use-auth.mjs";
+import { queryKey } from "../../../constants/query-key.mjs";
+import { useKeepAliveState } from "../../common/keep-scroll-position/index.mjs";
+import { extractDataByComponentType } from "../../biz/utils/transformers/data.mjs";
+import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+
+//#region components/pages/home/client.tsx
+/**
+* Home 页面客户端组件
+*/
+const TOP_NAV_ROOT_SELECTOR = "[data-top-nav-root=\"true\"]";
+/**
+* 获取顶部导航栏高度
+*/
+function getTopNavHeight() {
+	if (typeof document === "undefined") return 0;
+	const element = document.querySelector(TOP_NAV_ROOT_SELECTOR);
+	if (!element) return 0;
+	return element.getBoundingClientRect().height || 0;
+}
+function HomePageClient({ currentChannelId, isPGC }) {
+	const router = useRouter();
+	const requireLogin = useRequireLogin();
+	const { data: _contentListData } = useRequest(queryKey.GET_CONTENT_LIST(currentChannelId), () => gContentGetAppChannelBlock({ channel_id: currentChannelId }));
+	const { data: _floatingBallData } = useRequest([queryKey.FLOATING_BALL], () => gContentListVisibleFloatingBall());
+	const contentBlockList = useMemo(() => _contentListData?.data?.blocks || [], [_contentListData?.data?.blocks]);
+	const userBlockInfo = useMemo(() => {
+		const index = contentBlockList.findIndex((block) => block.type === 4);
+		const block = index >= 0 ? contentBlockList[index] : null;
+		return {
+			index,
+			block,
+			blockId: block?.id || ""
+		};
+	}, [contentBlockList]);
+	const { data: userBlockData } = useRequest([queryKey.GUESS_YOU_LIKE_USER_DATA, userBlockInfo.blockId], () => gContentGetAppChannelBlockData({ block_id: userBlockInfo.blockId }), { enabled: !!userBlockInfo.blockId });
+	const mergedContentBlockList = useMemo(() => {
+		if (userBlockInfo.index < 0) return contentBlockList;
+		const users = userBlockData?.data.block?.data?.users || [];
+		return contentBlockList.map((block, index) => {
+			if (index === userBlockInfo.index) return {
+				...block,
+				data: {
+					...block.data || {},
+					users
+				}
+			};
+			return block;
+		});
+	}, [
+		contentBlockList,
+		userBlockData,
+		userBlockInfo.index
+	]);
+	const [savedScrollTop, setSavedScrollTop] = useKeepAliveState(`home-scroll-top-${currentChannelId}`, 0);
+	const scrollStateRef = useRef({
+		restored: false,
+		lastScrollTop: savedScrollTop,
+		key: currentChannelId,
+		rafId: null
+	});
+	const setSavedScrollTopRef = useRef(setSavedScrollTop);
+	const savedScrollTopRef = useRef(savedScrollTop);
+	useEffect(() => {
+		setSavedScrollTopRef.current = setSavedScrollTop;
+	}, [setSavedScrollTop]);
+	useEffect(() => {
+		savedScrollTopRef.current = savedScrollTop;
+	}, [savedScrollTop]);
+	useEffect(() => {
+		if (scrollStateRef.current.key !== currentChannelId) {
+			scrollStateRef.current.restored = false;
+			scrollStateRef.current.lastScrollTop = savedScrollTop;
+			savedScrollTopRef.current = savedScrollTop;
+			scrollStateRef.current.key = currentChannelId;
+		}
+	}, [currentChannelId, savedScrollTop]);
+	const shouldRestoreScroll = mergedContentBlockList.length > 0;
+	useLayoutEffect(() => {
+		if (!shouldRestoreScroll) return;
+		if (scrollStateRef.current.restored) return;
+		if (savedScrollTop <= 0) return;
+		const topNavHeight = getTopNavHeight();
+		const targetScrollTop = Math.max(0, savedScrollTop + topNavHeight);
+		window.requestAnimationFrame(() => {
+			window.scrollTo({ top: targetScrollTop });
+			scrollStateRef.current.restored = true;
+			scrollStateRef.current.lastScrollTop = targetScrollTop;
+		});
+	}, [
+		shouldRestoreScroll,
+		currentChannelId,
+		savedScrollTop
+	]);
+	useEffect(() => {
+		const scrollState = scrollStateRef.current;
+		function handleScroll() {
+			scrollState.restored = true;
+			if (scrollState.rafId !== null) window.cancelAnimationFrame(scrollState.rafId);
+			scrollState.rafId = window.requestAnimationFrame(() => {
+				scrollState.rafId = null;
+				const currentScrollTop = window.scrollY ?? document.documentElement.scrollTop ?? 0;
+				const topNavHeight = getTopNavHeight();
+				const contentScrollTop = Math.max(0, currentScrollTop - topNavHeight);
+				if (Math.abs(currentScrollTop - scrollState.lastScrollTop) > 1) {
+					scrollState.lastScrollTop = currentScrollTop;
+					setSavedScrollTopRef.current(contentScrollTop);
+				}
+			});
+		}
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		return () => {
+			if (scrollState.rafId !== null) {
+				window.cancelAnimationFrame(scrollState.rafId);
+				scrollState.rafId = null;
+			}
+			window.removeEventListener("scroll", handleScroll);
+		};
+	}, [currentChannelId]);
+	const dataList = useMemo(() => extractDataByComponentType(mergedContentBlockList, isPGC), [mergedContentBlockList, isPGC]);
+	const currentFloatingBall = useMemo(() => _floatingBallData?.data?.ball_infos?.find((item) => item.channel_id === currentChannelId), [_floatingBallData?.data?.ball_infos, currentChannelId]);
+	const onFloatingBallClick = () => {
+		requireLogin(() => {
+			if (currentFloatingBall?.jump_url) router.push(currentFloatingBall.jump_url);
+		});
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [currentFloatingBall && /* @__PURE__ */ jsx(Box, {
+		className: "fixed right-[20px] bottom-[80px] w-[52px] h-[52px] z-30 rounded-[16px] cursor-move select-none bg-[#FD4C5E33] overflow-hidden",
+		onClick: onFloatingBallClick,
+		children: /* @__PURE__ */ jsx(Image, {
+			src: currentFloatingBall.material_url || "",
+			alt: currentFloatingBall.name || "",
+			fill: true,
+			priority: true,
+			fetchPriority: "high",
+			sizes: "52px",
+			unoptimized: true
+		})
+	}), dataList.map((item) => {
+		const Component = item.component;
+		const key = item.data.block_id || `block-${item.data.title || ""}`;
+		return /* @__PURE__ */ jsx(Component, { data: item.data }, key);
+	})] });
+}
+
+//#endregion
+export { HomePageClient as default };