mce 0.1.0 → 0.1.2

package/dist/locale/en.d.ts

@@ -0,0 +1,75 @@
+declare const _default: {
+    cancel: string;
+    constrainToAxis: string;
+    loading: string;
+    selecting: string;
+    selectObject: string;
+    commitChanges: string;
+    extend: string;
+    goBackSelectedArea: string;
+    selectArea: string;
+    dragSelected: string;
+    file: string;
+    new: string;
+    open: string;
+    preferences: string;
+    import: string;
+    export: string;
+    'saveAs:png': string;
+    'saveAs:jpeg': string;
+    'saveAs:webp': string;
+    'saveAs:svg': string;
+    'saveAs:gif': string;
+    'saveAs:mp4': string;
+    'saveAs:pdf': string;
+    'saveAs:pptx': string;
+    'saveAs:json': string;
+    edit: string;
+    undo: string;
+    redo: string;
+    cut: string;
+    copy: string;
+    paste: string;
+    duplicate: string;
+    delete: string;
+    selectAll: string;
+    deselectAll: string;
+    selectParent: string;
+    previousSelection: string;
+    nextSelection: string;
+    view: string;
+    'view:checkerboard': string;
+    'view:pixelGrid': string;
+    'view:ruler': string;
+    'view:scrollbar': string;
+    'view:timeline': string;
+    'view:statusbar': string;
+    'view:frameOutline': string;
+    zoom: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomTo100: string;
+    zoomToFit: string;
+    zoomToSelection: string;
+    object: string;
+    'frame/unframe': string;
+    'group/ungroup': string;
+    flip: string;
+    flipHorizontal: string;
+    flipVertical: string;
+    'hide/show': string;
+    'lock/unlock': string;
+    layerOrder: string;
+    bringToFront: string;
+    bringForward: string;
+    sendBackward: string;
+    sendToBack: string;
+    layerPosition: string;
+    alignLeft: string;
+    alignHorizontalCenter: string;
+    alignRight: string;
+    alignTop: string;
+    alignVerticalCenter: string;
+    alignBottom: string;
+};
+export default _default;

package/dist/mixins/0.command.d.ts

