BlurNSFW — FiveCord

index.ts

Download

Source

src/plugins/blurNsfw/index.ts

1/*

2 * FiveCord — a Discord client mod

4 * SPDX-License-Identifier: GPL-3.0-or-later

5 */

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

8import { managedStyleRootNode } from "@api/Styles";

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

10import { createAndAppendStyle } from "@utils/css";

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

13let style: HTMLStyleElement;

15const settings = definePluginSettings({

16 blurAmount: {

17 type: OptionType.NUMBER,

18 description: "Blur Amount (in pixels)",

19 default: 10,

20 onChange: setCss

21 }

22});

24function setCss() {

25 style.textContent = `

26 .vc-nsfw-img [class*=imageContainer],

27 .vc-nsfw-img [class*=wrapperPaused] {

28 filter: blur(${settings.store.blurAmount}px);

29 transition: filter 0.2s;

31 &:hover {

32 filter: blur(0);

33 }

34 }

35 `;

36}

38export default definePlugin({

39 name: "BlurNSFW",

40 description: "Blur attachments in NSFW channels until hovered",

41 tags: ["Privacy", "Appearance"],

42 authors: [Devs.Ven],

43 settings,

45 patches: [

46 {

47 find: "}renderStickersAccessories(",

48 replacement: [

49 {

50 match: /(\.renderReactions$\i$.+?className:)/,

51 replace: '$&(this?.props?.channel?.nsfw?"vc-nsfw-img ":"")+'

52 }

53 ]

54 }

55 ],

57 start() {

58 style = createAndAppendStyle("VcBlurNsfw", managedStyleRootNode);

60 setCss();

61 },

63 stop() {

64 style?.remove();

65 }

66});

/*
 * FiveCord — a Discord client mod
 * Copyright (c) 2025 FiveCord
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

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

let style: HTMLStyleElement;

const settings = definePluginSettings({
    blurAmount: {
        type: OptionType.NUMBER,
        description: "Blur Amount (in pixels)",
        default: 10,
        onChange: setCss
    }
});

function setCss() {
    style.textContent = `
        .vc-nsfw-img [class*=imageContainer],
        .vc-nsfw-img [class*=wrapperPaused] {
            filter: blur(${settings.store.blurAmount}px);
            transition: filter 0.2s;

            &:hover {
                filter: blur(0);
            }
        }
        `;
}

export default definePlugin({
    name: "BlurNSFW",
    description: "Blur attachments in NSFW channels until hovered",
    tags: ["Privacy", "Appearance"],
    authors: [Devs.Ven],
    settings,

    patches: [
        {
            find: "}renderStickersAccessories(",
            replacement: [
                {
                    match: /(\.renderReactions\(\i\).+?className:)/,
                    replace: '$&(this?.props?.channel?.nsfw?"vc-nsfw-img ":"")+'
                }
            ]
        }
    ],

    start() {
        style = createAndAppendStyle("VcBlurNsfw", managedStyleRootNode);

        setCss();
    },

    stop() {
        style?.remove();
    }
});

Source

FiveCord for Windows