@funhub/platform 0.1.53 → 0.1.54

package/dist/components/pages/settings/_components/settings.mjs

@@ -1,2 +1,184 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{Button as t}from"../../../ui/button.mjs";import{AlertDialog as n,AlertDialogAction as r,AlertDialogCancel as i,AlertDialogContent as a,AlertDialogDescription as ee,AlertDialogFooter as o,AlertDialogHeader as s}from"../../../ui/alert-dialog.mjs";import{useUserStore as c}from"../../../../store/modules/user-store.mjs";import{gUserGetUserPrivacySettings as l,pUserUserPrivacySettings as u}from"../../../../service/generated/client.mjs";import{Box as d}from"../../../ui/box.mjs";import{List as f}from"../../../ui/list.mjs";import{Switch as p}from"../../../ui/switch.mjs";import{useLoginModalStore as m}from"../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as h,useRequest as g}from"../../../../hooks/query/use-query.mjs";import{locales as _,persistLocalePreference as v}from"../../../../i18n.mjs";import{HeaderNav as y}from"../../../common/header-nav/client.mjs";import{ResetPasswordDrawer as b}from"./reset-password-drawer.mjs";import{useEffect as x,useRef as S,useState as C}from"react";import{jsx as w,jsxs as T}from"react/jsx-runtime";import{useLocale as te,useTranslations as E}from"next-intl";import ne from"next/link";function D(e){return{collection:Number(e?.collections_open??0)>0,follower:Number(e?.follower_open??0)>0,following:Number(e?.following_open??0)>0,like:Number(e?.like_open??0)>0}}function O(e){return{collections_open:e.collection?1:0,follower_open:e.follower?1:0,following_open:e.following?1:0,like_open:e.like?1:0}}function k({className:k}={}){let A=E(`components.pages.settings.components`),j=te(),{open:M}=m(),N=c(e=>e.isLogin),P=c(e=>e.token),F=c(e=>e.logout),I=c(e=>e.userId),L=(N||!!P)&&!!I,R=D(),[z,B]=C(R),V=S(R),[H,U]=C(!1),[W,G]=C(!1),K=h(),q=[`user-privacy-settings`,I],J=j===`zh-CN`?`en`:`zh-CN`,Y=_.find(e=>e.code===J)?.name||J,{data:X}=g(q,()=>l({user_id:I}),{enabled:!!I}),Z=X?.data;x(()=>{if(!Z)return;let e=D(Z);B(e),V.current=e},[Z]),x(()=>{V.current=z},[z]);async function re(e){let t=await u({user_id:I,...O(e)});if(t.code!==0)throw Error(t.message||`隐私设置更新失败`);K(q)}async function Q(e,t){let n=V.current,r={...n,[e]:t};B(r);try{await re(r)}catch(e){console.error(`update settings failed:`,e),B(n)}}let ie=h();function ae(){ie([`user-profile`,`mine`]),F(),window.location.href=`/user/mine`}function oe(e){G(e)}function se(){G(!0)}function ce(){G(!1)}function le(){G(!1),ae()}function $(e){U(e)}function ue(){if(!L){M();return}U(!0)}function de(e){L||(e.preventDefault(),e.stopPropagation(),M())}function fe(){v(J),window.location.reload()}function pe(e){Q(`collection`,e)}function me(e){Q(`like`,e)}function he(e){Q(`following`,e)}function ge(e){Q(`follower`,e)}return T(d,{className:e(k),children:[w(y,{className:`!bg-bg2`,title:A(`settings.title`)}),w(b,{open:H,onOpenChange:$}),T(d,{className:`flex flex-col gap-2 `,children:[w(f,{className:`bg-bg2 py-2`,children:w(ne,{href:`/feedback`,onClick:de,children:w(f.Item,{title:A(`settings.feedbackTitle`),arrow:!0})})}),w(f,{className:`bg-bg2 py-2`,children:w(f.Item,{title:A(`settings.resetPasswordTitle`),arrow:!0,onClick:ue})}),w(f,{className:`bg-bg2 py-2`,children:w(f.Item,{title:A(`settings.languageTitle`),extra:T(t,{size:`sm`,variant:`outline`,onClick:fe,children:[A(`settings.switchTo`),` `,Y]})})}),L?T(f,{className:`bg-bg2 py-2`,children:[w(f.Item,{title:A(`settings.privacySettingsTitle`),extra:T(`span`,{className:`text-xs`,children:[A(`settings.whenOff`),`，`,A(`settings.listPrivateHint`)]})}),w(f.Item,{className:`pl-8 mt-2`,title:A(`settings.collectionsTitle`),extra:w(p,{checked:z.collection,onCheckedChange:pe})}),w(f.Item,{className:`pl-8`,title:A(`settings.like`),extra:w(p,{checked:z.like,onCheckedChange:me})}),w(f.Item,{className:`pl-8`,title:A(`settings.follow`),extra:w(p,{checked:z.following,onCheckedChange:he})}),w(f.Item,{className:`pl-8`,title:A(`settings.followersTitle`),extra:w(p,{checked:z.follower,onCheckedChange:ge})})]}):null]}),H||!L?null:w(d,{className:`fixed bottom-0 w-full left-0`,children:w(t,{className:`h-auto text-base py-4 w-full`,variant:`secondary`,onClick:se,children:A(`settings.button`)})}),w(n,{open:W,onOpenChange:oe,children:T(a,{size:`sm`,children:[w(s,{children:w(ee,{children:A(`settings.logoutConfirmMessage`)})}),T(o,{children:[w(i,{onClick:ce,children:A(`settings.cancel`)}),w(r,{onClick:le,children:A(`settings.confirm`)})]})]})})]})}export{k as Settings};
+'use client';
+
+import { cn } from "../../../../utils/cn.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader } from "../../../ui/alert-dialog.mjs";
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { gUserGetUserPrivacySettings } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { List } from "../../../ui/list.mjs";
+import { useLoginModalStore } from "../../../../store/modules/login-modal-store.mjs";
+import { useDeleteRequest, useRequest } from "../../../../hooks/query/use-query.mjs";
+import { locales } from "../../../../i18n.mjs";
+import { HeaderNav } from "../../../common/header-nav/client.mjs";
+import { ResetPasswordDrawer } from "./reset-password-drawer.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocale, useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/pages/settings/_components/settings.tsx
+/**
+* 将接口返回的隐私设置转换为前端状态。
+*/
+function normalizePrivacySettings(settings) {
+	return {
+		collection: Number(settings?.collections_open ?? 0) > 0,
+		follower: Number(settings?.follower_open ?? 0) > 0,
+		following: Number(settings?.following_open ?? 0) > 0,
+		like: Number(settings?.like_open ?? 0) > 0
+	};
+}
+/**
+* 设置页：隐私设置与账户操作。
+*/
+function Settings({ className } = {}) {
+	const t = useTranslations("components.pages.settings.components");
+	const locale = useLocale();
+	const { open: openLoginModal } = useLoginModalStore();
+	const isLogin = useUserStore((state) => state.isLogin);
+	const token = useUserStore((state) => state.token);
+	const logout = useUserStore((state) => state.logout);
+	const userId = useUserStore((state) => state.userId);
+	const isAuthenticated = (isLogin || !!token) && Boolean(userId);
+	const initialPrivacy = normalizePrivacySettings();
+	const [privacy, setPrivacy] = useState(initialPrivacy);
+	const privacyRef = useRef(initialPrivacy);
+	const [open, setOpen] = useState(false);
+	const [logoutConfirmOpen, setLogoutConfirmOpen] = useState(false);
+	useDeleteRequest();
+	const privacyRequestKey = ["user-privacy-settings", userId];
+	const nextLocaleCode = locale === "zh-CN" ? "en" : "zh-CN";
+	locales.find((item) => item.code === nextLocaleCode)?.name;
+	const { data: privacyResponse } = useRequest(privacyRequestKey, () => gUserGetUserPrivacySettings({ user_id: userId }), { enabled: !!userId });
+	const remotePrivacySettings = privacyResponse?.data;
+	useEffect(() => {
+		if (!remotePrivacySettings) return;
+		const normalized = normalizePrivacySettings(remotePrivacySettings);
+		setPrivacy(normalized);
+		privacyRef.current = normalized;
+	}, [remotePrivacySettings]);
+	useEffect(() => {
+		privacyRef.current = privacy;
+	}, [privacy]);
+	const invalidateRequest = useDeleteRequest();
+	/**
+	* 退出登录并返回个人中心。
+	*/
+	function handleLogout() {
+		invalidateRequest(["user-profile", "mine"]);
+		logout();
+		window.location.href = "/user/mine";
+	}
+	/**
+	* 退出登录确认弹窗开关。
+	*/
+	function handleLogoutConfirmOpenChange(val) {
+		setLogoutConfirmOpen(val);
+	}
+	/**
+	* 打开退出登录确认弹窗。
+	*/
+	function handleOpenLogoutConfirm() {
+		setLogoutConfirmOpen(true);
+	}
+	/**
+	* 取消退出登录。
+	*/
+	function handleCancelLogoutConfirm() {
+		setLogoutConfirmOpen(false);
+	}
+	/**
+	* 确认退出登录。
+	*/
+	function handleConfirmLogout() {
+		setLogoutConfirmOpen(false);
+		handleLogout();
+	}
+	/**
+	* 重置密码弹窗开关。
+	*/
+	function handleResetPasswordDrawerOpenChange(val) {
+		setOpen(val);
+	}
+	/**
+	* 打开重置密码弹窗。
+	*/
+	function handleOpenResetPasswordDrawer() {
+		if (!isAuthenticated) {
+			openLoginModal();
+			return;
+		}
+		setOpen(true);
+	}
+	/**
+	* 反馈入口未登录拦截。
+	*/
+	function handleFeedbackEntryClick(event) {
+		if (isAuthenticated) return;
+		event.preventDefault();
+		event.stopPropagation();
+		openLoginModal();
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn(className),
+		children: [
+			/* @__PURE__ */ jsx(HeaderNav, {
+				className: "!bg-bg2",
+				title: t("settings.title")
+			}),
+			/* @__PURE__ */ jsx(ResetPasswordDrawer, {
+				open,
+				onOpenChange: handleResetPasswordDrawerOpenChange
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col gap-2 ",
+				children: [/* @__PURE__ */ jsx(List, {
+					className: "bg-bg2 py-2",
+					children: /* @__PURE__ */ jsx(Link, {
+						href: "/feedback",
+						onClick: handleFeedbackEntryClick,
+						children: /* @__PURE__ */ jsx(List.Item, {
+							title: t("settings.feedbackTitle"),
+							arrow: true
+						})
+					})
+				}), /* @__PURE__ */ jsx(List, {
+					className: "bg-bg2 py-2",
+					children: /* @__PURE__ */ jsx(List.Item, {
+						title: t("settings.resetPasswordTitle"),
+						arrow: true,
+						onClick: handleOpenResetPasswordDrawer
+					})
+				})]
+			}),
+			open || !isAuthenticated ? null : /* @__PURE__ */ jsx(Box, {
+				className: "fixed bottom-0 w-full left-0",
+				children: /* @__PURE__ */ jsx(Button, {
+					className: "h-auto text-base py-4 w-full",
+					variant: "secondary",
+					onClick: handleOpenLogoutConfirm,
+					children: t("settings.button")
+				})
+			}),
+			/* @__PURE__ */ jsx(AlertDialog, {
+				open: logoutConfirmOpen,
+				onOpenChange: handleLogoutConfirmOpenChange,
+				children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+					size: "sm",
+					children: [/* @__PURE__ */ jsx(AlertDialogHeader, { children: /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("settings.logoutConfirmMessage") }) }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+						onClick: handleCancelLogoutConfirm,
+						children: t("settings.cancel")
+					}), /* @__PURE__ */ jsx(AlertDialogAction, {
+						onClick: handleConfirmLogout,
+						children: t("settings.confirm")
+					})] })]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { Settings };

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

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

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

