transcriptify 1.0.0

package/dist/src/web/discord-components/PinnedMessagesModal.js

@@ -0,0 +1,119 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PinnedMessagesModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const AudioPlayer_1 = __importDefault(require("./AudioPlayer"));
+const Embed_1 = __importDefault(require("./Embed"));
+const ChevronDownIcon_1 = __importDefault(require("./icons/ChevronDownIcon"));
+const CloseIcon_1 = __importDefault(require("./icons/CloseIcon"));
+const PinIcon_1 = __importDefault(require("./icons/PinIcon"));
+const VerifiedIcon_1 = __importDefault(require("./icons/VerifiedIcon"));
+const FileCodeIcon_1 = __importDefault(require("./icons/FileCodeIcon"));
+const FileDocumentIcon_1 = __importDefault(require("./icons/FileDocumentIcon"));
+const StickerPreview_1 = __importDefault(require("./StickerPreview"));
+const date_1 = require("./utils/date");
+const cdnHelpers_1 = require("../helpers/cdnHelpers");
+function PinnedMessagesModal({ pinnedMessages, onClose, onMessageClick }) {
+    const handleMessageClick = (messageId) => {
+        onMessageClick(messageId);
+        onClose();
+    };
+    react_1.default.useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-start justify-end p-4 pt-16", onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { onClick: (e) => e.stopPropagation(), className: "bg-[#313338] rounded-lg shadow-xl w-full sm:w-[420px] max-h-[calc(100vh-32px)] overflow-hidden flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-3 px-4 py-3 border-b border-[#3F4147]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)(PinIcon_1.default, { className: "text-[#949BA4] flex-shrink-0", width: 20, height: 20 }), (0, jsx_runtime_1.jsx)("h2", { className: "text-base font-semibold text-[#DBDEE1] truncate", children: "Pinned Messages" })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Close pinned messages", className: "p-1.5 hover:bg-[#3d4148] rounded transition-colors flex-shrink-0", onClick: onClose, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { className: "text-[#DBDEE1]" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-y-auto", children: pinnedMessages.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center text-[#72767D] py-8 px-4", children: "No pinned messages" })) : ((0, jsx_runtime_1.jsx)("div", { className: "divide-y divide-[#404249]", children: pinnedMessages.map((msg) => ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 cursor-pointer hover:bg-[#2E3035] transition-colors group relative", onClick: () => handleMessageClick(msg.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)("img", { src: msg.author.avatar, alt: msg.author.username, className: "w-10 h-10 rounded-full flex-shrink-0" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base font-semibold", style: { color: msg.author.color ?? "#F2F3F5" }, children: msg.author.username }), msg.author.guildTag && msg.author.guildTag.name ? ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-[#B9BBBE] bg-[#2F3136] px-1 py-0.5 rounded flex items-center gap-1", children: [msg.author.guildTag.iconUrl ? ((0, jsx_runtime_1.jsx)("img", { src: msg.author.guildTag.iconUrl, alt: msg.author.guildTag.name, className: "w-3 h-3 rounded-full object-cover" })) : null, (0, jsx_runtime_1.jsx)("span", { children: msg.author.guildTag.name })] })) : null, msg.author.bot && ((0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] bg-[#5865F2] text-white px-1.5 py-0.5 rounded font-medium flex-shrink-0 flex items-center gap-1", children: [msg.author.verified ? (0, jsx_runtime_1.jsx)(VerifiedIcon_1.default, { className: "w-3 h-3" }) : null, (0, jsx_runtime_1.jsx)("span", { children: "APP" })] })), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-[#949BA4]", children: msg.timestamp ? (0, date_1.formatTime)(msg.timestamp) : "" }), msg.editedAt ? (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-[#72767D]", children: "(edited)" }) : null] }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                                                e.stopPropagation();
+                                                handleMessageClick(msg.id);
+                                            }, className: "opacity-0 group-hover:opacity-100 transition-opacity bg-[#4E5058] hover:bg-[#5C5F69] text-white text-sm font-medium px-3 py-1.5 rounded flex-shrink-0", children: "Jump" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-[52px]", children: [typeof msg.content === "string" && msg.content && (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-[#DBDEE1] mb-2", children: msg.content }), msg.embeds && msg.embeds.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 space-y-2", children: msg.embeds.map((e, i) => ((0, jsx_runtime_1.jsx)(Embed_1.default, { ...(e || {}), resolvedUsers: msg.resolvedUsers, resolvedRoles: msg.resolvedRoles, interaction: msg.interaction }, i))) })), msg.stickers && msg.stickers.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: msg.stickers.map((st, i) => ((0, jsx_runtime_1.jsx)(StickerPreview_1.default, { st: st, size: 160, className: "max-h-40 max-w-[240px] rounded object-contain" }, i))) })), msg.attachments && msg.attachments.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex flex-col gap-2", children: msg.attachments.map((attachment, idx) => {
+                                                const url = typeof attachment === "string" ? attachment : attachment?.url;
+                                                const filename = attachment && typeof attachment !== "string" ? attachment.filename : undefined;
+                                                const size = attachment && typeof attachment !== "string" ? attachment.size : undefined;
+                                                const isImage = url && /\.(png|jpe?g|gif|webp|svg|bmp|avif)(\?|$)/i.test(url);
+                                                const isAudio = url && /\.(mp3|wav|flac|ogg|m4a|aac|opus)(\?|$)/i.test(url);
+                                                if (isImage) {
+                                                    return ((0, jsx_runtime_1.jsx)("img", { src: url, alt: "attachment", className: "max-h-60 max-w-full rounded object-contain" }, idx));
+                                                }
+                                                if (isAudio) {
+                                                    const extractedFilename = filename || (url ? url.split("/").pop()?.split("?")[0] : "audio");
+                                                    const filesize = size ? `${(size / 1024).toFixed(2)} KB` : "";
+                                                    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AudioPlayer_1.default, { url: url, filename: extractedFilename ?? "file", filesize: filesize }) }, idx));
+                                                }
+                                                const getAttachmentKind = (name) => {
+                                                    const target = (name || "").toLowerCase();
+                                                    if (/(\\.js|\\.ts|\\.tsx|\\.jsx|\\.json|\\.py|\\.java|\\.c|\\.cpp|\\.cs|\\.rb|\\.php|\\.go|\\.rs|\\.swift|\\.kt|\\.kts|\\.sh|\\.ps1|\\.bat|\\.sql|\\.html|\\.css|\\.scss|\\.sass)$/.test(target))
+                                                        return "code";
+                                                    return "document";
+                                                };
+                                                const getAttachmentIcon = (kind) => {
+                                                    switch (kind) {
+                                                        case "code":
+                                                            return FileCodeIcon_1.default;
+                                                        default:
+                                                            return FileDocumentIcon_1.default;
+                                                    }
+                                                };
+                                                const kind = getAttachmentKind(filename || url);
+                                                const Icon = getAttachmentIcon(kind);
+                                                const filesize = size ? `${(size / 1024).toFixed(2)} KB` : "";
+                                                const extractedFilename = filename || (url ? url.split("/").pop()?.split("?")[0] : "file");
+                                                return ((0, jsx_runtime_1.jsx)("div", { className: "group relative inline-block max-w-[432px]", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 bg-[#1e1f22] hover:bg-[#23252b] border border-[#111214] rounded-lg transition-colors", children: [(0, jsx_runtime_1.jsx)(Icon, { className: "h-10 w-8 flex-shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("a", { href: url, download: true, className: "text-[15px] font-medium text-[#00a8fc] truncate hover:underline block", children: extractedFilename }), filesize && (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-[#b5bac1] mt-1", children: filesize })] })] }) }, idx));
+                                            }) })), msg.buttons && msg.buttons.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex flex-wrap gap-2", children: msg.buttons.map((b, i) => {
+                                                const styleId = Number(b.style || 1);
+                                                let classes = "px-3 py-2 rounded text-sm transition-colors inline-flex items-center gap-2 justify-start";
+                                                let isLinkStyle = false;
+                                                switch (styleId) {
+                                                    case 1: // Primary
+                                                        classes += " bg-[#6652ec] hover:bg-[#5846d1] text-white";
+                                                        break;
+                                                    case 2: // Secondary
+                                                        classes += " bg-[#4E5058] hover:bg-[#5C5F69] text-white";
+                                                        break;
+                                                    case 3: // Success
+                                                        classes += " bg-[#57F287] hover:bg-[#45c767] text-black";
+                                                        break;
+                                                    case 4: // Danger
+                                                        classes += " bg-[#ED4245] hover:bg-[#C03537] text-white";
+                                                        break;
+                                                    case 5: // Link
+                                                        classes += " bg-[#4E5058] hover:bg-[#5C5F69] text-white";
+                                                        isLinkStyle = true;
+                                                        break;
+                                                    default:
+                                                        classes += " bg-[#4E5058] hover:bg-[#5C5F69] text-white";
+                                                }
+                                                const renderEmoji = () => {
+                                                    if (b.emojiUrl)
+                                                        return ((0, jsx_runtime_1.jsx)("img", { src: b.emojiUrl, alt: "emoji", className: "inline w-4 h-4 align-text-bottom flex-shrink-0" }));
+                                                    if (!b.emoji)
+                                                        return null;
+                                                    if (typeof b.emoji === "string")
+                                                        return (0, jsx_runtime_1.jsx)("span", { children: b.emoji });
+                                                    const em = b.emoji;
+                                                    if (em.id) {
+                                                        const animated = !!em.animated;
+                                                        const src = (0, cdnHelpers_1.buildEmojiCdnUrl)(String(em.id), animated, 96) || "";
+                                                        if (src) {
+                                                            return ((0, jsx_runtime_1.jsx)("img", { src: src, alt: em.name || "emoji", className: "inline w-4 h-4 align-text-bottom flex-shrink-0" }));
+                                                        }
+                                                    }
+                                                    return (0, jsx_runtime_1.jsx)("span", { children: em.name || "" });
+                                                };
+                                                if (isLinkStyle && b.url) {
+                                                    return ((0, jsx_runtime_1.jsxs)("a", { href: b.url, target: "_blank", rel: "noopener noreferrer", className: classes, children: [renderEmoji(), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate text-left", children: b.label })] }, `btn-${i}`));
+                                                }
+                                                return ((0, jsx_runtime_1.jsxs)("button", { className: classes, onClick: (ev) => {
+                                                        ev.preventDefault();
+                                                        if (b.url)
+                                                            window.open(b.url, "_blank");
+                                                    }, type: "button", children: [renderEmoji(), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate text-left", children: b.label })] }, `btn-${i}`));
+                                            }) })), msg.selects && msg.selects.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex flex-col gap-2", children: msg.selects.map((s, si) => ((0, jsx_runtime_1.jsx)("div", { className: "flex w-auto max-w-[432px] my-2 min-w-0", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1 rounded-md px-3 py-2 bg-[#2C2F33] border border-[#1e2124]", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-sm text-[#B5BAC1] cursor-default", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate", children: s.placeholder || "Select" }), (0, jsx_runtime_1.jsx)(ChevronDownIcon_1.default, { className: "ml-2 text-[#949BA4] w-4 h-4 flex-shrink-0" })] }) }) }, `select-${si}`))) }))] })] }, msg.id))) })) })] }) }));
+}

package/dist/src/web/discord-components/PinnedMessagesOverview.d.ts

@@ -0,0 +1,5 @@
+import type { MessageProps } from "../types/message";
+export default function PinnedMessagesOverview({ pinnedMessages, onPinnedMessageClick }: {
+    pinnedMessages: MessageProps[];
+    onPinnedMessageClick: (messageId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/PinnedMessagesOverview.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PinnedMessagesOverview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PinIcon_1 = __importDefault(require("./icons/PinIcon"));
+const StickerPreview_1 = __importDefault(require("./StickerPreview"));
+function PinnedMessagesOverview({ pinnedMessages, onPinnedMessageClick }) {
+    if (!pinnedMessages || pinnedMessages.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full border-b border-[#2C2F33] bg-[#1e2124] py-4 px-4 sm:px-6 sticky top-0 z-20", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)(PinIcon_1.default, { className: "text-[#949BA4]" }), (0, jsx_runtime_1.jsx)("h2", { className: "text-base font-semibold text-[#DBDEE1]", children: "Pinned Messages" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: pinnedMessages.map((msg) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-[#2C2F33] rounded-lg p-3 cursor-pointer hover:bg-[#35393F] transition-colors border border-[#404249]", onClick: () => onPinnedMessageClick(msg.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("img", { src: msg.author.avatar, alt: msg.author.username, className: "w-6 h-6 rounded-full" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 flex-wrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-semibold text-[#DBDEE1]", style: { color: msg.author.color ?? "#DBDEE1" }, children: msg.author.username }), msg.author.bot && (0, jsx_runtime_1.jsx)("span", { className: "text-xs bg-[#5865F2] text-white px-1.5 py-0.5 rounded", children: "APP" })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-[#B5BAC1] truncate", children: typeof msg.content === "string" ? msg.content.substring(0, 100) : "No content" }), msg.stickers && msg.stickers.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-[#72767D] mb-1", children: "Sticker" }), (0, jsx_runtime_1.jsx)(StickerPreview_1.default, { st: msg.stickers[0], size: 96, className: "w-24 h-24 rounded object-contain" })] })), msg.attachments && msg.attachments.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: msg.attachments.slice(0, 1).map((attachment, idx) => {
+                                const url = typeof attachment === "string" ? attachment : attachment?.url;
+                                const isImage = url && /\.(png|jpe?g|gif|webp|svg|bmp|avif)(\?|$)/i.test(url);
+                                if (isImage) {
+                                    return (0, jsx_runtime_1.jsx)("img", { src: url, alt: "attachment", className: "w-24 h-24 rounded object-cover" }, idx);
+                                }
+                                return null;
+                            }) }))] }, msg.id))) })] }));
+}

