@funhub/platform 0.2.29 → 0.2.31

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/shared/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:1,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: 1,
+				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 };