transcriptify 1.0.0

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

@@ -0,0 +1,231 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AudioPlayer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const FileAudioIcon_1 = __importDefault(require("./icons/FileAudioIcon"));
+const audioCache = new Map();
+function AudioPlayer({ url, filename, filesize }) {
+    const audioRef = react_1.default.useRef(null);
+    const [isPlaying, setIsPlaying] = react_1.default.useState(false);
+    const [currentTime, setCurrentTime] = react_1.default.useState(0);
+    const [duration, setDuration] = react_1.default.useState(0);
+    const [isMuted, setIsMuted] = react_1.default.useState(false);
+    const [volume, setVolume] = react_1.default.useState(1);
+    const volTrackRef = react_1.default.useRef(null);
+    const draggingRef = react_1.default.useRef(false);
+    const [showVolPopover, setShowVolPopover] = react_1.default.useState(false);
+    const hideTimeoutRef = react_1.default.useRef(null);
+    const popoverContainerRef = react_1.default.useRef(null);
+    const popoverRef = react_1.default.useRef(null);
+    const cancelHide = () => {
+        if (hideTimeoutRef.current !== null) {
+            window.clearTimeout(hideTimeoutRef.current);
+            hideTimeoutRef.current = null;
+        }
+    };
+    const scheduleHide = (ms = 260) => {
+        cancelHide();
+        hideTimeoutRef.current = window.setTimeout(() => {
+            hideTimeoutRef.current = null;
+            setShowVolPopover(false);
+        }, ms);
+    };
+    react_1.default.useEffect(() => {
+        return () => {
+            cancelHide();
+        };
+    }, []);
+    react_1.default.useEffect(() => {
+        if (!showVolPopover)
+            return;
+        const onMove = (e) => {
+            const el = popoverContainerRef.current;
+            const pop = popoverRef.current;
+            if (!el && !pop)
+                return;
+            let left = Infinity, top = Infinity, right = -Infinity, bottom = -Infinity;
+            const addRect = (r) => {
+                if (!r)
+                    return;
+                left = Math.min(left, r.left);
+                top = Math.min(top, r.top);
+                right = Math.max(right, r.right);
+                bottom = Math.max(bottom, r.bottom);
+            };
+            addRect(el ? el.getBoundingClientRect() : null);
+            addRect(pop ? pop.getBoundingClientRect() : null);
+            const expand = 20;
+            const inside = e.clientX >= left - expand && e.clientX <= right + expand && e.clientY >= top - expand && e.clientY <= bottom + expand;
+            if (inside) {
+                cancelHide();
+            }
+            else {
+                scheduleHide(400);
+            }
+        };
+        window.addEventListener("mousemove", onMove);
+        return () => window.removeEventListener("mousemove", onMove);
+    }, [showVolPopover]);
+    const handleVolPointer = (clientY) => {
+        const el = volTrackRef.current;
+        if (!el || !audioRef.current)
+            return;
+        const rect = el.getBoundingClientRect();
+        const y = clientY - rect.top;
+        const pct = 1 - y / rect.height;
+        const v = Math.max(0, Math.min(1, pct));
+        audioRef.current.volume = v;
+        audioRef.current.muted = v === 0;
+        setVolume(v);
+        setIsMuted(v === 0);
+    };
+    const onGlobalMouseMove = (e) => {
+        if (!draggingRef.current)
+            return;
+        handleVolPointer(e.clientY);
+    };
+    const onGlobalMouseUp = () => {
+        draggingRef.current = false;
+        window.removeEventListener("mousemove", onGlobalMouseMove);
+        window.removeEventListener("mouseup", onGlobalMouseUp);
+    };
+    const startDrag = (ev) => {
+        draggingRef.current = true;
+        handleVolPointer(ev.clientY);
+        window.addEventListener("mousemove", onGlobalMouseMove);
+        window.addEventListener("mouseup", onGlobalMouseUp);
+    };
+    const startTouchDrag = (touch) => {
+        draggingRef.current = true;
+        handleVolPointer(touch.clientY);
+        const onTouchMove = (e) => handleVolPointer(e.touches[0].clientY);
+        const onTouchEnd = () => {
+            draggingRef.current = false;
+            window.removeEventListener("touchmove", onTouchMove);
+            window.removeEventListener("touchend", onTouchEnd);
+        };
+        window.addEventListener("touchmove", onTouchMove);
+        window.addEventListener("touchend", onTouchEnd);
+    };
+    const formatTime = (seconds) => {
+        if (!isFinite(seconds))
+            return "0:00";
+        const mins = Math.floor(seconds / 60);
+        const secs = Math.floor(seconds % 60);
+        return `${mins}:${secs.toString().padStart(2, "0")}`;
+    };
+    const togglePlay = () => {
+        if (audioRef.current) {
+            if (isPlaying) {
+                audioRef.current.pause();
+            }
+            else {
+                audioRef.current.play().catch((err) => {
+                    console.error("Playback failed:", err);
+                    setIsPlaying(false);
+                });
+            }
+        }
+    };
+    const handlePlay = () => setIsPlaying(true);
+    const handlePause = () => setIsPlaying(false);
+    const handleTimeUpdate = () => {
+        if (audioRef.current)
+            setCurrentTime(audioRef.current.currentTime);
+    };
+    const handleLoadedMetadata = () => {
+        if (audioRef.current)
+            setDuration(audioRef.current.duration);
+    };
+    const handleEnded = () => setIsPlaying(false);
+    react_1.default.useEffect(() => {
+        let a = audioCache.get(url);
+        if (!a) {
+            a = new Audio(url);
+            audioCache.set(url, a);
+        }
+        audioRef.current = a;
+        setVolume(a.volume);
+        setIsMuted(a.muted);
+        setIsPlaying(!a.paused);
+        if (isFinite(a.duration) && a.duration > 0)
+            setDuration(a.duration);
+        setCurrentTime(a.currentTime);
+        a.addEventListener("timeupdate", handleTimeUpdate);
+        a.addEventListener("loadedmetadata", handleLoadedMetadata);
+        a.addEventListener("ended", handleEnded);
+        a.addEventListener("play", handlePlay);
+        a.addEventListener("pause", handlePause);
+        const handleVolumeChangeEvent = () => {
+            if (audioRef.current) {
+                setVolume(audioRef.current.volume);
+                setIsMuted(audioRef.current.muted);
+            }
+        };
+        a.addEventListener("volumechange", handleVolumeChangeEvent);
+        return () => {
+            a.removeEventListener("timeupdate", handleTimeUpdate);
+            a.removeEventListener("loadedmetadata", handleLoadedMetadata);
+            a.removeEventListener("ended", handleEnded);
+            a.removeEventListener("play", handlePlay);
+            a.removeEventListener("pause", handlePause);
+            a.removeEventListener("volumechange", handleVolumeChangeEvent);
+            audioRef.current = null;
+        };
+    }, [url]);
+    const handleSliderChange = (e) => {
+        const newTime = parseFloat(e.target.value);
+        if (audioRef.current) {
+            audioRef.current.currentTime = newTime;
+            setCurrentTime(newTime);
+        }
+    };
+    const handleVolumeChange = (e) => {
+        if (audioRef.current) {
+            audioRef.current.volume = parseFloat(e.target.value);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[520px] bg-[#1e1f22] border border-[#111214] rounded-lg p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)(FileAudioIcon_1.default, { className: "h-10 w-8 flex-shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "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: filename }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-[#b5bac1]", children: filesize })] })] }), (0, jsx_runtime_1.jsx)("a", { href: url, download: true, className: "ml-2 p-1 hover:bg-[#23252b] rounded transition-colors flex-shrink-0", title: "Download", children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "#b5bac1", d: "M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z" }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("button", { onClick: togglePlay, className: "p-2 hover:bg-[#23252b] rounded transition-colors flex-shrink-0", title: isPlaying ? "Pause" : "Play", children: isPlaying ? ((0, jsx_runtime_1.jsx)("svg", { className: "controlIcon_cf09d8", "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M6 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H6ZM15 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-3Z", className: "" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "controlIcon_cf09d8", "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M9.25 3.35C7.87 2.45 6 3.38 6 4.96v14.08c0 1.58 1.87 2.5 3.25 1.61l10.85-7.04a1.9 1.9 0 0 0 0-3.22L9.25 3.35Z", className: "" }) })) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-[#b5bac1] min-w-[60px]", children: [formatTime(currentTime), " / ", formatTime(duration)] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 relative h-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute left-0 right-0 top-1/2 transform -translate-y-1/2 h-1 bg-[#23252b] rounded" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-0 top-1/2 transform -translate-y-1/2 h-1 bg-[#7c5cff] rounded pointer-events-none", style: { width: `${duration > 0 ? (currentTime / duration) * 100 : 0}%` } }), (0, jsx_runtime_1.jsx)("input", { type: "range", min: 0, max: duration || 0, value: currentTime, onChange: handleSliderChange, className: "absolute left-0 top-0 w-full h-3 bg-transparent appearance-none cursor-pointer" })] }), (0, jsx_runtime_1.jsxs)("div", { ref: (el) => {
+                            popoverContainerRef.current = el;
+                        }, className: "relative flex-shrink-0", onMouseEnter: () => {
+                            cancelHide();
+                            setShowVolPopover(true);
+                        }, onMouseLeave: () => {
+                            scheduleHide(260);
+                        }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    if (audioRef.current) {
+                                        const next = !audioRef.current.muted;
+                                        audioRef.current.muted = next;
+                                        setIsMuted(next);
+                                    }
+                                }, className: "w-8 h-8 p-1 hover:bg-[#23252b] rounded transition-colors flex items-center justify-center", title: "Toggle mute", children: isMuted ? ((0, jsx_runtime_1.jsx)("svg", { className: "volumeButtonIcon_a8e786", "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", fill: "none", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM22.7 8.3a1 1 0 0 0-1.4 0L19 10.58l-2.3-2.3a1 1 0 1 0-1.4 1.42L17.58 12l-2.3 2.3a1 1 0 0 0 1.42 1.4L19 13.42l2.3 2.3a1 1 0 0 0 1.4-1.42L20.42 12l2.3-2.3a1 1 0 0 0 0-1.4Z", className: "" }) })) : ((0, jsx_runtime_1.jsx)("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "#b5bac1", children: (0, jsx_runtime_1.jsx)("path", { d: "M5 9v6h4l5 5V4L9 9H5z" }) })) }), (0, jsx_runtime_1.jsx)("div", { ref: (el) => {
+                                    popoverRef.current = el;
+                                }, className: `absolute left-1/2 bottom-full volume-popover transition-opacity flex flex-col items-center z-50`, style: {
+                                    transform: "translate(-50%, -2px)",
+                                    width: 14,
+                                    padding: 2,
+                                    opacity: showVolPopover ? 1 : 0,
+                                    pointerEvents: showVolPopover ? "auto" : "none"
+                                }, children: (0, jsx_runtime_1.jsx)("div", { ref: (el) => {
+                                        volTrackRef.current = el;
+                                    }, onClick: (e) => handleVolPointer(e.clientY), onMouseDown: (e) => {
+                                        cancelHide();
+                                        startDrag(e.nativeEvent);
+                                    }, onTouchStart: (e) => {
+                                        cancelHide();
+                                        startTouchDrag(e.touches[0]);
+                                    }, className: "relative h-28 overflow-visible cursor-pointer flex items-end justify-center", title: "Volume", style: { width: 10 }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                                            position: "absolute",
+                                            left: "50%",
+                                            transform: "translateX(-50%)",
+                                            bottom: 0,
+                                            width: 6,
+                                            borderRadius: 6,
+                                            background: "#7c5cff",
+                                            height: `${volume * 100}%`
+                                        } }) }) })] })] })] }));
+}

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

