canvas-editor-engine 2.3.37 → 2.3.38

package/dist/index.mjs

@@ -1,3 +1,5 @@
+import ExecutionDelay from "execution-delay";
+
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf || {
         __proto__: []
@@ -2562,51 +2564,52 @@ var Painter = function() {
     return Painter;
 }();
 
-var DrawAccumulatorService = function() {
-    function DrawAccumulatorService(appConfig, appStoreRepository, eventService, drawLayersService) {
-        this.appConfig = appConfig;
-        this.appStoreRepository = appStoreRepository;
-        this.eventService = eventService;
-        this.drawLayersService = drawLayersService;
-        this.painters = new Proxy([], {
-            get: function(target, name) {
-                return target[name];
-            },
-            set: function(target, name, value) {
-                try {
-                    if (typeof (value === null || value === void 0 ? void 0 : value.object) !== "undefined") {
-                        target[name] = value.object;
-                        value.update();
-                        return true;
+function createDynamicPainterStore() {
+    return new Proxy([], {
+        get: function(target, name) {
+            return target[name];
+        },
+        set: function(target, name, value) {
+            try {
+                if (typeof (value === null || value === void 0 ? void 0 : value.object) !== "undefined") {
+                    target[name] = value.object;
+                    value.update();
+                    return true;
+                } else {
+                    if (name != "length") {
+                        console.warn("Proxy set error: object denied");
+                        return false;
                     } else {
-                        if (name != "length") {
-                            console.warn("Proxy set error: object denied");
-                            return false;
-                        } else {
-                            var MIN_LENGTH = -1;
-                            var MAX_LENGTH = __spreadArray([], Object.keys(target), true);
-                            if (value <= Math.max.apply(Math, __spreadArray([ MIN_LENGTH ], MAX_LENGTH, false)) + 1) {
-                                target.length = value;
-                            }
+                        var MIN_LENGTH = -1;
+                        var MAX_LENGTH = __spreadArray([], Object.keys(target), true);
+                        if (value <= Math.max.apply(Math, __spreadArray([ MIN_LENGTH ], MAX_LENGTH, false)) + 1) {
+                            target.length = value;
                         }
-                        return true;
                     }
-                } catch (error) {
-                    console.error("Proxy set error:", error);
-                    return false;
-                }
-            },
-            deleteProperty: function(target, prop) {
-                if (prop in target) {
-                    delete target[prop];
-                    target.length--;
-                    console.log("from:", target);
-                    console.log("property removed: ".concat(prop));
                     return true;
                 }
+            } catch (error) {
+                console.error("Proxy set error:", error);
                 return false;
             }
-        });
+        },
+        deleteProperty: function(target, prop) {
+            if (prop in target) {
+                delete target[prop];
+                return true;
+            }
+            return false;
+        }
+    });
+}
+
+var DrawAccumulatorService = function() {
+    function DrawAccumulatorService(appConfig, appStoreRepository, eventService, drawLayersService) {
+        this.appConfig = appConfig;
+        this.appStoreRepository = appStoreRepository;
+        this.eventService = eventService;
+        this.drawLayersService = drawLayersService;
+        this.painters = createDynamicPainterStore();
     }
     DrawAccumulatorService.prototype.add = function(layerId, drawType, options, initialSize) {
         return __awaiter(this, void 0, void 0, (function() {
@@ -2634,19 +2637,26 @@ var DrawAccumulatorService = function() {
     };
     DrawAccumulatorService.prototype.removePainter = function(painterId) {
         return __awaiter(this, void 0, void 0, (function() {
-            var painterIndex;
+            var painter, filteredPainters;
+            var _this = this;
             return __generator(this, (function(_a) {
-                console.log(this.painters);
-                painterIndex = this.painters.findIndex((function(painter) {
+                painter = this.painters.find((function(painter) {
                     return painter.id === painterId;
                 }));
-                if (painterIndex != -1) {
-                    delete this.painters[painterIndex];
-                    this.drawLayersService.removePainter(painterId);
-                    this.update();
-                } else {
-                    console.warn("Painter not found");
-                }
+                if (!painter) return [ 2, console.warn("Painter not found") ];
+                filteredPainters = JSON.parse(JSON.stringify(this.painters.filter((function(painter) {
+                    return painter.id !== painterId;
+                }))));
+                if (!(filteredPainters === null || filteredPainters === void 0 ? void 0 : filteredPainters.length)) return [ 2, console.warn("Painter not found") ];
+                this.painters = createDynamicPainterStore();
+                filteredPainters.forEach((function(painter) {
+                    _this.painters.push({
+                        object: painter,
+                        update: _this.update.bind(_this)
+                    });
+                }));
+                this.drawLayersService.removePainter(painterId);
+                this.update();
                 return [ 2 ];
             }));
         }));
@@ -2695,7 +2705,7 @@ var DrawAccumulatorService = function() {
     };
     DrawAccumulatorService.prototype.update = function() {
         var _this = this;
-        setTimeout((function() {
+        ExecutionDelay.add("[DrawAccumulatorService] update", (function() {
             _this.clearCanvas();
             _this.invokePaintersOnLayers();
         }), 1e3);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "2.3.37",
+  "version": "2.3.38",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -30,6 +30,7 @@
     "typescript": "^5.7.2"
   },
   "dependencies": {
+    "execution-delay": "^1.0.3",
     "rollup-plugin-multi-input": "^1.5.0",
     "tslib": "^2.8.1"
   }