canvas-editor-engine 2.3.22 → 2.3.24

package/dist/services/logger.service.js

@@ -1,57 +0,0 @@
-var LoggerService = /** @class */ (function () {
-    function LoggerService() {
-        this.log = {
-            components: [],
-            services: [],
-            planed: [],
-        };
-    }
-    Object.defineProperty(LoggerService.prototype, "components", {
-        get: function () {
-            return this.getMethods('components');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(LoggerService.prototype, "services", {
-        get: function () {
-            return this.getMethods('services');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(LoggerService.prototype, "planed", {
-        get: function () {
-            return this.getMethods('planed');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    LoggerService.prototype.getMethods = function (fields) {
-        var proto = this;
-        return {
-            add: function (logItem) {
-                proto._add(fields, logItem);
-            },
-            get: function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                proto._get.apply(proto, args);
-            },
-        };
-    };
-    LoggerService.prototype._add = function (field, // keyof typeof this.log
-    logItem) {
-        this.log[field].push(logItem);
-    };
-    LoggerService.prototype._get = function (field, name) {
-        return this.log[field].find(function (logItem) { return logItem.info.name === name; });
-    };
-    return LoggerService;
-}());
-export default LoggerService;

package/dist/services/projects.service.js

@@ -1,103 +0,0 @@
-import { ProjectFileSerializer } from "../utils/project-file-serializer";
-var LocalStorageProjectModule = /** @class */ (function () {
-    function LocalStorageProjectModule() {
-        this.projectsKey = 'cee-projects';
-    }
-    LocalStorageProjectModule.prototype.getProjectsFromLocalStorage = function () {
-        var projects = localStorage.getItem(this.projectsKey);
-        return projects ? JSON.parse(projects) : [];
-    };
-    LocalStorageProjectModule.prototype.getProjectFromLocalStorage = function (projectId) {
-        var projects = this.getProjectsFromLocalStorage();
-        return projects.find(function (project) { return project.id === projectId; });
-    };
-    LocalStorageProjectModule.prototype.saveProjectsToLocalStorage = function (projects) {
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.saveProjectToLocalStorage = function (project) {
-        var projects = this.getProjectsFromLocalStorage();
-        projects.push(project);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.removeProjectFromLocalStorage = function (projectId) {
-        var projects = this.getProjectsFromLocalStorage();
-        var index = projects.findIndex(function (project) { return project.id === projectId; });
-        projects.splice(index, 1);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.updateProjectInLocalStorage = function (project) {
-        var projects = this.getProjectsFromLocalStorage();
-        var index = projects.findIndex(function (p) { return p.id === project.id; });
-        projects[index] = project;
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.getProjects = function () {
-        return this.getProjectsFromLocalStorage();
-    };
-    LocalStorageProjectModule.prototype.getProject = function (projectId) {
-        return this.getProjectFromLocalStorage(projectId);
-    };
-    LocalStorageProjectModule.prototype.saveProjects = function (projects) {
-        this.saveProjectsToLocalStorage(projects);
-    };
-    LocalStorageProjectModule.prototype.saveProject = function (project) {
-        this.saveProjectToLocalStorage(project);
-    };
-    LocalStorageProjectModule.prototype.removeProject = function (projectId) {
-        this.removeProjectFromLocalStorage(projectId);
-    };
-    LocalStorageProjectModule.prototype.updateProject = function (project) {
-        this.updateProjectInLocalStorage(project);
-    };
-    return LocalStorageProjectModule;
-}());
-var ProjectFileProjectModule = /** @class */ (function () {
-    function ProjectFileProjectModule() {
-    }
-    ProjectFileProjectModule.prototype.setSerializer = function (serializer) {
-        this._serializer = serializer;
-    };
-    ProjectFileProjectModule.prototype.getProjects = function () {
-        return this._serializer.getProjects();
-    };
-    ProjectFileProjectModule.prototype.getProject = function (projectId) {
-        return this._serializer.getProject(projectId);
-    };
-    ProjectFileProjectModule.prototype.saveProject = function (project) {
-        return this._serializer.saveProject(project);
-    };
-    ProjectFileProjectModule.prototype.saveProjects = function (projects) {
-        return this._serializer.saveProjects(projects);
-    };
-    ProjectFileProjectModule.prototype.removeProject = function (projectId) {
-        return this._serializer.removeProject(projectId);
-    };
-    ProjectFileProjectModule.prototype.updateProject = function (project) {
-        return this._serializer.updateProject(project);
-    };
-    return ProjectFileProjectModule;
-}());
-var ProjectsService = /** @class */ (function () {
-    function ProjectsService() {
-        this._modules = [];
-        this._serializer = ProjectFileSerializer;
-        this._addModule('LocalStorage', new LocalStorageProjectModule());
-        this._addModule('File', new ProjectFileProjectModule());
-    }
-    ProjectsService.prototype.on = function (moduleName) {
-        var _this = this;
-        var module = this._modules.find(function (module) { return module.name === moduleName; });
-        if (!module) {
-            throw new Error("Module ".concat(moduleName, " not found"));
-        }
-        return {
-            getSerializerInstance: function (file) { return new _this._serializer(file); },
-            instance: module.instance,
-        };
-    };
-    ProjectsService.prototype._addModule = function (name, module) {
-        this._modules.push({ name: name, instance: module });
-    };
-    return ProjectsService;
-}());
-export default ProjectsService;

package/dist/services/pull-project.service.js

@@ -1,40 +0,0 @@
-import { Project } from "../types/project";
-import { Guid4 } from "../utils/guid4";
-var PullProjectService = /** @class */ (function () {
-    function PullProjectService(throughHistoryService, appStoreRepository) {
-        this.throughHistoryService = throughHistoryService;
-        this.appStoreRepository = appStoreRepository;
-        this._project = new Project();
-    }
-    Object.defineProperty(PullProjectService.prototype, "project", {
-        get: function () {
-            return this._project;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PullProjectService.prototype.refreshProject = function () {
-        this._project = new Project();
-    };
-    PullProjectService.prototype.updateProject = function (project) {
-        var _this = this;
-        Object.keys(project).forEach(function (key) {
-            _this._project[key] = project[key];
-        });
-    };
-    PullProjectService.prototype.pull = function (name, description) {
-        var project = new Project();
-        var state = {
-            cache: this.throughHistoryService.cache,
-            history: this.appStoreRepository.store.historyState.historyLines,
-            current: this.appStoreRepository.store.imageState.getEntry(),
-        };
-        project.id = new Guid4().generate();
-        project.description = description || 'New Project';
-        project.name = name || 'New Project';
-        project.state = state;
-        this._project = project;
-    };
-    return PullProjectService;
-}());
-export default PullProjectService;

package/dist/services/serize.service.js

@@ -1,23 +0,0 @@
-import { Filter } from "../utils/filter";
-var ResizeService = /** @class */ (function () {
-    function ResizeService(appConfig, throughHistoryService) {
-        this.appConfig = appConfig;
-        this.throughHistoryService = throughHistoryService;
-    }
-    ResizeService.prototype.resize = function (ctx, size) {
-        var currentRender = this.throughHistoryService.current();
-        var state = currentRender === null || currentRender === void 0 ? void 0 : currentRender.stateValue;
-        if (!state) {
-            return console.warn('No state');
-        }
-        ;
-        this.appConfig.CANVAS_SIZE = size;
-        this.updateCanvas(ctx, state);
-    };
-    ResizeService.prototype.updateCanvas = function (ctx, stateValue) {
-        var filter = new Filter(this.appConfig, ctx);
-        filter.update(stateValue.tempImageData, stateValue.position);
-    };
-    return ResizeService;
-}());
-export default ResizeService;

package/dist/services/store.service.js

@@ -1,14 +0,0 @@
-var StateService = /** @class */ (function () {
-    function StateService() {
-    }
-    return StateService;
-}());
-export { StateService };
-;
-var StoreService = /** @class */ (function () {
-    function StoreService() {
-    }
-    return StoreService;
-}());
-export { StoreService };
-;

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

@@ -1,51 +0,0 @@
-import { Filter } from "../utils/filter";
-var ThroughHistoryService = /** @class */ (function () {
-    function ThroughHistoryService(appConfig, appStoreRepository) {
-        this.appConfig = appConfig;
-        this.appStoreRepository = appStoreRepository;
-        this.cache = [];
-    }
-    ThroughHistoryService.prototype.current = function () {
-        var history = this.appStoreRepository.store.historyState.historyLines;
-        var lastIndex = history.length - 1;
-        return history[lastIndex];
-    };
-    ThroughHistoryService.prototype.prev = function () {
-        var history = this.appStoreRepository.store.historyState.historyLines;
-        var prevIndex = history.length - 2;
-        return history[prevIndex];
-    };
-    ThroughHistoryService.prototype.undo = function (ctx) {
-        var current = this.current();
-        var prev = this.prev();
-        if (!!(current === null || current === void 0 ? void 0 : current.stateValue)) {
-            this.cache.unshift(current);
-            this.appStoreRepository.store.historyState.reduce('UNDO');
-            if (prev === null || prev === void 0 ? void 0 : prev.stateValue) {
-                this.updateCanvas(ctx, prev.stateValue);
-            }
-        }
-    };
-    ;
-    ThroughHistoryService.prototype.redo = function (ctx) {
-        var firstInCache = this.cache.shift();
-        if (!!(firstInCache === null || firstInCache === void 0 ? void 0 : firstInCache.stateValue)) {
-            this.appStoreRepository.store.historyState.reduce('REDO', firstInCache);
-            this.updateCanvas(ctx, firstInCache.stateValue);
-        }
-    };
-    ;
-    ThroughHistoryService.prototype.clearCache = function () {
-        this.cache = [];
-    };
-    ThroughHistoryService.prototype.recovery = function (project) {
-        this.appStoreRepository.store.historyState.reduce('SET_HISTORY', { historyLines: project.state.history });
-        this.cache = project.state.cache;
-    };
-    ThroughHistoryService.prototype.updateCanvas = function (ctx, stateValue) {
-        var filter = new Filter(this.appConfig, ctx);
-        filter.update(stateValue.tempImageData, stateValue.position);
-    };
-    return ThroughHistoryService;
-}());
-export default ThroughHistoryService;

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

@@ -1,13 +0,0 @@
-var ToolLayerService = /** @class */ (function () {
-    function ToolLayerService(appConfig) {
-        this.appConfig = appConfig;
-        this.multiplier = 1000;
-    }
-    ToolLayerService.prototype.getLayerIndex = function (layerName) {
-        var layer = this.appConfig.LAYERS.find(function (layer) { return layer.name === layerName; });
-        var zIndex = this.multiplier * layer.index;
-        return zIndex;
-    };
-    return ToolLayerService;
-}());
-export default ToolLayerService;

package/dist/services/tool.service.js

@@ -1,59 +0,0 @@
-var ToolService = /** @class */ (function () {
-    function ToolService(canvasComponent) {
-        this.canvasComponent = canvasComponent;
-        this.before = null;
-        this.active = null;
-        this.registry = [];
-    }
-    ToolService.prototype.add = function (tool) {
-        var hasRegisteredTool = this.registry.find(function (registeredTool) { return registeredTool.id === tool.id; });
-        if (hasRegisteredTool) {
-            console.warn('Tool has been previously registered!');
-            return false;
-        }
-        this.registry.push(tool);
-        return true;
-    };
-    ToolService.prototype.setActive = function (id) {
-        var _a, _b, _c;
-        if (((_a = this.active) === null || _a === void 0 ? void 0 : _a.id) === id)
-            return console.warn('Tool is already active');
-        if (!!((_b = this.active) === null || _b === void 0 ? void 0 : _b.offAction)) {
-            this.active.offAction();
-        }
-        var registeredTool = this.registry.find(function (registeredTool) { return registeredTool.id === id; });
-        if (!!registeredTool) {
-            this.active = registeredTool;
-            if (!!((_c = this.active) === null || _c === void 0 ? void 0 : _c.onAction)) {
-                this.active.onAction();
-            }
-        }
-        else {
-            console.warn('Tool has not previously been registered with this identifier');
-        }
-    };
-    ToolService.prototype.offActive = function (id) {
-        if (!!id) {
-            if (this.active.id === id) {
-                this.off();
-            }
-            else {
-                return console.warn("ID active tool is not \"".concat(id, "\""));
-            }
-        }
-        else {
-            this.off();
-        }
-    };
-    ToolService.prototype.off = function () {
-        var _a;
-        if (!!((_a = this.active) === null || _a === void 0 ? void 0 : _a.offAction)) {
-            this.active.offAction();
-        }
-        this.before = this.active;
-        this.active = null;
-        this.canvasComponent.cursorStyle = 'default';
-    };
-    return ToolService;
-}());
-export default ToolService;

package/dist/store/draw-layers.state.js

@@ -1,85 +0,0 @@
-;
-var DrawLayersState = /** @class */ (function () {
-    function DrawLayersState(appStoreRepository) {
-        this.appStoreRepository = appStoreRepository;
-        this.default = {
-            layers: [],
-        };
-        this._layers = this.default.layers;
-        this.reset();
-    }
-    Object.defineProperty(DrawLayersState.prototype, "layers", {
-        get: function () { return this._layers; },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    DrawLayersState.prototype.reduce = function (name, payload) {
-        var reducer = new Reducer(this);
-        switch (name) {
-            case 'SET_LAYERS':
-                reducer.setLayers(payload);
-                break;
-            case 'UPDATE_LAYER':
-                reducer.updateLayer(payload);
-                break;
-            case 'ADD_LAYER':
-                reducer.addLayer(payload);
-                break;
-        }
-    };
-    DrawLayersState.prototype.emerge = function (completeIt) {
-        this._emergeCompleteIt = completeIt;
-    };
-    DrawLayersState.prototype.reset = function () {
-        this.reduce('SET_LAYERS', this.default);
-    };
-    return DrawLayersState;
-}());
-export { DrawLayersState };
-var Reducer = /** @class */ (function () {
-    function Reducer(state) {
-        this.state = state;
-    }
-    ;
-    Reducer.prototype.setLayers = function (payload) {
-        var isUpdate = false;
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.layers)) {
-            this.state._layers = payload.layers;
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._layers);
-        }
-    };
-    Reducer.prototype.updateLayer = function (payload) {
-        var isUpdate = false;
-        if (!!payload) {
-            var targetLayerIndex = this.state._layers.findIndex(function (layer) { return layer.id === payload.id; });
-            if (targetLayerIndex != -1) {
-                this.state._layers[targetLayerIndex] = payload;
-                isUpdate = true;
-            }
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._layers);
-        }
-    };
-    Reducer.prototype.addLayer = function (payload) {
-        var isUpdate = false;
-        if (!!payload) {
-            this.state._layers.unshift(payload);
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._layers);
-        }
-    };
-    Reducer.prototype.popLayer = function () {
-        this.state._layers.pop();
-        if (!!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._layers);
-        }
-    };
-    return Reducer;
-}());

package/dist/store/history.state.js

@@ -1,77 +0,0 @@
-;
-var HistoryState = /** @class */ (function () {
-    function HistoryState(throughHistoryService) {
-        this.throughHistoryService = throughHistoryService;
-        this.default = {
-            historyLines: [],
-        };
-        this._historyLines = this.default.historyLines;
-        this.reset();
-    }
-    Object.defineProperty(HistoryState.prototype, "historyLines", {
-        get: function () { return this._historyLines; },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    HistoryState.prototype.reduce = function (name, payload) {
-        var reducer = new Reducer(this);
-        switch (name) {
-            case 'SET_HISTORY':
-                reducer.setHistoryLines(payload);
-                this.throughHistoryService.clearCache();
-                break;
-            case 'UPDATE_HISTORY':
-                reducer.updateHistoryLines(payload);
-                this.throughHistoryService.clearCache();
-                break;
-            case 'REDO':
-                reducer.updateHistoryLines(payload);
-                break;
-            case 'UNDO':
-                reducer.popHistoryLines();
-                break;
-        }
-    };
-    HistoryState.prototype.emerge = function (completeIt) {
-        this._emergeCompleteIt = completeIt;
-    };
-    HistoryState.prototype.reset = function () {
-        this.reduce('SET_HISTORY', this.default);
-    };
-    return HistoryState;
-}());
-export { HistoryState };
-var Reducer = /** @class */ (function () {
-    function Reducer(state) {
-        this.state = state;
-    }
-    ;
-    Reducer.prototype.setHistoryLines = function (payload) {
-        var isUpdate = false;
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.historyLines)) {
-            this.state._historyLines = payload.historyLines;
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    };
-    Reducer.prototype.updateHistoryLines = function (payload) {
-        var isUpdate = false;
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.view)) {
-            this.state._historyLines.push(payload);
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    };
-    Reducer.prototype.popHistoryLines = function () {
-        this.state._historyLines.pop();
-        if (!!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    };
-    return Reducer;
-}());

package/dist/store/image.state.js

@@ -1,80 +0,0 @@
-;
-;
-var ImageState = /** @class */ (function () {
-    function ImageState(appStoreRepository) {
-        this.appStoreRepository = appStoreRepository;
-        this.default = {
-            position: {
-                x: 0,
-                y: 0,
-            },
-            size: {
-                width: 0,
-                height: 0,
-            },
-            tempImageData: null,
-        };
-        this._position = this.default.position;
-        this._size = this.default.size;
-        this._tempImageData = this.default.tempImageData;
-        this.reset();
-    }
-    Object.defineProperty(ImageState.prototype, "position", {
-        get: function () { return this._position; },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(ImageState.prototype, "size", {
-        get: function () { return this._size; },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(ImageState.prototype, "tempImageData", {
-        get: function () { return this._tempImageData; },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    ImageState.prototype.reduce = function (payload, title) {
-        var isUpdate = false;
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.position)) {
-            this._position = payload.position;
-        }
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.size)) {
-            this._size = payload.size;
-        }
-        if (!!(payload === null || payload === void 0 ? void 0 : payload.tempImageData)) {
-            this._tempImageData = payload.tempImageData;
-            isUpdate = true;
-        }
-        if (isUpdate) {
-            this.addToHistory("".concat(title || "reduce image"));
-        }
-    };
-    ImageState.prototype.reset = function () {
-        this.reduce(this.default, "reset to default");
-    };
-    ImageState.prototype.getEntry = function () {
-        return {
-            position: this._position,
-            size: this._size,
-            imageData: this._tempImageData,
-        };
-    };
-    ImageState.prototype.addToHistory = function (title) {
-        var stateValue = {
-            position: this._position,
-            size: this._size,
-            tempImageData: this._tempImageData,
-        };
-        this.appStoreRepository.store.historyState.reduce('UPDATE_HISTORY', {
-            view: title,
-            stateName: 'image',
-            stateValue: stateValue,
-        });
-    };
-    return ImageState;
-}());
-export { ImageState };

package/dist/store/store.js

@@ -1,41 +0,0 @@
-import { DrawLayersState } from "./draw-layers.state";
-import { HistoryState } from "./history.state";
-import { ImageState } from "./image.state";
-var Store = /** @class */ (function () {
-    function Store(imageState, historyState, drawLayersState) {
-        this.imageState = imageState;
-        this.historyState = historyState;
-        this.drawLayersState = drawLayersState;
-    }
-    ;
-    Store.prototype.reset = function () {
-        this.imageState.reset();
-        this.historyState.reset();
-        this.drawLayersState.reset();
-    };
-    return Store;
-}());
-export { Store };
-var AppStore = /** @class */ (function () {
-    function AppStore(throughHistoryService, appStoreRepository) {
-        this.throughHistoryService = throughHistoryService;
-        this.appStoreRepository = appStoreRepository;
-        this.appStoreRepository.store = new Store(new ImageState(this.appStoreRepository), new HistoryState(this.throughHistoryService), new DrawLayersState(this.appStoreRepository));
-    }
-    AppStore.prototype.subscribe = function (to, completeIt) {
-        if (to === 'history') {
-            this.appStoreRepository.store.historyState.emerge(completeIt);
-        }
-        else if (to === 'layers') {
-            this.appStoreRepository.store.drawLayersState.emerge(completeIt);
-        }
-    };
-    AppStore.prototype.getHistoryLines = function () {
-        return this.appStoreRepository.store.historyState.historyLines;
-    };
-    AppStore.prototype.getLayers = function () {
-        return this.appStoreRepository.store.drawLayersState.layers;
-    };
-    return AppStore;
-}());
-export default AppStore;

package/dist/store/storeRepository.js

@@ -1,6 +0,0 @@
-var AppStoreRepository = /** @class */ (function () {
-    function AppStoreRepository() {
-    }
-    return AppStoreRepository;
-}());
-export default AppStoreRepository;

package/dist/types/canvas.js

@@ -1,2 +0,0 @@
-;
-export {};

package/dist/types/cursor.js

@@ -1,2 +0,0 @@
-;
-export {};

package/dist/types/draw-layers.js

@@ -1,3 +0,0 @@
-;
-;
-export {};

package/dist/types/draw-service.js

@@ -1,2 +0,0 @@
-;
-export {};

package/dist/types/excretion.js

@@ -1,4 +0,0 @@
-;
-;
-;
-export {};