transcriptify 1.0.0

package/dist/src/utils/cache.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userColorCache = exports.guildTagCache = void 0;
+class GuildTagCache {
+    cache = new Map();
+    get(userId) {
+        return this.cache.get(userId);
+    }
+    set(userId, tag) {
+        this.cache.set(userId, tag);
+    }
+    has(userId) {
+        return this.cache.has(userId);
+    }
+}
+class UserColorCache {
+    cache = new Map();
+    get(key) {
+        return this.cache.get(key);
+    }
+    set(key, color) {
+        this.cache.set(key, color);
+    }
+    has(key) {
+        return this.cache.has(key);
+    }
+}
+exports.guildTagCache = new GuildTagCache();
+exports.userColorCache = new UserColorCache();

package/dist/src/utils/extractors.d.ts

@@ -0,0 +1,112 @@
+interface ExtractedEmbed {
+    title: string | null;
+    description: string | null;
+    url: string | null;
+    timestamp: string | null;
+    color: string | null;
+    footer: {
+        text: string | null;
+        iconUrl: string | null;
+    } | null;
+    image: {
+        url: string | null;
+        width: number | null;
+        height: number | null;
+    } | null;
+    thumbnail: {
+        url: string | null;
+        width: number | null;
+        height: number | null;
+    } | null;
+    author: {
+        name: string | null;
+        url: string | null;
+        iconUrl: string | null;
+    } | null;
+    fields?: Array<{
+        name: string;
+        value: string;
+        inline: boolean;
+    }>;
+}
+interface ExtractedAttachment {
+    id: string;
+    filename: string;
+    url: string;
+    proxyURL: string | null;
+    contentType: string | null;
+    size: number | undefined;
+    width: number | null;
+    height: number | null;
+    embedUrl?: string;
+}
+interface ExtractedSticker {
+    id: string;
+    name: string | null;
+    tags: string | null;
+    format: string | null;
+}
+interface ExtractedReaction {
+    emoji: {
+        id: string | null;
+        name: string | null;
+        animated: boolean;
+    };
+    count: number;
+    me: boolean;
+}
+interface ExtractedSelectOption {
+    label: string;
+    value: string;
+    description: string | null;
+    default: boolean;
+}
+interface ExtractedButtonComponent {
+    type: number;
+    customId: string | null;
+    label: string | null;
+    style: number | null;
+    url: string | null;
+    disabled: boolean | null;
+    emojiUrl?: string;
+}
+interface ExtractedSelectComponent {
+    customId: string | null;
+    placeholder: string | null;
+    minValues: number | null;
+    maxValues: number | null;
+    options?: ExtractedSelectOption[];
+}
+interface ExtractedComponents {
+    actionRows: Array<{
+        type: number;
+        components: Array<Record<string, unknown>>;
+    }>;
+    buttons: ExtractedButtonComponent[];
+    selects: ExtractedSelectComponent[];
+}
+interface ExtractedInteraction {
+    id: string | null;
+    type: number | null;
+    name: string | null;
+    user: {
+        id: string;
+        username: string;
+    } | null;
+}
+interface MessageLike {
+    embeds?: unknown;
+    attachments?: unknown;
+    stickers?: unknown;
+    stickerItems?: unknown;
+    reactions?: unknown;
+    components?: unknown;
+    interaction?: Partial<ExtractedInteraction>;
+}
+export declare function extractEmbeds(message: MessageLike): ExtractedEmbed[];
+export declare function extractAttachments(message: MessageLike): ExtractedAttachment[];
+export declare function extractStickers(message: MessageLike): ExtractedSticker[];
+export declare function extractReactions(message: MessageLike): ExtractedReaction[];
+export declare function extractComponents(message: MessageLike): ExtractedComponents | null;
+export declare function extractInteraction(message: MessageLike): ExtractedInteraction | null;
+export {};

