BlurNSFW — FiveCord

index.ts

Download

Source

src/plugins/blurNsfw/index.ts

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

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

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

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

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

7let style: HTMLStyleElement;

9const settings = definePluginSettings({

10 blurAmount: {

11 type: OptionType.NUMBER,

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

13 default: 10,

14 onChange: setCss

15 }

16});

18function setCss() {

19 style.textContent = `

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

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

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

23 transition: filter 0.2s;

25 &:hover {

26 filter: blur(0);

27 }

28 }

29 `;

30}

32export default definePlugin({

33 name: "BlurNSFW",

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

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

36 authors: [Devs.Ven],

37 settings,

39 patches: [

40 {

41 find: "}renderStickersAccessories(",

42 replacement: [

43 {

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

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

46 }

47 ]

48 }

49 ],

51 start() {

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

54 setCss();

55 },

57 stop() {

58 style?.remove();

59 }

60});

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