@@ -1,2 +1,14 @@
 
-import{Settings as e}from"./_components/settings.mjs";import{jsx as t}from"react/jsx-runtime";function n({className:n}={}){return t(e,{className:n})}export{n as SettingsPage};
+import { Settings } from "./_components/settings.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/settings/page.tsx
+/**
+* 设置页面入口。
+*/
+function SettingsPage({ className } = {}) {
+	return /* @__PURE__ */ jsx(Settings, { className });
+}
+
+//#endregion
+export { SettingsPage };

package/dist/components/pages/user-follow/_components/follow-no-login.mjs

@@ -1,2 +1,35 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../ui/legacy/button.mjs";import{useOpenLoginAsync as i}from"../../../../hooks/use-auth.mjs";import{memo as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useTranslations as c}from"next-intl";const l=a(({className:a}={})=>{let l=c(`components.pages.userFollow.components`),u=i();return s(t,{className:e(`w-full bg-bg1 py-[20px] flex flex-col items-center justify-center relative z-[1]`,a),children:[s(n,{className:`text-[16px] leading-[22px] text-text1`,children:[l(`followNoLogin.notLoggedIn`),`~`]}),o(r,{className:`mt-[13px] w-[130px] h-[36px] leading-[36px] rounded-[8px] bg-theme5 text-[16px] text-white`,onClick:async()=>{await u()&&console.warn(`login success`)},children:l(`followNoLogin.login`)})]})});l.displayName=`FollowNoLogin`;export{l as FollowNoLogin};
+'use client';
+
+import { cn } from "../../../../utils/cn.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Button from "../../../ui/legacy/button.mjs";
+import { useOpenLoginAsync } from "../../../../hooks/use-auth.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/user-follow/_components/follow-no-login.tsx
+const FollowNoLogin = memo(({ className } = {}) => {
+	const t = useTranslations("components.pages.userFollow.components");
+	const openLoginAsync = useOpenLoginAsync();
+	const handleLogin = async () => {
+		if (await openLoginAsync()) console.warn("login success");
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("w-full bg-bg1 py-[20px] flex flex-col items-center justify-center relative z-[1]", className),
+		children: [/* @__PURE__ */ jsxs(Text, {
+			className: "text-[16px] leading-[22px] text-text1",
+			children: [t("followNoLogin.notLoggedIn"), "~"]
+		}), /* @__PURE__ */ jsx(Button, {
+			className: "mt-[13px] w-[130px] h-[36px] leading-[36px] rounded-[8px] bg-theme5 text-[16px] text-white",
+			onClick: handleLogin,
+			children: t("followNoLogin.login")
+		})]
+	});
+});
+FollowNoLogin.displayName = "FollowNoLogin";
+
+//#endregion
+export { FollowNoLogin };

