@funhub/platform 0.2.16 → 0.2.17

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

@@ -1,274 +1,2 @@
 
-'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 };
+"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{usePageLifecycle as i}from"../../../../utils/tracking.mjs";import{uploadFile as a}from"../../../../utils/upload-file.mjs";import{useRouter as o}from"../../../../utils/use-compatible-router.mjs";import{Button as s}from"../../../ui/button.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{toast as y}from"sonner";import{useRef as b,useState as x}from"react";import{XIcon as S}from"lucide-react";import{jsx as C,jsxs as w}from"react/jsx-runtime";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`);i(`page_feedback`,`意见反馈`);let k=o(),{userId:A}=t(),j=b(null),[M,N]=x({content:``,contact:``}),[P,F]=x([]),[I,L]=x(!1),[R,z]=x(!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 i=t.slice(0,n),o=i.filter(O);if(!o.length){y.error(D(`feedbackForm.imageTypeInvalid`)),e.target&&(e.target.value=``);return}o.length!==i.length&&y.error(D(`feedbackForm.imageTypeInvalid`));try{z(!0);let e=[],t=!1;for(let n of o)try{let t=await a(await r(n),1);e.push(t.objectKey)}catch(e){console.error(`上传截图失败`,e),t=!0}e.length&&F(t=>[...t,...e].slice(0,3)),t&&y.error(D(`feedbackForm.screenshotUploadFailed`))}catch(e){console.error(`上传截图失败`,e),y.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){y.error(D(`feedbackForm.missingFeedback`));return}if(e.length<4){y.error(D(`feedbackForm.contentMinLength`));return}if(I)return;let r=y.loading(D(`feedbackForm.loading`));try{L(!0);let i=await n({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`),y.success(D(`feedbackForm.submitsuccess`),{id:r});return}y.error(i.message||D(`feedbackForm.message`),{id:r})}catch(e){console.error(`提交反馈失败`,e),y.error(e.message||D(`feedbackForm.message`),{id:r})}finally{L(!1)}}return w(l,{className:e(`min-h-screen bg-[var(--color-surface-panel-dark)]`,E),children:[C(_,{title:D(`feedbackForm.title`),className:`!border-none !bg-[var(--color-surface-panel-dark)]`,rightChild:C(s,{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`)})}),w(l,{className:`pb-3`,children:[w(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[C(h,{required:!0,className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.label`)}),w(u,{className:`overflow-hidden rounded-md !bg-[var(--color-surface-field-bg)] shadow-none dark:!bg-[var(--color-surface-field-bg)]`,children:[C(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)}),C(d,{className:`!bg-transparent font-normal !text-text3`,align:`block-end`,children:C(`div`,{className:`w-full text-right`,children:w(`span`,{className:`text-xs tabular-nums text-text3`,children:[M.content.length,`/500`]})})})]})]}),w(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[C(h,{className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.screenshotLabel`)}),C(`input`,{ref:j,type:`file`,multiple:!0,accept:`image/jpeg,image/jpg,image/png,.jpg,.jpeg,.png`,className:`hidden`,onChange:U}),w(l,{className:`mt-2 grid grid-cols-3 gap-2`,children:[P.map((e,t)=>w(l,{className:`relative aspect-square overflow-hidden rounded-md bg-[var(--color-surface-field-bg)] shadow-none`,children:[C(c,{src:e,alt:D(`feedbackForm.alt`),fill:!0,className:`object-cover`}),C(s,{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(t),"aria-label":D(`feedbackForm.delete`),children:C(S,{})})]},`${e}-${t}`)),P.length<3&&w(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:[C(v,{}),C(g,{className:`text-xs text-text3`,children:D(R?`feedbackForm.uploading`:`feedbackForm.addScreenshot`)})]})]})]}),w(m,{className:`border-none bg-[var(--color-surface-panel-dark)] px-3`,children:[C(h,{className:`text-sm leading-6 text-text3`,children:D(`feedbackForm.contactLabel`)}),C(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:C(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};

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

@@ -1,11 +1,2 @@
 
-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 };
+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};

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

@@ -1,11 +1,2 @@
 
-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 };
+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};

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

@@ -1,11 +1,2 @@
 
-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 };
+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};

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

@@ -1,108 +1,2 @@
 
-'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 };
+"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{usePathname as c}from"next/navigation";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";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=c();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?u(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/70`,children:O(`page.missingParams`)}):d(l,{children:[u(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&&u(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};

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

@@ -1,31 +1,2 @@
 
-//#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 };
+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};

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

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