canvas-editor-engine 1.0.37 → 1.0.39

package/dist/components/canvas.component.js

@@ -12,7 +12,7 @@ class CanvasComponent extends component_service_1.default {
     static css = `
     #event-listener {
       position: absolute;
-      z-index: ${tool_layers_service_1.ToolLayer.getLayerIndex('normal')};
+      z-index: ${tool_layers_service_1.default.getLayerIndex('normal')};
     }
   `;
     static eventListener;

package/dist/components/excretions.component.js

@@ -23,7 +23,7 @@ class ExcretionsComponent extends component_service_1.default {
       background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
       background-position: left top, right bottom, left bottom, right top;
       animation: border-dance 1s infinite linear;
-      z-index: ${tool_layers_service_1.ToolLayer.getLayerIndex('low')};
+      z-index: ${tool_layers_service_1.default.getLayerIndex('low')};
     }
 
     .excretion_crop {
@@ -44,7 +44,7 @@ class ExcretionsComponent extends component_service_1.default {
       width: 30px;
       height: 30px;
       cursor: pointer;
-      z-index: ${tool_layers_service_1.ToolLayer.getLayerIndex('high')};
+      z-index: ${tool_layers_service_1.default.getLayerIndex('high')};
     }
 
     .crop-button--view {

package/dist/filters/collection/vague.js

@@ -17,8 +17,8 @@ class VagueFilter extends filter_1.Filter {
     }
     pixel(imageData, filterOptions) {
         const imageSize = {
-            w: imageData.width,
-            h: imageData.height,
+            width: imageData.width,
+            height: imageData.height,
         };
         this.setImageSize(imageSize);
         const { quality } = filterOptions;
@@ -42,8 +42,8 @@ class VagueFilter extends filter_1.Filter {
         return imageData;
     }
     getQualityBuff(buff, quality) {
-        const wq = Math.floor(this.imageSize.w / quality);
-        const hq = Math.floor(this.imageSize.h / quality);
+        const wq = Math.floor(this.imageSize.width / quality);
+        const hq = Math.floor(this.imageSize.height / quality);
         const qualityBuff = [];
         const rangeCommit = [];
         let i = 0;

package/dist/services/crop.service.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const excretions_component_1 = require("../components/excretions.component");
+const config_1 = require("../config");
+const store_1 = require("../store/store");
 const filter_1 = require("../utils/filter");
 class CropService {
     static setup() {
@@ -13,7 +15,16 @@ class CropService {
         const filter = new filter_1.Filter(ctx);
         const options = CropService.options;
         const imageData = filter.copy(options);
-        filter.update(imageData, options);
+        const putOptions = {
+            x: (config_1.default.CANVAS_SIZE.width / 2) - (options.width / 2),
+            y: (config_1.default.CANVAS_SIZE.height / 2) - (options.height / 2),
+        };
+        filter.update(imageData, putOptions);
+        store_1.default.store.imageState.position = putOptions;
+        store_1.default.store.imageState.size = {
+            width: options.width,
+            height: options.height,
+        };
     }
     static viewCropButton() {
         const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');

package/dist/services/store.service.d.ts

@@ -0,0 +1,6 @@
+export declare abstract class StateService {
+    abstract reset(): void;
+}
+export declare abstract class StoreService {
+    abstract reset(): void;
+}

package/dist/services/store.service.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoreService = exports.StateService = void 0;
+class StateService {
+}
+exports.StateService = StateService;
+;
+class StoreService {
+}
+exports.StoreService = StoreService;
+;

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

@@ -1,4 +1,4 @@
-export declare class ToolLayer {
+export default class ToolLayer {
     static multiplier: number;
     static getLayerIndex(layerName: string): number;
 }

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolLayer = void 0;
 const config_1 = require("../config");
 class ToolLayer {
     static multiplier = 1000;
@@ -10,4 +9,4 @@ class ToolLayer {
         return zIndex;
     }
 }
-exports.ToolLayer = ToolLayer;
+exports.default = ToolLayer;

package/dist/store/image.state.d.ts

@@ -0,0 +1,14 @@
+import { StateService } from "../services/store.service";
+import { IPosition, ISize } from "../types/general";
+export interface IImageState {
+    position: IPosition;
+    size: ISize;
+    tempImageData: ImageData | null;
+}
+export declare class ImageState implements StateService, IImageState {
+    private default;
+    position: IImageState['position'];
+    size: IImageState['size'];
+    tempImageData: IImageState['tempImageData'];
+    reset(): void;
+}

package/dist/store/image.state.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageState = void 0;
+;
+class ImageState {
+    default = {
+        position: {
+            x: 0,
+            y: 0,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        tempImageData: null,
+    };
+    position = this.default.position;
+    size = this.default.size;
+    tempImageData = this.default.tempImageData;
+    reset() {
+        this.position = this.default.position;
+        this.size = this.default.size;
+        this.tempImageData = this.default.tempImageData;
+    }
+}
+exports.ImageState = ImageState;

package/dist/store/store.d.ts

@@ -0,0 +1,10 @@
+import { StoreService } from "../services/store.service";
+import { ImageState } from "./image.state";
+export declare class Store implements StoreService {
+    imageState: ImageState;
+    constructor(imageState: ImageState);
+    reset(): void;
+}
+export default class AppStore {
+    static store: Store;
+}

package/dist/store/store.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Store = void 0;
+const image_state_1 = require("./image.state");
+class Store {
+    imageState;
+    constructor(imageState) {
+        this.imageState = imageState;
+    }
+    ;
+    reset() {
+        this.imageState.reset();
+    }
+}
+exports.Store = Store;
+class AppStore {
+    static store;
+    static {
+        AppStore.store = new Store(new image_state_1.ImageState());
+    }
+}
+exports.default = AppStore;

package/dist/types/general.d.ts

@@ -13,3 +13,12 @@ export interface ITool {
     support?: (...args: any) => void;
 }
 export type IGUID4 = `${number}-${number}-${number}-${number}`;
+export interface IPosition {
+    x: number;
+    y: number;
+}
+export interface ISize {
+    width: number;
+    height: number;
+}
+export type TStringMatrix = string[][];

package/dist/types/general.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 ;
 ;
+;

package/dist/types/image.d.ts

@@ -1,34 +1,25 @@
-export interface IImageOptions {
-    x: number;
-    y: number;
+import { IPosition, ISize, TStringMatrix } from "./general";
+export interface IOptionImageSize {
     width?: number;
     height?: number;
 }
+export interface IImageOptions extends IPosition, IOptionImageSize {
+}
 export interface IDrawImageArgs {
     position: IArgumentImagePosition;
     size?: TArgumentImageSize;
 }
-export interface IArgumentImagePosition {
-    x: number;
-    y: number;
-}
-export type TArgumentImageSize = IOptionImageSize | 'initial';
-export interface IOptionImageSize {
-    width?: number;
-    height?: number;
+export interface IArgumentImagePosition extends IPosition {
 }
-export interface IImageSize {
-    w: number;
-    h: number;
+export interface IPixelPosition extends IPosition {
 }
-export interface IPixelPosition {
-    x: number;
-    y: number;
+export type TArgumentImageSize = IOptionImageSize | 'initial';
+export interface IImageSize extends ISize {
 }
 export type TRGBABuff = TByteRGBColor[];
 export type TByteRGBColor = [number, number, number, number];
-export type TBuff = string[][];
-export type TQualityBuff = string[][];
+export type TBuff = TStringMatrix;
+export type TQualityBuff = TStringMatrix;
 export type TRangeCommit = IPixelPosition[][];
 export type TFilterMethod = 'pixel';
 export interface IFilterOptions {

package/dist/types/image.js

@@ -5,3 +5,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 ;
 ;
 ;
+;

package/dist/utils/filter.d.ts

@@ -1,4 +1,4 @@
-import type { IImageOptions, IImageSize, TBuff, TRGBABuff } from "../types/image";
+import type { IImageOptions, IImageSize, TRGBABuff } from "../types/image";
 export declare class Filter {
     ctx: CanvasRenderingContext2D;
     imageSize: IImageSize;
@@ -9,7 +9,7 @@ export declare class Filter {
     getBuffCollection(imageData: ImageData): {
         rowRGBABuff: TRGBABuff;
         hexBuff: `#${string}`[];
-        buff: TBuff;
+        buff: import("../types/general").TStringMatrix;
     };
     private getBuff;
     private getRowRGBABuff;

package/dist/utils/filter.js

@@ -20,6 +20,7 @@ class Filter {
         return imgData;
     }
     update(imgData, options) {
+        this.ctx.clearRect(0, 0, config_1.default.CANVAS_SIZE.width, config_1.default.CANVAS_SIZE.height);
         this.ctx.putImageData(imgData, options.x, options.y);
     }
     getBuffCollection(imageData) {
@@ -29,7 +30,7 @@ class Filter {
         return { rowRGBABuff, hexBuff, buff };
     }
     getBuff(hexBuff) {
-        const distanceRow = (0, lodash_1.range)(0, this.imageSize.h).map((i) => this.imageSize.w * i);
+        const distanceRow = (0, lodash_1.range)(0, this.imageSize.height).map((i) => this.imageSize.width * i);
         const buff = [];
         let indexOfDistance = 0;
         hexBuff.forEach((pxColor, pxIndex) => {

package/package.json

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