canvas-editor-engine 1.0.83 → 1.0.85

package/dist/services/through-history.service.d.ts

@@ -0,0 +1,8 @@
+import { IHistoryLine } from "../types/history";
+export default class ThroughHistoryService {
+    static cache: IHistoryLine[];
+    static current(): IHistoryLine;
+    static undo(): void;
+    static redo(): void;
+    static clearCache(): void;
+}

package/dist/services/through-history.service.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const store_1 = require("../store/store");
+class ThroughHistoryService {
+    static cache = [];
+    static current() {
+        const history = store_1.default.store.historyState.historyLines;
+        const lastIndex = history.length - 1;
+        return history[lastIndex];
+    }
+    static undo() {
+        store_1.default.store.historyState.reduce('UNDO');
+    }
+    ;
+    static redo() {
+        store_1.default.store.historyState.reduce('REDO', ThroughHistoryService.cache.shift());
+    }
+    ;
+    static clearCache() {
+        ThroughHistoryService.cache = [];
+    }
+}
+exports.default = ThroughHistoryService;

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

@@ -1,5 +1,5 @@
 import { StateService } from "../services/store.service";
-import { IHistoryLine } from "../types/history";
+import { IHistoryLine, TReducerNames } from "../types/history";
 export interface IHistoryState {
     historyLines: IHistoryLine[];
 }
@@ -9,7 +9,7 @@ export declare class HistoryState implements StateService {
     private _historyLines;
     get historyLines(): IHistoryState['historyLines'];
     constructor();
-    reduce(payload: IHistoryLine | IHistoryState): void;
+    reduce(name: TReducerNames, payload?: IHistoryLine | IHistoryState): void;
     emerge(completeIt: (history: IHistoryState['historyLines']) => void): void;
     reset(): void;
 }

package/dist/store/history.state.js

@@ -13,28 +13,56 @@ class HistoryState {
     constructor() {
         this.reset();
     }
-    reduce(payload) {
+    reduce(name, payload) {
+        const reducer = new Reducer();
+        switch (name) {
+            case 'SET_HISTORY':
+                reducer.setHistoryLines(payload, this);
+                break;
+            case 'UPDATE_HISTORY':
+                reducer.updateHistoryLines(payload, this);
+                break;
+            case 'REDO':
+                reducer.updateHistoryLines(payload, this);
+                break;
+            case 'UNDO':
+                reducer.popHistoryLines(this);
+                break;
+        }
+    }
+    emerge(completeIt) {
+        this._emergeCompleteIt = completeIt;
+    }
+    reset() {
+        this.reduce('SET_HISTORY', this.default);
+    }
+}
+exports.HistoryState = HistoryState;
+class Reducer {
+    setHistoryLines(payload, state) {
         let isUpdate = false;
         if (!!payload?.historyLines) {
-            this._historyLines = payload.historyLines;
+            state._historyLines = payload.historyLines;
             isUpdate = true;
         }
+        if (isUpdate && !!state._emergeCompleteIt) {
+            state._emergeCompleteIt(state._historyLines);
+        }
+    }
+    updateHistoryLines(payload, state) {
+        let isUpdate = false;
         if (!!payload?.view) {
-            this._historyLines.push(payload);
+            state._historyLines.push(payload);
             isUpdate = true;
         }
-        console.log('isUpdate && !!this._emergeCompleteIt', isUpdate && !!this._emergeCompleteIt);
-        if (isUpdate && !!this._emergeCompleteIt) {
-            console.log("this._emergeCompleteIt", this._emergeCompleteIt);
-            this._emergeCompleteIt(this._historyLines);
+        if (isUpdate && !!state._emergeCompleteIt) {
+            state._emergeCompleteIt(state._historyLines);
         }
     }
-    emerge(completeIt) {
-        console.log('completeIt', completeIt);
-        this._emergeCompleteIt = completeIt;
-    }
-    reset() {
-        this.reduce(this.default);
+    popHistoryLines(state) {
+        state._historyLines.pop();
+        if (!!state._emergeCompleteIt) {
+            state._emergeCompleteIt(state._historyLines);
+        }
     }
 }
-exports.HistoryState = HistoryState;

package/dist/store/image.state.js

@@ -53,7 +53,7 @@ class ImageState {
             size: this._size,
             tempImageData: this._tempImageData,
         };
-        store_1.default.store.historyState.reduce({
+        store_1.default.store.historyState.reduce('UPDATE_HISTORY', {
             view: title,
             stateName: 'image',
             stateValue,

package/dist/types/history.d.ts

@@ -3,3 +3,4 @@ export interface IHistoryLine {
     stateValue: any;
     view: string;
 }
+export type TReducerNames = 'SET_HISTORY' | 'UPDATE_HISTORY' | 'UNDO' | 'REDO';

package/package.json

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