transcriptify 1.0.0

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

@@ -0,0 +1,222 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VideoPlayer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+function VideoPlayer({ url, filename, filesize }) {
+    const videoRef = 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 || !videoRef.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));
+        videoRef.current.volume = v;
+        videoRef.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 (videoRef.current) {
+            if (isPlaying) {
+                videoRef.current.pause();
+            }
+            else {
+                videoRef.current.play().catch((err) => {
+                    console.error("Playback failed:", err);
+                    setIsPlaying(false);
+                });
+            }
+        }
+    };
+    const handlePlay = () => setIsPlaying(true);
+    const handlePause = () => setIsPlaying(false);
+    const handleTimeUpdate = () => {
+        if (videoRef.current)
+            setCurrentTime(videoRef.current.currentTime);
+    };
+    const handleLoadedMetadata = () => {
+        if (videoRef.current)
+            setDuration(videoRef.current.duration);
+    };
+    const handleEnded = () => setIsPlaying(false);
+    react_1.default.useEffect(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        if (!v.src)
+            v.src = url;
+        setVolume(v.volume);
+        setIsMuted(v.muted);
+        setIsPlaying(!v.paused);
+        if (isFinite(v.duration) && v.duration > 0)
+            setDuration(v.duration);
+        setCurrentTime(v.currentTime);
+        v.addEventListener("timeupdate", handleTimeUpdate);
+        v.addEventListener("loadedmetadata", handleLoadedMetadata);
+        v.addEventListener("ended", handleEnded);
+        v.addEventListener("play", handlePlay);
+        v.addEventListener("pause", handlePause);
+        const handleVolumeChangeEvent = () => {
+            if (videoRef.current) {
+                setVolume(videoRef.current.volume);
+                setIsMuted(videoRef.current.muted);
+            }
+        };
+        v.addEventListener("volumechange", handleVolumeChangeEvent);
+        return () => {
+            v.removeEventListener("timeupdate", handleTimeUpdate);
+            v.removeEventListener("loadedmetadata", handleLoadedMetadata);
+            v.removeEventListener("ended", handleEnded);
+            v.removeEventListener("play", handlePlay);
+            v.removeEventListener("pause", handlePause);
+            v.removeEventListener("volumechange", handleVolumeChangeEvent);
+        };
+    }, [url]);
+    const handleSliderChange = (e) => {
+        const newTime = parseFloat(e.target.value);
+        if (videoRef.current) {
+            videoRef.current.currentTime = newTime;
+            setCurrentTime(newTime);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-[520px] bg-[#1e1f22] border border-[#111214] rounded-lg overflow-hidden", children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, src: url, className: "w-full h-auto block bg-black max-h-[312px]", preload: "metadata" }), (0, jsx_runtime_1.jsxs)("div", { className: "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)("div", { className: "w-8 h-10 flex-shrink-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { fill: "#b5bac1", d: "M4 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4zm8 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" }) }) }), (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 (videoRef.current) {
+                                                const next = !videoRef.current.muted;
+                                                videoRef.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/icons/ChevronDownIcon.d.ts

@@ -0,0 +1 @@
+export default function ChevronDownIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/ChevronDownIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ChevronDownIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ChevronDownIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 10l5 5 5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/src/web/discord-components/icons/CloseIcon.d.ts

@@ -0,0 +1 @@
+export default function CloseIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/CloseIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CloseIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function CloseIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: "currentColor", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: "currentColor", strokeWidth: "2" })] }));
+}

package/dist/src/web/discord-components/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1 @@
+export default function ExternalLinkIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/ExternalLinkIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ExternalLinkIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ExternalLinkIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: "ml-2 inline-block", "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z" })] }));
+}

package/dist/src/web/discord-components/icons/FileAudioIcon.d.ts

