Translate — FiveCord

index.tsx

Download

Source

src/plugins/translate/index.tsx

1import "./styles.css";

3import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";

4import { Devs } from "@utils/constants";

5import definePlugin from "@utils/types";

6import { Message } from "@vencord/discord-types";

7import { ChannelStore, Menu } from "@webpack/common";

9import { settings } from "./settings";

10import { setShouldShowTranslateEnabledTooltip, TranslateChatBarIcon, TranslateIcon } from "./TranslateIcon";

11import { handleTranslate, TranslationAccessory } from "./TranslationAccessory";

12import { translate } from "./utils";

14const messageCtxPatch: NavContextMenuPatchCallback = (children, { message }: { message: Message; }) => {

15 const content = getMessageContent(message);

16 if (!content) return;

18 const group = findGroupChildrenByChildId("copy-text", children);

19 if (!group) return;

21 group.splice(group.findIndex(c => c?.props?.id === "copy-text") + 1, 0, (

22 <Menu.MenuItem

23 id="vc-trans"

24 label="Translate"

25 icon={TranslateIcon}

26 action={async () => {

27 const trans = await translate("received", content);

28 handleTranslate(message.id, trans);

29 }}

30 />

31 ));

32};

35function getMessageContent(message: Message) {

36 // Message snapshots is an array, which allows for nested snapshots, which Discord does not do yet.

37 // no point collecting content or rewriting this to render in a certain way that makes sense

38 // for something currently impossible.

39 return message.content

40 || message.messageSnapshots?.[0]?.message.content

41 || message.embeds?.find(embed => embed.type === "auto_moderation_message")?.rawDescription || "";

42}

44let tooltipTimeout: any;

46export default definePlugin({

47 name: "Translate",

48 description: "Translate messages with Google Translate, DeepL or Kagi.",

49 tags: ["Chat", "Utility"],

50 authors: [Devs.Ven, Devs.AshtonMemer, Devs.koish1],

51 settings,

52 contextMenus: {

53 "message": messageCtxPatch

54 },

55 // not used, just here in case some other plugin wants it or w/e

56 translate,

58 renderMessageAccessory: props => <TranslationAccessory message={props.message} />,

60 chatBarButton: {

61 icon: TranslateIcon,

62 render: TranslateChatBarIcon

63 },

65 messagePopoverButton: {

66 icon: TranslateIcon,

67 render(message: Message) {

68 const content = getMessageContent(message);

69 if (!content) return null;

71 return {

72 label: "Translate",

73 icon: TranslateIcon,

74 message,

75 channel: ChannelStore.getChannel(message.channel_id),

76 onClick: async () => {

77 const trans = await translate("received", content);

78 handleTranslate(message.id, trans);

79 }

80 };

81 }

82 },

84 async onBeforeMessageSend(_, message) {

85 if (!settings.store.autoTranslate) return;

86 if (!message.content) return;

88 setShouldShowTranslateEnabledTooltip?.(true);

89 clearTimeout(tooltipTimeout);

90 tooltipTimeout = setTimeout(() => setShouldShowTranslateEnabledTooltip?.(false), 2000);

92 const trans = await translate("sent", message.content);

93 message.content = trans.text;

94 }

95});

import "./styles.css";

import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import { Message } from "@vencord/discord-types";
import { ChannelStore, Menu } from "@webpack/common";

import { settings } from "./settings";
import { setShouldShowTranslateEnabledTooltip, TranslateChatBarIcon, TranslateIcon } from "./TranslateIcon";
import { handleTranslate, TranslationAccessory } from "./TranslationAccessory";
import { translate } from "./utils";

const messageCtxPatch: NavContextMenuPatchCallback = (children, { message }: { message: Message; }) => {
    const content = getMessageContent(message);
    if (!content) return;

    const group = findGroupChildrenByChildId("copy-text", children);
    if (!group) return;

    group.splice(group.findIndex(c => c?.props?.id === "copy-text") + 1, 0, (
        <Menu.MenuItem
            id="vc-trans"
            label="Translate"
            icon={TranslateIcon}
            action={async () => {
                const trans = await translate("received", content);
                handleTranslate(message.id, trans);
            }}
        />
    ));
};


function getMessageContent(message: Message) {
    // Message snapshots is an array, which allows for nested snapshots, which Discord does not do yet.
    // no point collecting content or rewriting this to render in a certain way that makes sense
    // for something currently impossible.
    return message.content
        || message.messageSnapshots?.[0]?.message.content
        || message.embeds?.find(embed => embed.type === "auto_moderation_message")?.rawDescription || "";
}

let tooltipTimeout: any;

export default definePlugin({
    name: "Translate",
    description: "Translate messages with Google Translate, DeepL or Kagi.",
    tags: ["Chat", "Utility"],
    authors: [Devs.Ven, Devs.AshtonMemer, Devs.koish1],
    settings,
    contextMenus: {
        "message": messageCtxPatch
    },
    // not used, just here in case some other plugin wants it or w/e
    translate,

    renderMessageAccessory: props => <TranslationAccessory message={props.message} />,

    chatBarButton: {
        icon: TranslateIcon,
        render: TranslateChatBarIcon
    },

    messagePopoverButton: {
        icon: TranslateIcon,
        render(message: Message) {
            const content = getMessageContent(message);
            if (!content) return null;

            return {
                label: "Translate",
                icon: TranslateIcon,
                message,
                channel: ChannelStore.getChannel(message.channel_id),
                onClick: async () => {
                    const trans = await translate("received", content);
                    handleTranslate(message.id, trans);
                }
            };
        }
    },

    async onBeforeMessageSend(_, message) {
        if (!settings.store.autoTranslate) return;
        if (!message.content) return;

        setShouldShowTranslateEnabledTooltip?.(true);
        clearTimeout(tooltipTimeout);
        tooltipTimeout = setTimeout(() => setShouldShowTranslateEnabledTooltip?.(false), 2000);

        const trans = await translate("sent", message.content);
        message.content = trans.text;
    }
});

Source

FiveCord for Windows