ImageFilename — FiveCord

index.ts

Download

Source

src/plugins/imageFilename/index.ts

1import { definePluginSettings } from "@api/Settings";

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

3import definePlugin, { OptionType } from "@utils/types";

6const GifHostRegex = /^(.+?\.)?(tenor|giphy|imgur)\.com$/i;

8const settings = definePluginSettings({

9 showFullUrl: {

        description: "Show the full URL of the image instead of just the file name. Always enabled for GIFs because they usually have no meaningful file name",

11 type: OptionType.BOOLEAN,

12 default: false,

13 },

14});

16export default definePlugin({

17 name: "ImageFilename",

18 authors: [Devs.Ven],

19 description: "Display the file name of images & GIFs as a tooltip when hovering over them",

20 tags: ["Media", "Utility"],

21 settings,

23 patches: [

24 {

25 find: ".RESPONSIVE?",

26 replacement: {

27 match: /(?="data-role":"img","data-safe-src":)(?<=href:(\i).+?)/,

28 replace: "title:$self.getTitle($1),"

29 }

30 },

31 ],

33 getTitle(src: string) {

34 try {

35 const url = new URL(src);

36 const isGif = GifHostRegex.test(url.hostname);

37 if (!isGif && !ImageExtensionRe.test(url.pathname)) return undefined;

39 return isGif || settings.store.showFullUrl

40 ? src

41 : url.pathname.split("/").pop();

42 } catch {

43 return undefined;

44 }

45 }

46});

import { definePluginSettings } from "@api/Settings";
import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types";

const ImageExtensionRe = /\.(png|jpg|jpeg|gif|webp|avif)$/i;
const GifHostRegex = /^(.+?\.)?(tenor|giphy|imgur)\.com$/i;

const settings = definePluginSettings({
    showFullUrl: {
        description: "Show the full URL of the image instead of just the file name. Always enabled for GIFs because they usually have no meaningful file name",
        type: OptionType.BOOLEAN,
        default: false,
    },
});

export default definePlugin({
    name: "ImageFilename",
    authors: [Devs.Ven],
    description: "Display the file name of images & GIFs as a tooltip when hovering over them",
    tags: ["Media", "Utility"],
    settings,

    patches: [
        {
            find: ".RESPONSIVE?",
            replacement: {
                match: /(?="data-role":"img","data-safe-src":)(?<=href:(\i).+?)/,
                replace: "title:$self.getTitle($1),"
            }
        },
    ],

    getTitle(src: string) {
        try {
            const url = new URL(src);
            const isGif = GifHostRegex.test(url.hostname);
            if (!isGif && !ImageExtensionRe.test(url.pathname)) return undefined;

            return isGif || settings.store.showFullUrl
                ? src
                : url.pathname.split("/").pop();
        } catch {
            return undefined;
        }
    }
});

Source

FiveCord for Windows