@funhub/platform 0.1.61 → 0.1.62

package/dist/components/biz/business/profile/profile-main/server.mjs

@@ -1,2 +1,162 @@
 
-import{gUserViewUserInfo as e}from"../../../../../service/generated/client.mjs";import{profileMainCollectCollectionTabOptions as t,profileMainCollectTabOptions as n,profileMainHistoryTabOptions as r,profileMainLikeTabOptions as i,profileMainMineTabOptions as a,profileMainProfileTabOptions as o}from"./variants.mjs";import{UserProfileMainShell as s}from"./shell.mjs";import{CollectTabServer as c}from"./tabs/collect-tab/server.mjs";import{HistoryTabServer as l}from"./tabs/history-tab/server.mjs";import{LikeTabServer as u}from"./tabs/like-tab/server.mjs";import{jsx as d}from"react/jsx-runtime";import{cookies as f}from"next/headers";function p({isMine:e,tab:t}){let n=e?a:o;return t&&n.includes(t)?t:n[0]}function m(e,t,n){return e&&t.includes(e)?e:n}function h(e,t){let n={};if(e&&(n.Authorization=`Bearer ${e}`),t&&(n[`X-User-Id`]=t),Object.keys(n).length!==0)return{headers:n}}async function g({cookieToken:e,cookieUserId:t,token:n,currentUserId:r,authConfig:i}){let a=``,o=``;try{let e=await f();a=e.get(`token`)?.value||``,o=e.get(`userId`)?.value||``}catch{}let s=e||a,c=t||o,l=n||s,u=r||c;return{token:l,currentUserId:u,authConfig:i||h(l,u)}}function _(e,t){return e&&(t===`collect`||t===`like`)}function v(e){let{mode:t=`renderer`,...n}=e;return d(y,{...n,mode:t})}async function y({mode:a=`renderer`,id:o,showCreateAction:f=!1,requireLogin:h=!1,cookieToken:v,cookieUserId:y,className:b,token:x=``,currentUserId:S=``,authConfig:C,tab:w,likeTab:T,historyTab:E,collectTab:D,collectCollectionTab:O}){let k=a===`editor`,A=await g({cookieToken:v,cookieUserId:y,token:x,currentUserId:S,authConfig:C}),j=A.token,M=A.currentUserId,N=A.authConfig,P=!!j,F=o==null||!!M&&o===M,I=!F&&!!o,L=F?M:o?String(o):void 0,R=F?[`user-profile`,`mine`]:[`user-profile`,`profile`,o],z=p({isMine:F,tab:w}),B=`content`;if(h&&F&&!P&&(B=`login-required`),!k&&B===`content`&&_(I,z)){let t=(await e({target_user_id:String(o),user_id:M||String(o)},N))?.data??{},n=Number(t.collections_open??1)>0,r=Number(t.like_open??1)>0;z===`collect`&&!n&&(B=`privacy-collect`),z===`like`&&!r&&(B=`privacy-like`)}let V=k?[]:void 0,H=null;if(B===`content`)switch(z){case`like`:H=d(u,{mode:a,isMine:F,targetUserId:L,queryKeyPrefix:R,resolvedLikeTab:m(T,i,`video`),prefetch:V});break;case`history`:H=d(l,{mode:a,targetUserId:L,queryKeyPrefix:R,resolvedHistoryTab:m(E,r,`video`),authConfig:N,prefetch:V});break;default:H=d(c,{mode:a,isMine:F,userId:L,showCreateAction:f&&F,queryKeyPrefix:R,resolvedCollectTab:m(D,n,`video`),resolvedCollectCollectionTab:m(O,t,`created`),authConfig:N,prefetch:V});break}return d(s,{profileId:o,currentUserId:M,isMine:F,renderMode:B,className:b,children:H})}export{v as UserProfileMain};
+import { gUserViewUserInfo } from "../../../../../service/generated/client.mjs";
+import { profileMainCollectCollectionTabOptions, profileMainCollectTabOptions, profileMainHistoryTabOptions, profileMainLikeTabOptions, profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { UserProfileMainShell } from "./shell.mjs";
+import { CollectTabServer } from "./tabs/collect-tab/server.mjs";
+import { HistoryTabServer } from "./tabs/history-tab/server.mjs";
+import { LikeTabServer } from "./tabs/like-tab/server.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cookies } from "next/headers";
+
+//#region components/biz/business/profile/profile-main/server.tsx
+/**
+* 解析主 Tab，保持与客户端默认行为一致。
+*/
+function resolveMainTab({ isMine, tab }) {
+	const availableTabs = isMine ? profileMainMineTabOptions : profileMainProfileTabOptions;
+	if (tab && availableTabs.includes(tab)) return tab;
+	return availableTabs[0];
+}
+/**
+* 解析子 Tab，保持与 nuqs 默认值一致。
+*/
+function resolveSubTab(tab, allowed, fallback) {
+	if (tab && allowed.includes(tab)) return tab;
+	return fallback;
+}
+/**
+* 构建用户资料主体接口请求头配置。
+*/
+function buildProfileMainAuthConfig(token, currentUserId) {
+	const authHeaders = {};
+	if (token) authHeaders.Authorization = `Bearer ${token}`;
+	if (currentUserId) authHeaders["X-User-Id"] = currentUserId;
+	if (Object.keys(authHeaders).length === 0) return;
+	return { headers: authHeaders };
+}
+/**
+* 解析用户资料主体服务端鉴权上下文。
+*/
+async function resolveProfileMainAuthContext({ cookieToken, cookieUserId, token, currentUserId, authConfig }) {
+	let requestCookieToken = "";
+	let requestCookieUserId = "";
+	try {
+		const cookieStore = await cookies();
+		requestCookieToken = cookieStore.get("token")?.value || "";
+		requestCookieUserId = cookieStore.get("userId")?.value || "";
+	} catch {}
+	const resolvedCookieToken = cookieToken || requestCookieToken;
+	const resolvedCookieUserId = cookieUserId || requestCookieUserId;
+	const resolvedToken = token || resolvedCookieToken;
+	const resolvedCurrentUserId = currentUserId || resolvedCookieUserId;
+	return {
+		token: resolvedToken,
+		currentUserId: resolvedCurrentUserId,
+		authConfig: authConfig || buildProfileMainAuthConfig(resolvedToken, resolvedCurrentUserId)
+	};
+}
+/**
+* 判断当前主 Tab 是否需要检查他人主页隐私配置。
+*/
+function shouldCheckPrivacy(isViewingOtherUser, tab) {
+	return isViewingOtherUser && (tab === "collect" || tab === "like");
+}
+/**
+* 用户资料主体服务端组件（用于物料注册），内部包含预取逻辑。
+*/
+function UserProfileMain(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(UserProfileMainWithPrefetch, {
+		...rest,
+		mode
+	});
+}
+/**
+* 用户资料主体服务端包装组件。
+*/
+async function UserProfileMainWithPrefetch({ mode = "renderer", id, showCreateAction = false, requireLogin = false, cookieToken, cookieUserId, className, token = "", currentUserId = "", authConfig, tab, likeTab, historyTab, collectTab, collectCollectionTab }) {
+	const isEditor = mode === "editor";
+	const resolvedAuthContext = await resolveProfileMainAuthContext({
+		cookieToken,
+		cookieUserId,
+		token,
+		currentUserId,
+		authConfig
+	});
+	const resolvedToken = resolvedAuthContext.token;
+	const resolvedCurrentUserId = resolvedAuthContext.currentUserId;
+	const resolvedAuthConfig = resolvedAuthContext.authConfig;
+	const isLogin = Boolean(resolvedToken);
+	const isMine = id === void 0 || id === null || !!resolvedCurrentUserId && id === resolvedCurrentUserId;
+	const isViewingOtherUser = !isMine && Boolean(id);
+	const targetUserId = isMine ? resolvedCurrentUserId : id ? String(id) : void 0;
+	const queryKeyPrefix = isMine ? ["user-profile", "mine"] : [
+		"user-profile",
+		"profile",
+		id
+	];
+	const resolvedTab = resolveMainTab({
+		isMine,
+		tab
+	});
+	let renderMode = "content";
+	if (requireLogin && isMine && !isLogin) renderMode = "login-required";
+	if (!isEditor && renderMode === "content" && shouldCheckPrivacy(isViewingOtherUser, resolvedTab)) {
+		const profileData = (await gUserViewUserInfo({
+			target_user_id: String(id),
+			user_id: resolvedCurrentUserId || String(id)
+		}, resolvedAuthConfig))?.data ?? {};
+		const collectionsOpen = Number(profileData.collections_open ?? 1) > 0;
+		const likeOpen = Number(profileData.like_open ?? 1) > 0;
+		if (resolvedTab === "collect" && !collectionsOpen) renderMode = "privacy-collect";
+		if (resolvedTab === "like" && !likeOpen) renderMode = "privacy-like";
+	}
+	const prefetch = isEditor ? [] : void 0;
+	let content = null;
+	if (renderMode === "content") switch (resolvedTab) {
+		case "like":
+			content = /* @__PURE__ */ jsx(LikeTabServer, {
+				mode,
+				isMine,
+				targetUserId,
+				queryKeyPrefix,
+				resolvedLikeTab: resolveSubTab(likeTab, profileMainLikeTabOptions, "video"),
+				prefetch
+			});
+			break;
+		case "history":
+			content = /* @__PURE__ */ jsx(HistoryTabServer, {
+				mode,
+				targetUserId,
+				queryKeyPrefix,
+				resolvedHistoryTab: resolveSubTab(historyTab, profileMainHistoryTabOptions, "video"),
+				authConfig: resolvedAuthConfig,
+				prefetch
+			});
+			break;
+		default:
+			content = /* @__PURE__ */ jsx(CollectTabServer, {
+				mode,
+				isMine,
+				userId: targetUserId,
+				showCreateAction: showCreateAction && isMine,
+				queryKeyPrefix,
+				resolvedCollectTab: resolveSubTab(collectTab, profileMainCollectTabOptions, "video"),
+				resolvedCollectCollectionTab: resolveSubTab(collectCollectionTab, profileMainCollectCollectionTabOptions, "created"),
+				authConfig: resolvedAuthConfig,
+				prefetch
+			});
+			break;
+	}
+	return /* @__PURE__ */ jsx(UserProfileMainShell, {
+		profileId: id,
+		currentUserId: resolvedCurrentUserId,
+		isMine,
+		renderMode,
+		className,
+		children: content
+	});
+}
+
+//#endregion
+export { UserProfileMain };

package/dist/components/biz/business/profile/profile-main/shell.mjs

@@ -1,2 +1,212 @@
 
-"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{Button as t}from"../../../../ui/button.mjs";import{useUserStore as n}from"../../../../../store/modules/user-store.mjs";import{Box as r}from"../../../../ui/box.mjs";import{EmptyState as i}from"../../../../ui/empty.mjs";import{Tabs as a,TabsList as o,TabsTrigger as s}from"../../../../ui/tabs.mjs";import{Text as c}from"../../../../ui/text.mjs";import{useLoginModalStore as l}from"../../../../../store/modules/login-modal-store.mjs";import{profileMainMineTabOptions as u,profileMainProfileTabOptions as d}from"./variants.mjs";import{useEffect as f,useMemo as p,useRef as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";import{useRouter as v}from"next/navigation";import{parseAsString as y,useQueryState as b}from"nuqs";function x(e){return e?[...u]:[...d]}function S(e,t){let n=x(t);return n.includes(e)?e:n[0]}function C(e){let t=window.getComputedStyle(e);return/auto|scroll|overlay/.test(t.overflowY)}function w(e){if(typeof window>`u`)return null;let t=e?.parentElement??null;for(;t;){if(C(t))return t;t=t.parentElement}let n=document.getElementById(`app-scroll-container`);return n instanceof HTMLElement?n:null}function T(e){return typeof window>`u`?0:e?e.scrollTop:window.scrollY||window.pageYOffset||0}function E(e,t){if(!(typeof window>`u`)){if(e){e.scrollTo({top:t});return}window.scrollTo({top:t,left:0})}}function D({profileId:u,currentUserId:d,isMine:C,renderMode:D,className:O,children:k}){let A=v(),j=_(`components.pages.profile`),M=m(null),N=m(!1),P=l(e=>e.open),F=l(e=>e.isOpen),I=n(e=>e.isLogin),L=n(e=>e.userId),R=x(C),[z,B]=b(`tab`,y.withDefault(`collect`)),V=p(()=>S(z,C),[C,z]),H=C?d||L||``:u,U=p(()=>`profile-scroll:${H||(C?`mine`:`guest`)}:${V}`,[C,V,H]);f(()=>{z!==V&&B(V,{shallow:!1})},[V,B,z]),f(()=>{if(F&&!I){N.current=!0;return}!F&&N.current&&(N.current=!1,I&&A.refresh())},[F,A,I]),f(()=>{if(typeof window>`u`)return;let e=w(M.current),t=window.sessionStorage.getItem(U),n=t?Number(t):0;Number.isFinite(n)&&n>0&&requestAnimationFrame(()=>{E(e,n)});let r=!1,i=()=>{r||(r=!0,requestAnimationFrame(()=>{window.sessionStorage.setItem(U,String(T(e))),r=!1}))};return e?(e.addEventListener(`scroll`,i,{passive:!0}),()=>{e.removeEventListener(`scroll`,i)}):(window.addEventListener(`scroll`,i,{passive:!0}),()=>{window.removeEventListener(`scroll`,i)})},[U]);let W={collect:j(`client.collect`),like:j(`client.like`),history:j(`client.history`)},G=k;return D===`login-required`?G=g(r,{className:`flex gap-4 flex-col items-center justify-center py-10 text-center`,children:[h(c,{className:`text-base text-text1`,children:j(`client.loginToView`)}),h(t,{size:`lg`,variant:`secondary`,onClick:P,children:j(`client.loginNow`)})]}):D===`privacy-collect`?G=h(i,{type:`no-content`,text:j(`client.collectionNotPublic`)}):D===`privacy-like`&&(G=h(i,{type:`no-content`,text:j(`client.likeNotPublic`)})),g(r,{ref:M,className:e(O),children:[h(r,{className:`border-b bg-bg1 sticky z-10 top-0 border-text1/5 h-10`,children:h(a,{value:V,onValueChange:e=>{B(e,{shallow:!1})},className:`w-fit`,children:h(o,{variant:`default`,className:`inline-flex h-9`,children:R.map(e=>h(s,{value:e,className:`p-2.5 !text-base !w-fit data-active:!text-lg data-active:font-bold`,children:W[e]},e))})})}),h(r,{className:`p-2`,children:G})]})}export{D as UserProfileMainShell};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { Button } from "../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { EmptyState } from "../../../../ui/empty.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../../../../ui/tabs.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/shell.tsx
+/**
+* 获取当前视角可用的主 Tab 列表。
+*/
+function getAvailableTabs(isMine) {
+	return isMine ? [...profileMainMineTabOptions] : [...profileMainProfileTabOptions];
+}
+/**
+* 解析主 Tab，保持与服务端默认逻辑一致。
+*/
+function resolveMainTab(tab, isMine) {
+	const tabs = getAvailableTabs(isMine);
+	if (tabs.includes(tab)) return tab;
+	return tabs[0];
+}
+/**
+* 判断元素是否具备可滚动的纵向溢出能力。
+*/
+function hasScrollableOverflow(element) {
+	const styles = window.getComputedStyle(element);
+	return /auto|scroll|overlay/.test(styles.overflowY);
+}
+/**
+* 解析当前页面应监听的滚动容器。
+*/
+function resolveScrollContainer(root) {
+	if (typeof window === "undefined") return null;
+	let parentElement = root?.parentElement ?? null;
+	while (parentElement) {
+		if (hasScrollableOverflow(parentElement)) return parentElement;
+		parentElement = parentElement.parentElement;
+	}
+	const appScrollContainer = document.getElementById("app-scroll-container");
+	if (appScrollContainer instanceof HTMLElement) return appScrollContainer;
+	return null;
+}
+/**
+* 读取当前滚动位置。
+*/
+function getScrollTop(container) {
+	if (typeof window === "undefined") return 0;
+	if (container) return container.scrollTop;
+	return window.scrollY || window.pageYOffset || 0;
+}
+/**
+* 应用滚动位置到目标容器。
+*/
+function setScrollTop(container, top) {
+	if (typeof window === "undefined") return;
+	if (container) {
+		container.scrollTo({ top });
+		return;
+	}
+	window.scrollTo({
+		top,
+		left: 0
+	});
+}
+/**
+* 用户资料主体客户端壳层，仅负责主 Tab 交互与占位渲染。
+*/
+function UserProfileMainShell({ profileId, currentUserId, isMine, renderMode, className, children }) {
+	const router = useRouter();
+	const t = useTranslations("components.pages.profile");
+	const rootRef = useRef(null);
+	const shouldRefreshAfterLoginRef = useRef(false);
+	const openLoginModal = useLoginModalStore((state) => state.open);
+	const isLoginModalOpen = useLoginModalStore((state) => state.isOpen);
+	const storeIsLogin = useUserStore((state) => state.isLogin);
+	const storeUserId = useUserStore((state) => state.userId);
+	const tabs = getAvailableTabs(isMine);
+	const [tabQuery, setTabQuery] = useQueryState("tab", parseAsString.withDefault("collect"));
+	const resolvedTab = useMemo(() => {
+		return resolveMainTab(tabQuery, isMine);
+	}, [isMine, tabQuery]);
+	const targetUserId = isMine ? currentUserId || storeUserId || "" : profileId;
+	const scrollStorageKey = useMemo(() => {
+		return `profile-scroll:${targetUserId || (isMine ? "mine" : "guest")}:${resolvedTab}`;
+	}, [
+		isMine,
+		resolvedTab,
+		targetUserId
+	]);
+	useEffect(() => {
+		if (tabQuery !== resolvedTab) setTabQuery(resolvedTab, { shallow: false });
+	}, [
+		resolvedTab,
+		setTabQuery,
+		tabQuery
+	]);
+	/**
+	* 登录弹窗关闭且登录成功后刷新页面，确保服务端数据同步。
+	*/
+	useEffect(() => {
+		if (isLoginModalOpen && !storeIsLogin) {
+			shouldRefreshAfterLoginRef.current = true;
+			return;
+		}
+		if (!isLoginModalOpen && shouldRefreshAfterLoginRef.current) {
+			shouldRefreshAfterLoginRef.current = false;
+			if (storeIsLogin) router.refresh();
+		}
+	}, [
+		isLoginModalOpen,
+		router,
+		storeIsLogin
+	]);
+	/**
+	* 按用户与主 Tab 维度记忆整页滚动位置。
+	*/
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const container = resolveScrollContainer(rootRef.current);
+		const rawStorageValue = window.sessionStorage.getItem(scrollStorageKey);
+		const savedScrollTop = rawStorageValue ? Number(rawStorageValue) : 0;
+		if (Number.isFinite(savedScrollTop) && savedScrollTop > 0) requestAnimationFrame(() => {
+			setScrollTop(container, savedScrollTop);
+		});
+		let ticking = false;
+		const handleScroll = () => {
+			if (ticking) return;
+			ticking = true;
+			requestAnimationFrame(() => {
+				window.sessionStorage.setItem(scrollStorageKey, String(getScrollTop(container)));
+				ticking = false;
+			});
+		};
+		if (container) {
+			container.addEventListener("scroll", handleScroll, { passive: true });
+			return () => {
+				container.removeEventListener("scroll", handleScroll);
+			};
+		}
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		return () => {
+			window.removeEventListener("scroll", handleScroll);
+		};
+	}, [scrollStorageKey]);
+	const tabTitleMap = {
+		collect: t("client.collect"),
+		like: t("client.like"),
+		history: t("client.history")
+	};
+	let content = children;
+	if (renderMode === "login-required") content = /* @__PURE__ */ jsxs(Box, {
+		className: "flex gap-4 flex-col items-center justify-center py-10 text-center",
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "text-base text-text1",
+			children: t("client.loginToView")
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "lg",
+			variant: "secondary",
+			onClick: openLoginModal,
+			children: t("client.loginNow")
+		})]
+	});
+	else if (renderMode === "privacy-collect") content = /* @__PURE__ */ jsx(EmptyState, {
+		type: "no-content",
+		text: t("client.collectionNotPublic")
+	});
+	else if (renderMode === "privacy-like") content = /* @__PURE__ */ jsx(EmptyState, {
+		type: "no-content",
+		text: t("client.likeNotPublic")
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		ref: rootRef,
+		className: cn(className),
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "border-b bg-bg1 sticky z-10 top-0 border-text1/5 h-10",
+			children: /* @__PURE__ */ jsx(Tabs, {
+				value: resolvedTab,
+				onValueChange: (value) => {
+					setTabQuery(value, { shallow: false });
+				},
+				className: "w-fit",
+				children: /* @__PURE__ */ jsx(TabsList, {
+					variant: "default",
+					className: "inline-flex h-9",
+					children: tabs.map((tabKey) => /* @__PURE__ */ jsx(TabsTrigger, {
+						value: tabKey,
+						className: "p-2.5 !text-base !w-fit data-active:!text-lg data-active:font-bold",
+						children: tabTitleMap[tabKey]
+					}, tabKey))
+				})
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "p-2",
+			children: content
+		})]
+	});
+}
+
+//#endregion
+export { UserProfileMainShell };