aboutsummaryrefslogtreecommitdiff
path: root/src/plugins/blurNsfw.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/plugins/blurNsfw.ts')
-rw-r--r--src/plugins/blurNsfw.ts59
1 files changed, 59 insertions, 0 deletions
diff --git a/src/plugins/blurNsfw.ts b/src/plugins/blurNsfw.ts
new file mode 100644
index 0000000..f5a272c
--- /dev/null
+++ b/src/plugins/blurNsfw.ts
@@ -0,0 +1,59 @@
+/*
+ * Vencord, a modification for Discord's desktop app
+ * Copyright (c) 2022 Vendicated and contributors
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import { Devs } from "../utils/constants";
+import definePlugin from "../utils/types";
+
+export default definePlugin({
+ name: "BlurNsfw",
+ description: "Blur attachments in NSFW channels until hovered",
+ authors: [Devs.Ven],
+
+ patches: [
+ {
+ find: "().embedWrapper,embed",
+ replacement: [{
+ match: /(\.renderEmbed=.+?(.)=.\.props)(.+?\(\)\.embedWrapper)/g,
+ replace: "$1,vcProps=$2$3+(vcProps.channel.nsfw?' vc-nsfw-img':'')"
+ }, {
+ match: /(\.renderAttachments=.+?(.)=this\.props)(.+?\(\)\.embedWrapper)/g,
+ replace: "$1,vcProps=$2$3+(vcProps.channel.nsfw?' vc-nsfw-img':'')"
+ }]
+ }
+ ],
+
+ start() {
+ const style = this.style = document.createElement("style");
+ style.id = "VcBlurNsfw";
+ document.head.appendChild(style);
+
+ style.textContent = `
+ .vc-nsfw-img img {
+ filter: blur(5px);
+ transition: filter 0.2s ease-in;
+ }
+ .vc-nsfw-img:hover img {
+ filter: unset;
+ }
+ `;
+ },
+
+ stop() {
+ this.style?.remove();
+ }
+});