Improve code splitting

This commit is contained in:
2025-09-24 15:18:30 +03:00
Unverified
parent 9dc534736d
commit f98b91ea3c
4 changed files with 17 additions and 54 deletions
+5 -4
View File
@@ -3,7 +3,6 @@ import type { Message as MessageType } from "../../../core/types";
import defaultAvatar from "../../../resources/images/default-avatar.png";
import Quote from "../core/Quote";
import { parse } from "marked";
import DOMPurify from "dompurify";
import { useEffect, useState } from "react";
interface MessageProps {
@@ -16,13 +15,15 @@ interface MessageProps {
}
export function Message({ message, isAuthor, onProfileClick, onContextMenu, isLoadingProfile = false, isDm = false }: MessageProps) {
const [formattedMessage, setFormattedMessage] = useState({ __html: DOMPurify.sanitize(message.content).trim() });
const [formattedMessage, setFormattedMessage] = useState({ __html: "" });
useEffect(() => {
(async () => {
const DOMPurify = await import("dompurify");
setFormattedMessage({
__html: DOMPurify.sanitize(
await parse(message.content)
__html: DOMPurify.default.sanitize(
await parse(message.content.trim())
).trim()
});
})();