@funhub/platform 0.1.126 → 0.1.130

package/dist/components/pages/(follow)/followed/page.mjs

@@ -1,2 +1,96 @@
 
-import{gInteractionGetFollowingList as e,gUserViewUserInfo as t}from"../../../../service/generated/client.mjs";import{Box as n}from"../../../ui/box.mjs";import{EmptyState as r}from"../../../ui/empty.mjs";import{HydrationBoundary as i}from"../../../../hooks/query/hydration-boundary.mjs";import{defaultLocale as a,isValidLocale as o,resolveLocaleByPriority as s,resolveLocaleFromAcceptLanguage as c}from"../../../../i18n.mjs";import{getTranslator as l}from"../../../../i18n/translator.mjs";import{FollowHeaderNav as u}from"../_components/header-nav/index.mjs";import{UserList as d}from"../_components/user-list/index.mjs";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{cookies as m,headers as h}from"next/headers";function g(e){return o(e)?e:a}function _(e){return e.map(e=>({user_id:e.user_brief?.user_id??e.user_id??``,name:e.user_brief?.nickname??e.user_brief?.username??``,avatar:e.user_brief?.avatar_url??``,signature:e?.user_brief?.signature??``,is_friend:`0`,browse_flag:`0`,self_flag:`0`,follow_flag:`1`,background:``}))}function v(e,t,n){return{code:0,msg:`OK`,data:{page:String(t),page_size:String(n),list:_(e)},trace:``}}async function y({userId:o}){let _=`followed`,y=await m(),b=await h(),x=l(g(s(y.get(`NEXT_LOCALE`)?.value,c(b.get(`accept-language`)),a))),S=y.get(`token`)?.value||``,C=y.get(`userId`)?.value||``,w=!!o,T=w?await t({target_user_id:o,user_id:C||o},S?{headers:{Authorization:`Bearer ${S}`}}:void 0):null,E=!w||Number(T?.data?.following_open??1)>0,D=w&&!E;return f(i,{prefetch:o&&!D?[{type:`infinite`,queryKey:[`user-list`,_,o,1],initialPageParam:1,async queryFn(){return v((await e({page:1,page_size:20,user_id:o})).data?.following??[],1,20)}}]:[],children:p(n,{children:[f(u,{defaultTab:`followed`}),D?f(r,{type:`no-content`,text:x(`components.pages.follow.pages.followed.privateListUnavailable`)}):f(d,{type:_,userId:o,showAction:!o,page:1,followText:x(`components.pages.follow.components.userList.follow`)})]})})}export{y as FollowedPage};
+import { gInteractionGetFollowingList, gUserViewUserInfo } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { EmptyState } from "../../../ui/empty.mjs";
+import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
+import { defaultLocale, isValidLocale, resolveLocaleByPriority, resolveLocaleFromAcceptLanguage } from "../../../../i18n.mjs";
+import { getTranslator } from "../../../../i18n/translator.mjs";
+import { FollowHeaderNav } from "../_components/header-nav/index.mjs";
+import { UserList } from "../_components/user-list/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cookies, headers } from "next/headers";
+
+//#region components/pages/(follow)/followed/page.tsx
+function resolveLocale(requestedLocale) {
+	if (isValidLocale(requestedLocale)) return requestedLocale;
+	return defaultLocale;
+}
+/**
+* 映射关注列表数据
+*/
+function mapFollowedList(users) {
+	return users.map((user) => ({
+		user_id: user.user_brief?.user_id ?? user.user_id ?? "",
+		name: user.user_brief?.nickname ?? user.user_brief?.username ?? "",
+		avatar: user.user_brief?.avatar_url ?? "",
+		signature: user?.user_brief?.signature ?? "",
+		is_friend: "0",
+		browse_flag: "0",
+		self_flag: "0",
+		follow_flag: "1",
+		background: ""
+	}));
+}
+/**
+* 组装关注列表响应
+*/
+function buildFollowedResponse(list, page, pageSize) {
+	return {
+		code: 0,
+		msg: "OK",
+		data: {
+			page: String(page),
+			page_size: String(pageSize),
+			list: mapFollowedList(list)
+		},
+		trace: ""
+	};
+}
+async function FollowedPage({ userId }) {
+	const type = "followed";
+	const initialPage = 1;
+	const cookie = await cookies();
+	const headerStore = await headers();
+	const t = getTranslator(resolveLocale(resolveLocaleByPriority(cookie.get("NEXT_LOCALE")?.value, resolveLocaleFromAcceptLanguage(headerStore.get("accept-language")), defaultLocale)));
+	const token = cookie.get("token")?.value || "";
+	const currentUserId = cookie.get("userId")?.value || "";
+	const shouldCheckPrivacy = Boolean(userId);
+	const privacyResponse = shouldCheckPrivacy ? await gUserViewUserInfo({
+		target_user_id: userId,
+		user_id: currentUserId || userId
+	}, token ? { headers: { Authorization: `Bearer ${token}` } } : void 0) : null;
+	const isFollowingOpen = !shouldCheckPrivacy || Number(privacyResponse?.data?.following_open ?? 1) > 0;
+	const shouldShowPrivate = shouldCheckPrivacy && !isFollowingOpen;
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: userId && !shouldShowPrivate ? [{
+			type: "infinite",
+			queryKey: [
+				"user-list",
+				type,
+				userId,
+				initialPage
+			],
+			initialPageParam: initialPage,
+			async queryFn() {
+				return buildFollowedResponse((await gInteractionGetFollowingList({
+					page: initialPage,
+					page_size: 20,
+					user_id: userId
+				})).data?.following ?? [], initialPage, 20);
+			}
+		}] : [],
+		children: /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(FollowHeaderNav, { defaultTab: "followed" }), shouldShowPrivate ? /* @__PURE__ */ jsx(EmptyState, {
+			type: "no-content",
+			text: t("components.pages.follow.pages.followed.privateListUnavailable")
+		}) : /* @__PURE__ */ jsx(UserList, {
+			type,
+			userId,
+			showAction: !userId,
+			page: initialPage,
+			followText: t("components.pages.follow.components.userList.follow")
+		})] })
+	});
+}
+
+//#endregion
+export { FollowedPage };

