canvas-editor-engine 1.0.84 → 1.0.86

package/dist/index.d.ts

@@ -12,6 +12,7 @@ import CropService from "./services/crop.service";
 import DownloadService from "./services/download.service";
 import ToolLayerService from "./services/tool-layers.service";
 import EventService from "./services/event.service";
+import ThroughHistoryService from "./services/through-history.service";
 import AppStore from "./store/store";
 declare class CanvasEditorEngine {
     constructor(webComponentTagName?: string);
@@ -29,4 +30,4 @@ declare class VueCanvasEditorEngine extends CanvasEditorEngine {
     getContext2D(): CanvasRenderingContext2D;
     getCanvas(): HTMLCanvasElement;
 }
-export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, };
+export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppStore = exports.VueCanvasEditorEngine = exports.StaticCanvasEditorEngine = exports.EventService = exports.ToolLayerService = exports.DownloadService = exports.CropService = exports.LoggerService = exports.DrawService = exports.ToolService = exports.LoadingComponent = exports.SlotComponent = exports.ExcretionComponent = exports.CanvasComponent = exports.PipetteComponent = exports.AppConfig = void 0;
+exports.AppStore = exports.VueCanvasEditorEngine = exports.StaticCanvasEditorEngine = exports.ThroughHistoryService = exports.EventService = exports.ToolLayerService = exports.DownloadService = exports.CropService = exports.LoggerService = exports.DrawService = exports.ToolService = exports.LoadingComponent = exports.SlotComponent = exports.ExcretionComponent = exports.CanvasComponent = exports.PipetteComponent = exports.AppConfig = void 0;
 const config_1 = require("./config");
 exports.AppConfig = config_1.default;
 const web_component_1 = require("./web-component");
@@ -28,6 +28,8 @@ const tool_layers_service_1 = require("./services/tool-layers.service");
 exports.ToolLayerService = tool_layers_service_1.default;
 const event_service_1 = require("./services/event.service");
 exports.EventService = event_service_1.default;
+const through_history_service_1 = require("./services/through-history.service");
+exports.ThroughHistoryService = through_history_service_1.default;
 const store_1 = require("./store/store");
 exports.AppStore = store_1.default;
 class CanvasEditorEngine {

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

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

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

@@ -2,16 +2,22 @@
 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(name: 'SET_HISTORY' | 'UPDATE_HISTORY', 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

@@ -14,24 +14,20 @@ class HistoryState {
         this.reset();
     }
     reduce(name, payload) {
-        // let isUpdate = false;
-        // if (!!(payload as IHistoryState)?.historyLines) {
-        //   this._historyLines = (payload as IHistoryState).historyLines;
-        //   isUpdate = true;
-        // }
-        // if (!!(payload as IHistoryLine)?.view) {
-        //   this._historyLines.push(payload as IHistoryLine);
-        //   isUpdate = true;
-        // }
-        // if (isUpdate && !!this._emergeCompleteIt) {
-        //   this._emergeCompleteIt(this._historyLines);
-        // }
         const reducer = new Reducer();
-        if (name === 'SET_HISTORY') {
-            reducer.setHistoryLines(payload, this);
-        }
-        if (name === 'UPDATE_HISTORY') {
-            reducer.updateHistoryLines(payload, this);
+        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) {
@@ -63,4 +59,10 @@ class Reducer {
             state._emergeCompleteIt(state._historyLines);
         }
     }
+    popHistoryLines(state) {
+        state._historyLines.pop();
+        if (!!state._emergeCompleteIt) {
+            state._emergeCompleteIt(state._historyLines);
+        }
+    }
 }

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.84",
+  "version": "1.0.86",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",