@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,272 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useUserStore as t}from"../../../../store/modules/user-store.mjs";import{pUserUserFeedback as n}from"../../../../service/generated/client.mjs";import{compressImage as r}from"../../../../utils/image-compression.mjs";import{uploadFile as i}from"../../../../utils/upload-file.mjs";import{useRouter as a}from"../../../../utils/use-compatible-router.mjs";import{Button as o}from"../../../ui/button.mjs";import{Image as s}from"../../../ui/image.mjs";import{Box as c}from"../../../ui/box.mjs";import{InputGroup as l,InputGroupAddon as u,InputGroupInput as d,InputGroupTextarea as f}from"../../../ui/input-group.mjs";import{Field as p,FieldLabel as m}from"../../../ui/field.mjs";import{Text as h}from"../../../ui/text.mjs";import{HeaderNav as g}from"../../../common/header-nav/client.mjs";import{AddIcon as _}from"../../../common/icons/add.mjs";import{toast as v}from"sonner";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{useTranslations as w}from"next-intl";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=w(`components.pages.feedback.components`),O=a(),{userId:k}=t(),A=y(null),[j,M]=b({content:``,contact:``}),[N,P]=b([]),[F,I]=b(!1),[L,R]=b(!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 a=t.slice(0,n),o=a.filter(D);if(!o.length){v.error(E(`feedbackForm.imageTypeInvalid`)),e.target&&(e.target.value=``);return}o.length!==a.length&&v.error(E(`feedbackForm.imageTypeInvalid`));try{R(!0);let e=[],t=!1;for(let n of o)try{let t=await i(await r(n),1);e.push(t.objectKey)}catch(e){console.error(`上传截图失败`,e),t=!0}e.length&&P(t=>[...t,...e].slice(0,3)),t&&v.error(E(`feedbackForm.screenshotUploadFailed`))}catch(e){console.error(`上传截图失败`,e),v.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){v.error(E(`feedbackForm.missingFeedback`));return}if(e.length<4){v.error(E(`feedbackForm.contentMinLength`));return}if(F)return;let r=v.loading(E(`feedbackForm.loading`));try{I(!0);let i=await n({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`),v.success(E(`feedbackForm.submitsuccess`),{id:r});return}v.error(i.message||E(`feedbackForm.message`),{id:r})}catch(e){console.error(`提交反馈失败`,e),v.error(e.message||E(`feedbackForm.message`),{id:r})}finally{I(!1)}}return C(c,{className:e(`min-h-screen bg-[var(--color-surface-panel-dark)]`,T),children:[S(g,{title:E(`feedbackForm.title`),className:`!border-none !bg-[var(--color-surface-panel-dark)]`,rightChild:S(o,{onClick:W,disabled:F||L||z,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:F||L||z?`linear-gradient(90deg, rgba(166, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)`:`var(--gradient-action-button)`},children:E(F?`feedbackForm.loading`:`feedbackForm.submit`)})}),C(c,{className:`pb-3`,children:[C(p,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(m,{required:!0,className:`text-sm leading-6 text-text3`,children:E(`feedbackForm.label`)}),C(l,{className:`overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]`,children:[S(f,{className:`p-2.5 text-text1 placeholder:text-text3`,maxLength:500,placeholder:E(`feedbackForm.placeholder`),value:j.content,onChange:e=>B(`content`,e.target.value)}),S(u,{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:[j.content.length,`/500`]})})})]})]}),C(p,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(m,{className:`text-sm leading-6 text-text3`,children:E(`feedbackForm.screenshotLabel`)}),S(`input`,{ref:A,type:`file`,multiple:!0,accept:`image/jpeg,image/jpg,image/png,.jpg,.jpeg,.png`,className:`hidden`,onChange:H}),C(c,{className:`mt-2 grid grid-cols-3 gap-2`,children:[N.map((e,t)=>C(c,{className:`relative aspect-square overflow-hidden rounded-md bg-[var(--color-surface-field-bg)] shadow-none`,children:[S(s,{src:e,alt:E(`feedbackForm.alt`),fill:!0,className:`object-cover`}),S(o,{size:`icon-xs`,variant:`secondary`,className:`absolute right-1 top-1 rounded-full bg-[var(--color-surface-chip-gray20)] text-text1 shadow-none`,onClick:()=>U(t),"aria-label":E(`feedbackForm.delete`),children:S(x,{})})]},`${e}-${t}`)),N.length<3&&C(c,{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:V,children:[S(_,{}),S(h,{className:`text-xs text-text3`,children:E(L?`feedbackForm.uploading`:`feedbackForm.addScreenshot`)})]})]})]}),C(p,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[S(m,{className:`text-sm leading-6 text-text3`,children:E(`feedbackForm.contactLabel`)}),S(l,{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(d,{className:`h-auto min-h-11 px-2.5 py-2.5 text-text1 placeholder:text-text3`,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 { 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 { useRouter } from "../../../../utils/use-compatible-router.mjs";
+import { Button } from "../../../ui/button.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 { toast } from "sonner";
+import { useRef, useState } from "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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");
+	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,106 @@
 
-"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{usePathname as i}from"next/navigation";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{useTranslations as d}from"next-intl";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=d(`components.pages.fullscreenFeed`),O=i(),k=s(()=>{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=a((e,t)=>{P.setActiveIndex(e,t),p||N.maybeLoadMore(e),b?.({activeIndex:e,items:F,direction:t})},[P,F,b,p,N]),z=a((e,t)=>{P.updateItemData(e,t)},[P]),B=a(e=>P.getNavigationInfo(e),[P]);return o(()=>{S&&S(e=>{R(e,`jump`)})},[S,R]),!f&&!p?l(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/70`,children:D(`page.missingParams`)}):u(c,{children:[l(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&&l(r,{title:D(`page.episodeSelectorTitle`),videoTitle:M.seriesMeta.seriesTitle,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 { usePathname } from "next/navigation";
+import { useCallback, useEffect, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+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();
+	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,150 @@
 
-"use client";import{gContentGetAppChannelBlock as e,gContentGetAppChannelBlockData as t,gContentListVisibleFloatingBall as n}from"../../../service/generated/client.mjs";import{useRouter as r}from"../../../utils/use-compatible-router.mjs";import{useRequest as i}from"../../../hooks/query/use-query.mjs";import{useRequireLogin as a}from"../../../hooks/use-auth.mjs";import{queryKey as o}from"../../../constants/query-key.mjs";import{useKeepAliveState as s}from"../../common/keep-scroll-position/index.mjs";import{FloatingAd as c}from"../../biz/business/advertisement/floating-ad/client.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";function _(){if(typeof document>`u`)return 0;let e=document.querySelector(`[data-top-nav-root="true"]`);return e&&e.getBoundingClientRect().height||0}function v({currentChannelId:v,currentChannelName:y,isPGC:b}){let x=r(),S=a(),{data:C}=i(o.GET_CONTENT_LIST(v),()=>e({channel_id:v})),{data:w}=i([o.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}=i([o.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]=s(`home-scroll-top-${v}`,0),j=p({restored:!1,lastScrollTop:k,key:v,rafId:null}),M=p(A),N=p(k);u(()=>{M.current=A},[A]),u(()=>{N.current=k},[k]),u(()=>{j.current.key!==v&&(j.current.restored=!1,j.current.lastScrollTop=k,N.current=k,j.current.key=v)},[v,k]);let P=O.length>0;d(()=>{if(!P||j.current.restored||k<=0)return;let e=_(),t=Math.max(0,k+e);window.requestAnimationFrame(()=>{window.scrollTo({top:t}),j.current.restored=!0,j.current.lastScrollTop=t})},[P,v,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=_(),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)}},[v]);let F=f(()=>l(O,b),[O,b]),I=f(()=>w?.data?.ball_infos?.find(e=>e.channel_id===v),[w?.data?.ball_infos,v]);return g(m,{children:[I&&h(c,{ad:{materialUrl:I.material_url||``,jumpUrl:I.jump_url||``,name:I.name||``},onClick:()=>{S(()=>{I?.jump_url&&x.push(I.jump_url)})}}),F.map(e=>{let t=e.component,n=e.data.block_id||`block-${e.data.title||``}`;return h(t,{data:e.data},n)})]})}export{v as default};
+'use client';
+
+import { gContentGetAppChannelBlock, gContentGetAppChannelBlockData, gContentListVisibleFloatingBall } from "../../../service/generated/client.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();
+	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 };