@@ -0,0 +1 @@
+export default function FileAudioIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/FileAudioIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FileAudioIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function FileAudioIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", height: "96", viewBox: "0 0 72 96", width: "72", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "m72 29.3v60.3c0 2.24 0 3.36-.44 4.22-.38.74-1 1.36-1.74 1.74-.86.44-1.98.44-4.22.44h-59.2c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-83.2c0-2.24 0-3.36.44-4.22.38-.74 1-1.36 1.74-1.74.86-.44 1.98-.44 4.22-.44h36.3c1.96 0 2.94 0 3.86.22.5.12.98.28 1.44.5v16.88c0 2.24 0 3.36.44 4.22.38.74 1 1.36 1.74 1.74.86.44 1.98.44 4.22.44h16.88c.22.46.38.94.5 1.44.22.92.22 1.9.22 3.86z", fill: "#d3d6fd" }), (0, jsx_runtime_1.jsx)("path", { d: "m68.26 20.26c1.38 1.38 2.06 2.06 2.56 2.88.18.28.32.56.46.86h-16.88c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-16.880029c.3.14.58.28.86.459999.82.5 1.5 1.18 2.88 2.56z", fill: "#939bf9" }), (0, jsx_runtime_1.jsx)("path", { clipRule: "evenodd", d: "m34.76 42.16c-.74-.3-1.6-.14-2.18.44l-8.58 9.4h-6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6l8.58 9.42c.58.58 1.44.74 2.18.44.76-.32 1.24-1.06 1.24-1.86v-32c0-.8-.48-1.54-1.24-1.84zm5.24 3.84v4c5.52 0 10 4.48 10 10s-4.48 10-10 10v4c7.72 0 14-6.28 14-14s-6.28-14-14-14zm0 8c3.3 0 6 2.7 6 6s-2.7 6-6 6v-4c1.1 0 2-.9 2-2s-.9-2-2-2z", fill: "#5865f2", fillRule: "evenodd" })] }));
+}

package/dist/src/web/discord-components/icons/FileCodeIcon.d.ts

@@ -0,0 +1 @@
+export default function FileCodeIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/FileCodeIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FileCodeIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function FileCodeIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", height: "96", viewBox: "0 0 72 96", width: "72", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "m72 29.3v60.3c0 2.24 0 3.36-.44 4.22-.38.74-1 1.36-1.74 1.74-.86.44-1.98.44-4.22.44h-59.2c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-83.2c0-2.24 0-3.36.44-4.22.38-.74 1-1.36 1.74-1.74.86-.44 1.98-.44 4.22-.44h36.3c1.96 0 2.94 0 3.86.22.5.12.98.28 1.44.5v16.88c0 2.24 0 3.36.44 4.22.38.74 1 1.36 1.74 1.74.86.44 1.98.44 4.22.44h16.88c.22.46.38.94.5 1.44.22.92.22 1.9.22 3.86z", fill: "#d3d6fd" }), (0, jsx_runtime_1.jsx)("path", { d: "m68.26 20.26c1.38 1.38 2.06 2.06 2.56 2.88.18.28.32.56.46.86h-16.88c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-16.880029c.3.14.58.28.86.459999.82.5 1.5 1.18 2.88 2.56z", fill: "#939bf9" }), (0, jsx_runtime_1.jsx)("path", { clipRule: "evenodd", d: "m23.7 40.46c.66-.28 1.32-.38 1.98-.42.62-.04 1.38-.04 2.26-.04h.06v4c-.96 0-1.58 0-2.04.02-.46.04-.64.08-.72.12-.48.2-.88.6-1.08 1.08-.04.1-.08.26-.12.72-.04.48-.04 1.1-.04 2.06v6.06c0 .88 0 1.64-.04 2.26-.06.66-.14 1.32-.42 1.98-.26.64-.64 1.2-1.1 1.7.46.5.84 1.06 1.1 1.7.28.66.38 1.32.42 1.98.04.62.04 1.38.04 2.26v6.06c0 .96 0 1.58.02 2.04.04.46.08.64.12.72.2.48.6.88 1.08 1.08.1.04.26.08.72.12.48.04 1.1.04 2.06.04v4h-.06c-.88 0-1.64 0-2.26-.04-.66-.06-1.32-.14-1.98-.42-1.46-.6-2.64-1.76-3.24-3.24-.28-.66-.38-1.32-.42-1.98-.04-.62-.04-1.38-.04-2.26v-6.06c0-.96 0-1.58-.02-2.04-.04-.46-.08-.64-.12-.72-.2-.48-.6-.88-1.08-1.08-.1-.04-.26-.08-.72-.12-.48-.04-1.1-.04-2.06-.04v-4c.96 0 1.58 0 2.04-.02.46-.04.64-.08.72-.12.48-.2.88-.58 1.08-1.08.04-.1.08-.26.12-.72.04-.48.04-1.1.04-2.06v-6.06c0-.88 0-1.64.04-2.26.06-.66.14-1.32.42-1.98.6-1.46 1.76-2.64 3.24-3.24zm29.52 17.38c.1.04.26.08.72.12.48.04 1.1.04 2.06.04v4c-.96 0-1.58 0-2.04.02-.46.04-.64.08-.72.12-.48.2-.88.6-1.08 1.08-.04.1-.08.26-.12.72-.04.48-.04 1.1-.04 2.06v6.06c0 .88 0 1.64-.04 2.26-.06.66-.14 1.32-.42 1.98-.6 1.46-1.78 2.64-3.24 3.24-.66.28-1.32.38-1.98.42-.62.04-1.38.04-2.26.04h-.06v-4c.96 0 1.58 0 2.04-.02.46-.04.64-.08.72-.12.48-.2.88-.58 1.08-1.08.04-.1.08-.26.12-.72.04-.48.04-1.1.04-2.06v-6.06c0-.88 0-1.64.04-2.26.06-.66.16-1.32.42-1.98.26-.64.64-1.2 1.1-1.7-.46-.5-.84-1.06-1.1-1.7-.28-.66-.38-1.32-.42-1.98-.04-.62-.04-1.38-.04-2.26v-6.06c0-.96 0-1.58-.02-2.04-.04-.46-.08-.64-.12-.72-.2-.48-.6-.88-1.08-1.08-.1-.04-.26-.08-.72-.12-.48-.04-1.1-.04-2.06-.04v-4h.06c.88 0 1.64 0 2.26.04.66.06 1.32.14 1.98.42 1.46.6 2.64 1.76 3.24 3.24.28.66.38 1.32.42 1.98.04.62.04 1.38.04 2.26v6.06c0 .96 0 1.58.02 2.04.04.46.08.64.12.72.2.48.6.88 1.08 1.08z", fill: "#5865f2", fillRule: "evenodd" })] }));
+}