@@ -0,0 +1,3 @@
+export type { ButtonVariant, ButtonProps } from "../types/ui";
+import type { ButtonProps } from "../types/ui";
+export default function Button({ label, url, variant, disabled, emoji, onClick }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const variantStyles = {
+    primary: "bg-[#5865F2] hover:bg-[#4752C4] text-white",
+    secondary: "bg-[#4E5058] hover:bg-[#6D6F78] text-white",
+    success: "bg-[#3BA55D] hover:bg-[#2D7D46] text-white",
+    danger: "bg-[#ED4245] hover:bg-[#C03537] text-white",
+    link: "bg-transparent hover:bg-[#4E5058] text-[#00AFF4]"
+};
+function Button({ label, url, variant = "primary", disabled = false, emoji, onClick }) {
+    const baseStyles = "px-4 py-2 rounded text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2";
+    const variantStyle = variantStyles[variant];
+    const handleClick = (e) => {
+        if (disabled)
+            return;
+        if (onClick) {
+            onClick(e);
+            return;
+        }
+        if (url) {
+            window.open(url, "_blank", "noopener,noreferrer");
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("button", { className: `${baseStyles} ${variantStyle}`, onClick: handleClick, disabled: disabled, type: "button", children: [emoji && (0, jsx_runtime_1.jsx)("span", { children: emoji }), label] }));
+}

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

@@ -0,0 +1,7 @@
+import type { MessageProps } from "../types/message";
+export default function ChannelPinnedMessage({ message, referencedMessage, onOpenPinnedMessages, onNavigateToMessage }: {
+    message: MessageProps;
+    referencedMessage?: Partial<MessageProps> | null;
+    onOpenPinnedMessages: () => void;
+    onNavigateToMessage?: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ChannelPinnedMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PinIcon_1 = __importDefault(require("./icons/PinIcon"));
+function ChannelPinnedMessage({ message, referencedMessage, onOpenPinnedMessages, onNavigateToMessage }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 py-1  w-full text-base", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 shrink-0 flex items-start justify-start mt-0.5 relative", children: (0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(PinIcon_1.default, { className: "text-[#949BA4]", width: 16, height: 16 }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 text-base", children: [(0, jsx_runtime_1.jsx)("span", { onClick: () => referencedMessage && referencedMessage.id && onNavigateToMessage && onNavigateToMessage(String(referencedMessage.id)), className: "font-semibold text-base hover:underline cursor-pointer", style: { color: message.author.color ?? "#FFFFFF" }, children: message.author.username }), (0, jsx_runtime_1.jsx)("span", { className: "text-[#B5BAC1]", children: " pinned " }), (0, jsx_runtime_1.jsx)("span", { onClick: () => referencedMessage && referencedMessage.id && onNavigateToMessage && onNavigateToMessage(String(referencedMessage.id)), className: "text-white hover:underline cursor-pointer", children: "a message" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[#B5BAC1]", children: " to this channel. " }), (0, jsx_runtime_1.jsx)("span", { className: "text-white hover:underline cursor-pointer", onClick: onOpenPinnedMessages, children: "See all pinned messages." })] })] }));
+}

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DateSeparator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DateSeparator({ date }) {
+    let display = date;
+    try {
+        const d = new Date(date);
+        if (!isNaN(d.getTime())) {
+            display = d.toLocaleDateString("en-US", {
+                month: "long",
+                day: "numeric",
+                year: "numeric"
+            });
+        }
+    }
+    catch (e) { }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full flex items-center my-4", children: [(0, jsx_runtime_1.jsx)("hr", { className: "flex-1 border-t border-[#29292d]" }), (0, jsx_runtime_1.jsx)("span", { className: "mx-4 text-sm text-[#72767D] text-center flex-none", children: display }), (0, jsx_runtime_1.jsx)("hr", { className: "flex-1 border-t border-[#29292d]" })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { EmbedProps } from "../types/embed";
+export default function Embed({ title, description, url, color, timestamp, author, footer, image, thumbnail, fields, buttons, version, resolvedUsers, resolvedRoles, resolvedChannels, channelGuildId, interaction }: EmbedProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Embed;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("./Button"));
+const date_1 = require("./utils/date");
+const markdown_1 = require("./utils/markdown");
+const messageHelpers_1 = require("./messageHelpers");
+function Embed({ title, description, url, color = null, timestamp = null, author = null, footer = null, image = null, thumbnail = null, fields = [], buttons = [], version = "v1", resolvedUsers, resolvedRoles, resolvedChannels, channelGuildId, interaction }) {
+    const [brokenImages, setBrokenImages] = react_1.default.useState(new Set());
+    const parseWithContext = (value) => (0, markdown_1.parseMarkdown)(value, resolvedUsers, resolvedRoles, resolvedChannels, channelGuildId);
+    const imageUrl = typeof image === "string" ? image : image && image.url ? image.url : null;
+    const thumbnailUrl = typeof thumbnail === "string" ? thumbnail : thumbnail && thumbnail.url ? thumbnail.url : null;
+    const accent = react_1.default.useMemo(() => {
+        if (color === null || color === undefined)
+            return "#2b2d31";
+        const numColor = typeof color === "number" ? color : typeof color === "string" && /^\d+$/.test(color) ? Number(color) : null;
+        if (numColor !== null)
+            return `#${numColor.toString(16).padStart(6, "0")}`;
+        return color || "#2b2d31";
+    }, [color]);
+    const embedBg = "#2b2d31";
+    const formattedFooter = react_1.default.useMemo(() => {
+        if (interaction?.name && interaction?.user?.username && !footer?.text) {
+            return {
+                text: `Requested by ${interaction.user.username}`,
+                iconUrl: footer?.iconUrl
+            };
+        }
+        return footer;
+    }, [interaction, footer]);
+    const handleImageError = (imgUrl) => {
+        if (!imgUrl)
+            return;
+        setBrokenImages((prev) => new Set([...prev, imgUrl]));
+    };
+    const renderFieldName = (rawName) => {
+        const s = (0, messageHelpers_1.sanitizeMarkdownString)(rawName);
+        if (!s || typeof s !== "string")
+            return parseWithContext(s);
+        if (/__/.test(s)) {
+            const nodes = [];
+            const regex = /__([\s\S]+?)__/g;
+            let lastIndex = 0;
+            let m;
+            while ((m = regex.exec(s)) !== null) {
+                if (m.index > lastIndex) {
+                    nodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: parseWithContext(s.slice(lastIndex, m.index)) }, `seg-${lastIndex}`));
+                }
+                nodes.push((0, jsx_runtime_1.jsx)("u", { style: { textDecoration: "underline", textDecorationThickness: "1px" }, children: parseWithContext(m[1]) }, `u-${m.index}`));
+                lastIndex = regex.lastIndex;
+            }
+            if (lastIndex < s.length)
+                nodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: parseWithContext(s.slice(lastIndex)) }, `seg-${lastIndex}`));
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: nodes.map((n, i) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: n }, i))) }));
+        }
+        return parseWithContext(s);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-auto max-w-[432px] my-2 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-1 rounded-l-md", style: { backgroundColor: accent } }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 rounded-r-md px-4 py-3", style: { backgroundColor: embedBg }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 space-y-1.5 min-w-0", children: [author && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [author.iconUrl && !brokenImages.has(author.iconUrl) ? ((0, jsx_runtime_1.jsx)("img", { src: author.iconUrl, alt: "", className: "w-5 h-5 rounded-full", onError: () => handleImageError(author.iconUrl) })) : interaction?.name ? ((0, jsx_runtime_1.jsx)("svg", { className: "text-white", "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M2.06 7.61c-.25.95.31 1.92 1.26 2.18l4.3 1.15c.94.25 1.91-.31 2.17-1.26l1.15-4.3c.25-.94-.31-1.91-1.26-2.17l-4.3-1.15c-.94-.25-1.91.31-2.17 1.26l-1.15 4.3ZM12.98 7.87a2 2 0 0 0 1.75 2.95H20a2 2 0 0 0 1.76-2.95l-2.63-4.83a2 2 0 0 0-3.51 0l-2.63 4.83ZM5.86 13.27a.89.89 0 0 1 1.28 0l.75.77a.9.9 0 0 0 .54.26l1.06.12c.5.06.85.52.8 1.02l-.13 1.08c-.02.2.03.42.14.6l.56.92c.27.43.14 1-.28 1.26l-.9.58a.92.92 0 0 0-.37.48l-.36 1.02a.9.9 0 0 1-1.15.57l-1-.36a.89.89 0 0 0-.6 0l-1 .36a.9.9 0 0 1-1.15-.57l-.36-1.02a.92.92 0 0 0-.37-.48l-.9-.58a.93.93 0 0 1-.28-1.26l.56-.93c.11-.17.16-.38.14-.59l-.12-1.08c-.06-.5.3-.96.8-1.02l1.05-.12a.9.9 0 0 0 .54-.26l.75-.77ZM18.52 13.71a1.1 1.1 0 0 0-2.04 0l-.46 1.24c-.19.5-.57.88-1.07 1.07l-1.24.46a1.1 1.1 0 0 0 0 2.04l1.24.46c.5.19.88.57 1.07 1.07l.46 1.24c.35.95 1.7.95 2.04 0l.46-1.24c.19-.5.57-.88 1.07-1.07l1.24-.46a1.1 1.1 0 0 0 0-2.04l-1.24-.46a1.8 1.8 0 0 1-1.07-1.07l-.46-1.24Z" }) })) : null, author.url ? ((0, jsx_runtime_1.jsx)("a", { href: author.url, className: "text-sm font-semibold text-white hover:underline", children: author.name })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-sm font-semibold text-white", children: author.name }))] })), title &&
+                                    (url ? ((0, jsx_runtime_1.jsx)("a", { href: url, className: "text-sky-400 hover:underline font-semibold text-base block", children: parseWithContext((0, messageHelpers_1.sanitizeMarkdownString)(title)) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-sky-400 font-semibold text-base", children: parseWithContext((0, messageHelpers_1.sanitizeMarkdownString)(title)) }))), description ? ((0, jsx_runtime_1.jsx)("div", { className: "text-[14px] leading-[20px] text-[#DBDEE1] whitespace-pre-line break-words", children: parseWithContext((0, messageHelpers_1.sanitizeMarkdownString)(description)) })) : null, fields.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: `grid gap-x-3 gap-y-2 ${fields.some((f) => f.inline) ? "grid-cols-3" : "grid-cols-1"}`, children: fields.map((field, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: field.inline ? "col-span-1" : "col-span-3", children: [typeof window !== "undefined" && window.location.href.includes("localhost")
+                                                ? (() => {
+                                                    try {
+                                                        const raw = field.name;
+                                                        const sanitized = (0, messageHelpers_1.sanitizeMarkdownString)(raw);
+                                                        console.debug &&
+                                                            console.debug("Embed field.name raw:", raw, "chars:", Array.from(String(raw || "")).map((c) => c.charCodeAt(0)));
+                                                        console.debug &&
+                                                            console.debug("Embed field.name sanitized:", sanitized, "chars:", Array.from(String(sanitized || "")).map((c) => c.charCodeAt(0)));
+                                                    }
+                                                    catch (e) { }
+                                                    return null;
+                                                })()
+                                                : null, (0, jsx_runtime_1.jsx)("div", { className: "text-xs font-semibold text-white mb-0.5", children: (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderFieldName(field.name) }, `fieldname-${idx}`) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[14px] leading-[20px] text-[#DBDEE1] whitespace-pre-line break-words", children: (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: parseWithContext((0, messageHelpers_1.sanitizeMarkdownString)(field.value)) }, `fieldvalue-${idx}`) })] }, idx))) })), imageUrl && !brokenImages.has(imageUrl) ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-1", children: (0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: "", className: "rounded w-full object-cover", style: { maxHeight: "320px" }, onError: () => handleImageError(imageUrl) }) })) : null, (formattedFooter?.iconUrl || formattedFooter?.text || timestamp) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[#9ca3af]", children: [formattedFooter?.iconUrl && !brokenImages.has(formattedFooter.iconUrl) ? ((0, jsx_runtime_1.jsx)("img", { src: formattedFooter.iconUrl, alt: "", className: "w-5 h-5 rounded-full", onError: () => handleImageError(formattedFooter.iconUrl) })) : null, (0, jsx_runtime_1.jsxs)("span", { children: [formattedFooter?.text, formattedFooter?.text && timestamp && " • ", timestamp && (0, date_1.formatDate)(timestamp)] })] })), buttons.length > 0 && version === "v2" ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2 pt-2", children: buttons.map((btn, idx) => ((0, jsx_runtime_1.jsx)(Button_1.default, { ...btn }, idx))) })) : null] }), thumbnailUrl && !brokenImages.has(thumbnailUrl) ? ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0 ml-2", children: (0, jsx_runtime_1.jsx)("img", { src: thumbnailUrl, alt: "", className: "rounded w-20 h-20 object-cover", onError: () => handleImageError(thumbnailUrl) }) })) : null] }) })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { ForwardedMessageProps } from "../types/props";
+export default function ForwardedMessage({ message, brokenImages, onImageError, renderContent, defaultAvatar }: ForwardedMessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ForwardedMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AudioPlayer_1 = __importDefault(require("./AudioPlayer"));
+const Embed_1 = __importDefault(require("./Embed"));
+const FileAudioIcon_1 = __importDefault(require("./icons/FileAudioIcon"));
+const FileCodeIcon_1 = __importDefault(require("./icons/FileCodeIcon"));
+const FileDocumentIcon_1 = __importDefault(require("./icons/FileDocumentIcon"));
+const messageHelpers_1 = require("./messageHelpers");
+function ForwardedMessage({ message, brokenImages, onImageError, renderContent, defaultAvatar }) {
+    const getAttachmentIcon = (kind) => {
+        switch (kind) {
+            case "audio":
+                return FileAudioIcon_1.default;
+            case "code":
+                return FileCodeIcon_1.default;
+            default:
+                return FileDocumentIcon_1.default;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative mt-2 pl-3 border-l-4", style: { borderColor: "#242427" }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-xs text-[#949BA4] mb-2", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", className: "w-4 h-4", children: (0, jsx_runtime_1.jsx)("path", { fill: "var(--text-muted, #949BA4)", d: "M21.7 7.3a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4L18.58 9H13a7 7 0 0 0-7 7v4a1 1 0 1 1-2 0v-4a9 9 0 0 1 9-9h5.59l-3.3-3.3a1 1 0 0 1 1.42-1.4l5 5Z" }) }), (0, jsx_runtime_1.jsx)("span", { children: "Forwarded" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0 ml-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "mt-1 text-sm text-[#DBDEE1] break-words", children: message.content ? renderContent(message.content) : null }), message.embeds && message.embeds.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 space-y-2", children: message.embeds.map((e, i) => ((0, jsx_runtime_1.jsx)(Embed_1.default, { ...e }, `fwd-embed-${i}`))) })), message.attachments && message.attachments.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex flex-col gap-2", children: message.attachments.map((a, i) => {
+                            const url = typeof a === "string" ? a : a?.url || "";
+                            let filename = typeof a === "string" ? undefined : a?.filename;
+                            if (!filename)
+                                filename = (0, messageHelpers_1.extractFilenameFromUrl)(url) || "file";
+                            const filesize = typeof a === "string" ? "" : (0, messageHelpers_1.formatFileSize)(a?.size, a?.size_human);
+                            const imageLike = (0, messageHelpers_1.isImageUrl)(url);
+                            const audioLike = (0, messageHelpers_1.isAudioUrl)(url);
+                            const isBroken = brokenImages.has(url);
+                            if (imageLike && !isBroken) {
+                                return ((0, jsx_runtime_1.jsx)("div", { className: "mb-2 max-w-[520px]", children: (0, jsx_runtime_1.jsx)("img", { src: url, alt: filename, className: `rounded w-full h-auto ${isBroken ? "image-error" : ""}`, onError: () => onImageError(url) }) }, `fwd-att-${i}`));
+                            }
+                            if (audioLike) {
+                                return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AudioPlayer_1.default, { url: url, filename: filename, filesize: filesize }) }, `fwd-att-audio-${i}`));
+                            }
+                            const kind = (0, messageHelpers_1.getAttachmentKind)(filename, url);
+                            const Icon = getAttachmentIcon(kind);
+                            return ((0, jsx_runtime_1.jsx)("div", { className: "group relative inline-block max-w-[520px]", children: (0, jsx_runtime_1.jsxs)("a", { href: url, className: "flex items-center gap-3 px-4 py-3 bg-[#1e1f22] hover:bg-[#23252b] border border-[#111214] rounded-lg transition-colors", target: "_blank", rel: "noreferrer", 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)("div", { className: "text-[15px] font-medium text-[#00a8fc] truncate hover:underline", children: filename }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-[#b5bac1] mt-1", children: filesize })] }), (0, jsx_runtime_1.jsx)("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity", children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "#b5bac1", d: "M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z" }) }) })] }) }, `fwd-att-${i}`));
+                        }) }))] })] }));
+}

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

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