canvas-editor-engine 2.3.18 → 2.3.19

package/dist/services/draw-accumulator.service.d.ts

@@ -3,7 +3,7 @@ import AppStoreRepository from "../store/storeRepository";
 import { ILayer } from "../types/draw-layers";
 import { IPainter, ISmoothFilterOptions, TDrawType } from "../types/draw-service";
 import { ITempCanvasOptions } from "../types/temp-canvas";
-import DrawLayersService from "./draw-leayers.service";
+import DrawLayersService from "./draw-layers.service";
 import DrawService from "./draw.service";
 import EventService from "./event.service";
 export default class DrawAccumulatorService {

package/dist/services/draw-layers.service.d.ts

@@ -0,0 +1,17 @@
+import AppStoreRepository from "../store/storeRepository";
+import { ILayer, ILayerUpdate } from "../types/draw-layers";
+import { IPainter } from "../types/draw-service";
+export default class DrawLayersService {
+    private appStoreRepository;
+    layerList: ILayer[];
+    constructor(appStoreRepository: AppStoreRepository);
+    addLayer(layerOptions?: {
+        layerName?: string;
+        painter?: IPainter;
+    }): void;
+    getLayerByOrder(order: number): ILayer;
+    getLayerById(layerId: ILayer['id']): ILayer;
+    addToLayer(id: ILayer['id'], painter: IPainter): void;
+    updateLayer(id: ILayer['id'], updateData?: ILayerUpdate): void;
+    removePainter(id: IPainter['id']): void;
+}

package/dist/services/draw-layers.service.js

@@ -0,0 +1,72 @@
+var DrawLayersService = /** @class */ (function () {
+    function DrawLayersService(appStoreRepository) {
+        this.appStoreRepository = appStoreRepository;
+        this.layerList = [];
+        this.addLayer({ layerName: 'Base Layer' });
+    }
+    DrawLayersService.prototype.addLayer = function (layerOptions) {
+        var _a;
+        var layerName = layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.layerName;
+        var painter = layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.painter;
+        var id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+        var name = (function () {
+            if (layerName)
+                return layerName;
+            if (painter) {
+                return "".concat(painter.drawType, "-").concat(painter.id);
+            }
+            else {
+                return 'New Layer';
+            }
+        })();
+        var painters = (painter) ? [painter] : [];
+        var sortedLayers = (_a = this.layerList) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+        var order = (sortedLayers === null || sortedLayers === void 0 ? void 0 : sortedLayers.length) ? sortedLayers.at(-1).order + 1 : 1;
+        var layer = {
+            id: id,
+            painters: painters,
+            order: order,
+            name: name,
+        };
+        this.layerList.push(layer);
+        this.appStoreRepository.store.drawLayersState.reduce('ADD_LAYER', layer);
+    };
+    DrawLayersService.prototype.getLayerByOrder = function (order) {
+        return this.layerList.find(function (layer) { return layer.order === order; });
+    };
+    DrawLayersService.prototype.getLayerById = function (layerId) {
+        return this.layerList.find(function (layer) { return layer.id === layerId; });
+    };
+    DrawLayersService.prototype.addToLayer = function (id, painter) {
+        var layerIndex = this.layerList.findIndex(function (layer) { return layer.id === id; });
+        if (layerIndex === -1)
+            return;
+        var layer = this.layerList[layerIndex];
+        layer.painters.push(painter);
+        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
+    };
+    DrawLayersService.prototype.updateLayer = function (id, updateData) {
+        var layerIndex = this.layerList.findIndex(function (layer) { return layer.id === id; });
+        var fields = Object.keys(updateData);
+        if (!fields.length || layerIndex === -1)
+            return;
+        var layer = this.layerList[layerIndex];
+        fields.forEach(function (field) {
+            layer[field] = updateData[field];
+        });
+        this.layerList[layerIndex] = layer;
+        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
+    };
+    DrawLayersService.prototype.removePainter = function (id) {
+        var layerIndex = this.layerList.findIndex(function (layer) {
+            return layer.painters.find(function (painter) { return painter.id === id; });
+        });
+        if (layerIndex === -1)
+            return;
+        this.layerList[layerIndex].painters = this.layerList[layerIndex].painters.filter(function (painter) { return painter.id !== id; });
+        var layer = this.layerList[layerIndex];
+        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
+    };
+    return DrawLayersService;
+}());
+export default DrawLayersService;

package/dist/web-component.d.ts

@@ -18,7 +18,7 @@ import PullProjectService from "./services/pull-project.service";
 import DrawService from "./services/draw.service";
 import DownloadService from "./services/download.service";
 import ResizeService from "./services/serize.service";
-import DrawLayersService from "./services/draw-leayers.service";
+import DrawLayersService from "./services/draw-layers.service";
 import { ILayer } from "./types/draw-layers";
 import DrawAccumulatorService from "./services/draw-accumulator.service";
 export declare class WebComponentWrapper {

package/dist/web-component.js

@@ -33,7 +33,7 @@ import PullProjectService from "./services/pull-project.service";
 import DrawService from "./services/draw.service";
 import DownloadService from "./services/download.service";
 import ResizeService from "./services/serize.service";
-import DrawLayersService from "./services/draw-leayers.service";
+import DrawLayersService from "./services/draw-layers.service";
 import DrawAccumulatorService from "./services/draw-accumulator.service";
 var WebComponentWrapper = /** @class */ (function () {
     function WebComponentWrapper() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "2.3.18",
+  "version": "2.3.19",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",