canvas-editor-engine 1.0.73 → 1.0.75

package/dist/services/crop.service.js

@@ -19,12 +19,14 @@ class CropService {
             y: (config_1.default.CANVAS_SIZE.height / 2) - (options.height / 2),
         };
         filter.update(imageData, putOptions);
-        store_1.default.store.imageState.tempImageData = imageData;
-        store_1.default.store.imageState.position = putOptions;
-        store_1.default.store.imageState.size = {
-            width: options.width,
-            height: options.height,
-        };
+        store_1.default.store.imageState.reduce({
+            tempImageData: imageData,
+            position: putOptions,
+            size: {
+                width: options.width,
+                height: options.height,
+            }
+        }, "Use crop");
     }
     static viewCropButton() {
         const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');

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

@@ -0,0 +1,13 @@
+import { StateService } from "../services/store.service";
+import { IHistoryLine } from "../types/history";
+export interface IHistoryState {
+    historyLines: IHistoryLine[];
+}
+export declare class HistoryState implements StateService {
+    private default;
+    private _historyLines;
+    get historyLines(): IHistoryState['historyLines'];
+    constructor();
+    reduce(payload: IHistoryLine | IHistoryState): void;
+    reset(): void;
+}

package/dist/store/history.state.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryState = void 0;
+;
+class HistoryState {
+    default = {
+        historyLines: [],
+    };
+    _historyLines = this.default.historyLines;
+    get historyLines() { return this._historyLines; }
+    ;
+    constructor() {
+        this.reset();
+    }
+    reduce(payload) {
+        let isUpdate = false;
+        if (!!payload?.historyLines) {
+            this._historyLines = payload.historyLines;
+            isUpdate = true;
+        }
+        if (!!payload.view) {
+            this._historyLines.push(payload);
+            isUpdate = true;
+        }
+        if (isUpdate) {
+            console.log(this._historyLines);
+        }
+    }
+    reset() {
+        this.reduce(this.default);
+    }
+}
+exports.HistoryState = HistoryState;

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

@@ -5,10 +5,21 @@ export interface IImageState {
     size: ISize;
     tempImageData: ImageData | null;
 }
-export declare class ImageState implements StateService, IImageState {
+export interface IImageStateReduce {
+    position?: IImageState['position'];
+    size?: IImageState['size'];
+    tempImageData?: IImageState['tempImageData'];
+}
+export declare class ImageState implements StateService {
     private default;
-    position: IImageState['position'];
-    size: IImageState['size'];
-    tempImageData: IImageState['tempImageData'];
+    private _position;
+    private _size;
+    private _tempImageData;
+    get position(): IImageState['position'];
+    get size(): IImageState['size'];
+    get tempImageData(): IImageState['tempImageData'];
+    constructor();
+    reduce(payload: IImageStateReduce, title?: string): void;
     reset(): void;
+    addToHistory(title: string): void;
 }

package/dist/store/image.state.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageState = void 0;
+const store_1 = require("./store");
+;
 ;
 class ImageState {
     default = {
@@ -14,13 +16,42 @@ class ImageState {
         },
         tempImageData: null,
     };
-    position = this.default.position;
-    size = this.default.size;
-    tempImageData = this.default.tempImageData;
+    _position = this.default.position;
+    _size = this.default.size;
+    _tempImageData = this.default.tempImageData;
+    get position() { return this._position; }
+    ;
+    get size() { return this._size; }
+    ;
+    get tempImageData() { return this._tempImageData; }
+    ;
+    constructor() {
+        this.reset();
+    }
+    reduce(payload, title) {
+        let isUpdate = false;
+        if (!!payload?.position) {
+            this._position = payload.position;
+        }
+        if (!!payload?.size) {
+            this._size = payload.size;
+        }
+        if (!!payload?.tempImageData) {
+            this._tempImageData = payload.tempImageData;
+            isUpdate = true;
+        }
+        if (isUpdate) {
+            this.addToHistory(`${title || "reduce image"}`);
+        }
+    }
     reset() {
-        this.position = this.default.position;
-        this.size = this.default.size;
-        this.tempImageData = this.default.tempImageData;
+        this.reduce(this.default, "reset to default");
+    }
+    addToHistory(title) {
+        store_1.default.store.historyState.reduce({
+            view: title,
+            stateName: 'image',
+        });
     }
 }
 exports.ImageState = ImageState;

package/dist/store/store.d.ts

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

package/dist/store/store.js

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

package/dist/types/history.d.ts

@@ -0,0 +1,4 @@
+export interface IHistoryLine {
+    stateName: string;
+    view: string;
+}

package/dist/types/history.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

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