package/dist/src/web/discord-components/icons/FileDocumentIcon.d.ts

@@ -0,0 +1 @@
+export default function FileDocumentIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/FileDocumentIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FileDocumentIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function FileDocumentIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", height: "96", viewBox: "0 0 72 96", width: "72", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "m72 29.3v60.3c0 2.24 0 3.36-.44 4.22-.38.74-1 1.36-1.74 1.74-.86.44-1.98.44-4.22.44h-59.2c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-83.2c0-2.24 0-3.36.44-4.22.38-.74 1-1.36 1.74-1.74.86-.44 1.98-.44 4.22-.44h36.3c1.96 0 2.94 0 3.86.22.5.12.98.28 1.44.5v16.88c0 2.24 0 3.36.44 4.22.38.74 1 1.36 1.74 1.74.86.44 1.98.44 4.22.44h16.88c.22.46.38.94.5 1.44.22.92.22 1.9.22 3.86z", fill: "#d3d6fd" }), (0, jsx_runtime_1.jsx)("path", { d: "m68.26 20.26c1.38 1.38 2.06 2.06 2.56 2.88.18.28.32.56.46.86h-16.88c-2.24 0-3.36 0-4.22-.44-.74-.38-1.36-1-1.74-1.74-.44-.86-.44-1.98-.44-4.22v-16.880029c.3.14.58.28.86.459999.82.5 1.5 1.18 2.88 2.56z", fill: "#939bf9" }), (0, jsx_runtime_1.jsx)("path", { d: "m56.1014 65.0909c-3.1394-3.2-11.7-1.8909-13.7625-1.6545-2.2633-2.2182-4.1981-4.7273-5.7861-7.4546 1.1317-3.1636 1.7705-6.4727 1.9348-9.8182 0-2.9636-1.2047-6.1636-4.5815-6.1636-1.1864.0364-2.2815.6545-2.9021 1.6545-1.442 2.491-.8397 7.4546 1.4419 12.5455-1.5697 4.6545-3.5592 9.1636-5.9138 13.4909-3.5046 1.4182-10.8604 4.7273-11.4627 8.2909-.2373 1.0909.146 2.2.9674 2.9637.8578.6909 1.9165 1.0545 3.0299 1.0545 4.4719 0 8.8161-6.0364 11.8278-11.1273 3.4315-1.1454 6.936-2.0545 10.4952-2.7272 4.7092 4.0181 8.8161 4.6181 10.9882 4.6181 2.9021 0 3.9791-1.1818 4.3441-2.2545.5293-1.1455.2921-2.5091-.6206-3.4182zm-3.0117 2.0182c-.1277.8364-1.2047 1.6545-3.1394 1.1818-2.2451-.5818-4.3442-1.6364-6.1512-3.0727 1.5697-.2364 5.0743-.6 7.5931-.1273.9674.2364 1.9348.8182 1.6975 2.0182zm-20.1509-24.3818c.2007-.3455.5658-.5637.9673-.6 1.077 0 1.3325 1.3091 1.3325 2.3636-.1278 2.5091-.6023 4.9636-1.442 7.3455-1.8252-4.7273-1.4602-8.0546-.8578-9.1091zm-.2373 22.9454c1.0404-2.1636 1.9713-4.3636 2.7744-6.6182 1.1134 1.7455 2.4093 3.3637 3.8695 4.8546-.0182.1091-3.76.8182-6.6439 1.7636zm-7.1186 4.7455c-2.7744 4.4909-5.6766 7.3454-7.2463 7.3454-.2555-.0181-.5111-.1091-.7301-.2363-.3651-.2364-.5111-.6728-.3651-1.0728.3651-1.6545 3.5046-3.909 8.3415-6.0363z", fill: "#5865f2" })] }));
+}