package/dist/src/utils/extractors.js

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractEmbeds = extractEmbeds;
+exports.extractAttachments = extractAttachments;
+exports.extractStickers = extractStickers;
+exports.extractReactions = extractReactions;
+exports.extractComponents = extractComponents;
+exports.extractInteraction = extractInteraction;
+function ensureArray(value) {
+    if (!value)
+        return [];
+    if (Array.isArray(value))
+        return value;
+    if (typeof value.values === "function")
+        return Array.from(value.values());
+    return Array.from(value);
+}
+function extractEmbeds(message) {
+    try {
+        const embeds = ensureArray(message.embeds);
+        if (embeds.length === 0)
+            return [];
+        return embeds
+            .map((e) => {
+            const hasContent = e.title || e.description || e.author || (e.fields && e.fields.length > 0) || e.footer;
+            const imageUrl = e.image?.proxyURL ?? e.image?.proxy_url ?? e.image?.url ?? null;
+            const thumbnailUrl = e.thumbnail?.proxyURL ?? e.thumbnail?.proxy_url ?? e.thumbnail?.url ?? null;
+            if (!hasContent && (imageUrl || thumbnailUrl) && e.url) {
+                return null;
+            }
+            return {
+                title: e.title ?? null,
+                description: e.description ?? null,
+                url: e.url ?? null,
+                timestamp: e.timestamp ? new Date(e.timestamp).toISOString() : null,
+                color: typeof e.hexColor === "string"
+                    ? e.hexColor
+                    : typeof e.color === "string"
+                        ? e.color
+                        : typeof e.color === "number"
+                            ? `#${e.color.toString(16).padStart(6, "0")}`
+                            : null,
+                footer: e.footer ? { text: e.footer.text ?? null, iconUrl: e.footer.iconURL ?? null } : null,
+                image: e.image
+                    ? {
+                        url: imageUrl,
+                        width: e.image?.width ?? null,
+                        height: e.image?.height ?? null
+                    }
+                    : null,
+                thumbnail: e.thumbnail
+                    ? {
+                        url: thumbnailUrl,
+                        width: e.thumbnail?.width ?? null,
+                        height: e.thumbnail?.height ?? null
+                    }
+                    : null,
+                author: e.author
+                    ? {
+                        name: e.author.name ?? null,
+                        url: e.author.url ?? null,
+                        iconUrl: e.author.proxyIconURL ?? e.author.proxy_icon_url ?? e.author.iconURL ?? null
+                    }
+                    : null,
+                fields: Array.isArray(e.fields) ? e.fields.map((f) => ({ name: f.name, value: f.value, inline: !!f.inline })) : undefined
+            };
+        })
+            .filter((e) => e !== null);
+    }
+    catch {
+        return [];
+    }
+}
+function extractAttachments(message) {
+    try {
+        const attachments = ensureArray(message.attachments);
+        const mappedAttachments = attachments.map((a) => ({
+            id: a.id,
+            filename: a.name ?? a.filename ?? "",
+            url: a.url,
+            proxyURL: a.proxyURL ?? null,
+            contentType: a.contentType ?? null,
+            size: a.size ?? undefined,
+            width: a.width ?? null,
+            height: a.height ?? null
+        }));
+        const embeds = ensureArray(message.embeds);
+        for (const e of embeds) {
+            const hasContent = e.title || e.description || e.author || (e.fields && e.fields.length > 0) || e.footer;
+            const imageUrl = e.image?.proxyURL ?? e.image?.proxy_url ?? e.image?.url ?? null;
+            const thumbnailUrl = e.thumbnail?.proxyURL ?? e.thumbnail?.proxy_url ?? e.thumbnail?.url ?? null;
+            if (!hasContent && (imageUrl || thumbnailUrl) && e.url) {
+                const url = imageUrl || thumbnailUrl;
+                const filename = url.split("/").pop()?.split("?")[0] || "image";
+                mappedAttachments.push({
+                    id: `embed-${Math.random().toString(36).substr(2, 9)}`,
+                    filename: filename,
+                    url: url,
+                    proxyURL: url,
+                    contentType: null,
+                    size: undefined,
+                    width: e.image?.width ?? e.thumbnail?.width ?? null,
+                    height: e.image?.height ?? e.thumbnail?.height ?? null,
+                    embedUrl: e.url
+                });
+            }
+        }
+        return mappedAttachments;
+    }
+    catch {
+        return [];
+    }
+}
+function extractStickers(message) {
+    try {
+        const stickers = ensureArray(message.stickers || message.stickerItems);
+        return stickers.length > 0
+            ? stickers.map((st) => ({
+                id: st.id,
+                name: st.name ?? null,
+                tags: st.tags ?? null,
+                format: st.format ?? null
+            }))
+            : [];
+    }
+    catch {
+        return [];
+    }
+}
+function extractReactions(message) {
+    try {
+        const reactionValue = message.reactions;
+        const reactions = reactionValue && typeof reactionValue === "object" && "cache" in reactionValue
+            ? ensureArray(reactionValue.cache)
+            : ensureArray(reactionValue);
+        return reactions.length > 0
+            ? reactions.map((r) => ({
+                emoji: {
+                    id: r.emoji?.id ?? null,
+                    name: r.emoji?.name ?? null,
+                    animated: !!r.emoji?.animated
+                },
+                count: r.count ?? 0,
+                me: !!r.me
+            }))
+            : [];
+    }
+    catch {
+        return [];
+    }
+}
+function extractComponents(message) {
+    try {
+        const components = message.components;
+        if (!components || (Array.isArray(components) && components.length === 0))
+            return null;
+        const rows = Array.isArray(components) ? components : components;
+        const actionRows = rows.map((r) => ({
+            type: r.type,
+            components: Array.isArray(r.components) ? r.components : []
+        }));
+        const buttons = [];
+        const selects = [];
+        for (const r of rows) {
+            const rowComponents = Array.isArray(r.components)
+                ? r.components
+                : [];
+            for (const c of rowComponents) {
+                if (c.type === 2) {
+                    const btn = {
+                        type: 2,
+                        customId: c.customId ?? null,
+                        label: c.label ?? null,
+                        style: c.style ?? null,
+                        url: c.url ?? null,
+                        disabled: typeof c.disabled === "boolean" ? c.disabled : null
+                    };
+                    if (c.emoji?.id) {
+                        const animated = !!c.emoji.animated ? "true" : "false";
+                        btn.emojiUrl = `https://cdn.discordapp.com/emojis/${c.emoji.id}.webp?size=96&animated=${animated}`;
+                    }
+                    buttons.push(btn);
+                }
+                if (c.type === 3) {
+                    selects.push({
+                        customId: c.customId ?? null,
+                        placeholder: c.placeholder ?? null,
+                        minValues: c.minValues ?? null,
+                        maxValues: c.maxValues ?? null,
+                        options: Array.isArray(c.options)
+                            ? c.options.map((o) => ({
+                                label: o.label,
+                                value: o.value,
+                                description: o.description ?? null,
+                                default: !!o.default
+                            }))
+                            : undefined
+                    });
+                }
+            }
+        }
+        return { actionRows, buttons, selects };
+    }
+    catch {
+        return null;
+    }
+}
+function extractInteraction(message) {
+    try {
+        const interaction = message.interaction;
+        if (!interaction)
+            return null;
+        return {
+            id: interaction.id ?? null,
+            type: interaction.type ?? null,
+            name: interaction.name ?? null,
+            user: interaction.user ? { id: interaction.user.id, username: interaction.user.username } : null
+        };
+    }
+    catch {
+        return null;
+    }
+}

