Add miniPaint as new frontend base

2026-01-26 12:20:16 -05:00
parent bb859105ff
commit 6ae4cbcb77
306 changed files with 60729 additions and 4050 deletions
@@ -0,0 +1,88 @@
+import app from './../../app.js';
+import config from './../../config.js';
+import Dialog_class from './../../libs/popup.js';
+import Base_layers_class from './../../core/base-layers.js';
+import ImageFilters from './../../libs/imagefilters.js';
+import alertify from './../../../../node_modules/alertifyjs/build/alertify.min.js';
+
+class Effects_boxBlur_class {
+
+	constructor() {
+		this.POP = new Dialog_class();
+		this.Base_layers = new Base_layers_class();
+	}
+
+	box_blur() {
+		var _this = this;
+
+		if (config.layer.type != 'image') {
+			alertify.error('This layer must contain an image. Please convert it to raster to apply this tool.');
+			return;
+		}
+
+		var settings = {
+			title: 'Box blur',
+			preview: true,
+			effects: true,
+			params: [
+				{name: "param1", title: "H Radius:", value: 3, range: [1, 20]},
+				{name: "param2", title: "V Radius:", value: 3, range: [1, 20]},
+				{name: "param3", title: "Quality:", value: 3, range: [1, 20]},
+			],
+			on_change: function (params, canvas_preview, w, h) {
+				var img = canvas_preview.getImageData(0, 0, w, h);
+				var data = _this.change(img, params);
+				canvas_preview.putImageData(data, 0, 0);
+			},
+			on_finish: function (params) {
+				_this.save(params);
+			},
+		};
+		this.POP.show(settings);
+	}
+
+	save(params) {
+		//get canvas from layer
+		var canvas = this.Base_layers.convert_layer_to_canvas(null, true);
+		var ctx = canvas.getContext("2d");
+
+		//change data
+		var img = ctx.getImageData(0, 0, canvas.width, canvas.height);
+		var data = this.change(img, params);
+		ctx.putImageData(data, 0, 0);
+
+		//save
+		return app.State.do_action(
+			new app.Actions.Update_layer_image_action(canvas)
+		);
+	}
+
+	change(data, params) {
+		var param1 = params.param1;
+		var param2 = params.param2;
+		var param3 = params.param3;
+
+		var filtered = ImageFilters.BoxBlur(data, param1, param2, param3);
+
+		return filtered;
+	}
+
+	demo(canvas_id, canvas_thumb){
+		var canvas = document.getElementById(canvas_id);
+		var ctx = canvas.getContext("2d");
+		ctx.drawImage(canvas_thumb, 0, 0);
+
+		//now update
+		var img = ctx.getImageData(0, 0, canvas_thumb.width, canvas_thumb.height);
+		var params = {
+			param1: 20,
+			param2: 1,
+			param3: 1,
+		}
+		var data = this.change(img, params);
+		ctx.putImageData(data, 0, 0);
+	}
+
+}
+
+export default Effects_boxBlur_class;