package/dist/components/pages/user-follow/_components/follow-top-header.mjs

@@ -1,2 +1,26 @@
 
-"use client";import{getChannelList as e}from"../../../biz/utils/helpers/get-channel-list.mjs";import{cn as t}from"../../../../utils/cn.mjs";import{gContentGetAppChannels as n}from"../../../../service/generated/client.mjs";import{Box as r}from"../../../ui/box.mjs";import{useRequest as i}from"../../../../hooks/query/use-query.mjs";import{queryKey as a}from"../../../../constants/query-key.mjs";import o from"../../../biz/business/search-bar/variants/basic-search-bar/index.mjs";import{memo as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=s(({className:s}={})=>{let{data:l}=i([a.CHANNEL],()=>n()),u=e(l?.data);return c(r,{className:t(`w-full transition-[height] relative duration-300 h-[54px]`,s),children:c(o,{data:{list:u}})})});l.displayName=`FollowTopHeader`;export{l as FollowTopHeader};
+'use client';
+
+import { getChannelList } from "../../../biz/utils/helpers/get-channel-list.mjs";
+import { cn } from "../../../../utils/cn.mjs";
+import { gContentGetAppChannels } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { useRequest } from "../../../../hooks/query/use-query.mjs";
+import { queryKey } from "../../../../constants/query-key.mjs";
+import basic_search_bar_default from "../../../biz/business/search-bar/variants/basic-search-bar/index.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/user-follow/_components/follow-top-header.tsx
+const FollowTopHeader = memo(({ className } = {}) => {
+	const { data: _channelDataRes } = useRequest([queryKey.CHANNEL], () => gContentGetAppChannels());
+	const channelDataList = getChannelList(_channelDataRes?.data);
+	return /* @__PURE__ */ jsx(Box, {
+		className: cn("w-full transition-[height] relative duration-300 h-[54px]", className),
+		children: /* @__PURE__ */ jsx(basic_search_bar_default, { data: { list: channelDataList } })
+	});
+});
+FollowTopHeader.displayName = "FollowTopHeader";
+
+//#endregion
+export { FollowTopHeader };

package/dist/components/pages/user-follow/_components/post-tab.mjs

@@ -1,2 +1,97 @@
 
-"use client";import{gInteractionGetFollowingContentList as e}from"../../../../service/generated/client.mjs";import{Box as t}from"../../../ui/box.mjs";import{usePaginated as n}from"../../../../hooks/query/use-query.mjs";import{useIsLoggedIn as r,useUserId as i}from"../../../../hooks/use-auth.mjs";import{UserActivityList as a}from"../../../common/list/user-activity-list/user-activity-list.mjs";import{FollowNoLogin as o}from"./follow-no-login.mjs";import{useCallback as s}from"react";import{jsx as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";const u={video:1,post:2};function d({queryKeyPrefix:d,cookieUserId:f}){let p=l(`components.pages.userFollow.components`),m=d??[],h=i()||f||``,g=r()||!!h,_=s(async t=>{if(!h)return{data:{list:[],total:0,has_more:!1}};let n=await e({app_id:0,user_id:h,page:t,page_size:10,content_type:u.post}),r=n.data?.post_infos??[];return{data:{list:r,total:n.data?.total??r.length,has_more:!!n.data?.has_more}}},[10,h]),v=n({key:[...m,`user-follow-post`,h],initialPageParam:1,async queryFn(e){return await _(e)||{data:{list:[],total:0,has_more:!1}}},getNextPageParam(e,t){let n=e?.data?.list??[],r=e?.data?.has_more;if(!(n.length===0||e?.data?.total===0||!r))return t.length+1},options:{staleTime:3e5,refetchOnWindowFocus:!0}}),y=v.data?.pages.flatMap(e=>e.data?.list??[])??[];return c(t,{className:`w-full bg-bg1`,children:g?c(a,{list:y,loading:v.isFetching,hasMore:v.hasNextPage??!1,loadMore:async()=>{await v.fetchNextPage()},showGroupHeaders:!1,emptyText:p(`postTab.empty`),canEdit:!1,isEditMode:!1,onToggleSelection:()=>{},onActionSuccess:()=>{}}):c(o,{})})}export{d as PostTab};
+'use client';
+
+import { gInteractionGetFollowingContentList } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { usePaginated } from "../../../../hooks/query/use-query.mjs";
+import { useIsLoggedIn, useUserId } from "../../../../hooks/use-auth.mjs";
+import { UserActivityList } from "../../../common/list/user-activity-list/user-activity-list.mjs";
+import { FollowNoLogin } from "./follow-no-login.mjs";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/user-follow/_components/post-tab.tsx
+const ContentType = {
+	video: 1,
+	post: 2
+};
+/**
+* 关注内容帖子列表。
+*/
+function PostTab({ queryKeyPrefix, cookieUserId }) {
+	const t = useTranslations("components.pages.userFollow.components");
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const resolvedUserId = useUserId() || cookieUserId || "";
+	const isLogin = useIsLoggedIn() || Boolean(resolvedUserId);
+	const defaultPageSize = 10;
+	const getFollowingPostData = useCallback(async (page) => {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0,
+			has_more: false
+		} };
+		const response = await gInteractionGetFollowingContentList({
+			app_id: 0,
+			user_id: resolvedUserId,
+			page,
+			page_size: defaultPageSize,
+			content_type: ContentType.post
+		});
+		const list = response.data?.post_infos ?? [];
+		return { data: {
+			list,
+			total: response.data?.total ?? list.length,
+			has_more: !!response.data?.has_more
+		} };
+	}, [defaultPageSize, resolvedUserId]);
+	const postData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-follow-post",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			const res = await getFollowingPostData(pageParam);
+			if (res) return res;
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			const list = lastPage?.data?.list ?? [];
+			const hasMore = lastPage?.data?.has_more;
+			if (list.length === 0 || lastPage?.data?.total === 0 || !hasMore) return;
+			return allPages.length + 1;
+		},
+		options: {
+			staleTime: 3e5,
+			refetchOnWindowFocus: true
+		}
+	});
+	const postList = postData.data?.pages.flatMap((page) => page.data?.list ?? []) ?? [];
+	const loadMore = async () => {
+		await postData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full bg-bg1",
+		children: !isLogin ? /* @__PURE__ */ jsx(FollowNoLogin, {}) : /* @__PURE__ */ jsx(UserActivityList, {
+			list: postList,
+			loading: postData.isFetching,
+			hasMore: postData.hasNextPage ?? false,
+			loadMore,
+			showGroupHeaders: false,
+			emptyText: t("postTab.empty"),
+			canEdit: false,
+			isEditMode: false,
+			onToggleSelection: () => {},
+			onActionSuccess: () => {}
+		})
+	});
+}
+
+//#endregion
+export { PostTab };