package/dist/src/web/discord-components/Reply.d.ts

@@ -0,0 +1,2 @@
+import type { ReplyProps } from "../types/props";
+export default function Reply({ replyTo, onReplyClick, defaultAvatar, resolvedUsers, resolvedRoles, resolvedChannels }: ReplyProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/Reply.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Reply;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const date_1 = require("./utils/date");
+const markdown_1 = require("./utils/markdown");
+function Reply({ replyTo, onReplyClick, defaultAvatar, resolvedUsers, resolvedRoles, resolvedChannels }) {
+    let previewSource = null;
+    let isAttachment = false;
+    if (replyTo?.embeds && Array.isArray(replyTo.embeds) && replyTo.embeds.length > 0) {
+        isAttachment = true;
+    }
+    else if (replyTo?.attachments && Array.isArray(replyTo.attachments) && replyTo.attachments.length > 0) {
+        isAttachment = true;
+    }
+    else if (replyTo?.stickers && Array.isArray(replyTo.stickers) && replyTo.stickers.length > 0) {
+        isAttachment = true;
+    }
+    else if (typeof replyTo?.preview === "string") {
+        previewSource = replyTo.preview;
+    }
+    else if (typeof replyTo?.content === "string") {
+        previewSource = replyTo.content;
+    }
+    const preview = isAttachment
+        ? "Click to see attachment"
+        : previewSource
+            ? (() => {
+                const raw = previewSource.length > 140 ? `${previewSource.slice(0, 137)}...` : previewSource;
+                return (0, markdown_1.parseMarkdown)(raw, resolvedUsers, resolvedRoles, resolvedChannels);
+            })()
+            : "Click to see attachment";
+    const timestamp = replyTo?.timestamp ? new Date(replyTo.timestamp) : null;
+    const shortTime = timestamp ? (0, date_1.formatDate)(timestamp) : "";
+    const handleKeyDown = (ev) => {
+        if (ev.key === "Enter" || ev.key === " ") {
+            ev.preventDefault();
+            onReplyClick(ev);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 pl-3 text-[13px] cursor-pointer group leading-tight text-[#b5bac1] mb-1", onClick: onReplyClick, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("img", { src: replyTo?.author?.avatar || defaultAvatar, alt: "", className: "w-4 h-4 rounded-full object-cover flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "font-semibold group-hover:underline flex-shrink-0 text-[#b5bac1] leading-snug", style: { color: "#b5bac1" }, children: replyTo?.author?.username || replyTo?.author?.name || replyTo?.authorName || "Unknown User" }), replyTo?.author?.guildTag?.name && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-0.5 bg-[#2b2d31] rounded px-1 py-0.5 text-[10px] font-medium flex-shrink-0", children: [replyTo?.author?.guildTag?.iconUrl && (0, jsx_runtime_1.jsx)("img", { src: replyTo.author.guildTag.iconUrl, alt: "", className: "w-3 h-3 rounded-sm" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[#b5bac1]", children: replyTo.author.guildTag.name })] })), replyTo?.author?.bot && ((0, jsx_runtime_1.jsxs)("span", { className: "text-[9px] text-white bg-[#5865F2] rounded px-1 py-0.5 leading-none font-medium flex-shrink-0 flex items-center gap-0.5", children: [replyTo?.author?.verified && ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", className: "w-2.5 h-2.5", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", fillRule: "evenodd", d: "M19.06 6.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 0 1 2.12-2.12L10 13.88l6.94-6.94a1.5 1.5 0 0 1 2.12 0Z", clipRule: "evenodd" }) })), (0, jsx_runtime_1.jsx)("span", { children: "APP" })] })), timestamp && (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] text-[#949ba4] flex-shrink-0", children: shortTime }), (replyTo?.editedAt || replyTo?.edited) && (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-[#949ba4] flex-shrink-0", children: "(edited)" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[#b5b6b8] truncate whitespace-nowrap italic", children: [preview, isAttachment ? " 🖼️" : ""] })] }) }));
+}

package/dist/src/web/discord-components/StickerPreview.d.ts

@@ -0,0 +1,6 @@
+export default function StickerPreview({ st, size, className, alt }: {
+    st: any;
+    size?: number;
+    className?: string;
+    alt?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/StickerPreview.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StickerPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const cdnHelpers_1 = require("../helpers/cdnHelpers");
+function StickerPreview({ st, size = 160, className = "", alt }) {
+    const id = String(st?.id || st?.sticker_id || st?.assetId || "") || "";
+    const initial = st?.url || (id ? (0, cdnHelpers_1.buildStickerCdnUrl)(id, size) : undefined);
+    const [url, setUrl] = react_1.default.useState(initial);
+    react_1.default.useEffect(() => {
+        let cancelled = false;
+        async function loadMapping() {
+            const win = window;
+            if (win.__stickerMap) {
+                const mapped = win.__stickerMap[id];
+                if (mapped && mapped !== url && !cancelled)
+                    setUrl(mapped);
+                return;
+            }
+            const DEFAULT_STICKER_MAP = {
+                "751606379340365864": "/system/wave.gif"
+            };
+            win.__stickerMap = win.__stickerMap || DEFAULT_STICKER_MAP;
+            const mapped = win.__stickerMap[id];
+            if (mapped && mapped !== url && !cancelled)
+                setUrl(mapped);
+        }
+        loadMapping();
+        return () => {
+            cancelled = true;
+        };
+    }, [id]);
+    if (!url)
+        return null;
+    return (0, jsx_runtime_1.jsx)("img", { src: url, alt: alt || st?.name || "sticker", className: className });
+}

package/dist/src/web/discord-components/ThemeSwitcher.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeSwitcherProps } from "../types/props";
+export default function ThemeSwitcher({ currentTheme, onThemeChange }: ThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/ThemeSwitcher.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ThemeSwitcher;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themeColors_1 = require("./themeColors");
+const colorThemes = [
+    "mint_apple",
+    "citrus_sherbert",
+    "retro_raincloud",
+    "hanami",
+    "sunrise",
+    "cotton_candy",
+    "lofi_vibes",
+    "desert_khaki",
+    "sunset",
+    "chroma_glow",
+    "forest",
+    "crimson_moon",
+    "midnight_blurple",
+    "mars",
+    "dusk",
+    "under_the_sea",
+    "retro_storm",
+    "neon_nights",
+    "strawberry_lemonade",
+    "aurora",
+    "sepia",
+    "blurple_twilight"
+];
+function prettyName(s) {
+    return s
+        .replace(/_/g, " ")
+        .split(" ")
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(" ");
+}
+function ThemeSwitcher({ currentTheme, onThemeChange }) {
+    const defaultThemes = ["light", "ash", "dark", "onyx", "system"];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-start justify-between", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-semibold text-white mb-0.5", children: "Theme" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-[#b5bac1]", children: "Adjust the color of the interface for better visibility." })] }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-semibold text-[#b5bac1] uppercase mb-3", children: "Default Themes" }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-4 flex-wrap", children: defaultThemes.map((theme) => {
+                            const isSelected = currentTheme === theme;
+                            const isSystem = theme === "system";
+                            return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => onThemeChange(theme), role: "radio", "aria-label": `Select ${theme} theme`, "aria-checked": isSelected, className: isSelected
+                                    ? `relative group w-12 h-12 rounded-lg ring-2 ring-offset-1 ring-[#5865f2] transition-all`
+                                    : `relative group w-12 h-12 rounded-lg border-2 transition-all border-[#4e5058] hover:border-[#6d70d8]`, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -top-9 left-1/2 transform -translate-x-1/2 hidden group-hover:flex items-center justify-center bg-[#0b0b0c] text-white text-xs px-2 py-1 rounded-md shadow z-50 whitespace-nowrap", children: prettyName(theme) }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-full rounded-md overflow-hidden", children: isSystem ? ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full bg-gradient-to-br from-[#ffffff] to-[#070709] flex items-center justify-center", children: (0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "text-[#5865f2]", children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2L2 7L12 12L22 7L12 2Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 17L12 22L22 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 12L12 17L22 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full", style: {
+                                                backgroundColor: theme === "light" ? "#ffffff" : theme === "ash" ? "#36393f" : "#070709"
+                                            } })) })] }, theme));
+                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-semibold text-[#b5bac1] uppercase mb-3", children: "Color Themes" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-4", children: colorThemes.map((theme) => {
+                            const preview = themeColors_1.colorThemePreviews[theme];
+                            const isSelected = currentTheme === theme;
+                            return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => onThemeChange(theme), role: "radio", "aria-label": `Select ${prettyName(theme)} theme`, "aria-checked": isSelected, className: isSelected
+                                    ? `relative group w-14 h-14 rounded-lg ring-2 ring-offset-1 ring-[#5865f2] transition-all`
+                                    : `relative group w-14 h-14 rounded-lg border-2 transition-all border-[#4e5058] hover:border-[#6d70d8]`, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -top-9 left-1/2 transform -translate-x-1/2 hidden group-hover:flex items-center justify-center bg-[#0b0b0c] text-white text-xs px-2 py-1 rounded-md shadow z-50 whitespace-nowrap", children: prettyName(theme) }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-full rounded-md overflow-hidden", children: preview.gradient && (0, jsx_runtime_1.jsx)("div", { className: "w-full h-full", style: { background: preview.gradient } }) })] }, theme));
+                        }) })] })] }));
+}

