canvas-editor-engine 2.0.1 → 2.0.4

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

@@ -1,20 +0,0 @@
-import { ILog, ILogItem } from "../types/log";
-import ComponentService from "./component.service";
-export default class LoggerService {
-    static log: ILog<ComponentService, any, any>;
-    static get components(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    static get services(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    static get planed(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    private static getMethods;
-    private static _add;
-    private static _get;
-}

package/dist/services/logger.service.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class LoggerService {
-    static log = {
-        components: [],
-        services: [],
-        planed: [],
-    };
-    static get components() {
-        return LoggerService.getMethods('components');
-    }
-    ;
-    static get services() {
-        return LoggerService.getMethods('services');
-    }
-    ;
-    static get planed() {
-        return LoggerService.getMethods('planed');
-    }
-    ;
-    static getMethods(fields) {
-        return {
-            add(logItem) {
-                LoggerService._add(fields, logItem);
-            },
-            get(...args) {
-                LoggerService._get(...args);
-            },
-        };
-    }
-    static _add(field, logItem) {
-        LoggerService.log[field].push(logItem);
-    }
-    static _get(field, name) {
-        return LoggerService.log[field].find((logItem) => logItem.info.name === name);
-    }
-}
-exports.default = LoggerService;

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

@@ -1,11 +0,0 @@
-import { IProjectModule, TProjectModuleName } from "../types/project";
-import { ProjectFileSerializer } from "../utils/project-file-serializer";
-export default class ProjectsService {
-    private static _modules;
-    private static _serializer;
-    static on(moduleName: TProjectModuleName): {
-        getSerializerInstance: (file: any) => ProjectFileSerializer;
-        instance: IProjectModule;
-    };
-    private static _addModule;
-}

package/dist/services/projects.service.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const project_file_serializer_1 = require("../utils/project-file-serializer");
-class LocalStorageProjectModule {
-    projectsKey = 'cee-projects';
-    getProjectsFromLocalStorage() {
-        const projects = localStorage.getItem(this.projectsKey);
-        return projects ? JSON.parse(projects) : [];
-    }
-    getProjectFromLocalStorage(projectId) {
-        const projects = this.getProjectsFromLocalStorage();
-        return projects.find((project) => project.id === projectId);
-    }
-    saveProjectsToLocalStorage(projects) {
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    }
-    saveProjectToLocalStorage(project) {
-        const projects = this.getProjectsFromLocalStorage();
-        projects.push(project);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    }
-    removeProjectFromLocalStorage(projectId) {
-        const projects = this.getProjectsFromLocalStorage();
-        const index = projects.findIndex((project) => project.id === projectId);
-        projects.splice(index, 1);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    }
-    updateProjectInLocalStorage(project) {
-        const projects = this.getProjectsFromLocalStorage();
-        const index = projects.findIndex((p) => p.id === project.id);
-        projects[index] = project;
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    }
-    getProjects() {
-        return this.getProjectsFromLocalStorage();
-    }
-    getProject(projectId) {
-        return this.getProjectFromLocalStorage(projectId);
-    }
-    saveProjects(projects) {
-        this.saveProjectsToLocalStorage(projects);
-    }
-    saveProject(project) {
-        this.saveProjectToLocalStorage(project);
-    }
-    removeProject(projectId) {
-        this.removeProjectFromLocalStorage(projectId);
-    }
-    updateProject(project) {
-        this.updateProjectInLocalStorage(project);
-    }
-}
-class ProjectFileProjectModule {
-    static _serializer;
-    static setSerializer(serializer) {
-        ProjectFileProjectModule._serializer = serializer;
-    }
-    getProjects() {
-        return ProjectFileProjectModule._serializer.getProjects();
-    }
-    getProject(projectId) {
-        return ProjectFileProjectModule._serializer.getProject(projectId);
-    }
-    saveProject(project) {
-        return ProjectFileProjectModule._serializer.saveProject(project);
-    }
-    saveProjects(projects) {
-        return ProjectFileProjectModule._serializer.saveProjects(projects);
-    }
-    removeProject(projectId) {
-        return ProjectFileProjectModule._serializer.removeProject(projectId);
-    }
-    updateProject(project) {
-        return ProjectFileProjectModule._serializer.updateProject(project);
-    }
-}
-class ProjectsService {
-    static _modules = [];
-    static _serializer = project_file_serializer_1.ProjectFileSerializer;
-    static on(moduleName) {
-        const module = ProjectsService._modules.find((module) => module.name === moduleName);
-        if (!module) {
-            throw new Error(`Module ${moduleName} not found`);
-        }
-        return {
-            getSerializerInstance: (file) => new ProjectsService._serializer(file),
-            instance: module.instance,
-        };
-    }
-    static {
-        ProjectsService._addModule('LocalStorage', new LocalStorageProjectModule());
-        ProjectsService._addModule('File', new ProjectFileProjectModule());
-    }
-    static _addModule(name, module) {
-        ProjectsService._modules.push({ name, instance: module });
-    }
-}
-exports.default = ProjectsService;

package/dist/services/pull-project.service.d.ts

@@ -1,8 +0,0 @@
-import { IUpdateProject, Project } from "../types/project";
-export default class PullProjectService {
-    private static _project;
-    static get project(): Project;
-    static refreshProject(): void;
-    static updateProject(project: IUpdateProject): void;
-    static pull(name: Project['name'], description: Project['description']): void;
-}

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const store_1 = require("../store/store");
-const project_1 = require("../types/project");
-const guid4_1 = require("../utils/guid4");
-const through_history_service_1 = require("./through-history.service");
-class PullProjectService {
-    static _project = new project_1.Project();
-    static get project() {
-        return this._project;
-    }
-    static refreshProject() {
-        PullProjectService._project = new project_1.Project();
-    }
-    static updateProject(project) {
-        Object.keys(project).forEach((key) => {
-            PullProjectService._project[key] = project[key];
-        });
-    }
-    static pull(name, description) {
-        const project = new project_1.Project();
-        const state = {
-            cache: through_history_service_1.default.cache,
-            history: store_1.default.store.historyState.historyLines,
-            current: store_1.default.store.imageState.getEntry(),
-        };
-        project.id = new guid4_1.Guid4().generate();
-        project.description = description || 'New Project';
-        project.name = name || 'New Project';
-        project.state = state;
-        this._project = project;
-    }
-}
-exports.default = PullProjectService;

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

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

package/dist/services/store.service.js

@@ -1,11 +0,0 @@
-"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/through-history.service.d.ts

@@ -1,12 +0,0 @@
-import { IHistoryLine } from "../types/history";
-import { Project } from "../types/project";
-export default class ThroughHistoryService {
-    static cache: IHistoryLine[];
-    static current(): IHistoryLine;
-    static prev(): IHistoryLine;
-    static undo(ctx: CanvasRenderingContext2D): void;
-    static redo(ctx: CanvasRenderingContext2D): void;
-    static clearCache(): void;
-    static recovery(project: Project): void;
-    private static updateCanvas;
-}

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

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const store_1 = require("../store/store");
-const filter_1 = require("../utils/filter");
-class ThroughHistoryService {
-    static cache = [];
-    static current() {
-        const history = store_1.default.store.historyState.historyLines;
-        const lastIndex = history.length - 1;
-        return history[lastIndex];
-    }
-    static prev() {
-        const history = store_1.default.store.historyState.historyLines;
-        const prevIndex = history.length - 2;
-        return history[prevIndex];
-    }
-    static undo(ctx) {
-        const current = ThroughHistoryService.current();
-        const prev = ThroughHistoryService.prev();
-        if (!!current?.stateValue) {
-            ThroughHistoryService.cache.unshift(current);
-            store_1.default.store.historyState.reduce('UNDO');
-            if (prev?.stateValue) {
-                ThroughHistoryService.updateCanvas(ctx, prev.stateValue);
-            }
-        }
-    }
-    ;
-    static redo(ctx) {
-        const firstInCache = ThroughHistoryService.cache.shift();
-        if (!!firstInCache?.stateValue) {
-            store_1.default.store.historyState.reduce('REDO', firstInCache);
-            ThroughHistoryService.updateCanvas(ctx, firstInCache.stateValue);
-        }
-    }
-    ;
-    static clearCache() {
-        ThroughHistoryService.cache = [];
-    }
-    static recovery(project) {
-        store_1.default.store.historyState.reduce('SET_HISTORY', { historyLines: project.state.history });
-        ThroughHistoryService.cache = project.state.cache;
-    }
-    static updateCanvas(ctx, stateValue) {
-        const filter = new filter_1.Filter(ctx);
-        filter.update(stateValue.tempImageData, stateValue.position);
-    }
-}
-exports.default = ThroughHistoryService;

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

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

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const config_1 = require("../config");
-class ToolLayerService {
-    static multiplier = 1000;
-    static getLayerIndex(layerName) {
-        const layer = config_1.default.LAYERS.find((layer) => layer.name === layerName);
-        const zIndex = ToolLayerService.multiplier * layer.index;
-        return zIndex;
-    }
-}
-exports.default = ToolLayerService;

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

@@ -1,10 +0,0 @@
-import { ITool } from "../types/general";
-export default class ToolService {
-    static before: ITool | null;
-    static active: ITool | null;
-    static registry: ITool[];
-    static add(tool: ITool): boolean;
-    static setActive(id: ITool['id']): void;
-    static offActive(id?: ITool['id']): void;
-    private static off;
-}

package/dist/services/tool.service.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const canvas_component_1 = require("../components/canvas.component");
-class ToolService {
-    static before = null;
-    static active = null;
-    static registry = [];
-    static add(tool) {
-        const hasRegisteredTool = ToolService.registry.find((registeredTool) => registeredTool.id === tool.id);
-        if (hasRegisteredTool) {
-            console.warn('Tool has been previously registered!');
-            return false;
-        }
-        ToolService.registry.push(tool);
-        return true;
-    }
-    static setActive(id) {
-        if (ToolService.active?.id === id)
-            return console.warn('Tool is already active');
-        if (!!ToolService.active?.offAction) {
-            ToolService.active.offAction();
-        }
-        const registeredTool = ToolService.registry.find((registeredTool) => registeredTool.id === id);
-        if (!!registeredTool) {
-            ToolService.active = registeredTool;
-            if (!!ToolService.active?.onAction) {
-                ToolService.active.onAction();
-            }
-        }
-        else {
-            console.warn('Tool has not previously been registered with this identifier');
-        }
-    }
-    static offActive(id) {
-        if (!!id) {
-            if (ToolService.active.id === id) {
-                ToolService.off();
-            }
-            else {
-                return console.warn(`ID active tool is not "${id}"`);
-            }
-        }
-        else {
-            ToolService.off();
-        }
-    }
-    static off() {
-        if (!!ToolService.active?.offAction) {
-            ToolService.active.offAction();
-        }
-        ToolService.before = ToolService.active;
-        ToolService.active = null;
-        canvas_component_1.default.cursorStyle = 'default';
-    }
-}
-exports.default = ToolService;

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

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

package/dist/store/history.state.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryState = void 0;
-const through_history_service_1 = require("../services/through-history.service");
-;
-class HistoryState {
-    default = {
-        historyLines: [],
-    };
-    _emergeCompleteIt;
-    _historyLines = this.default.historyLines;
-    get historyLines() { return this._historyLines; }
-    ;
-    constructor() {
-        this.reset();
-    }
-    reduce(name, payload) {
-        const reducer = new Reducer(this);
-        switch (name) {
-            case 'SET_HISTORY':
-                reducer.setHistoryLines(payload);
-                through_history_service_1.default.clearCache();
-                break;
-            case 'UPDATE_HISTORY':
-                reducer.updateHistoryLines(payload);
-                through_history_service_1.default.clearCache();
-                break;
-            case 'REDO':
-                reducer.updateHistoryLines(payload);
-                break;
-            case 'UNDO':
-                reducer.popHistoryLines();
-                break;
-        }
-    }
-    emerge(completeIt) {
-        this._emergeCompleteIt = completeIt;
-    }
-    reset() {
-        this.reduce('SET_HISTORY', this.default);
-    }
-}
-exports.HistoryState = HistoryState;
-class Reducer {
-    state;
-    constructor(state) {
-        this.state = state;
-    }
-    ;
-    setHistoryLines(payload) {
-        let isUpdate = false;
-        if (!!payload?.historyLines) {
-            this.state._historyLines = payload.historyLines;
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    }
-    updateHistoryLines(payload) {
-        let isUpdate = false;
-        if (!!payload?.view) {
-            this.state._historyLines.push(payload);
-            isUpdate = true;
-        }
-        if (isUpdate && !!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    }
-    popHistoryLines() {
-        this.state._historyLines.pop();
-        if (!!this.state._emergeCompleteIt) {
-            this.state._emergeCompleteIt(this.state._historyLines);
-        }
-    }
-}

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

@@ -1,30 +0,0 @@
-import { StateService } from "../services/store.service";
-import { IPosition, ISize } from "../types/general";
-export interface IImageState {
-    position: IPosition;
-    size: ISize;
-    tempImageData: ImageData | null;
-}
-export interface IImageStateReduce {
-    position?: IImageState['position'];
-    size?: IImageState['size'];
-    tempImageData?: IImageState['tempImageData'];
-}
-export declare class ImageState implements StateService {
-    private default;
-    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;
-    getEntry(): {
-        position: IPosition;
-        size: ISize;
-        imageData: ImageData;
-    };
-    addToHistory(title: string): void;
-}

package/dist/store/image.state.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageState = void 0;
-const store_1 = require("./store");
-;
-;
-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;
-    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.reduce(this.default, "reset to default");
-    }
-    getEntry() {
-        return {
-            position: this._position,
-            size: this._size,
-            imageData: this._tempImageData,
-        };
-    }
-    addToHistory(title) {
-        const stateValue = {
-            position: this._position,
-            size: this._size,
-            tempImageData: this._tempImageData,
-        };
-        store_1.default.store.historyState.reduce('UPDATE_HISTORY', {
-            view: title,
-            stateName: 'image',
-            stateValue,
-        });
-    }
-}
-exports.ImageState = ImageState;

package/dist/store/store.d.ts

@@ -1,13 +0,0 @@
-import { StoreService } from "../services/store.service";
-import { HistoryState } from "./history.state";
-import { ImageState } from "./image.state";
-export declare class Store implements StoreService {
-    imageState: ImageState;
-    historyState: HistoryState;
-    constructor(imageState: ImageState, historyState: HistoryState);
-    reset(): void;
-}
-export default class AppStore {
-    static store: Store;
-    static subscribe(to: 'history', completeIt: (...args: any) => void): void;
-}

package/dist/store/store.js

@@ -1,31 +0,0 @@
-"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;
-    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(), new history_state_1.HistoryState());
-    }
-    static subscribe(to, completeIt) {
-        if (to === 'history') {
-            AppStore.store.historyState.emerge(completeIt);
-        }
-    }
-}
-exports.default = AppStore;

package/dist/types/canvas.d.ts

@@ -1,10 +0,0 @@
-import { ICursorPosition } from "./cursor";
-export interface ICanvasSize {
-    width: number;
-    height: number;
-}
-export type TSubscriptionTypes = 'click' | 'mousemove' | 'mousedown' | 'mouseup';
-export type TSubscribeAction = (event: MouseEvent, cursorPosition?: ICursorPosition) => void;
-export type TSubscriptions = {
-    [key in TSubscriptionTypes]: TSubscribeAction[];
-};

package/dist/types/canvas.js

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

package/dist/types/cursor.d.ts

@@ -1,9 +0,0 @@
-export interface ICursorPosition {
-    x: number;
-    y: number;
-}
-export interface ICursorStyle {
-    before: TCursorStyleName | null;
-    current: TCursorStyleName | null;
-}
-export type TCursorStyleName = 'default' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'copy' | 'alias' | 'move' | 'not-allowed' | 'grab' | 'grabbing' | 'zoom-in' | 'zoom-out';

package/dist/types/cursor.js

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