new ploogin

plugins/channelMenu/index.ts

@@ -0,0 +1 @@
+import "./style.css";

plugins/channelMenu/manifest.json

@@ -0,0 +1,19 @@
+{
+  "id": "dev.eboi.blurnsfw",
+  "name": "Blur NSFW",
+  "description": "Blur Images/Videos in NSFW channels until hovered",
+  "author": {
+    "name": "ugly-patootie",
+    "discordID": "458805348669718559",
+    "github": "E-boi"
+  },
+  "version": "1.0.0",
+  "updater": {
+    "type": "github",
+    "id": "E-boi/replugged-plugins"
+  },
+  "license": "MIT",
+  "type": "replugged-plugin",
+  "renderer": "index.ts",
+  "plaintextPatches": "plaintextPatches.ts"
+}

plugins/channelMenu/plaintextPatches.ts

@@ -0,0 +1,13 @@
+import type { PlaintextPatch } from "replugged/dist/types";
+
+export default [
+  {
+    find: "renderAttachments=function",
+    replacements: [
+      {
+        match: /className:o\(\).{15}er/g,
+        replace: "$&,this?.props?.channel?.nsfw&&'rp-blurNsfw'",
+      },
+    ],
+  },
+] as PlaintextPatch[];

plugins/channelMenu/style.css

@@ -0,0 +1,18 @@
+:root {
+  --blur-effect: blur(10px);
+  --blur-timing: 1s;
+}
+
+.rp-blurNsfw [class*="originalLink-"] {
+  z-index: 0;
+}
+.rp-blurNsfw img,
+.rp-blurNsfw video {
+  transition: var(--blur-timing) !important;
+  filter: var(--blur-effect) !important;
+}
+.rp-blurNsfw img:hover,
+.rp-blurNsfw video:hover {
+  transition: var(--blur-timing) !important;
+  filter: none !important;
+}