package/dist/components/pages/user-follow/index.mjs

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

package/dist/components/pages/user-follow/page.mjs

@@ -1,2 +1,107 @@
 
-import{cn as e}from"../../../utils/cn.mjs";import{gContentGetAppChannels as t,gInteractionGetFollowingContentList as n}from"../../../service/generated/client.mjs";import{Box as r}from"../../ui/box.mjs";import{Text as i}from"../../ui/text.mjs";import{HydrationBoundary as a}from"../../../hooks/query/hydration-boundary.mjs";import{queryKey as o}from"../../../constants/query-key.mjs";import{defaultLocale as s,isValidLocale as c,resolveLocaleByPriority as l,resolveLocaleFromAcceptLanguage as u}from"../../../i18n.mjs";import{getTranslator as d}from"../../../i18n/translator.mjs";import{FollowTopHeader as f}from"./_components/follow-top-header.mjs";import{PostTab as p}from"./_components/post-tab.mjs";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{cookies as g,headers as _}from"next/headers";function v(e){return c(e)?e:s}async function y({userId:e,page:t,pageSize:r,authConfig:i}){let a=await n({app_id:0,user_id:e,page:t,page_size:r,content_type:2},i),o=a.data?.post_infos??[];return{data:{list:o,total:a.data?.total??o.length,has_more:!!a.data?.has_more}}}async function b({className:n}={}){let c=await g(),b=await _(),x=c.get(`token`)?.value||``,S=d(v(l(c.get(`NEXT_LOCALE`)?.value,u(b.get(`accept-language`)),s))),C=c.get(`userId`)?.value||``,w=x?{headers:{Authorization:`Bearer ${x}`}}:void 0,T=[],E=[];return E.push({queryKey:[o.CHANNEL],queryFn:()=>t()}),C&&E.push({type:`infinite`,queryKey:[...T,`user-follow-post`,C],initialPageParam:1,async queryFn(e){return y({userId:C,page:e,pageSize:10,authConfig:w})}}),m(a,{prefetch:E,children:h(r,{className:e(`w-full h-full overflow-y-auto `,n),children:[m(f,{}),m(r,{className:`w-full px-[16px] py-[12px] g-scroll-box-x scrollbar-hide flex items-center min-w-max`,children:[{key:`posts`,label:S(`components.pages.userFollow.page.tabs.posts`)}].map(e=>m(r,{className:`h-full px-[9px] shrink-0 flex items-center justify-center`,children:m(i,{className:`leading-[24px] transition-all duration-100 !text-theme5 !text-[20px] font-bold`,children:e.label})},e.key))}),m(r,{className:`w-full bg-bg2`,children:m(p,{queryKeyPrefix:T,cookieUserId:C||void 0})})]})})}export{b as UserFollowPage};
+import { cn } from "../../../utils/cn.mjs";
+import { gContentGetAppChannels, gInteractionGetFollowingContentList } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { queryKey } from "../../../constants/query-key.mjs";
+import { defaultLocale, isValidLocale, resolveLocaleByPriority, resolveLocaleFromAcceptLanguage } from "../../../i18n.mjs";
+import { getTranslator } from "../../../i18n/translator.mjs";
+import { FollowTopHeader } from "./_components/follow-top-header.mjs";
+import { PostTab } from "./_components/post-tab.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cookies, headers } from "next/headers";
+
+//#region components/pages/user-follow/page.tsx
+const DEFAULT_PAGE_SIZE = 10;
+const INITIAL_PAGE = 1;
+function resolveLocale(requestedLocale) {
+	if (isValidLocale(requestedLocale)) return requestedLocale;
+	return defaultLocale;
+}
+/**
+* 获取关注帖子列表数据。
+*/
+async function fetchFollowingPostPage({ userId, page, pageSize, authConfig }) {
+	const response = await gInteractionGetFollowingContentList({
+		app_id: 0,
+		user_id: userId,
+		page,
+		page_size: pageSize,
+		content_type: 2
+	}, authConfig);
+	const list = response.data?.post_infos ?? [];
+	const total = response.data?.total ?? list.length;
+	const hasMore = response.data?.has_more;
+	return { data: {
+		list,
+		total,
+		has_more: Boolean(hasMore)
+	} };
+}
+/**
+* 关注页服务端组件。
+*/
+async function UserFollowPage({ className } = {}) {
+	const cookie = await cookies();
+	const headerStore = await headers();
+	const token = cookie.get("token")?.value || "";
+	const t = getTranslator(resolveLocale(resolveLocaleByPriority(cookie.get("NEXT_LOCALE")?.value, resolveLocaleFromAcceptLanguage(headerStore.get("accept-language")), defaultLocale)));
+	const cookieUserId = cookie.get("userId")?.value || "";
+	const authConfig = token ? { headers: { Authorization: `Bearer ${token}` } } : void 0;
+	const queryKeyPrefix = [];
+	const prefetch = [];
+	prefetch.push({
+		queryKey: [queryKey.CHANNEL],
+		queryFn: () => gContentGetAppChannels()
+	});
+	if (cookieUserId) prefetch.push({
+		type: "infinite",
+		queryKey: [
+			...queryKeyPrefix,
+			"user-follow-post",
+			cookieUserId
+		],
+		initialPageParam: INITIAL_PAGE,
+		async queryFn(pageParam) {
+			return fetchFollowingPostPage({
+				userId: cookieUserId,
+				page: pageParam,
+				pageSize: DEFAULT_PAGE_SIZE,
+				authConfig
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: cn("w-full h-full overflow-y-auto ", className),
+			children: [
+				/* @__PURE__ */ jsx(FollowTopHeader, {}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "w-full px-[16px] py-[12px] g-scroll-box-x scrollbar-hide flex items-center min-w-max",
+					children: [{
+						key: "posts",
+						label: t("components.pages.userFollow.page.tabs.posts")
+					}].map((tab) => /* @__PURE__ */ jsx(Box, {
+						className: "h-full px-[9px] shrink-0 flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(Text, {
+							className: "leading-[24px] transition-all duration-100 !text-theme5 !text-[20px] font-bold",
+							children: tab.label
+						})
+					}, tab.key))
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "w-full bg-bg2",
+					children: /* @__PURE__ */ jsx(PostTab, {
+						queryKeyPrefix,
+						cookieUserId: cookieUserId || void 0
+					})
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { UserFollowPage };

package/dist/components/pages/user-follow/skeleton.mjs

@@ -1,2 +1,63 @@
 
-import{cn as e}from"../../../utils/cn.mjs";import{Box as t}from"../../ui/box.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({className:i}={}){return r(t,{className:e(`w-full min-h-[calc(100vh-64px)]`,i),children:[n(t,{className:`w-full h-[54px] bg-bg1 animate-pulse`,children:n(t,{className:`w-[90%] h-[36px] mx-auto mt-[9px] rounded-full bg-bg2`})}),n(t,{className:`w-full px-[16px] py-[12px] flex items-center bg-bg1 animate-pulse`,children:n(t,{className:`h-[24px] px-[18px] rounded-full bg-bg2`})}),n(t,{className:`w-full bg-bg2`,children:n(t,{className:`w-full bg-bg1`,children:[1,2,3].map(e=>r(t,{className:`w-full border-b border-line1 bg-bg1 p-[16px] animate-pulse`,children:[r(t,{className:`w-full flex items-center mb-[12px]`,children:[n(t,{className:`w-[36px] h-[36px] rounded-full bg-bg2 mr-[12px]`}),r(t,{className:`flex-1`,children:[n(t,{className:`w-[60%] h-[16px] bg-bg2 mb-[6px] rounded`}),n(t,{className:`w-[40%] h-[12px] bg-bg2 rounded`})]})]}),r(t,{className:`w-full mb-[12px]`,children:[n(t,{className:`w-[80%] h-[14px] bg-bg2 mb-[8px] rounded`}),n(t,{className:`w-[90%] h-[14px] bg-bg2 mb-[8px] rounded`}),n(t,{className:`w-[60%] h-[14px] bg-bg2 rounded`})]}),n(t,{className:`w-full h-[200px] bg-bg2 mb-[12px] rounded-lg`}),r(t,{className:`w-full flex items-center justify-between`,children:[n(t,{className:`w-[20%] h-[16px] bg-bg2 rounded`}),n(t,{className:`w-[20%] h-[16px] bg-bg2 rounded`}),n(t,{className:`w-[20%] h-[16px] bg-bg2 rounded`})]})]},e))})})]})}export{i as UserFollowSkeleton};
+import { cn } from "../../../utils/cn.mjs";
+import { Box } from "../../ui/box.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/user-follow/skeleton.tsx
+function UserFollowSkeleton({ className } = {}) {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("w-full min-h-[calc(100vh-64px)]", className),
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				className: "w-full h-[54px] bg-bg1 animate-pulse",
+				children: /* @__PURE__ */ jsx(Box, { className: "w-[90%] h-[36px] mx-auto mt-[9px] rounded-full bg-bg2" })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "w-full px-[16px] py-[12px] flex items-center bg-bg1 animate-pulse",
+				children: /* @__PURE__ */ jsx(Box, { className: "h-[24px] px-[18px] rounded-full bg-bg2" })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "w-full bg-bg2",
+				children: /* @__PURE__ */ jsx(Box, {
+					className: "w-full bg-bg1",
+					children: [
+						1,
+						2,
+						3
+					].map((index) => /* @__PURE__ */ jsxs(Box, {
+						className: "w-full border-b border-line1 bg-bg1 p-[16px] animate-pulse",
+						children: [
+							/* @__PURE__ */ jsxs(Box, {
+								className: "w-full flex items-center mb-[12px]",
+								children: [/* @__PURE__ */ jsx(Box, { className: "w-[36px] h-[36px] rounded-full bg-bg2 mr-[12px]" }), /* @__PURE__ */ jsxs(Box, {
+									className: "flex-1",
+									children: [/* @__PURE__ */ jsx(Box, { className: "w-[60%] h-[16px] bg-bg2 mb-[6px] rounded" }), /* @__PURE__ */ jsx(Box, { className: "w-[40%] h-[12px] bg-bg2 rounded" })]
+								})]
+							}),
+							/* @__PURE__ */ jsxs(Box, {
+								className: "w-full mb-[12px]",
+								children: [
+									/* @__PURE__ */ jsx(Box, { className: "w-[80%] h-[14px] bg-bg2 mb-[8px] rounded" }),
+									/* @__PURE__ */ jsx(Box, { className: "w-[90%] h-[14px] bg-bg2 mb-[8px] rounded" }),
+									/* @__PURE__ */ jsx(Box, { className: "w-[60%] h-[14px] bg-bg2 rounded" })
+								]
+							}),
+							/* @__PURE__ */ jsx(Box, { className: "w-full h-[200px] bg-bg2 mb-[12px] rounded-lg" }),
+							/* @__PURE__ */ jsxs(Box, {
+								className: "w-full flex items-center justify-between",
+								children: [
+									/* @__PURE__ */ jsx(Box, { className: "w-[20%] h-[16px] bg-bg2 rounded" }),
+									/* @__PURE__ */ jsx(Box, { className: "w-[20%] h-[16px] bg-bg2 rounded" }),
+									/* @__PURE__ */ jsx(Box, { className: "w-[20%] h-[16px] bg-bg2 rounded" })
+								]
+							})
+						]
+					}, index))
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { UserFollowSkeleton };

package/dist/components/pages/video-detail/page.mjs

@@ -1,2 +1,48 @@
 
-import{gContentGetVideoDetail as e}from"../../../service/generated/client.mjs";import{normalizeEpisodeNumber as t,warmupProcessM3u8Auto as n}from"../../common/video-player/process-m3u8-cache.mjs";import{HydrationBoundary as r}from"../../../hooks/query/hydration-boundary.mjs";import{revalidate as i}from"../../../constants/revalidate.mjs";import{DetailStructuredData as a}from"../../biz/business/detail/detail-structured-data.mjs";import o from"./video-detail-client.mjs";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";async function u({params:u,isWebView:d=!1,materialConfig:f}){let{level:p}=await u,m=p?.[0]||``,h=p.findIndex(e=>e===`episode`),g=t(h>=0?p?.[h+1]:void 0,1),_=null,v=null;if(m){_=await e({id:m},{revalidate:i.TIME});let t=_?.data?.video;t&&typeof t==`object`&&(await n(t.links,g),v={...t,mid:t.mid||t.id||``,content_type:0,episode_cnt:t.links?.length||0})}return l(s,{children:[v&&c(a,{information:v,detailId:m}),c(r,{prefetch:m&&_?[{queryKey:[`video-detail`,m],queryFn:()=>Promise.resolve(_)}]:[],children:c(o,{detailId:m,isWebView:d,materialConfig:f})})]})}export{u as default};
+import { gContentGetVideoDetail } from "../../../service/generated/client.mjs";
+import { normalizeEpisodeNumber, warmupProcessM3u8Auto } from "../../common/video-player/process-m3u8-cache.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { revalidate } from "../../../constants/revalidate.mjs";
+import { DetailStructuredData } from "../../biz/business/detail/shared/detail-structured-data.mjs";
+import VideoDetailClient from "./video-detail-client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/video-detail/page.tsx
+async function VideoDetailPage({ params, isWebView = false, materialConfig }) {
+	const { level } = await params;
+	const id = level?.[0] || "";
+	const episodeTokenIndex = level.findIndex((item) => item === "episode");
+	const episodeNum = normalizeEpisodeNumber(episodeTokenIndex >= 0 ? level?.[episodeTokenIndex + 1] : void 0, 1);
+	let detailRes = null;
+	let initialInformation = null;
+	if (id) {
+		detailRes = await gContentGetVideoDetail({ id }, { revalidate: revalidate.TIME });
+		const detail = detailRes?.data?.video;
+		if (detail && typeof detail === "object") {
+			await warmupProcessM3u8Auto(detail.links, episodeNum);
+			initialInformation = {
+				...detail,
+				mid: detail.mid || detail.id || "",
+				content_type: 0,
+				episode_cnt: detail.links?.length || 0
+			};
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [initialInformation && /* @__PURE__ */ jsx(DetailStructuredData, {
+		information: initialInformation,
+		detailId: id
+	}), /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: id && detailRes ? [{
+			queryKey: ["video-detail", id],
+			queryFn: () => Promise.resolve(detailRes)
+		}] : [],
+		children: /* @__PURE__ */ jsx(VideoDetailClient, {
+			detailId: id,
+			isWebView,
+			materialConfig
+		})
+	})] });
+}
+
+//#endregion
+export { VideoDetailPage as default };

package/dist/components/pages/video-detail/video-detail-client.d.mts

@@ -1,5 +1,5 @@
 
-import { videoDetailMaterials } from "../../biz/business/detail/materials/registry.mjs";
+import { videoDetailMaterials } from "../../biz/business/detail/shared/registry.mjs";
 import "react/jsx-runtime";
 
 //#region components/pages/video-detail/video-detail-client.d.ts