package/dist/components/pages/collection-add/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).CollectionAddPage,{loading:e});export{n as CollectionAddPage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/collection-add/index.ts
+const CollectionAddPage = dynamic(async () => {
+	return (await import("./page.mjs")).CollectionAddPage;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { CollectionAddPage };

package/dist/components/pages/collection-add/page.mjs

@@ -1,2 +1,162 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetContentList as n,pCommunityAddContentToCollection as r}from"../../../service/generated/client.mjs";import{Box as i}from"../../ui/box.mjs";import{useDeleteRequest as a,useMutation as o,usePaginated as s}from"../../../hooks/query/use-query.mjs";import{HeaderNav as c}from"../../common/header-nav/client.mjs";import{UserActivityList as l}from"../../common/list/user-activity-list/user-activity-list.mjs";import{useMemo as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{toast as m}from"sonner";import{useTranslations as h}from"next-intl";function g(e){return{type:e.type,content_id:e.content_id||``,author:{nick_name:e.author?.nickname||``,nickname:e.author?.nickname||``,avatar:e.author?.avatar_url||``},content:e.content||``,medias:e.medias||[],like_count:e.like_count||0,is_liked:e.interaction?.is_liked||!1,dislike_count:e.dislike_count||0,is_dislike:e.interaction?.is_dislike||!1,comment_count:e.comment_count||0}}function _({id:_}){let{userId:v}=t(),y=_,[b,x]=d(()=>new Set),S=a(),{mutateAsync:C,isPending:w}=o(async e=>await r({collection_id:y,content_id:e})),{data:T,isFetching:E,fetchNextPage:D,hasNextPage:O}=s({key:[`collection-add`,y,v],initialPageParam:1,async queryFn(e){if(!v)return{data:{list:[],total:0}};let t=await n({user_id:v,page:e,collection_id:y,page_size:10}),r=t.data?.data?.contents??[];return{data:{list:r,total:t.data?.data?.total??r.length,has_more:t.data?.data?.has_more?!0:void 0}}},getNextPageParam(e,t){let n=e?.data||{},r=n.list||[];if(typeof n.has_more==`boolean`)return n.has_more?t.length+1:void 0;if(!(r.length===0||n.total===0))return t.length+1}}),k=h(`components.pages.collectionAdd`),A=u(()=>T?.pages.flatMap(e=>((e?.data).list||[]).map(e=>g(e)))??[],[T]);function j(e){w||x(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async function M(){if(w)return;if(!y){m.error(k(`page.collectionNotFound`));return}if(!v){m.error(k(`page.userNotFound`));return}let e=Array.from(b);if(e.length===0){m.error(k(`page.selectPostFirst`));return}let t=m.loading(k(`page.submitting`));try{await Promise.all(e.map(e=>C(e))),m.success(k(`page.submitSuccess`),{id:t}),x(new Set),S([`collection-add`,y,v]),S([`collection-detail`,y])}catch(e){console.error(`添加合集失败`,e),m.error(k(`page.submitFailed`),{id:t})}}let N=b.size;return p(i,{className:`bg-bg2 !min-h-screen`,children:[f(c,{className:`!bg-bg2`,title:k(`page.title`),rightChild:p(e,{onClick:M,disabled:w||N===0,children:[k(`page.done`),`（`,N,`）`]})}),f(l,{list:A,loading:E,hasMore:O,loadMore:async()=>{D()},emptyText:k(`page.emptyPublish`),showGroupHeaders:!1,isEditMode:!0,selectedIds:b,onToggleSelection:j})]})}export{_ as CollectionAddPage};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetContentList, pCommunityAddContentToCollection } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { useDeleteRequest, useMutation, usePaginated } from "../../../hooks/query/use-query.mjs";
+import { HeaderNav } from "../../common/header-nav/client.mjs";
+import { UserActivityList } from "../../common/list/user-activity-list/user-activity-list.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/collection-add/page.tsx
+const defaultPageSize = 10;
+/**
+* 将 API 数据转换为 UserActivityListItemProps。
+*/
+function transformToPostItem(item) {
+	return {
+		type: item.type,
+		content_id: item.content_id || "",
+		author: {
+			nick_name: item.author?.nickname || "",
+			nickname: item.author?.nickname || "",
+			avatar: item.author?.avatar_url || ""
+		},
+		content: item.content || "",
+		medias: item.medias || [],
+		like_count: item.like_count || 0,
+		is_liked: item.interaction?.is_liked || false,
+		dislike_count: item.dislike_count || 0,
+		is_dislike: item.interaction?.is_dislike || false,
+		comment_count: item.comment_count || 0
+	};
+}
+function CollectionAddPage({ id }) {
+	const { userId } = useUserStore();
+	const collectionId = id;
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const invalidateRequest = useDeleteRequest();
+	const { mutateAsync: addContentToCollection, isPending: isSubmitting } = useMutation(async (contentId) => {
+		return await pCommunityAddContentToCollection({
+			collection_id: collectionId,
+			content_id: contentId
+		});
+	});
+	const { data, isFetching, fetchNextPage, hasNextPage } = usePaginated({
+		key: [
+			"collection-add",
+			collectionId,
+			userId
+		],
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			if (!userId) return { data: {
+				list: [],
+				total: 0
+			} };
+			const response = await gCommunityGetContentList({
+				user_id: userId,
+				page: pageParam,
+				collection_id: collectionId,
+				page_size: defaultPageSize
+			});
+			const contents = response.data?.data?.contents ?? [];
+			return { data: {
+				list: contents,
+				total: response.data?.data?.total ?? contents.length,
+				has_more: response.data?.data?.has_more ? true : void 0
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			const lastData = lastPage?.data || {};
+			const list = lastData.list || [];
+			if (typeof lastData.has_more === "boolean") return lastData.has_more ? allPages.length + 1 : void 0;
+			if (list.length === 0 || lastData.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const t = useTranslations("components.pages.collectionAdd");
+	const list = useMemo(() => {
+		return data?.pages.flatMap((page) => {
+			return ((page?.data).list || []).map((item) => transformToPostItem(item));
+		}) ?? [];
+	}, [data]);
+	function handleToggleSelection(id) {
+		if (isSubmitting) return;
+		setSelectedIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}
+	async function handleSubmit() {
+		if (isSubmitting) return;
+		if (!collectionId) {
+			toast.error(t("page.collectionNotFound"));
+			return;
+		}
+		if (!userId) {
+			toast.error(t("page.userNotFound"));
+			return;
+		}
+		const contentIds = Array.from(selectedIds);
+		if (contentIds.length === 0) {
+			toast.error(t("page.selectPostFirst"));
+			return;
+		}
+		const loadingId = toast.loading(t("page.submitting"));
+		try {
+			await Promise.all(contentIds.map((contentId) => addContentToCollection(contentId)));
+			toast.success(t("page.submitSuccess"), { id: loadingId });
+			setSelectedIds(/* @__PURE__ */ new Set());
+			invalidateRequest([
+				"collection-add",
+				collectionId,
+				userId
+			]);
+			invalidateRequest(["collection-detail", collectionId]);
+		} catch (error) {
+			console.error("添加合集失败", error);
+			toast.error(t("page.submitFailed"), { id: loadingId });
+		}
+	}
+	const selectedCount = selectedIds.size;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "bg-bg2 !min-h-screen",
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			className: "!bg-bg2",
+			title: t("page.title"),
+			rightChild: /* @__PURE__ */ jsxs(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || selectedCount === 0,
+				children: [
+					t("page.done"),
+					"（",
+					selectedCount,
+					"）"
+				]
+			})
+		}), /* @__PURE__ */ jsx(UserActivityList, {
+			list,
+			loading: isFetching,
+			hasMore: hasNextPage,
+			loadMore: async () => {
+				fetchNextPage();
+			},
+			emptyText: t("page.emptyPublish"),
+			showGroupHeaders: false,
+			isEditMode: true,
+			selectedIds,
+			onToggleSelection: handleToggleSelection
+		})]
+	});
+}
+
+//#endregion
+export { CollectionAddPage };

package/dist/components/pages/collection-create/form.mjs

@@ -1,2 +1,164 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as n,pCommunityCreateCollection as r,pCommunityUpdateCollection as i}from"../../../service/generated/client.mjs";import{Box as a}from"../../ui/box.mjs";import{InputGroup as o,InputGroupAddon as s,InputGroupTextarea as c}from"../../ui/input-group.mjs";import{Field as l,FieldLabel as u}from"../../ui/field.mjs";import{useDeleteRequest as d,useRequest as f}from"../../../hooks/query/use-query.mjs";import{HeaderNav as p}from"../../common/header-nav/client.mjs";import{useEffect as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";import{useTranslations as b}from"next-intl";import{useRouter as x}from"next/navigation";function S({mode:S=`create`,collectionId:C}){let w=b(`components.pages.collectionCreate`),T=x(),{userId:E}=t(),D=d();h(null);let O=S===`edit`&&!!C,k=h(!1),[A,j]=g(!1),[M,N]=g(!1),[P,F]=g(``),[I,L]=g({title:``,description:``}),R=f([`collection-detail`,C],()=>n({collection_id:C}),{enabled:!!(O&&C)}).data?.data?.data?.collection;m(()=>{!O||k.current||!R||(L({title:R.title??``,description:R.description??``}),F(R.cover_image??``),k.current=!0)},[R,O]);function z(e,t){L(n=>({...n,[e]:t}))}async function B(){if(A)return;let e=I.title.trim(),t=I.description.trim();if(!e){y.error(w(`form.titleRequired`));return}if(O&&!C){y.error(w(`form.collectionNotFound`));return}try{j(!0);let n=y.loading(w(O?`form.saving`:`form.creating`)),a=O?await i({collection_id:C,title:e,description:t,cover_image:P}):await r({title:e,description:t,cover_image:P});if(a.code===0){y.success(w(O?`form.saveSuccess`:`form.createSuccess`),{id:n}),E&&D([`user-profile`,`mine`,E,`user-collection-created`,E]),O&&C&&D([`collection-detail`,C]),T.back();return}y.error(a.message||w(O?`form.saveFailed`:`form.createFailed`),{id:n})}catch(e){console.error(O?`编辑合集失败`:`创建合集失败`,e),y.error(w(O?`form.saveFailed`:`form.createFailed`))}finally{j(!1)}}return v(a,{className:`min-h-screen !bg-bg2`,children:[_(p,{title:w(O?`form.editTitle`:`form.createTitle`),className:`!bg-bg2`,rightChild:_(e,{onClick:B,disabled:A||M,children:w(A?O?`form.saving`:`form.creating`:O?`form.save`:`form.create`)})}),v(a,{className:`pb-3`,children:[v(l,{className:`!bg-bg2 px-3 border-none`,children:[_(u,{required:!0,children:w(`form.label`)}),v(o,{children:[_(c,{className:`!bg-bg1 p-2.5`,maxLength:50,placeholder:w(`form.titlePlaceholder`),value:I.title,onChange:e=>z(`title`,e.target.value)}),_(s,{className:`!bg-bg1`,align:`block-end`,children:_(`div`,{className:`text-right w-full`,children:v(`span`,{className:`text-xs`,children:[I.title.length,`/50`]})})})]})]}),v(l,{className:`border-none px-3 bg-bg2! `,children:[_(u,{children:w(`form.descriptionLabel`)}),v(o,{children:[_(c,{className:`!bg-bg1 p-2.5`,maxLength:100,placeholder:w(`form.descriptionPlaceholder`),value:I.description,onChange:e=>z(`description`,e.target.value)}),_(s,{className:`!bg-bg1`,align:`block-end`,children:_(`div`,{className:`text-right w-full`,children:v(`span`,{className:`text-xs`,children:[I.description.length,`/100`]})})})]})]})]})]})}export{S as CollectionCreateForm};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, pCommunityCreateCollection, pCommunityUpdateCollection } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { InputGroup, InputGroupAddon, InputGroupTextarea } from "../../ui/input-group.mjs";
+import { Field, FieldLabel } from "../../ui/field.mjs";
+import { useDeleteRequest, useRequest } from "../../../hooks/query/use-query.mjs";
+import { HeaderNav } from "../../common/header-nav/client.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+
+//#region components/pages/collection-create/form.tsx
+/**
+* 创建/编辑合集表单。
+*/
+function CollectionCreateForm({ mode = "create", collectionId }) {
+	const t = useTranslations("components.pages.collectionCreate");
+	const router = useRouter();
+	const { userId } = useUserStore();
+	const invalidateRequest = useDeleteRequest();
+	useRef(null);
+	const isEdit = mode === "edit" && Boolean(collectionId);
+	const hasInitRef = useRef(false);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [isUploadingCover, setIsUploadingCover] = useState(false);
+	const [coverUrl, setCoverUrl] = useState("");
+	const [form, setForm] = useState({
+		title: "",
+		description: ""
+	});
+	const collectionData = useRequest(["collection-detail", collectionId], () => gCommunityGetCollectionInfo({ collection_id: collectionId }), { enabled: Boolean(isEdit && collectionId) }).data?.data?.data?.collection;
+	useEffect(() => {
+		if (!isEdit || hasInitRef.current || !collectionData) return;
+		setForm({
+			title: collectionData.title ?? "",
+			description: collectionData.description ?? ""
+		});
+		setCoverUrl(collectionData.cover_image ?? "");
+		hasInitRef.current = true;
+	}, [collectionData, isEdit]);
+	/**
+	* 更新表单字段。
+	*/
+	function handleUpdateFormField(key, value) {
+		setForm((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	}
+	/**
+	* 提交创建/编辑合集。
+	*/
+	async function handleSubmit() {
+		if (isSubmitting) return;
+		const title = form.title.trim();
+		const description = form.description.trim();
+		if (!title) {
+			toast.error(t("form.titleRequired"));
+			return;
+		}
+		if (isEdit && !collectionId) {
+			toast.error(t("form.collectionNotFound"));
+			return;
+		}
+		try {
+			setIsSubmitting(true);
+			const loadingId = toast.loading(isEdit ? t("form.saving") : t("form.creating"));
+			const response = isEdit ? await pCommunityUpdateCollection({
+				collection_id: collectionId,
+				title,
+				description,
+				cover_image: coverUrl
+			}) : await pCommunityCreateCollection({
+				title,
+				description,
+				cover_image: coverUrl
+			});
+			if (response.code === 0) {
+				toast.success(isEdit ? t("form.saveSuccess") : t("form.createSuccess"), { id: loadingId });
+				if (userId) invalidateRequest([
+					"user-profile",
+					"mine",
+					userId,
+					"user-collection-created",
+					userId
+				]);
+				if (isEdit && collectionId) invalidateRequest(["collection-detail", collectionId]);
+				router.back();
+				return;
+			}
+			toast.error(response.message || (isEdit ? t("form.saveFailed") : t("form.createFailed")), { id: loadingId });
+		} catch (error) {
+			console.error(isEdit ? "编辑合集失败" : "创建合集失败", error);
+			toast.error(isEdit ? t("form.saveFailed") : t("form.createFailed"));
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen !bg-bg2",
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			title: isEdit ? t("form.editTitle") : t("form.createTitle"),
+			className: "!bg-bg2",
+			rightChild: /* @__PURE__ */ jsx(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || isUploadingCover,
+				children: isSubmitting ? isEdit ? t("form.saving") : t("form.creating") : isEdit ? t("form.save") : t("form.create")
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "pb-3",
+			children: [/* @__PURE__ */ jsxs(Field, {
+				className: "!bg-bg2 px-3 border-none",
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					required: true,
+					children: t("form.label")
+				}), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+					className: "!bg-bg1 p-2.5",
+					maxLength: 50,
+					placeholder: t("form.titlePlaceholder"),
+					value: form.title,
+					onChange: (e) => handleUpdateFormField("title", e.target.value)
+				}), /* @__PURE__ */ jsx(InputGroupAddon, {
+					className: "!bg-bg1",
+					align: "block-end",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "text-right w-full",
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "text-xs",
+							children: [form.title.length, "/50"]
+						})
+					})
+				})] })]
+			}), /* @__PURE__ */ jsxs(Field, {
+				className: "border-none px-3 bg-bg2! ",
+				children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("form.descriptionLabel") }), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+					className: "!bg-bg1 p-2.5",
+					maxLength: 100,
+					placeholder: t("form.descriptionPlaceholder"),
+					value: form.description,
+					onChange: (e) => handleUpdateFormField("description", e.target.value)
+				}), /* @__PURE__ */ jsx(InputGroupAddon, {
+					className: "!bg-bg1",
+					align: "block-end",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "text-right w-full",
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "text-xs",
+							children: [form.description.length, "/100"]
+						})
+					})
+				})] })]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CollectionCreateForm };