@@ -0,0 +1,23 @@
+import type { Ref } from 'vue';
+declare global {
+    namespace Mce {
+        type CommandHandle = (...args: any[]) => any;
+        interface Command {
+            command: string;
+            handle: CommandHandle;
+        }
+        type CommandEvents = {
+            [K in keyof Commands as `command:${K}`]: [ReturnType<Commands[K]>];
+        };
+        interface Events extends CommandEvents {
+        }
+        interface Editor {
+            commands: Ref<Map<string, Command>>;
+            registerCommand: (value: Command | Command[]) => void;
+            unregisterCommand: (command: string) => void;
+            exec: <K extends keyof Commands>(command: K & string, ...args: Parameters<Commands[K]>) => ReturnType<Commands[K]>;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/{plugins → mixins}/0.config/base.d.ts

@@ -17,8 +17,10 @@ declare global {
             ruler: boolean;
             scrollbar: boolean;
             bottombar: boolean;
+            timeline: boolean;
             statusbar: boolean;
             wheelZoom: boolean;
+            frameOutline: boolean;
             frameGap: number;
             typographyStrategy: TypographyStrategy;
             handleShape: HandleShape;
@@ -26,5 +28,5 @@ declare global {
         }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("../..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/0.config.d.ts

@@ -12,5 +12,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/0.context.d.ts

@@ -2,13 +2,14 @@ import type { Cursor, Node, Vector2Data } from 'modern-canvas';
 import type { ComputedRef, Ref } from 'vue';
 import type { Doc, Workspace } from '../models';
 import type { AxisAlignedBoundingBox } from '../types';
-import { Camera2D, DrawboardEffect, Engine } from 'modern-canvas';
+import { Camera2D, DrawboardEffect, Engine, Timeline } from 'modern-canvas';
 import { Fonts } from 'modern-font';
 declare global {
     namespace Mce {
         interface Editor {
             fonts: Fonts;
             renderEngine: Ref<Engine>;
+            timeline: Ref<Timeline>;
             camera: Ref<Camera2D>;
             drawboardEffect: Ref<DrawboardEffect>;
             setCursor: (mode: Cursor | undefined) => void;
@@ -28,5 +29,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/0.element.d.ts

@@ -10,5 +10,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/0.font.d.ts

@@ -14,5 +14,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins/0.locale.d.ts

@@ -0,0 +1,22 @@
+declare global {
+    namespace Mce {
+        type Translation = (key: string, fallback?: string) => string;
+        interface Editor {
+            t: Translation;
+        }
+        interface LocaleMessages {
+            [key: string]: LocaleMessages | string;
+        }
+        interface Locale {
+            locale?: string;
+            fallback?: string;
+            messages?: LocaleMessages;
+        }
+        interface Options {
+            t?: Translation;
+            locale?: Locale;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/{plugins → mixins}/1.frame.d.ts

@@ -12,13 +12,13 @@ declare global {
         interface Editor {
             frameThumbs: Ref<FrameThumb[]>;
             frames: ComputedRef<Element2D[]>;
-            activeFrameIndex: Ref<number>;
-            activeFrame: ComputedRef<Element2D | undefined>;
-            activeFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
+            currentFrameIndex: Ref<number>;
+            currentFrame: ComputedRef<Element2D | undefined>;
+            currentFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
             isFrame: (node: Node) => node is Element2D;
             getAncestorFrame: (element?: Element2D) => Element2D | undefined;
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/1.hotkey.d.ts

@@ -13,27 +13,24 @@ declare global {
             hotkeys: HotkeyData[];
         }
         interface HotkeyData {
-            key: keyof Hotkeys;
-            accelerator: string | string[];
+            command: string;
+            key: string | string[];
             editable?: boolean;
             enabled?: boolean;
             system?: boolean;
         }
         interface Hotkey extends HotkeyData {
-            condition?: (e: KeyboardEvent) => boolean;
+            when?: (e: KeyboardEvent) => boolean;
             handle?: (e: KeyboardEvent) => void;
         }
         interface Editor {
             hotkeysData: WritableComputedRef<HotkeyData[]>;
             hotkeys: Ref<Map<string, Hotkey>>;
-            registerHotkey: {
-                (key: string, hotkey: Hotkey): void;
-                (hotkeys: Hotkey[]): void;
-            };
-            unregisterHotkey: (key: string) => void;
-            getKbd: (key: string | keyof Hotkeys) => string;
+            registerHotkey: (value: Hotkey | Hotkey[]) => void;
+            unregisterHotkey: (command: string) => void;
+            getKbd: (command: string) => string;
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins/1.timeline.d.ts

@@ -0,0 +1,18 @@
+import type { Node } from 'modern-canvas';
+import type { ComputedRef, Ref, WritableComputedRef } from 'vue';
+declare global {
+    namespace Mce {
+        interface Editor {
+            msPerPx: Ref<number>;
+            currentTime: WritableComputedRef<number>;
+            startTime: ComputedRef<number>;
+            endTime: ComputedRef<number>;
+            getTimeRange: (node: Node | Node[]) => {
+                startTime: number;
+                endTime: number;
+            };
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/{plugins → mixins}/1.upload.d.ts

@@ -9,5 +9,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/2.box.d.ts

@@ -16,5 +16,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins/2.export/json.d.ts

@@ -0,0 +1,25 @@
+import type { NormalizedElement } from 'modern-idoc';
+declare global {
+    namespace Mce {
+        interface JsonData {
+            style: {
+                width: number;
+                height: number;
+                scaleX: number;
+                scaleY: number;
+            };
+            children: NormalizedElement[];
+            meta: {
+                inPptIs: 'Pptx';
+                inCanvasIs: 'Node2D';
+                startTime: number;
+                endTime: number;
+            };
+        }
+        interface Exporters {
+            json: JsonData;
+        }
+    }
+}
+declare const _default: import("../..").Mixin;
+export default _default;

package/dist/mixins/2.export.d.ts

@@ -0,0 +1,28 @@
+import type { Element2D } from 'modern-canvas';
+import type { Ref } from 'vue';
+declare global {
+    namespace Mce {
+        type ExportOnProgress = (progress: number) => void;
+        interface ExportOptions {
+            scale?: number;
+            selected?: boolean | Element2D[];
+            onProgress?: ExportOnProgress;
+        }
+        type ExporterHandle = (options: ExportOptions) => any | Promise<any>;
+        interface Exporter {
+            name: string;
+            handle: ExporterHandle;
+        }
+        interface Editor {
+            exporters: Ref<Map<string, Exporter>>;
+            registerExporter: (value: Exporter | Exporter[]) => void;
+            unregisterExporter: (name: string) => void;
+            export: <K extends keyof Exporters>(name: K, options?: ExportOptions) => Exporters[K];
+            to: <K extends keyof Exporters>(name: K, options?: ExportOptions) => Exporters[K];
+            exporting: Ref<boolean>;
+            exportProgress: Ref<number>;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/{plugins/2.loader.d.ts → mixins/2.load.d.ts}

@@ -10,7 +10,7 @@ declare global {
         }
         interface Editor {
             loaders: Ref<Map<string, Loader>>;
-            registerLoader: (loader: Loader | Loader[]) => void;
+            registerLoader: (value: Loader | Loader[]) => void;
             unregisterLoader: (name: string) => void;
             load: <T = NormalizedElement>(source: any) => Promise<T>;
             openFileDialog: (options?: {
@@ -19,5 +19,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins/2.loader/json.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../..").Mixin;
+export default _default;

package/dist/{plugins → mixins}/3.view.d.ts

@@ -8,5 +8,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/4.0.text.d.ts

@@ -7,5 +7,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins/4.1.lock.d.ts

@@ -0,0 +1,12 @@
+import type { Element2D } from 'modern-canvas';
+declare global {
+    namespace Mce {
+        interface Editor {
+            isLock: (element: Element2D) => boolean;
+            lock: (element: Element2D) => void;
+            unlock: (element: Element2D) => void;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/{plugins → mixins}/4.2.element.d.ts

@@ -27,19 +27,12 @@ declare global {
             getElement: (id: string) => Element2D | undefined;
             resizeElement: (element: Element2D, width: number, height: number, options?: ResizeElementOptions) => void;
             pointerActivateElement: (element: Element2D | undefined, event?: MouseEvent | PointerEvent) => void;
-            deleteCurrentElements: () => void;
             selectArea: (areaInDrawboard: AxisAlignedBoundingBox) => Element2D[];
         }
         interface Events {
             addElement: [element: Element2D[]];
         }
-        interface Hotkeys {
-            delete: [event: KeyboardEvent];
-        }
-        interface Commands {
-            delete: () => void;
-        }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/4.3.frame.d.ts

@@ -6,16 +6,16 @@ declare global {
             duplicateFrame: (index?: number) => void;
             moveFrame: (fromIndex: number, toIndex: number) => void;
             deleteFrame: (index?: number) => void;
-            setActiveFrame: (index?: number) => void;
+            setCurrentFrame: (index?: number) => void;
         }
         interface Events {
             addFrame: [index: number];
             duplicateFrame: [index: number];
             moveFrame: [fromIndex: number, toIndex: number];
             deleteFrame: [index: number];
-            setActiveFrame: [index: number, oldIndex: number];
+            setCurrentFrame: [index: number, oldIndex: number];
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/4.4.doc.d.ts

@@ -1,9 +1,9 @@
-import type { Document, NormalizedDocument } from 'modern-idoc';
+import type { Document } from 'modern-idoc';
 import { Doc } from '../models';
 declare global {
     namespace Mce {
         interface Editor {
-            getDoc: () => NormalizedDocument;
+            getDoc: () => JsonData;
             setDoc: (doc: Document | string) => Promise<Doc>;
             loadDoc: (source: any) => Promise<Doc>;
             clearDoc: () => void;
@@ -19,5 +19,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/{plugins → mixins}/snapshot.d.ts

@@ -13,5 +13,5 @@ declare global {
         }
     }
 }
-declare const _default: import("..").Plugin;
+declare const _default: import("..").Mixin;
 export default _default;

package/dist/mixins.d.ts

@@ -0,0 +1 @@
+export declare const mixins: import("./editor").Mixin[];

package/dist/plugins/delete.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    namespace Mce {
+        interface Commands {
+            delete: () => void;
+        }
+        interface Hotkeys {
+            delete: [event: KeyboardEvent];
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/flip.d.ts

@@ -1,8 +1,8 @@
 declare global {
     namespace Mce {
         interface Commands {
-            flipX: () => void;
-            flipY: () => void;
+            flipHorizontal: () => void;
+            flipVertical: () => void;
         }
     }
 }

package/dist/plugins/{2.exporter/video.d.ts → gif.d.ts}

@@ -1,10 +1,12 @@
 declare global {
     namespace Mce {
+        interface Options {
+            gifWorkerUrl?: string;
+        }
         interface Exporters {
             gif: Blob;
-            mp4: Blob;
         }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/{insert/image.d.ts → image.d.ts}

@@ -7,7 +7,12 @@ declare global {
             insertImage: (url: string, options?: InsertImageOptions) => Promise<Element2D>;
             drawImage: () => void;
         }
+        interface Exporters {
+            png: Blob;
+            jpeg: Blob;
+            webp: Blob;
+        }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/layerOrder.d.ts

@@ -0,0 +1,19 @@
+import type { Element2D } from 'modern-canvas';
+declare global {
+    namespace Mce {
+        interface Hotkeys {
+            bringToFront: [event: KeyboardEvent];
+            bringForward: [event: KeyboardEvent];
+            sendBackward: [event: KeyboardEvent];
+            sendToBack: [event: KeyboardEvent];
+        }
+        interface Commands {
+            bringToFront: (target?: Element2D | Element2D[]) => void;
+            bringForward: (target?: Element2D) => void;
+            sendBackward: (target?: Element2D) => void;
+            sendToBack: (target?: Element2D | Element2D[]) => void;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/{4.1.lock.d.ts → lock.d.ts}

@@ -1,4 +1,3 @@
-import type { Element2D } from 'modern-canvas';
 declare global {
     namespace Mce {
         interface Commands {
@@ -9,11 +8,6 @@ declare global {
         interface Hotkeys {
             'lock/unlock': [event: KeyboardEvent];
         }
-        interface Editor {
-            isLocked: (element: Element2D) => boolean;
-            lock: (element: Element2D) => void;
-            unlock: (element: Element2D) => void;
-        }
     }
 }
 declare const _default: import("..").Plugin;

package/dist/plugins/menu.d.ts

@@ -2,10 +2,9 @@ import type { ComputedRef } from 'vue';
 declare global {
     namespace Mce {
         interface Editor {
-            systemMenus: ComputedRef<any[]>;
-            contextMenus: ComputedRef<any[]>;
+            mainMenu: ComputedRef<any[]>;
+            contextMenu: ComputedRef<any[]>;
         }
-        type MenuKey = 'edit' | 'undo' | 'redo' | 'cut' | 'copy' | 'paste' | 'duplicate' | 'delete' | 'layer' | 'frame/unframe' | 'group/ungroup' | 'hide/show' | 'lock/unlock' | 'arrange' | 'raiseToFront' | 'raise' | 'lower' | 'lowerToBack' | 'flip' | 'flipX' | 'flipY' | 'align' | 'alignLeft' | 'alignHorizontalCenter' | 'alignRight' | 'alignTop' | 'alignVerticalCenter' | 'alignBottom';
     }
 }
 declare const _default: import("..").Plugin;

package/dist/plugins/{theme.d.ts → mp4.d.ts}

@@ -1,6 +1,7 @@
 declare global {
     namespace Mce {
-        interface Editor {
+        interface Exporters {
+            mp4: Blob;
         }
     }
 }

package/dist/plugins/{2.exporter/pdf.d.ts → pdf.d.ts}

@@ -5,5 +5,5 @@ declare global {
         }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/{2.exporter/pptx.d.ts → pptx.d.ts}

@@ -5,5 +5,5 @@ declare global {
         }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/saveAs.d.ts

@@ -1,14 +1,11 @@
 declare global {
     namespace Mce {
-        interface SaveAsOptions extends ExporterOptions {
+        interface SaveAsOptions extends ExportOptions {
             filename?: string;
         }
         interface Commands {
             saveAs: (type: keyof Exporters, options?: SaveAsOptions) => Promise<void>;
         }
-        interface Editor {
-            saveAs: (type: keyof Exporters, options?: SaveAsOptions) => Promise<void>;
-        }
     }
 }
 declare const _default: import("..").Plugin;

package/dist/plugins/{insert/text.d.ts → text.d.ts}

@@ -10,5 +10,5 @@ declare global {
         }
     }
 }
-declare const _default: import("../..").Plugin;
+declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/url.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/view.d.ts

@@ -0,0 +1,18 @@
+declare global {
+    namespace Mce {
+        interface Views {
+            checkerboard: [];
+            pixelGrid: [];
+            ruler: [];
+            scrollbar: [];
+            timeline: [];
+            statusbar: [];
+            frameOutline: [];
+        }
+        interface Commands {
+            view: <T extends keyof Views>(view: T, ...args: Views[T]) => Promise<boolean>;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins.d.ts

@@ -0,0 +1 @@
+export declare const plugins: import("./editor").Plugin[];

package/dist/typed-global.d.ts

@@ -2,7 +2,9 @@ declare global {
   namespace Mce {
     interface Editor {}
     interface Options {}
-    interface Events {}
+    interface Events {
+      ready: []
+    }
     interface Hotkeys {}
     interface Commands {}
     interface Exporters {}