package/dist/src/web/discord-components/icons/PinIcon.d.ts

@@ -0,0 +1 @@
+export default function PinIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/PinIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PinIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function PinIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", role: "img", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z" }) }));
+}

package/dist/src/web/discord-components/icons/VerifiedIcon.d.ts

@@ -0,0 +1 @@
+export default function VerifiedIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/web/discord-components/icons/VerifiedIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VerifiedIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function VerifiedIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", className: "botTagVerified", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, 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" }) }));
+}

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

@@ -0,0 +1,11 @@
+export { default as Button } from "./Button";
+export { default as Embed } from "./Embed";
+export { default as ForwardedMessage } from "./ForwardedMessage";
+export { default as Message } from "./Message";
+export { default as Reply } from "./Reply";
+export { default as ThemeSwitcher } from "./ThemeSwitcher";
+export { default as Transcript } from "./Transcript";
+export { default as AudioPlayer } from "./AudioPlayer";
+export { default as VideoPlayer } from "./VideoPlayer";
+export type { ThemeColors } from "../types/theme";
+export type { TranscriptThemes } from "../types/theme";

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlayer = exports.AudioPlayer = exports.Transcript = exports.ThemeSwitcher = exports.Reply = exports.Message = exports.ForwardedMessage = exports.Embed = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var Embed_1 = require("./Embed");
+Object.defineProperty(exports, "Embed", { enumerable: true, get: function () { return __importDefault(Embed_1).default; } });
+var ForwardedMessage_1 = require("./ForwardedMessage");
+Object.defineProperty(exports, "ForwardedMessage", { enumerable: true, get: function () { return __importDefault(ForwardedMessage_1).default; } });
+var Message_1 = require("./Message");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return __importDefault(Message_1).default; } });
+var Reply_1 = require("./Reply");
+Object.defineProperty(exports, "Reply", { enumerable: true, get: function () { return __importDefault(Reply_1).default; } });
+var ThemeSwitcher_1 = require("./ThemeSwitcher");
+Object.defineProperty(exports, "ThemeSwitcher", { enumerable: true, get: function () { return __importDefault(ThemeSwitcher_1).default; } });
+var Transcript_1 = require("./Transcript");
+Object.defineProperty(exports, "Transcript", { enumerable: true, get: function () { return __importDefault(Transcript_1).default; } });
+var AudioPlayer_1 = require("./AudioPlayer");
+Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_1).default; } });
+var VideoPlayer_1 = require("./VideoPlayer");
+Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });

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