package/dist/src/web/discord-components/Transcript.d.ts

@@ -0,0 +1,2 @@
+import type { TranscriptProps } from "../types/props";
+export default function Transcript(props: TranscriptProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/Transcript.js

@@ -0,0 +1,174 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Transcript;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const DateSeperator_1 = __importDefault(require("./DateSeperator"));
+const PinIcon_1 = __importDefault(require("./icons/PinIcon"));
+const Message_1 = __importDefault(require("./Message"));
+const PinnedMessagesModal_1 = __importDefault(require("./PinnedMessagesModal"));
+const ThemeSwitcher_1 = __importDefault(require("./ThemeSwitcher"));
+const themeColors_1 = require("./themeColors");
+const transcriptHelpers_1 = require("./transcriptHelpers");
+const date_1 = require("./utils/date");
+function Transcript(props) {
+    const { channel = { name: "transcript" }, className = "" } = props;
+    const hasSSRData = Array.isArray(props.messages) && props.messages.length > 0;
+    const [resolvedUsers, setResolvedUsers] = (0, react_1.useState)(() => props.resolvedUsers || {});
+    const [resolvedRoles, setResolvedRoles] = (0, react_1.useState)(() => props.resolvedRoles || {});
+    const [resolvedChannels, setResolvedChannels] = (0, react_1.useState)(() => props.resolvedChannels || {});
+    const [localMessages, setLocalMessages] = (0, react_1.useState)(() => {
+        if (!hasSSRData || !props.messages)
+            return [];
+        const users = props.resolvedUsers || {};
+        const roles = props.resolvedRoles || {};
+        const rawMessages = props.messages;
+        const byOriginal = new Map();
+        const msgs = rawMessages.map((m) => {
+            const mapped = (0, transcriptHelpers_1.mapMessage)(m, new Map(), users, roles);
+            byOriginal.set(String(m.id), mapped);
+            return m;
+        });
+        return msgs.map((m) => (0, transcriptHelpers_1.mapMessage)(m, byOriginal, users, roles));
+    });
+    const [pinnedMessages, setPinnedMessages] = (0, react_1.useState)(() => {
+        if (!hasSSRData || !props.messages)
+            return [];
+        const users = props.resolvedUsers || {};
+        const roles = props.resolvedRoles || {};
+        const rawMessages = props.messages;
+        const byOriginal = new Map();
+        const msgs = rawMessages.map((m) => {
+            const mapped = (0, transcriptHelpers_1.mapMessage)(m, new Map(), users, roles);
+            byOriginal.set(String(m.id), mapped);
+            return m;
+        });
+        const resolved = msgs.map((m) => (0, transcriptHelpers_1.mapMessage)(m, byOriginal, users, roles));
+        return resolved.filter((m) => m.pinned === true);
+    });
+    const [guildName, setGuildName] = (0, react_1.useState)("");
+    const [exportedAt, setExportedAt] = (0, react_1.useState)(() => (typeof props.exportedAt === "string" ? props.exportedAt : ""));
+    const [channelName, setChannelName] = (0, react_1.useState)(channel.name);
+    const [channelTopic, setChannelTopic] = (0, react_1.useState)(channel.topic);
+    const [themeChoice, setThemeChoice] = (0, react_1.useState)(() => props.theme ?? "onyx");
+    const [isSettingsOpen, setIsSettingsOpen] = (0, react_1.useState)(false);
+    const [isPinnedModalOpen, setIsPinnedModalOpen] = (0, react_1.useState)(false);
+    const systemPrefersDark = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const colors = (0, themeColors_1.getThemeColors)(themeChoice, systemPrefersDark);
+    const themeGradient = (0, themeColors_1.getThemeGradient)(themeChoice);
+    (0, react_1.useEffect)(() => {
+        if (hasSSRData)
+            return;
+        (async () => {
+            const res = await fetch("export.json");
+            const data = await res.json();
+            const users = data.resolvedUsers || {};
+            const roles = data.resolvedRoles || {};
+            const channels = data.resolvedChannels || {};
+            setResolvedUsers((prev) => Object.assign({}, users, prev || {}));
+            setResolvedRoles((prev) => Object.assign({}, roles, prev || {}));
+            setResolvedChannels((prev) => Object.assign({}, channels, prev || {}));
+            const byOriginal = new Map();
+            const msgs = (data.messages || []).map((m) => {
+                const mapped = (0, transcriptHelpers_1.mapMessage)(m, new Map(), users, roles);
+                byOriginal.set(String(m.id), mapped);
+                return m;
+            });
+            const resolved = msgs.map((m) => (0, transcriptHelpers_1.mapMessage)(m, byOriginal, users, roles));
+            const pinned = resolved.filter((m) => m.pinned === true);
+            setLocalMessages(resolved);
+            setPinnedMessages(pinned);
+            setGuildName(data.guild?.name || "");
+            setExportedAt(data.exportedAt || new Date().toISOString());
+            setChannelName(data.meta?.channelName || channel.name);
+            setChannelTopic(data.meta?.channelTopic || channel.topic);
+        })();
+    }, [hasSSRData, channel.name, channel.topic]);
+    react_1.default.useEffect(() => {
+        if (!isSettingsOpen && !isPinnedModalOpen)
+            return;
+        const onKey = (e) => {
+            if (e.key === "Escape") {
+                setIsSettingsOpen(false);
+                setIsPinnedModalOpen(false);
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [isSettingsOpen, isPinnedModalOpen]);
+    const handlePinnedMessageClick = (messageId) => {
+        setIsPinnedModalOpen(false);
+        const el = document.getElementById(messageId);
+        if (el) {
+            document.querySelectorAll(".message-highlight").forEach((e) => e.classList.remove("message-highlight"));
+            el.classList.add("message-highlight");
+            el.scrollIntoView({ behavior: "smooth", block: "center" });
+            setTimeout(() => {
+                el?.classList.remove("message-highlight");
+            }, 2000);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 -z-10", style: {
+                    background: themeGradient || colors.bg,
+                    transition: "background 0.3s ease"
+                } }), (0, jsx_runtime_1.jsxs)("div", { className: `font-sans min-h-screen flex flex-col relative ${className}`, style: {
+                    color: colors.text,
+                    transition: "color 0.3s ease"
+                }, children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b py-3 px-6 sticky top-0 z-40 backdrop-blur-sm", style: { backgroundColor: colors.header, borderColor: colors.border }, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-full flex justify-between items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base", style: { color: colors.accent }, children: "#" }), (0, jsx_runtime_1.jsx)("h1", { className: "text-base font-semibold truncate", style: { color: colors.text, maxWidth: "60vw" }, children: channelName })] }), channelTopic && ((0, jsx_runtime_1.jsxs)("span", { className: "text-base opacity-70 hidden sm:inline", style: { color: colors.subtext }, children: ["\u2014 ", channelTopic] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [exportedAt && ((0, jsx_runtime_1.jsxs)("span", { className: "text-base hidden md:inline", style: { color: colors.subtext }, children: ["Exported: ", (0, date_1.formatDate)(exportedAt)] })), (0, jsx_runtime_1.jsxs)("span", { className: "text-base hidden md:inline ml-4", style: { color: colors.subtext }, children: ["Messages: ", localMessages.length] }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Open pinned messages", className: "p-1.5 sm:p-2 rounded hover:opacity-80 border transition-opacity bg-transparent", style: { borderColor: colors.border, color: colors.text }, onClick: () => setIsPinnedModalOpen(true), children: (0, jsx_runtime_1.jsx)(PinIcon_1.default, { width: 20, height: 20 }) }), props.allowThemeSwitching !== false && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Open settings", className: "p-1.5 sm:p-2 rounded hover:opacity-80 border transition-opacity bg-transparent", style: { borderColor: colors.border, color: colors.text }, onClick: () => setIsSettingsOpen(true), children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 24 24", width: "20", height: "20", preserveAspectRatio: "xMidYMid meet", children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("clipPath", { id: "__lottie_element_97", children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", x: "0", y: "0" }) }), (0, jsx_runtime_1.jsx)("clipPath", { id: "__lottie_element_99", children: (0, jsx_runtime_1.jsx)("path", { d: "M0,0 L600,0 L600,600 L0,600z" }) })] }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#__lottie_element_97)", children: (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#__lottie_element_99)", transform: "matrix(0.04,0,0,0.04,0,0)", opacity: "1", children: (0, jsx_runtime_1.jsx)("g", { transform: "matrix(25,0,0,25,300,300)", opacity: "1", children: (0, jsx_runtime_1.jsx)("g", { opacity: "1", transform: "matrix(1,0,0,1,0,0)", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillOpacity: "1", d: " M-1.4420000314712524,-10.906000137329102 C-1.8949999809265137,-10.847000122070312 -2.1470000743865967,-10.375 -2.078000068664551,-9.92300033569336 C-1.899999976158142,-8.756999969482422 -2.265000104904175,-7.7210001945495605 -3.061000108718872,-7.390999794006348 C-3.8570001125335693,-7.060999870300293 -4.8480000495910645,-7.534999847412109 -5.546000003814697,-8.484999656677246 C-5.816999912261963,-8.852999687194824 -6.329999923706055,-9.008999824523926 -6.691999912261963,-8.730999946594238 C-7.458000183105469,-8.142999649047852 -8.142999649047852,-7.458000183105469 -8.730999946594238,-6.691999912261963 C-9.008999824523926,-6.329999923706055 -8.852999687194824,-5.816999912261963 -8.484999656677246,-5.546000003814697 C-7.534999847412109,-4.8480000495910645 -7.060999870300293,-3.8570001125335693 -7.390999794006348,-3.061000108718872 C-7.7210001945495605,-2.265000104904175 -8.756999969482422,-1.899999976158142 -9.92300033569336,-2.078000068664551 C-10.375,-2.1470000743865967 -10.847000122070312,-1.8949999809265137 -10.906000137329102,-1.4420000314712524 C-10.968000411987305,-0.9700000286102295 -11,-0.48899999260902405 -11,0 C-11,0.48899999260902405 -10.968000411987305,0.9700000286102295 -10.906000137329102,1.4420000314712524 C-10.847000122070312,1.8949999809265137 -10.375,2.1470000743865967 -9.92300033569336,2.078000068664551 C-8.756999969482422,1.899999976158142 -7.7210001945495605,2.265000104904175 -7.390999794006348,3.061000108718872 C-7.060999870300293,3.8570001125335693 -7.534999847412109,4.8470001220703125 -8.484999656677246,5.546000003814697 C-8.852999687194824,5.816999912261963 -9.008999824523926,6.328999996185303 -8.730999946594238,6.691999912261963 C-8.142999649047852,7.458000183105469 -7.458000183105469,8.142999649047852 -6.691999912261963,8.730999946594238 C-6.329999923706055,9.008999824523926 -5.816999912261963,8.852999687194824 -5.546000003814697,8.484999656677246 C-4.8480000495910645,7.534999847412109 -3.8570001125335693,7.060999870300293 -3.061000108718872,7.390999794006348 C-2.265000104904175,7.7210001945495605 -1.899999976158142,8.756999969482422 -2.078000068664551,9.92300033569336 C-2.1470000743865967,10.375 -1.8949999809265137,10.847000122070312 -1.4420000314712524,10.906000137329102 C-0.9700000286102295,10.968000411987305 -0.48899999260902405,11 0,11 C0.48899999260902405,11 0.9700000286102295,10.968000411987305 1.4420000314712524,10.906000137329102 C1.8949999809265137,10.847000122070312 2.1470000743865967,10.375 2.078000068664551,9.92300033569336 C1.899999976158142,8.756999969482422 2.2660000324249268,7.7210001945495605 3.062000036239624,7.390999794006348 C3.8580000400543213,7.060999870300293 4.8480000495910645,7.534999847412109 5.546000003814697,8.484999656677246 C5.816999912261963,8.852999687194824 6.328999996185303,9.008999824523926 6.691999912261963,8.730999946594238 C7.458000183105469,8.142999649047852 8.142999649047852,7.458000183105469 8.730999946594238,6.691999912261963 C9.008999824523926,6.328999923706055 8.852999687194824,5.816999912261963 8.484999656677246,5.546000003814697 C7.534999847412109,4.8480000495910645 7.060999870300293,3.8570001125335693 7.390999794006348,3.061000108718872 C7.7210001945495605,2.265000104904175 8.756999969482422,1.899999976158142 9.92300033569336,2.078000068664551 C10.375,2.1470000743865967 10.847000122070312,1.8949999809265137 10.906000137329102,1.4420000314712524 C10.968000411987305,0.9700000286102295 11,0.48899999260902405 11,0 C11,-0.48899999260902405 10.968000411987305,-0.9700000286102295 10.906000137329102,-1.4420000314712524 C10.847000122070312,-1.8949999809265137 10.375,-2.1470000743865967 9.92300033569336,-2.078000068664551 C8.756999969482422,-1.899999976158142 7.7210001945495605,-2.265000104904175 7.390999794006348,-3.061000108718872 C7.060999870300293,-3.8570001125335693 7.534999847412109,-4.8480000495910645 8.484999656677246,-5.546000003814697 C8.852999687194824,-5.816999912261963 9.008999824523926,-6.329999923706055 8.730999946594238,-6.691999912261963 C8.142999649047852,-7.458000183105469 7.458000183105469,-8.142999649047852 6.691999912261963,-8.730999946594238 C6.328999996185303,-9.008999824523926 5.817999839782715,-8.852999687194824 5.546999931335449,-8.484999656677246 C4.848999977111816,-7.534999847412109 3.8580000400543213,-7.060999870300293 3.062000036239624,-7.390999794006348 C2.2660000324249268,-7.7210001945495605 1.9010000228881836,-8.756999969482422 2.0789999961853027,-9.92300033569336 C2.1480000019073486,-10.375 1.8949999809265137,-10.847000122070312 1.4420000314712524,-10.906000137329102 C0.9700000286102295,-10.968000411987305 0.48899999260902405,-11 0,-11 C-0.48899999260902405,-11 -0.9700000286102295,-10.968000411987305 -1.4420000314712524,-10.906000137329102z M4,0 C4,2.2090001106262207 2.2090001106262207,4 0,4 C-2.2090001106262207,4 -4,2.2090001106262207 -4,0 C-4,-2.2090001106262207 -2.2090001106262207,-4 0,-4 C2.2090001106262207,-4 4,-2.2090001106262207 4,0z" }) }) }) }) })] }) }))] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-full py-8 px-4 sm:px-6 flex flex-col items-start gap-0 flex-1", children: localMessages.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center text-[#72767D] py-8", children: "No messages" })) : (localMessages.map((msg, idx, arr) => {
+                            const prevMsg = idx > 0 ? arr[idx - 1] : null;
+                            const showDateSeparator = idx === 0 || (prevMsg && new Date(prevMsg.timestamp || 0).toDateString() !== new Date(msg.timestamp || 0).toDateString());
+                            const shouldGroup = !showDateSeparator &&
+                                prevMsg &&
+                                prevMsg.author.id === msg.author.id &&
+                                !msg.replyTo &&
+                                !prevMsg.replyTo &&
+                                msg.messageType !== 7 &&
+                                prevMsg.messageType !== 7 &&
+                                prevMsg.timestamp &&
+                                msg.timestamp &&
+                                new Date(msg.timestamp).getTime() - new Date(prevMsg.timestamp).getTime() <= 300000;
+                            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [showDateSeparator && (0, jsx_runtime_1.jsx)(DateSeperator_1.default, { date: msg.timestamp || "" }), (0, jsx_runtime_1.jsx)(Message_1.default, { ...msg, compact: !!shouldGroup, resolvedUsers: resolvedUsers, resolvedRoles: resolvedRoles, resolvedChannels: resolvedChannels, onPinIconClick: () => setIsPinnedModalOpen(true), onNavigateToMessage: handlePinnedMessageClick, referencedMessage: msg.messageType === 6
+                                            ? pinnedMessages.find((m) => String(m.id) === String(msg.referencedMessageId))
+                                            : undefined })] }, msg.id));
+                        })) }), isSettingsOpen && props.allowThemeSwitching !== false && ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", onClick: () => setIsSettingsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { onClick: (e) => e.stopPropagation(), className: "bg-[#2b2d31] text-white rounded-lg shadow-xl p-4 w-full max-w-xl border border-[#1f1f23]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-bold", children: "Settings" }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Close settings", className: "p-1.5 hover:bg-[#3d4148] rounded transition-colors", onClick: () => setIsSettingsOpen(false), children: (0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), (0, jsx_runtime_1.jsx)(ThemeSwitcher_1.default, { currentTheme: themeChoice, onThemeChange: setThemeChoice })] }) })), isPinnedModalOpen && ((0, jsx_runtime_1.jsx)(PinnedMessagesModal_1.default, { pinnedMessages: pinnedMessages, onClose: () => setIsPinnedModalOpen(false), onMessageClick: handlePinnedMessageClick })), props.poweredBy && ((0, jsx_runtime_1.jsx)("div", { className: "w-full py-3 px-6 text-center text-xs opacity-90", style: {
+                            color: colors.subtext,
+                            backgroundColor: colors.header,
+                            borderTop: `1px solid ${colors.border}`
+                        }, children: "Powered by Transcriptify" }))] })] }));
+}