package/dist/src/utils/polls.d.ts

@@ -0,0 +1,2 @@
+export declare function extractPoll(message: any): any;
+export declare function enrichPollVoters(message: any, poll: any): Promise<void>;

package/dist/src/utils/polls.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractPoll = extractPoll;
+exports.enrichPollVoters = enrichPollVoters;
+function extractPoll(message) {
+    try {
+        const nativePoll = message.poll ?? null;
+        if (nativePoll) {
+            const answersArray = Array.isArray(nativePoll.answers)
+                ? nativePoll.answers
+                : Array.from(typeof nativePoll.answers?.values === "function" ? nativePoll.answers.values() : (nativePoll.answers ?? []));
+            const options = answersArray.map((a) => {
+                const label = a.text ?? a.name ?? a.label ?? null;
+                const count = typeof a.voteCount === "number" ? a.voteCount : typeof a.votes === "number" ? a.votes : typeof a.count === "number" ? a.count : null;
+                return { id: a.id ?? null, label, count };
+            });
+            const total = options.reduce((sum, o) => sum + (o.count || 0), 0);
+            return {
+                type: "native",
+                question: nativePoll.question?.text ?? null,
+                options,
+                totalVotes: total || null,
+                endsAt: nativePoll.expiresTimestamp ? new Date(nativePoll.expiresTimestamp).toISOString() : null,
+                allowMultiselect: !!nativePoll.allowMultiselect
+            };
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+async function enrichPollVoters(message, poll) {
+    if (!poll || poll.type !== "native")
+        return;
+    try {
+        const nativePoll = message.poll;
+        if (!nativePoll || !nativePoll.answers)
+            return;
+        const answersArray = Array.isArray(nativePoll.answers)
+            ? nativePoll.answers
+            : Array.from(typeof nativePoll.answers?.values === "function" ? nativePoll.answers.values() : nativePoll.answers);
+        for (const ans of answersArray) {
+            let voterIds = null;
+            try {
+                if (ans.voters) {
+                    if (Array.isArray(ans.voters)) {
+                        voterIds = ans.voters.map((u) => u.id ?? u).filter(Boolean);
+                    }
+                    else if (typeof ans.voters.values === "function") {
+                        voterIds = Array.from(ans.voters.values())
+                            .map((u) => u?.id ?? u)
+                            .filter(Boolean);
+                    }
+                    else if (ans.voters.cache && typeof ans.voters.cache.values === "function") {
+                        voterIds = Array.from(ans.voters.cache.values())
+                            .map((u) => u?.id ?? u)
+                            .filter(Boolean);
+                    }
+                }
+            }
+            catch {
+                voterIds = null;
+            }
+            const matchIndex = poll.options.findIndex((o) => {
+                if (o.id && ans.id)
+                    return o.id === ans.id;
+                return o.label && o.label === (ans.text ?? ans.name ?? ans.label ?? null);
+            });
+            if (matchIndex !== -1) {
+                if (voterIds && voterIds.length) {
+                    poll.options[matchIndex].voters = voterIds;
+                    poll.options[matchIndex].count = voterIds.length;
+                }
+                else {
+                    const cnt = typeof ans.voteCount === "number"
+                        ? ans.voteCount
+                        : typeof ans.votes === "number"
+                            ? ans.votes
+                            : typeof ans.count === "number"
+                                ? ans.count
+                                : null;
+                    if (cnt !== null)
+                        poll.options[matchIndex].count = cnt;
+                }
+            }
+        }
+        poll.totalVotes = poll.options.reduce((sum, o) => sum + (o.count || 0), 0);
+    }
+    catch { }
+}

package/dist/src/utils/transformer.d.ts

@@ -0,0 +1,6 @@
+import type { Message } from "discord.js";
+import type { SerializableMessage, SerializableAuthor } from "../../types/exportableTranscript";
+export declare function messageToSerializable(message: Message): Promise<{
+    message: SerializableMessage;
+    author: SerializableAuthor | null;
+} | null>;

package/dist/src/utils/transformer.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageToSerializable = messageToSerializable;
+const user_1 = require("./user");
+const extractors_1 = require("./extractors");
+const polls_1 = require("./polls");
+const authors_1 = require("./authors");
+async function messageToSerializable(message) {
+    if (message.type === 24)
+        return null;
+    const attachments = (0, extractors_1.extractAttachments)(message);
+    const embeds = (0, extractors_1.extractEmbeds)(message);
+    const stickers = (0, extractors_1.extractStickers)(message);
+    const reactions = (0, extractors_1.extractReactions)(message);
+    const componentData = (0, extractors_1.extractComponents)(message);
+    const interaction = (0, extractors_1.extractInteraction)(message);
+    const poll = (0, polls_1.extractPoll)(message);
+    const referencedMessageId = message.reference?.messageId ?? null;
+    const hasAuthor = !!message.author;
+    const authorObj = hasAuthor
+        ? {
+            id: message.author.id,
+            username: message.author.username,
+            tag: message.author.tag ?? undefined,
+            guildTag: await (0, user_1.getGuildTagForUser)(message.author),
+            nickname: message.member?.nickname ?? null,
+            avatar: message.author.avatar ?? null,
+            bot: message.author.bot ?? false,
+            color: await (0, user_1.getColorForUser)(message.author, message.guild ?? null, message.member ?? null),
+            verified: extractBotVerified(message.author)
+        }
+        : (0, authors_1.buildSystemAuthor)(message.id, message.type);
+    const forwarded = await (0, authors_1.extractForwarded)(message);
+    const authorId = authorObj ? authorObj.id : null;
+    return {
+        message: {
+            id: message.id,
+            content: message.content ?? (typeof message.type !== "undefined" ? `[System message: type ${message.type}]` : ""),
+            author: authorId,
+            createdAt: message.createdAt.toISOString(),
+            messageType: message.type ?? undefined,
+            embeds: embeds.length > 0 ? embeds : undefined,
+            actionRows: componentData?.actionRows ?? undefined,
+            buttons: componentData?.buttons ?? undefined,
+            selects: componentData?.selects ?? undefined,
+            stickers: stickers.length > 0 ? stickers : undefined,
+            reactions: reactions.length > 0 ? reactions : undefined,
+            editedAt: message.editedAt ? message.editedAt.toISOString() : null,
+            attachments,
+            pinned: message.pinned ?? false,
+            interaction,
+            referencedMessageId: forwarded ? null : referencedMessageId,
+            poll,
+            forwarded
+        },
+        author: authorObj
+    };
+}
+function extractBotVerified(user) {
+    if (!user.bot)
+        return null;
+    try {
+        const flags = user.flags ?? null;
+        if (!flags)
+            return null;
+        if (typeof flags.has === "function") {
+            return !!(flags.has("VerifiedBot") || flags.has("VERIFIED_BOT") || flags.has("VERIFIED_DEVELOPER"));
+        }
+        if (typeof flags.bitfield === "number") {
+            return (flags.bitfield & 0x80) === 0x80;
+        }
+        if (typeof flags === "number") {
+            return (flags & 0x80) === 0x80;
+        }
+    }
+    catch { }
+    return null;
+}

package/dist/src/utils/user.d.ts

@@ -0,0 +1,4 @@
+import type { User, GuildMember } from "discord.js";
+import type { GuildTag } from "../types/entities";
+export declare function getGuildTagForUser(user: User): Promise<GuildTag>;
+export declare function getColorForUser(user: User, guild: any | null, member?: GuildMember | null): Promise<string | null>;

package/dist/src/utils/user.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGuildTagForUser = getGuildTagForUser;
+exports.getColorForUser = getColorForUser;
+const cache_1 = require("./cache");
+async function getGuildTagForUser(user) {
+    const cached = cache_1.guildTagCache.get(user.id);
+    if (cached) {
+        return cached;
+    }
+    const primaryGuild = user.primaryGuild;
+    if (!user.bot && primaryGuild && primaryGuild.identityEnabled) {
+        const tag = {
+            name: primaryGuild.tag ?? undefined,
+            iconUrl: primaryGuild.identityGuildId && primaryGuild.badge
+                ? `https://cdn.discordapp.com/clan-badges/${primaryGuild.identityGuildId}/${primaryGuild.badge}.png`
+                : null
+        };
+        cache_1.guildTagCache.set(user.id, tag);
+        return tag;
+    }
+    const emptyTag = { name: null, iconUrl: null };
+    cache_1.guildTagCache.set(user.id, emptyTag);
+    return emptyTag;
+}
+async function getColorForUser(user, guild, member) {
+    const guildId = guild?.id ?? null;
+    if (!guildId)
+        return null;
+    const key = `${guildId}:${user.id}`;
+    if (cache_1.userColorCache.has(key)) {
+        return cache_1.userColorCache.get(key) ?? null;
+    }
+    let memberToUse = member ?? null;
+    if (!memberToUse) {
+        try {
+            memberToUse = await guild.members.fetch(user.id).catch(() => null);
+        }
+        catch {
+            memberToUse = null;
+        }
+    }
+    let result = null;
+    if (memberToUse) {
+        const highestHex = (memberToUse.roles?.highest?.hexColor ?? null);
+        const hex = highestHex && highestHex !== "#000000"
+            ? highestHex
+            : memberToUse.displayHexColor && memberToUse.displayHexColor !== "#000000"
+                ? memberToUse.displayHexColor
+                : null;
+        if (hex)
+            result = hex;
+    }
+    cache_1.userColorCache.set(key, result);
+    return result;
+}

package/dist/src/web/client.d.ts

@@ -0,0 +1,20 @@
+declare global {
+    interface Window {
+        __TRANSCRIPT_DATA__: {
+            channel: any;
+            messages: any[];
+            theme: string;
+            resolvedUsers: Record<string, unknown>;
+            resolvedRoles: Record<string, unknown>;
+            resolvedChannels?: Record<string, {
+                name?: string | null;
+                guildId?: string | null;
+            }>;
+            exportedAt: string;
+            allowThemeSwitching?: boolean;
+            allowThemeSwitchingPersist?: boolean;
+            poweredBy?: boolean;
+        };
+    }
+}
+export {};

package/dist/src/web/client.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const client_1 = require("react-dom/client");
+const Transcript_1 = __importDefault(require("./discord-components/Transcript"));
+const data = window.__TRANSCRIPT_DATA__ ?? {
+    channel: null,
+    messages: [],
+    theme: "",
+    resolvedUsers: {},
+    resolvedRoles: {},
+    resolvedChannels: {},
+    exportedAt: "",
+    allowThemeSwitching: true,
+    allowThemeSwitchingPersist: true,
+    poweredBy: true
+};
+(0, client_1.hydrateRoot)(document.getElementById("root"), (0, jsx_runtime_1.jsx)(Transcript_1.default, { channel: data.channel, messages: data.messages, theme: data.theme, allowThemeSwitching: typeof data.allowThemeSwitching === "boolean" ? data.allowThemeSwitching : true, allowThemeSwitchingPersist: typeof data.allowThemeSwitchingPersist === "boolean" ? data.allowThemeSwitchingPersist : true, poweredBy: data.poweredBy, resolvedUsers: data.resolvedUsers, resolvedRoles: data.resolvedRoles, resolvedChannels: data.resolvedChannels, exportedAt: data.exportedAt, className: "transcript-ssr" }));

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

@@ -0,0 +1,5 @@
+export default function AudioPlayer({ url, filename, filesize }: {
+    url: string;
+    filename: string;
+    filesize: string;
+}): import("react/jsx-runtime").JSX.Element;