package/dist/components/pages/collection-create/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).CollectionCreatePage,{loading:e});export{n as CollectionCreatePage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/collection-create/index.ts
+const CollectionCreatePage = dynamic(async () => {
+	return (await import("./page.mjs")).CollectionCreatePage;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { CollectionCreatePage };

package/dist/components/pages/collection-create/page.mjs

@@ -1,2 +1,29 @@
 
-import{gCommunityGetCollectionInfo as e}from"../../../service/generated/client.mjs";import{HydrationBoundary as t}from"../../../hooks/query/hydration-boundary.mjs";import{CollectionCreateForm as n}from"./form.mjs";import{jsx as r}from"react/jsx-runtime";import{cookies as i}from"next/headers";async function a({id:a,type:o}){let s=a;if(!(o===`edit`&&s)||!s)return r(n,{});let c=(await i()).get(`token`)?.value||``,l=await e({collection_id:s},c?{headers:{Authorization:`Bearer ${c}`}}:void 0);return r(t,{prefetch:[{queryKey:[`collection-detail`,s],async queryFn(){return l}}],children:r(n,{mode:`edit`,collectionId:s})})}export{a as CollectionCreatePage};
+import { gCommunityGetCollectionInfo } from "../../../service/generated/client.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { CollectionCreateForm } from "./form.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cookies } from "next/headers";
+
+//#region components/pages/collection-create/page.tsx
+async function CollectionCreatePage({ id, type }) {
+	const collectionId = id;
+	if (!(type === "edit" && Boolean(collectionId)) || !collectionId) return /* @__PURE__ */ jsx(CollectionCreateForm, {});
+	const token = (await cookies()).get("token")?.value || "";
+	const collectionDetail = await gCommunityGetCollectionInfo({ collection_id: collectionId }, token ? { headers: { Authorization: `Bearer ${token}` } } : void 0);
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: [{
+			queryKey: ["collection-detail", collectionId],
+			async queryFn() {
+				return collectionDetail;
+			}
+		}],
+		children: /* @__PURE__ */ jsx(CollectionCreateForm, {
+			mode: "edit",
+			collectionId
+		})
+	});
+}
+
+//#endregion
+export { CollectionCreatePage };