@funhub/platform 0.2.31 → 0.2.33

package/dist/components/pages/publish/components/upload-progress.mjs

@@ -1,54 +1,2 @@
 
-'use client';
-
-import { Box } from "../../../ui/box.mjs";
-import { Text } from "../../../ui/text.mjs";
-import { Progress } from "../../../ui/progress.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/publish/components/upload-progress.tsx
-/**
-* 全屏上传进度提示组件
-* 进度条基于任务数计算，显示的文件数基于文件数计算
-*/
-const UploadProgress = memo(({ currentFiles, totalFiles, currentTasks, totalTasks }) => {
-	const t = useTranslations("components.pages.publish.components");
-	const percentage = totalTasks > 0 ? Math.round(currentTasks / totalTasks * 100) : 0;
-	return /* @__PURE__ */ jsx(Box, {
-		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/20",
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full max-w-[200px] bg-bg1 rounded-lg p-4 shadow-lg",
-			children: [
-				/* @__PURE__ */ jsxs(Text, {
-					className: "mb-3 text-center text-[16px] font-medium",
-					style: { color: "rgb(253, 76, 94)" },
-					children: [t("uploadProgress.uploading"), "..."]
-				}),
-				/* @__PURE__ */ jsx(Box, {
-					className: "mb-2 **:[data-slot=progress-track]:h-2 **:[data-slot=progress-track]:bg-[rgba(253,76,94,0.2)] **:[data-slot=progress-track]:rounded-full",
-					children: /* @__PURE__ */ jsx(Progress, {
-						value: percentage,
-						className: "w-full **:[data-slot=progress-indicator]:bg-[rgb(253,76,94)]"
-					})
-				}),
-				/* @__PURE__ */ jsxs(Text, {
-					className: "text-center text-xs opacity-70",
-					style: { color: "rgb(253, 76, 94)" },
-					children: [
-						currentFiles,
-						"/",
-						totalFiles,
-						"(",
-						percentage,
-						"%)"
-					]
-				})
-			]
-		})
-	});
-});
-
-//#endregion
-export { UploadProgress };
+"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import{Progress as n}from"../../../ui/progress.mjs";import{memo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";const s=r(({currentFiles:r,totalFiles:s,currentTasks:c,totalTasks:l})=>{let u=o(`components.pages.publish.components`),d=l>0?Math.round(c/l*100):0;return i(e,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/20`,children:a(e,{className:`w-full max-w-[200px] bg-bg1 rounded-lg p-4 shadow-lg`,children:[a(t,{className:`mb-3 text-center text-[16px] font-medium`,style:{color:`rgb(253, 76, 94)`},children:[u(`uploadProgress.uploading`),`...`]}),i(e,{className:`mb-2 **:[data-slot=progress-track]:h-2 **:[data-slot=progress-track]:bg-[rgba(253,76,94,0.2)] **:[data-slot=progress-track]:rounded-full`,children:i(n,{value:d,className:`w-full **:[data-slot=progress-indicator]:bg-[rgb(253,76,94)]`})}),a(t,{className:`text-center text-xs opacity-70`,style:{color:`rgb(253, 76, 94)`},children:[r,`/`,s,`(`,d,`%)`]})]})})});export{s as UploadProgress};

package/dist/components/pages/publish/components/video-item.mjs

@@ -1,37 +1,2 @@
 
-'use client';
-
-import { formatVideoDuration } from "../../../../utils/common.mjs";
-import { Image } from "../../../ui/image.mjs";
-import { Box } from "../../../ui/box.mjs";
-import SvgClose from "../../../../assets/icons/close.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/pages/publish/components/video-item.tsx
-const VideoItem = memo(({ coverUrl, videoDuration, materialList, onDelete, onPreview }) => {
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "relative aspect-square overflow-hidden rounded-lg",
-		children: [
-			/* @__PURE__ */ jsx(Image, {
-				src: coverUrl,
-				className: "object-cover",
-				fill: true,
-				onClick: () => onPreview(materialList.length)
-			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white",
-				onClick: onDelete,
-				children: /* @__PURE__ */ jsx(SvgClose, { className: "h-3 w-3" })
-			}),
-			videoDuration > 0 && /* @__PURE__ */ jsx(Box, {
-				className: "absolute bottom-2 right-2 rounded bg-black/70 px-2 py-1 text-xs text-white",
-				children: formatVideoDuration(videoDuration)
-			})
-		]
-	});
-});
-
-//#endregion
-export { VideoItem };
+"use client";import{formatVideoDuration as e}from"../../../../utils/common.mjs";import{Image as t}from"../../../ui/image.mjs";import{Box as n}from"../../../ui/box.mjs";import r from"../../../../assets/icons/close.mjs";import{memo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=i(({coverUrl:i,videoDuration:s,materialList:c,onDelete:l,onPreview:u})=>o(n,{className:`relative aspect-square overflow-hidden rounded-lg`,children:[a(t,{src:i,className:`object-cover`,fill:!0,onClick:()=>u(c.length)}),a(`button`,{type:`button`,className:`absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white`,onClick:l,children:a(r,{className:`h-3 w-3`})}),s>0&&a(n,{className:`absolute bottom-2 right-2 rounded bg-black/70 px-2 py-1 text-xs text-white`,children:e(s)})]}));export{s as VideoItem};

package/dist/components/pages/publish/constants.mjs

@@ -1,9 +1,2 @@
 
-//#region components/pages/publish/constants.ts
-const MAX_IMAGE_SIZE = 20 * 1024 * 1024;
-const MAX_VIDEO_SIZE = 200 * 1024 * 1024;
-const MAX_LENGTH = 2e3;
-const MAX_MATERIAL_COUNT = 9;
-
-//#endregion
-export { MAX_IMAGE_SIZE, MAX_LENGTH, MAX_MATERIAL_COUNT, MAX_VIDEO_SIZE };
+const e=20*1024*1024,t=200*1024*1024,n=2e3,r=9;export{e as MAX_IMAGE_SIZE,n as MAX_LENGTH,r as MAX_MATERIAL_COUNT,t as MAX_VIDEO_SIZE};

package/dist/components/pages/publish/hooks/use-file-upload.mjs

@@ -1,163 +1,2 @@
 
-'use client';
-
-import { MAX_MATERIAL_COUNT } from "../constants.mjs";
-import { createFileInput, processCoverFile, processMaterialFile, processVideoFile } from "../utils/file-upload.mjs";
-import { toast } from "sonner";
-import { useCallback } from "react";
-
-//#region components/pages/publish/hooks/use-file-upload.ts
-function useFileUpload(options) {
-	const { onProgressUpdate } = options;
-	return { selectFile: useCallback(async (type, selectOptions) => {
-		return await new Promise((resolve) => {
-			const input = createFileInput(type);
-			input.onchange = async (event) => {
-				const files = event.target.files;
-				if (!files || files.length === 0) {
-					resolve(null);
-					return;
-				}
-				try {
-					if (type === "material") {
-						const maxCount = Math.max(0, selectOptions?.maxMaterialCount ?? MAX_MATERIAL_COUNT);
-						if (maxCount <= 0) {
-							toast.error("最多上传 9 个素材");
-							resolve(null);
-							return;
-						}
-						const originalList = Array.from(files);
-						const list = originalList.length > maxCount ? originalList.slice(0, maxCount) : originalList;
-						if (originalList.length > maxCount) toast.error(`本次最多只能选择 ${maxCount} 个素材，已自动忽略超出的 ${originalList.length - maxCount} 个`);
-						const items = [];
-						const errors = [];
-						let completedTasks = 0;
-						let completedFiles = 0;
-						let totalTasks = 0;
-						const totalFiles = list.length;
-						for (const file of list) if (file) totalTasks += file.type.includes("video") ? 2 : 1;
-						onProgressUpdate?.(0, totalFiles, 0, totalTasks);
-						for (let i = 0; i < list.length; i++) {
-							const file = list[i];
-							if (!file) continue;
-							const fileTaskCount = file.type.includes("video") ? 2 : 1;
-							let fileCompleted = false;
-							const result = await processMaterialFile(file, i, (completed, total) => {
-								const globalCompletedTasks = completedTasks + completed;
-								if (completed >= total && !fileCompleted) {
-									fileCompleted = true;
-									completedFiles += 1;
-								}
-								onProgressUpdate?.(completedFiles, totalFiles, globalCompletedTasks, totalTasks);
-							});
-							if (result.success && result.data) {
-								items.push(result.data);
-								completedTasks += fileTaskCount;
-								if (!fileCompleted) {
-									completedFiles += 1;
-									onProgressUpdate?.(completedFiles, totalFiles, completedTasks, totalTasks);
-								}
-							} else if (result.error) {
-								errors.push(result.error);
-								completedTasks += fileTaskCount;
-								if (!fileCompleted) {
-									completedFiles += 1;
-									onProgressUpdate?.(completedFiles, totalFiles, completedTasks, totalTasks);
-								}
-							}
-						}
-						resolve({
-							type: "material",
-							items,
-							errors
-						});
-						return;
-					}
-					if (type === "video") {
-						let videoUrl = "";
-						let coverUrl = "";
-						let resolution = "";
-						let coverImageResolution = "";
-						let videoDuration = 0;
-						let videoSize = 0;
-						const file = files[0];
-						if (!file) {
-							resolve(null);
-							return;
-						}
-						const totalTasks = 2;
-						const totalFiles = 1;
-						onProgressUpdate?.(0, totalFiles, 0, totalTasks);
-						let videoFileCompleted = false;
-						if (!(await processVideoFile(file, {
-							setResolution: (v) => resolution = v,
-							setVideoDuration: (v) => videoDuration = v,
-							setVideoSize: (v) => videoSize = v,
-							setVideoUrl: (v) => videoUrl = v,
-							setCoverUrl: (v) => coverUrl = v,
-							setCoverImageResolution: (v) => coverImageResolution = v
-						}, (completed, total) => {
-							if (completed >= total && !videoFileCompleted) {
-								videoFileCompleted = true;
-								onProgressUpdate?.(1, totalFiles, completed, totalTasks);
-							} else onProgressUpdate?.(0, totalFiles, completed, totalTasks);
-						})).success) {
-							resolve(null);
-							return;
-						}
-						resolve({
-							type: "video",
-							videoUrl,
-							coverUrl,
-							resolution,
-							coverImageResolution,
-							videoDuration,
-							videoSize
-						});
-						return;
-					}
-					let coverUrl = "";
-					let coverImageResolution = "";
-					const file = files[0];
-					if (!file) {
-						resolve(null);
-						return;
-					}
-					const totalTasks = 1;
-					const totalFiles = 1;
-					onProgressUpdate?.(0, totalFiles, 0, totalTasks);
-					let coverFileCompleted = false;
-					if (!(await processCoverFile(file, {
-						setCoverUrl: (v) => coverUrl = v,
-						setCoverImageResolution: (v) => coverImageResolution = v
-					}, (completed, total) => {
-						if (completed >= total && !coverFileCompleted) {
-							coverFileCompleted = true;
-							onProgressUpdate?.(1, totalFiles, completed, totalTasks);
-						} else onProgressUpdate?.(0, totalFiles, completed, totalTasks);
-					})).success) {
-						resolve(null);
-						return;
-					}
-					resolve({
-						type: "cover",
-						coverUrl,
-						coverImageResolution
-					});
-				} catch (error) {
-					console.error("上传失败", error);
-					toast.error("上传失败，请稍后重试");
-					resolve(null);
-				} finally {
-					onProgressUpdate?.(0, 0, 0, 0);
-					input.remove();
-				}
-			};
-			document.body.appendChild(input);
-			input.click();
-		});
-	}, [onProgressUpdate]) };
-}
-
-//#endregion
-export { useFileUpload };
+"use client";import{MAX_MATERIAL_COUNT as e}from"../constants.mjs";import{createFileInput as t,processCoverFile as n,processMaterialFile as r,processVideoFile as i}from"../utils/file-upload.mjs";import{toast as a}from"sonner";import{useCallback as o}from"react";function s(s){let{onProgressUpdate:c}=s;return{selectFile:o(async(o,s)=>await new Promise(l=>{let u=t(o);u.onchange=async t=>{let d=t.target.files;if(!d||d.length===0){l(null);return}try{if(o===`material`){let t=Math.max(0,s?.maxMaterialCount??e);if(t<=0){a.error(`最多上传 9 个素材`),l(null);return}let n=Array.from(d),i=n.length>t?n.slice(0,t):n;n.length>t&&a.error(`本次最多只能选择 ${t} 个素材，已自动忽略超出的 ${n.length-t} 个`);let o=[],u=[],f=0,p=0,m=0,h=i.length;for(let e of i)e&&(m+=e.type.includes(`video`)?2:1);c?.(0,h,0,m);for(let e=0;e<i.length;e++){let t=i[e];if(!t)continue;let n=t.type.includes(`video`)?2:1,a=!1,s=await r(t,e,(e,t)=>{let n=f+e;e>=t&&!a&&(a=!0,p+=1),c?.(p,h,n,m)});s.success&&s.data?(o.push(s.data),f+=n,a||(p+=1,c?.(p,h,f,m))):s.error&&(u.push(s.error),f+=n,a||(p+=1,c?.(p,h,f,m)))}l({type:`material`,items:o,errors:u});return}if(o===`video`){let e=``,t=``,n=``,r=``,a=0,o=0,s=d[0];if(!s){l(null);return}c?.(0,1,0,2);let u=!1;if(!(await i(s,{setResolution:e=>n=e,setVideoDuration:e=>a=e,setVideoSize:e=>o=e,setVideoUrl:t=>e=t,setCoverUrl:e=>t=e,setCoverImageResolution:e=>r=e},(e,t)=>{e>=t&&!u?(u=!0,c?.(1,1,e,2)):c?.(0,1,e,2)})).success){l(null);return}l({type:`video`,videoUrl:e,coverUrl:t,resolution:n,coverImageResolution:r,videoDuration:a,videoSize:o});return}let t=``,u=``,f=d[0];if(!f){l(null);return}c?.(0,1,0,1);let p=!1;if(!(await n(f,{setCoverUrl:e=>t=e,setCoverImageResolution:e=>u=e},(e,t)=>{e>=t&&!p?(p=!0,c?.(1,1,e,1)):c?.(0,1,e,1)})).success){l(null);return}l({type:`cover`,coverUrl:t,coverImageResolution:u})}catch(e){console.error(`上传失败`,e),a.error(`上传失败，请稍后重试`),l(null)}finally{c?.(0,0,0,0),u.remove()}},document.body.appendChild(u),u.click()}),[c])}}export{s as useFileUpload};

package/dist/components/pages/publish/page-client.mjs

@@ -1,346 +1,2 @@
 
-'use client';
-
-import { getAtUserElement } from "../../../utils/common.mjs";
-import { cn } from "../../../utils/cn.mjs";
-import eventBus from "../../../utils/event-bus.mjs";
-import { pCommunityPublishContent } from "../../../service/generated/client.mjs";
-import { useRouter } from "../../../utils/use-compatible-router.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
-import { Box } from "../../ui/box.mjs";
-import { useKeyboardOpen } from "../../../hooks/use-keyboard-open.mjs";
-import { eventKey } from "../../../constants/event-key.mjs";
-import { useMediaPreview } from "../../common/media-preview/index.mjs";
-import Popup from "../../ui/popup.mjs";
-import { UploadProgress } from "./components/upload-progress.mjs";
-import { ContactList } from "../../biz/business/contact/contact-list.mjs";
-import { Collection } from "./components/collection.mjs";
-import { MAX_MATERIAL_COUNT } from "./constants.mjs";
-import { filterAtUserNames } from "./utils/publish-utils.mjs";
-import { PublishEditor } from "./components/editor.mjs";
-import { PublishHeader } from "./components/header.mjs";
-import { MaterialGrid } from "./components/material-grid.mjs";
-import { Toolbar } from "./components/toolbar.mjs";
-import { useFileUpload } from "./hooks/use-file-upload.mjs";
-import { toast } from "sonner";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/publish/page-client.tsx
-function PublishPageClient({ className } = {}) {
-	const t = useTranslations("components.pages.publish");
-	const router = useRouter();
-	const editorRef = useRef(null);
-	const [visibleContact, setVisibleContact] = useState(false);
-	const [activeCollection, setActiveCollection] = useState("0");
-	const { isOpen: isKeyboardOpen } = useKeyboardOpen();
-	const [uploadProgress, setUploadProgress] = useState(null);
-	const [materialList, setMaterialList] = useState([]);
-	const [videoUrl, setVideoUrl] = useState("");
-	const [coverUrl, setCoverUrl] = useState("");
-	const [originCoverUrl, setOriginCoverUrl] = useState("");
-	const [videoDuration, setVideoDuration] = useState(0);
-	const [resolution, setResolution] = useState("");
-	const [coverImageResolution, setCoverImageResolution] = useState("");
-	const [videoSize, setVideoSize] = useState(0);
-	const [content, setContent] = useState("");
-	const [atUsers, setAtUsers] = useState([]);
-	const [isLoading, setIsLoading] = useState(false);
-	const [typeSwitchDialogOpen, setTypeSwitchDialogOpen] = useState(false);
-	const [typeSwitchMessage, setTypeSwitchMessage] = useState("");
-	const typeSwitchResolveRef = useRef(null);
-	useEffect(() => {
-		return () => {
-			eventBus.emit(eventKey.WAIT_LOADING_SHOW, { show: false });
-		};
-	}, []);
-	const confirmTypeSwitch = useCallback((message) => {
-		setTypeSwitchMessage(message);
-		setTypeSwitchDialogOpen(true);
-		return new Promise((resolve) => {
-			typeSwitchResolveRef.current = resolve;
-		});
-	}, []);
-	const { selectFile } = useFileUpload({ onProgressUpdate: (currentFiles, totalFiles, currentTasks, totalTasks) => {
-		if (totalTasks > 0) setUploadProgress({
-			currentFiles,
-			totalFiles,
-			currentTasks,
-			totalTasks
-		});
-		else setUploadProgress(null);
-	} });
-	const handleSelectMaterial = useCallback(async () => {
-		if (videoUrl) {
-			if (!await confirmTypeSwitch(t("pageClient.switchToPostConfirm"))) return;
-			setVideoUrl("");
-			setCoverUrl("");
-			setOriginCoverUrl("");
-			setVideoDuration(0);
-			setVideoSize(0);
-			setResolution("");
-			setCoverImageResolution("");
-		}
-		if (materialList.length >= MAX_MATERIAL_COUNT) {
-			toast.error(t("pageClient.maxMaterialCount"));
-			return;
-		}
-		const result = await selectFile("material", { maxMaterialCount: MAX_MATERIAL_COUNT - materialList.length });
-		if (!result || result.type !== "material") return;
-		if (result.errors.length > 0) toast.error(result.errors.length === 1 ? result.errors[0] : t("pageClient.uploadFailedCount", { count: result.errors.length }));
-		if (result.items.length > 0) setMaterialList((prev) => [...prev, ...result.items].slice(0, MAX_MATERIAL_COUNT));
-	}, [
-		confirmTypeSwitch,
-		materialList.length,
-		selectFile,
-		setCoverImageResolution,
-		setCoverUrl,
-		setOriginCoverUrl,
-		setMaterialList,
-		setResolution,
-		setVideoDuration,
-		setVideoSize,
-		setVideoUrl,
-		t,
-		videoUrl
-	]);
-	const handleSelectVideo = useCallback(async () => {
-		if (materialList.length > 0) {
-			if (!await confirmTypeSwitch(t("pageClient.switchToVideoConfirm"))) return;
-			setMaterialList([]);
-		}
-		const result = await selectFile("video");
-		if (!result || result.type !== "video") return;
-		setVideoUrl(result.videoUrl);
-		setCoverUrl(result.coverUrl);
-		setOriginCoverUrl(result.coverUrl);
-		setResolution(result.resolution);
-		setCoverImageResolution(result.coverImageResolution);
-		setVideoDuration(result.videoDuration);
-		setVideoSize(result.videoSize);
-	}, [
-		confirmTypeSwitch,
-		materialList.length,
-		selectFile,
-		setCoverImageResolution,
-		setCoverUrl,
-		setOriginCoverUrl,
-		setMaterialList,
-		setResolution,
-		setVideoDuration,
-		setVideoSize,
-		setVideoUrl,
-		t
-	]);
-	/**
-	* 联系人弹窗开关回调。
-	*/
-	function handleContactDialogChange(next) {
-		setVisibleContact(next);
-	}
-	/**
-	* 关闭联系人弹窗。
-	*/
-	function handleCloseContact() {
-		setVisibleContact(false);
-	}
-	const isEmpty = useMemo(() => {
-		return (content.trim() === "" || content.trim() === "<br>") && materialList.length === 0 && !videoUrl;
-	}, [
-		content,
-		materialList.length,
-		videoUrl
-	]);
-	const mediaPreview = useMediaPreview();
-	const _handlePreview = useCallback(() => {
-		mediaPreview.open(materialList.map((item) => ({
-			src: item.media_url,
-			type: item.is_video ? "video" : "image",
-			cover: item.cover_image
-		})));
-	}, [materialList, mediaPreview]);
-	const _handleMaterialDelete = useCallback((index) => {
-		setMaterialList((prev) => prev.filter((_, i) => i !== index));
-	}, [setMaterialList]);
-	const _handleVideoDelete = useCallback(() => {
-		setVideoUrl("");
-		setCoverUrl("");
-		setOriginCoverUrl("");
-		setVideoDuration(0);
-		setVideoSize(0);
-		setResolution("");
-		setCoverImageResolution("");
-	}, [
-		setCoverUrl,
-		setOriginCoverUrl,
-		setCoverImageResolution,
-		setResolution,
-		setVideoDuration,
-		setVideoSize,
-		setVideoUrl
-	]);
-	const handleCoverClick = useCallback(async () => {
-		const result = await selectFile("cover");
-		if (!result || result.type !== "cover") return;
-		setCoverUrl(result.coverUrl);
-		setCoverImageResolution(result.coverImageResolution);
-	}, [
-		selectFile,
-		setCoverImageResolution,
-		setCoverUrl
-	]);
-	const handleContactSelect = useCallback((contact) => {
-		setVisibleContact(false);
-		setAtUsers((prev) => [...prev, contact]);
-		editorRef.current?.restoreSelection();
-		const html = `${getAtUserElement(contact)}&nbsp;`;
-		editorRef.current?.insertHtml(html);
-	}, [setAtUsers]);
-	const handleAtUserClick = useCallback(() => {
-		editorRef.current?.saveSelection();
-		setVisibleContact(true);
-	}, []);
-	const publish = async () => {
-		if (isLoading) return;
-		setIsLoading(true);
-		try {
-			if (isEmpty) {
-				toast.error(t("pageClient.editContentFirst"));
-				return;
-			}
-			let result = content;
-			result = result.replace(/<br>/g, "");
-			if (!result && materialList.length === 0 && !videoUrl) {
-				toast.error(t("pageClient.editContentFirst"));
-				return;
-			}
-			const filteredAtUsers = filterAtUserNames(result, atUsers);
-			const params = {
-				content: result,
-				mentioned_users: filteredAtUsers,
-				collection_ids: activeCollection === "0" ? [] : [activeCollection]
-			};
-			if (materialList.length > 0) {
-				params.medias = materialList.map((item) => {
-					delete item.index;
-					return item;
-				});
-				params.type = 1;
-			} else if (videoUrl) {
-				params.medias = [{
-					media_url: videoUrl,
-					is_video: true,
-					cover_image: coverUrl,
-					video_resolution: resolution,
-					cover_image_resolution: coverImageResolution,
-					video_duration: videoDuration,
-					video_size: videoSize
-				}];
-				params.type = 2;
-			} else params.type = 3;
-			await pCommunityPublishContent(params);
-			toast.success(t("pageClient.publishSuccess"));
-			setMaterialList([]);
-			setVideoUrl("");
-			setCoverUrl("");
-			setOriginCoverUrl("");
-			setVideoDuration(0);
-			setVideoSize(0);
-			setResolution("");
-			setCoverImageResolution("");
-			setContent("");
-			setAtUsers([]);
-			setActiveCollection("0");
-			router.back();
-		} catch (error) {
-			console.error(error);
-			toast.error(t("pageClient.publishFailed"));
-		} finally {
-			setIsLoading(false);
-		}
-	};
-	return /* @__PURE__ */ jsxs(Box, {
-		className: cn("relative min-h-screen max-w-full bg-bg2 overflow-hidden flex flex-col", className),
-		children: [
-			/* @__PURE__ */ jsx(PublishHeader, {
-				onPublish: publish,
-				isEmpty
-			}),
-			/* @__PURE__ */ jsx(PublishEditor, {
-				ref: editorRef,
-				content,
-				onContentChange: setContent,
-				atUsers,
-				onAtUsersChange: setAtUsers
-			}),
-			uploadProgress && /* @__PURE__ */ jsx(UploadProgress, {
-				currentFiles: uploadProgress.currentFiles,
-				totalFiles: uploadProgress.totalFiles,
-				currentTasks: uploadProgress.currentTasks,
-				totalTasks: uploadProgress.totalTasks
-			}),
-			(materialList.length > 0 || videoUrl) && /* @__PURE__ */ jsx(MaterialGrid, {
-				materialList,
-				videoUrl,
-				videoDuration,
-				coverUrl,
-				originCoverUrl,
-				isKeyboardOpen,
-				onMaterialDelete: _handleMaterialDelete,
-				onVideoDelete: _handleVideoDelete,
-				onMaterialAdd: handleSelectMaterial,
-				onCoverClick: handleCoverClick,
-				onPreview: _handlePreview
-			}),
-			/* @__PURE__ */ jsx(Toolbar, {
-				isKeyboardOpen,
-				onMaterialClick: () => void handleSelectMaterial(),
-				onVideoClick: () => void handleSelectVideo(),
-				onAtUserClick: handleAtUserClick
-			}),
-			/* @__PURE__ */ jsx(Collection, {
-				active: activeCollection,
-				setActive: setActiveCollection
-			}),
-			/* @__PURE__ */ jsx(AlertDialog, {
-				open: typeSwitchDialogOpen,
-				onOpenChange: (next) => {
-					setTypeSwitchDialogOpen(next);
-					if (!next) {
-						typeSwitchResolveRef.current?.(false);
-						typeSwitchResolveRef.current = null;
-					}
-				},
-				children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("pageClient.title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: typeSwitchMessage })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
-					onClick: () => {
-						setTypeSwitchDialogOpen(false);
-						typeSwitchResolveRef.current?.(false);
-						typeSwitchResolveRef.current = null;
-					},
-					children: t("pageClient.cancel")
-				}), /* @__PURE__ */ jsx(AlertDialogAction, {
-					onClick: () => {
-						setTypeSwitchDialogOpen(false);
-						typeSwitchResolveRef.current?.(true);
-						typeSwitchResolveRef.current = null;
-					},
-					children: t("pageClient.resume")
-				})] })] })
-			}),
-			/* @__PURE__ */ jsx(Popup, {
-				open: visibleContact,
-				onOpenChange: handleContactDialogChange,
-				showCloseButton: false,
-				className: "w-full rounded-[8px] bg-bg2",
-				children: /* @__PURE__ */ jsx(ContactList, {
-					onSelect: handleContactSelect,
-					onClose: handleCloseContact
-				})
-			})
-		]
-	});
-}
-
-//#endregion
-export { PublishPageClient };
+"use client";import{getAtUserElement as e}from"../../../utils/common.mjs";import{cn as t}from"../../../utils/cn.mjs";import n from"../../../utils/event-bus.mjs";import{pCommunityPublishContent as r}from"../../../service/generated/client.mjs";import{useRouter as ee}from"../../../utils/use-compatible-router.mjs";import{AlertDialog as te,AlertDialogAction as ne,AlertDialogCancel as re,AlertDialogContent as i,AlertDialogDescription as ie,AlertDialogFooter as ae,AlertDialogHeader as oe,AlertDialogTitle as se}from"../../ui/alert-dialog.mjs";import{Box as ce}from"../../ui/box.mjs";import{useKeyboardOpen as a}from"../../../hooks/use-keyboard-open.mjs";import{eventKey as o}from"../../../constants/event-key.mjs";import{useMediaPreview as s}from"../../common/media-preview/index.mjs";import c from"../../ui/popup.mjs";import{UploadProgress as l}from"./components/upload-progress.mjs";import{ContactList as u}from"../../biz/business/contact/contact-list.mjs";import{Collection as le}from"./components/collection.mjs";import{MAX_MATERIAL_COUNT as d}from"./constants.mjs";import{filterAtUserNames as ue}from"./utils/publish-utils.mjs";import{PublishEditor as de}from"./components/editor.mjs";import{PublishHeader as f}from"./components/header.mjs";import{MaterialGrid as fe}from"./components/material-grid.mjs";import{Toolbar as pe}from"./components/toolbar.mjs";import{useFileUpload as me}from"./hooks/use-file-upload.mjs";import{toast as p}from"sonner";import{useCallback as m,useEffect as he,useMemo as ge,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";function b({className:b}={}){let x=y(`components.pages.publish`),_e=ee(),S=h(null),[ve,C]=g(!1),[w,T]=g(`0`),{isOpen:E}=a(),[D,O]=g(null),[k,A]=g([]),[j,M]=g(``),[N,P]=g(``),[F,I]=g(``),[L,R]=g(0),[ye,z]=g(``),[be,B]=g(``),[xe,V]=g(0),[H,U]=g(``),[W,G]=g([]),[Se,K]=g(!1),[Ce,q]=g(!1),[we,Te]=g(``),J=h(null);he(()=>()=>{n.emit(o.WAIT_LOADING_SHOW,{show:!1})},[]);let Y=m(e=>(Te(e),q(!0),new Promise(e=>{J.current=e})),[]),{selectFile:X}=me({onProgressUpdate:(e,t,n,r)=>{O(r>0?{currentFiles:e,totalFiles:t,currentTasks:n,totalTasks:r}:null)}}),Z=m(async()=>{if(j){if(!await Y(x(`pageClient.switchToPostConfirm`)))return;M(``),P(``),I(``),R(0),V(0),z(``),B(``)}if(k.length>=d){p.error(x(`pageClient.maxMaterialCount`));return}let e=await X(`material`,{maxMaterialCount:d-k.length});!e||e.type!==`material`||(e.errors.length>0&&p.error(e.errors.length===1?e.errors[0]:x(`pageClient.uploadFailedCount`,{count:e.errors.length})),e.items.length>0&&A(t=>[...t,...e.items].slice(0,d)))},[Y,k.length,X,B,P,I,A,z,R,V,M,x,j]),Ee=m(async()=>{if(k.length>0){if(!await Y(x(`pageClient.switchToVideoConfirm`)))return;A([])}let e=await X(`video`);!e||e.type!==`video`||(M(e.videoUrl),P(e.coverUrl),I(e.coverUrl),z(e.resolution),B(e.coverImageResolution),R(e.videoDuration),V(e.videoSize))},[Y,k.length,X,B,P,I,A,z,R,V,M,x]);function De(e){C(e)}function Oe(){C(!1)}let Q=ge(()=>(H.trim()===``||H.trim()===`<br>`)&&k.length===0&&!j,[H,k.length,j]),$=s(),ke=m(()=>{$.open(k.map(e=>({src:e.media_url,type:e.is_video?`video`:`image`,cover:e.cover_image})))},[k,$]),Ae=m(e=>{A(t=>t.filter((t,n)=>n!==e))},[A]),je=m(()=>{M(``),P(``),I(``),R(0),V(0),z(``),B(``)},[P,I,B,z,R,V,M]),Me=m(async()=>{let e=await X(`cover`);!e||e.type!==`cover`||(P(e.coverUrl),B(e.coverImageResolution))},[X,B,P]),Ne=m(t=>{C(!1),G(e=>[...e,t]),S.current?.restoreSelection();let n=`${e(t)}&nbsp;`;S.current?.insertHtml(n)},[G]),Pe=m(()=>{S.current?.saveSelection(),C(!0)},[]);return v(ce,{className:t(`relative min-h-screen max-w-full bg-bg2 overflow-hidden flex flex-col`,b),children:[_(f,{onPublish:async()=>{if(!Se){K(!0);try{if(Q){p.error(x(`pageClient.editContentFirst`));return}let e=H;if(e=e.replace(/<br>/g,``),!e&&k.length===0&&!j){p.error(x(`pageClient.editContentFirst`));return}let t=ue(e,W),n={content:e,mentioned_users:t,collection_ids:w===`0`?[]:[w]};k.length>0?(n.medias=k.map(e=>(delete e.index,e)),n.type=1):j?(n.medias=[{media_url:j,is_video:!0,cover_image:N,video_resolution:ye,cover_image_resolution:be,video_duration:L,video_size:xe}],n.type=2):n.type=3,await r(n),p.success(x(`pageClient.publishSuccess`)),A([]),M(``),P(``),I(``),R(0),V(0),z(``),B(``),U(``),G([]),T(`0`),_e.back()}catch(e){console.error(e),p.error(x(`pageClient.publishFailed`))}finally{K(!1)}}},isEmpty:Q}),_(de,{ref:S,content:H,onContentChange:U,atUsers:W,onAtUsersChange:G}),D&&_(l,{currentFiles:D.currentFiles,totalFiles:D.totalFiles,currentTasks:D.currentTasks,totalTasks:D.totalTasks}),(k.length>0||j)&&_(fe,{materialList:k,videoUrl:j,videoDuration:L,coverUrl:N,originCoverUrl:F,isKeyboardOpen:E,onMaterialDelete:Ae,onVideoDelete:je,onMaterialAdd:Z,onCoverClick:Me,onPreview:ke}),_(pe,{isKeyboardOpen:E,onMaterialClick:()=>void Z(),onVideoClick:()=>void Ee(),onAtUserClick:Pe}),_(le,{active:w,setActive:T}),_(te,{open:Ce,onOpenChange:e=>{q(e),e||(J.current?.(!1),J.current=null)},children:v(i,{children:[v(oe,{children:[_(se,{children:x(`pageClient.title`)}),_(ie,{children:we})]}),v(ae,{children:[_(re,{onClick:()=>{q(!1),J.current?.(!1),J.current=null},children:x(`pageClient.cancel`)}),_(ne,{onClick:()=>{q(!1),J.current?.(!0),J.current=null},children:x(`pageClient.resume`)})]})]})}),_(c,{open:ve,onOpenChange:De,showCloseButton:!1,className:`w-full rounded-[8px] bg-bg2`,children:_(u,{onSelect:Ne,onClose:Oe})})]})}export{b as PublishPageClient};

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

@@ -1,12 +1,2 @@
 
-import { AuthGuard } from "../login/auth-guard.mjs";
-import { PublishPageClient } from "./page-client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/pages/publish/page.tsx
-function PublishPage() {
-	return /* @__PURE__ */ jsx(AuthGuard, { children: /* @__PURE__ */ jsx(PublishPageClient, {}) });
-}
-
-//#endregion
-export { PublishPage as default };
+import{AuthGuard as e}from"../login/auth-guard.mjs";import{PublishPageClient as t}from"./page-client.mjs";import{jsx as n}from"react/jsx-runtime";function r(){return n(e,{children:n(t,{})})}export{r as default};