@funhub/platform 0.2.14 → 0.2.16

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

@@ -1,2 +1,274 @@
 
-"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{usePageLifecycle as a}from"../../../../utils/tracking.mjs";import{uploadFile as o}from"../../../../utils/upload-file.mjs";import{useRouter as s}from"../../../../utils/use-compatible-router.mjs";import{Image as c}from"../../../ui/image.mjs";import{Box as l}from"../../../ui/box.mjs";import{InputGroup as u,InputGroupAddon as d,InputGroupInput as f,InputGroupTextarea as p}from"../../../ui/input-group.mjs";import{Field as m,FieldLabel as h}from"../../../ui/field.mjs";import{Text as g}from"../../../ui/text.mjs";import{HeaderNav as _}from"../../../common/header-nav/client.mjs";import{AddIcon as v}from"../../../common/icons/add.mjs";import{useRef as y,useState as b}from"react";import{XIcon as x}from"lucide-react";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{toast as w}from"sonner";import{useTranslations as T}from"next-intl";const E=new Set([`image/jpeg`,`image/jpg`,`image/png`]),D=new Set([`jpg`,`jpeg`,`png`]);function O(e){let t=e.type.toLowerCase(),n=e.name.split(`.`).pop()?.toLowerCase()||``;return t?E.has(t):D.has(n)}function k({className:E}={}){let D=T(`components.pages.feedback.components`);a(`page_feedback`,`意见反馈`);let k=s(),{userId:A}=n(),j=y(null),[M,N]=b({content:``,contact:``}),[P,F]=b([]),[I,L]=b(!1),[R,z]=b(!1),B=!M.content.trim();function V(e,t){N(n=>({...n,[e]:t}))}function H(){R||I||P.length>=3||j.current?.click()}async function U(e){let t=Array.from(e.target.files??[]);if(!t.length)return;let n=3-P.length;if(n<=0){e.target&&(e.target.value=``);return}let r=t.slice(0,n),a=r.filter(O);if(!a.length){w.error(D(`feedbackForm.imageTypeInvalid`)),e.target&&(e.target.value=``);return}a.length!==r.length&&w.error(D(`feedbackForm.imageTypeInvalid`));try{z(!0);let e=[],t=!1;for(let n of a)try{let t=await o(await i(n),1);e.push(t.objectKey)}catch(e){console.error(`上传截图失败`,e),t=!0}e.length&&F(t=>[...t,...e].slice(0,3)),t&&w.error(D(`feedbackForm.screenshotUploadFailed`))}catch(e){console.error(`上传截图失败`,e),w.error(D(`feedbackForm.screenshotUploadFailed`))}finally{z(!1),e.target&&(e.target.value=``)}}function W(e){R||I||F(t=>t.filter((t,n)=>n!==e))}async function G(){let e=M.content.trim(),t=M.contact.trim();if(!e){w.error(D(`feedbackForm.missingFeedback`));return}if(e.length<4){w.error(D(`feedbackForm.contentMinLength`));return}if(I)return;let n=w.loading(D(`feedbackForm.loading`));try{L(!0);let i=await r({user_id:A,feedback_content:e,feedback_screenshots:P.length?P:void 0,contact_info:t||void 0});if(i.code===0){N({content:``,contact:``}),F([]),k.push(`/settings`),w.success(D(`feedbackForm.submitsuccess`),{id:n});return}w.error(i.message||D(`feedbackForm.message`),{id:n})}catch(e){console.error(`提交反馈失败`,e),w.error(e.message||D(`feedbackForm.message`),{id:n})}finally{L(!1)}}return C(l,{className:e(`min-h-screen bg-[var(--color-surface-panel-dark)]`,E),children:[S(_,{title:D(`feedbackForm.title`),className:`!border-none !bg-[var(--color-surface-panel-dark)]`,rightChild:S(t,{onClick:G,disabled:I||R||B,className:`rounded-[8px] border-0 px-3 py-1.5 text-[16px] font-normal leading-6 text-white active:opacity-90 disabled:text-white/60 disabled:opacity-100`,style:{background:I||R||B?`linear-gradient(90deg, rgba(166, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)`:`var(--gradient-action-button)`},children:D(I?`feedbackForm.loading`:`feedbackForm.submit`)})}),C(l,{className:`pb-3`,children:[C(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(h,{required:!0,className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.label`)}),C(u,{className:`overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]`,children:[S(p,{className:`p-2.5 text-text1 placeholder:text-text3`,maxLength:500,placeholder:D(`feedbackForm.placeholder`),value:M.content,onChange:e=>V(`content`,e.target.value)}),S(d,{className:`!bg-transparent font-normal !text-text3`,align:`block-end`,children:S(`div`,{className:`w-full text-right`,children:C(`span`,{className:`text-xs tabular-nums text-text3`,children:[M.content.length,`/500`]})})})]})]}),C(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(h,{className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.screenshotLabel`)}),S(`input`,{ref:j,type:`file`,multiple:!0,accept:`image/jpeg,image/jpg,image/png,.jpg,.jpeg,.png`,className:`hidden`,onChange:U}),C(l,{className:`mt-2 grid grid-cols-3 gap-2`,children:[P.map((e,n)=>C(l,{className:`relative aspect-square overflow-hidden rounded-md bg-[var(--color-surface-field-bg)] shadow-none`,children:[S(c,{src:e,alt:D(`feedbackForm.alt`),fill:!0,className:`object-cover`}),S(t,{size:`icon-xs`,variant:`secondary`,className:`absolute right-1 top-1 rounded-full bg-[var(--color-surface-chip-gray20)] text-text1 shadow-none`,onClick:()=>W(n),"aria-label":D(`feedbackForm.delete`),children:S(x,{})})]},`${e}-${n}`)),P.length<3&&C(l,{className:`flex aspect-square flex-col items-center justify-center gap-2 rounded-md border border-dashed border-[var(--color-line1)] bg-[var(--color-surface-field-bg)] py-3 text-center shadow-none`,onClick:H,children:[S(v,{}),S(g,{className:`text-xs text-text3`,children:D(R?`feedbackForm.uploading`:`feedbackForm.addScreenshot`)})]})]})]}),C(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(h,{className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.contactLabel`)}),S(u,{className:`h-auto min-h-11 overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]`,children:S(f,{className:`h-auto min-h-11 px-2.5 py-2.5 text-text1 placeholder:text-text3`,placeholder:D(`feedbackForm.placeholder1_6d0242`),value:M.contact,onChange:e=>V(`contact`,e.target.value)})})]})]})]})}export{k 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 { usePageLifecycle } from "../../../../utils/tracking.mjs";
+import { uploadFile } from "../../../../utils/upload-file.mjs";
+import { useRouter } from "../../../../utils/use-compatible-router.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";
+
+//#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");
+	usePageLifecycle("page_feedback", "意见反馈");
+	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-[var(--color-surface-panel-dark)]", className),
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			title: t("feedbackForm.title"),
+			className: "!border-none !bg-[var(--color-surface-panel-dark)]",
+			rightChild: /* @__PURE__ */ jsx(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || isUploading || isContentEmpty,
+				className: "rounded-[8px] border-0 px-3 py-1.5 text-[16px] font-normal leading-6 text-white active:opacity-90 disabled:text-white/60 disabled:opacity-100",
+				style: { background: isSubmitting || isUploading || isContentEmpty ? "linear-gradient(90deg, rgba(166, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)" : "var(--gradient-action-button)" },
+				children: isSubmitting ? t("feedbackForm.loading") : t("feedbackForm.submit")
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "pb-3",
+			children: [
+				/* @__PURE__ */ jsxs(Field, {
+					className: "border-none bg-[var(--color-surface-panel-dark)] px-3",
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						required: true,
+						className: "text-sm leading-6 text-text3",
+						children: t("feedbackForm.label")
+					}), /* @__PURE__ */ jsxs(InputGroup, {
+						className: "overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]",
+						children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+							className: "p-2.5 text-text1 placeholder:text-text3",
+							maxLength: 500,
+							placeholder: t("feedbackForm.placeholder"),
+							value: form.content,
+							onChange: (e) => handleUpdateFormField("content", e.target.value)
+						}), /* @__PURE__ */ jsx(InputGroupAddon, {
+							className: "!bg-transparent font-normal !text-text3",
+							align: "block-end",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "w-full text-right",
+								children: /* @__PURE__ */ jsxs("span", {
+									className: "text-xs tabular-nums text-text3",
+									children: [form.content.length, "/500"]
+								})
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					className: "border-none bg-[var(--color-surface-panel-dark)] px-3",
+					children: [
+						/* @__PURE__ */ jsx(FieldLabel, {
+							className: "text-sm leading-6 text-text3",
+							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 aspect-square overflow-hidden rounded-md bg-[var(--color-surface-field-bg)] shadow-none",
+								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-[var(--color-surface-chip-gray20)] text-text1 shadow-none",
+									onClick: () => handleRemoveScreenshot(index),
+									"aria-label": t("feedbackForm.delete"),
+									children: /* @__PURE__ */ jsx(XIcon, {})
+								})]
+							}, `${screenshotUrl}-${index}`)), screenshotUrls.length < MAX_SCREENSHOT_COUNT && /* @__PURE__ */ jsxs(Box, {
+								className: "flex aspect-square flex-col items-center justify-center gap-2 rounded-md border border-dashed border-[var(--color-line1)] bg-[var(--color-surface-field-bg)] py-3 text-center shadow-none",
+								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: "border-none bg-[var(--color-surface-panel-dark)] px-3",
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						className: "text-sm leading-6 text-text3",
+						children: t("feedbackForm.contactLabel")
+					}), /* @__PURE__ */ jsx(InputGroup, {
+						className: "h-auto min-h-11 overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]",
+						children: /* @__PURE__ */ jsx(InputGroupInput, {
+							className: "h-auto min-h-11 px-2.5 py-2.5 text-text1 placeholder:text-text3",
+							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,108 @@
 
-"use client";import{usePageLifecycle as e}from"../../../utils/tracking.mjs";import t from"../../biz/basics/fullscreen-feed/runtime/client.mjs";import{useMixedFeedController as n}from"../../biz/basics/fullscreen-feed/runtime/use-mixed-feed-controller.mjs";import{useSeriesFeedController as r}from"../../biz/basics/fullscreen-feed/runtime/use-series-feed-controller.mjs";import{SeriesEpisodes as i}from"../../common/series-episodes/index.mjs";import{useCallback as a,useEffect as o,useMemo as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{usePathname as d}from"next/navigation";import{useTranslations as f}from"next-intl";function p({blockId:p,seriesId:m,initialContents:h,videoConfig:g,hasBottom:_,pageSize:v=6,initialActiveIndex:y=0,items:b,onSwipeTo:x,onEpisodeNavigate:S,onGoToEpisode:C,currentUserId:w,followIds:T,onFollowIdsChange:E,onRequireLogin:D}){let O=f(`components.pages.fullscreenFeed`),k=d();e(`page_fullscreen_feed`,`全屏视频`);let A=s(()=>{let e=m?`series:${m}`:`block:${p||``}`;return`${k||`unknown`}:fullscreen-feed:${e}:pageSize:${v}`},[p,v,k,m]),j=`${A}:series-controller`,M=`${A}:mixed-controller`,N=r({seriesId:m||``,initialContents:h,initialActiveIndex:y,onEpisodeNavigate:S,keepAliveKey:j}),P=n({blockId:p||``,initialContents:h,initialActiveIndex:y,pageSize:v,keepAliveKey:M}),F=m?N:P,I=b||F.items,L=F.activeIndex,R=F.userInteracted,z=a((e,t)=>{F.setActiveIndex(e,t),m||P.maybeLoadMore(e),x?.({activeIndex:e,items:I,direction:t})},[F,I,x,m,P]),B=a((e,t)=>{F.updateItemData(e,t)},[F]),V=a(e=>F.getNavigationInfo(e),[F]);return o(()=>{C&&C(e=>{z(e,`jump`)})},[C,z]),!p&&!m?l(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/70`,children:O(`page.missingParams`)}):u(c,{children:[l(t,{items:I,activeIndex:L,bottom:_?56:void 0,videoConfig:g,userInteracted:R,onUserInteracted:F.setUserInteracted,onActiveIndexChange:z,onDataUpdate:B,getNavigationInfo:V,currentUserId:w,followIds:T,onFollowIdsChange:E,onRequireLogin:D}),m&&N.isSeriesSelectorOpen&&l(i,{title:O(`page.episodeSelectorTitle`),videoTitle:N.seriesMeta.seriesTitle,mode:`selector`,variant:`sheet`,open:N.isSeriesSelectorOpen,seriesList:N.seriesMeta.seriesList,activeEpisodeId:N.activeEpisodeId,onClose:N.closeSeriesSelector,onSelectEpisode:N.onSelectEpisode})]})}export{p as default};
+'use client';
+
+import { usePageLifecycle } from "../../../utils/tracking.mjs";
+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 { usePathname } from "next/navigation";
+import { useTranslations } from "next-intl";
+
+//#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();
+	usePageLifecycle("page_fullscreen_feed", "全屏视频");
+	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"),
+		videoTitle: seriesController.seriesMeta.seriesTitle,
+		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,159 @@
 
-"use client";import{gContentGetAppChannelBlock as e,gContentGetAppChannelBlockData as t,gContentListVisibleFloatingBall as n}from"../../../service/generated/client.mjs";import{trackAppPageView as r,usePageLifecycle as i}from"../../../utils/tracking.mjs";import{useRouter as a}from"../../../utils/use-compatible-router.mjs";import{useRequest as o}from"../../../hooks/query/use-query.mjs";import{useRequireLogin as s}from"../../../hooks/use-auth.mjs";import{queryKey as c}from"../../../constants/query-key.mjs";import{useKeepAliveState as l}from"../../common/keep-scroll-position/index.mjs";import{FloatingAd as u}from"../../biz/business/advertisement/floating-ad/client.mjs";import{extractDataByComponentType as d}from"../../biz/utils/transformers/data.mjs";import{useEffect as f,useLayoutEffect as p,useMemo as m,useRef as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";function y(){if(typeof document>`u`)return 0;let e=document.querySelector(`[data-top-nav-root="true"]`);return e&&e.getBoundingClientRect().height||0}function b({currentChannelId:b,currentChannelName:x,isPGC:S}){let C=a(),w=s();i(`page_home_${b}`,`首页-${x}`),f(()=>{b&&r({page_key:`page_home_channel_${b}`,page_name:`首页频道-${x}`})},[b,x]);let{data:T}=o(c.GET_CONTENT_LIST(b),()=>e({channel_id:b})),{data:E}=o([c.FLOATING_BALL],()=>n()),D=m(()=>T?.data?.blocks||[],[T?.data?.blocks]),O=m(()=>{let e=D.findIndex(e=>e.type===4),t=e>=0?D[e]:null;return{index:e,block:t,blockId:t?.id||``}},[D]),{data:k}=o([c.GUESS_YOU_LIKE_USER_DATA,O.blockId],()=>t({block_id:O.blockId}),{enabled:!!O.blockId}),A=m(()=>{if(O.index<0)return D;let e=k?.data.block?.data?.users||[];return D.map((t,n)=>n===O.index?{...t,data:{...t.data||{},users:e}}:t)},[D,k,O.index]),[j,M]=l(`home-scroll-top-${b}`,0),N=h({restored:!1,lastScrollTop:j,key:b,rafId:null}),P=h(M),F=h(j);f(()=>{P.current=M},[M]),f(()=>{F.current=j},[j]),f(()=>{N.current.key!==b&&(N.current.restored=!1,N.current.lastScrollTop=j,F.current=j,N.current.key=b)},[b,j]);let I=A.length>0;p(()=>{if(!I||N.current.restored||j<=0)return;let e=y(),t=Math.max(0,j+e);window.requestAnimationFrame(()=>{window.scrollTo({top:t}),N.current.restored=!0,N.current.lastScrollTop=t})},[I,b,j]),f(()=>{let e=N.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=y(),r=Math.max(0,t-n);Math.abs(t-e.lastScrollTop)>1&&(e.lastScrollTop=t,P.current(r))})}return window.addEventListener(`scroll`,t,{passive:!0}),()=>{e.rafId!==null&&(window.cancelAnimationFrame(e.rafId),e.rafId=null),window.removeEventListener(`scroll`,t)}},[b]);let L=m(()=>d(A,S),[A,S]),R=m(()=>E?.data?.ball_infos?.find(e=>e.channel_id===b),[E?.data?.ball_infos,b]);return v(g,{children:[R&&_(u,{ad:{materialUrl:R.material_url||``,jumpUrl:R.jump_url||``,name:R.name||``},onClick:()=>{w(()=>{R?.jump_url&&C.push(R.jump_url)})}}),L.map(e=>{let t=e.component,n=e.data.block_id||`block-${e.data.title||``}`;return _(t,{data:e.data},n)})]})}export{b as default};
+'use client';
+
+import { gContentGetAppChannelBlock, gContentGetAppChannelBlockData, gContentListVisibleFloatingBall } from "../../../service/generated/client.mjs";
+import { trackAppPageView, usePageLifecycle } from "../../../utils/tracking.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.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 { FloatingAd } from "../../biz/business/advertisement/floating-ad/client.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";
+
+//#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, currentChannelName, isPGC }) {
+	const router = useRouter();
+	const requireLogin = useRequireLogin();
+	usePageLifecycle(`page_home_${currentChannelId}`, `首页-${currentChannelName}`);
+	useEffect(() => {
+		if (!currentChannelId) return;
+		trackAppPageView({
+			page_key: `page_home_channel_${currentChannelId}`,
+			page_name: `首页频道-${currentChannelName}`
+		});
+	}, [currentChannelId, currentChannelName]);
+	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(FloatingAd, {
+		ad: {
+			materialUrl: currentFloatingBall.material_url || "",
+			jumpUrl: currentFloatingBall.jump_url || "",
+			name: currentFloatingBall.name || ""
+		},
+		onClick: onFloatingBallClick
+	}), 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 };