Blur Command

README.md

@@ -232,7 +232,7 @@ in the appropriate channel's topic to use it.
 
 ## Commands
 
-Total: 508
+Total: 509
 
 ### Utility:
 
@@ -566,6 +566,7 @@ Total: 508
 * **apple-engraving:** Engraves the text of your choice onto an Apple product.
 * **approved:** Draws an "approved" stamp over an image or a user's avatar.
 * **axis-cult-sign-up:** Sends an Axis Cult Sign-Up sheet for you. Join today!
+* **blur:** Draws an image or a user's avatar but blurred.
 * **brazzers:** Draws an image with the Brazzers logo in the corner. (NSFW)
 * **certificate:** Sends a certificate of excellence with the name and reason of your choice.
 * **chinese-restaurant:** Sends a Chinese restaurant sign with the text of your choice.

commands/edit-image/blur.js

@@ -0,0 +1,52 @@
+const Command = require('../../structures/Command');
+const { createCanvas, loadImage } = require('canvas');
+const request = require('node-superfetch');
+const stackBlur = require('stackblur-canvas');
+
+module.exports = class BlurCommand extends Command {
+	constructor(client) {
+		super(client, {
+			name: 'blur',
+			aliases: ['gaussian', 'gaussian-blur', 'stackblur'],
+			group: 'edit-image',
+			memberName: 'blur',
+			description: 'Draws an image or a user\'s avatar but blurred.',
+			throttling: {
+				usages: 1,
+				duration: 10
+			},
+			clientPermissions: ['ATTACH_FILES'],
+			args: [
+				{
+					key: 'radius',
+					prompt: 'What blur radius would you like to use?',
+					type: 'integer',
+					max: 180,
+					min: 1
+				},
+				{
+					key: 'image',
+					prompt: 'What image would you like to edit?',
+					type: 'image',
+					default: msg => msg.author.displayAvatarURL({ format: 'png', size: 512 })
+				}
+			]
+		});
+	}
+
+	async run(msg, { radius, image }) {
+		try {
+			const { body } = await request.get(image);
+			const data = await loadImage(body);
+			const canvas = createCanvas(data.width, data.height);
+			const ctx = canvas.getContext('2d');
+			ctx.drawImage(data, 0, 0);
+			stackBlur.canvasRGBA(canvas, 0, 0, canvas.width, canvas.height, radius);
+			const attachment = canvas.toBuffer();
+			if (Buffer.byteLength(attachment) > 8e+6) return msg.reply('Resulting image was above 8 MB.');
+			return msg.say({ files: [{ attachment, name: 'blur.png' }] });
+		} catch (err) {
+			return msg.reply(`Oh no, an error occurred: \`${err.message}\`. Try again later!`);
+		}
+	}
+};

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xiao",
-	"version": "117.4.1",
+	"version": "117.5.0",
 	"description": "Your personal server companion.",
 	"main": "Xiao.js",
 	"scripts": {
@@ -54,6 +54,7 @@
 		"pokersolver": "^2.1.3",
 		"random-js": "^2.1.0",
 		"rss-parser": "^3.8.0",
+		"stackblur-canvas": "^2.3.0",
 		"winston": "^3.3.3"
 	},
 	"optionalDependencies": {