@@ -0,0 +1,8 @@
+export declare function getAttachmentKind(name?: string, url?: string): string;
+export declare function formatFileSize(size?: number, human?: string): string;
+export declare function isImageUrl(url?: string): boolean;
+export declare function isAudioUrl(url?: string): boolean;
+export declare function isVideoUrl(url?: string): boolean;
+export declare function extractFilenameFromUrl(url?: string): string | undefined;
+export declare function sanitizeMarkdownString(s: string | unknown): string | unknown;
+export declare function timeAgo(d: Date): string;

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAttachmentKind = getAttachmentKind;
+exports.formatFileSize = formatFileSize;
+exports.isImageUrl = isImageUrl;
+exports.isAudioUrl = isAudioUrl;
+exports.isVideoUrl = isVideoUrl;
+exports.extractFilenameFromUrl = extractFilenameFromUrl;
+exports.sanitizeMarkdownString = sanitizeMarkdownString;
+exports.timeAgo = timeAgo;
+function getAttachmentKind(name, url) {
+    const target = (name || url || "").toLowerCase();
+    if (/(\.mp3|\.wav|\.flac|\.ogg|\.m4a|\.aac|\.opus)$/.test(target))
+        return "audio";
+    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";
+}
+function formatFileSize(size, human) {
+    if (typeof size === "number") {
+        const kb = size / 1024;
+        if (kb < 1024)
+            return `${kb.toFixed(2)} KB`;
+        return `${(kb / 1024).toFixed(2)} MB`;
+    }
+    return human || "";
+}
+function isImageUrl(url) {
+    if (!url)
+        return false;
+    return /\.(png|jpe?g|gif|webp|svg|bmp|avif)(\?|$)/i.test(url);
+}
+function isAudioUrl(url) {
+    if (!url)
+        return false;
+    return /\.(mp3|wav|ogg|m4a|flac|aac|weba)(\?|$)/i.test(url);
+}
+function isVideoUrl(url) {
+    if (!url)
+        return false;
+    return /\.(mp4|mov|webm|avi|mkv)(\?|$)/i.test(url);
+}
+function extractFilenameFromUrl(url) {
+    if (!url)
+        return undefined;
+    try {
+        const u = new URL(url, window.location.origin);
+        let p = u.pathname || "";
+        if (p.endsWith("/"))
+            p = p.slice(0, -1);
+        const last = p.split("/").pop() || "";
+        return last ? decodeURIComponent(last) : undefined;
+    }
+    catch (e) {
+        const parts = url.split("?")[0].split("/");
+        const last = parts.pop() || "";
+        return last ? decodeURIComponent(last) : undefined;
+    }
+}
+function sanitizeMarkdownString(s) {
+    return typeof s === "string" ? s.replace(/[\u200B\u200C\u200D\uFEFF\u2060\u200E\u200F\u00AD]/g, "") : s;
+}
+function timeAgo(d) {
+    const diff = Math.floor((Date.now() - d.getTime()) / 1000);
+    if (Math.abs(diff) < 60)
+        return `${Math.abs(diff)}s ago`;
+    if (Math.abs(diff) < 3600)
+        return `${Math.round(Math.abs(diff) / 60)}m ago`;
+    if (Math.abs(diff) < 86400)
+        return `${Math.round(Math.abs(diff) / 3600)}h ago`;
+    return d.toLocaleString("en-US", { month: "2-digit", day: "2-digit", year: "numeric" });
+}

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

@@ -0,0 +1,9 @@
+import type { TranscriptThemes, ThemeColors, ThemePreview } from "../types/theme";
+export declare const defaultThemeColors: Record<"light" | "ash" | "dark" | "onyx", ThemeColors>;
+export declare const colorThemeColors: Record<string, ThemeColors>;
+export declare function getThemeColors(theme: TranscriptThemes, systemPrefersDark: boolean): ThemeColors;
+export declare function getThemeGradient(theme: TranscriptThemes): string | null;
+export declare const defaultThemePreviews: Record<"light" | "ash" | "dark" | "onyx" | "system", ThemePreview>;
+export declare const colorThemePreviews: Record<string, {
+    gradient: string;
+}>;