package/dist/src/web/discord-components/UserJoinMessage.d.ts

@@ -0,0 +1,3 @@
+export default function UserJoinMessage({ username }: {
+    username: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/UserJoinMessage.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UserJoinMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const JOIN_MESSAGES = [
+    "[username] just joined the server - glhf!",
+    "[username] just joined. Everyone, look busy!",
+    "[username] just joined. Can I get a heal?",
+    "[username] joined your party.",
+    "[username] joined. You must construct additional pylons.",
+    "Ermagherd. [username] is here.",
+    "Welcome, [username]. Stay awhile and listen.",
+    "Welcome, [username]. We were expecting you ( ͡° ͜ʖ ͡°)",
+    "Welcome, [username]. We hope you brought pizza.",
+    "Welcome [username]. Leave your weapons by the door.",
+    "A wild [username] appeared.",
+    "Swoooosh. [username] just landed.",
+    "Brace yourselves. [username] just joined the server.",
+    "[username] just joined. Hide your bananas.",
+    "[username] just arrived. Seems OP – please nerf.",
+    "[username] just slid into the server.",
+    "A [username] has spawned in the server.",
+    "Big [username] showed up!",
+    "Where's [username]? In the server!",
+    "[username] hopped into the server. Kangaroo!!",
+    "[username] just showed up. Hold my beer"
+];
+function UserJoinMessage({ username }) {
+    const messageIndex = username.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0) % JOIN_MESSAGES.length;
+    const template = JOIN_MESSAGES[messageIndex];
+    const parts = template.split("[username]");
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 py-1 px-4 text-sm", children: [(0, jsx_runtime_1.jsx)("svg", { height: "18", width: "18", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: (0, jsx_runtime_1.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)("path", { d: "m18 0h-18v18h18z" }), (0, jsx_runtime_1.jsx)("path", { d: "m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2", fill: "#3ba55c" })] }) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[#949ba4]", children: [parts[0], (0, jsx_runtime_1.jsx)("span", { className: "text-white font-medium hover:underline cursor-pointer", children: username }), parts[1]] })] }));
+}

package/dist/src/web/discord-components/VideoPlayer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export default function VideoPlayer({ url, filename, filesize }: {
+    url: string;
+    filename: string;
+    filesize: string;
+}): React.ReactElement;