mce 0.16.2 → 0.16.4

package/dist/locale/en.d.ts

@@ -80,7 +80,9 @@ declare const _default: {
     'panels:timeline': string;
     'panels:statusbar': string;
     'panels:nodeCreator': string;
+    'panels:memoryManager': string;
     nodeCreator: string;
+    memoryManager: string;
     toolbelt: string;
     msaa: string;
     pixelate: string;

package/dist/locale/zh-Hans.d.ts

@@ -80,7 +80,9 @@ declare const _default: {
     'panels:statusbar': string;
     'panels:timeline': string;
     'panels:nodeCreator': string;
+    'panels:memoryManager': string;
     nodeCreator: string;
+    memoryManager: string;
     toolbelt: string;
     msaa: string;
     pixelate: string;

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

@@ -1,11 +1,16 @@
 import type { WritableComputedRef } from 'vue';
 declare global {
     namespace Mce {
+        interface ConfigDeclaration<T = any> {
+            default?: T | (() => T);
+            getter?: (val: any) => any;
+            setter?: (val: any) => any;
+        }
         interface Editor {
             getConfigValue: (path: keyof Config | string, defaultValue?: any) => any;
             setConfigValue: (path: keyof Config | string, value: any) => void;
             getConfig: <T = any>(path: string) => WritableComputedRef<T>;
-            registerConfig: <T>(path: keyof Config | string, initValue: T) => WritableComputedRef<T>;
+            registerConfig: <T>(path: keyof Config | string, declaration?: ConfigDeclaration<T>) => WritableComputedRef<T>;
             importConfig: () => Promise<void>;
             exportConfig: () => Blob;
             saveAsConfig: (filename?: string) => void;

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

@@ -1,4 +1,4 @@
-import type { Cursor, Vector2, Vector2Like } from 'modern-canvas';
+import type { Assets, Cursor, Vector2, Vector2Like } from 'modern-canvas';
 import type { IndexCharacter as _IndexCharacter } from 'modern-text/web-components';
 import type { Ref } from 'vue';
 import { Aabb2D, Camera2D, DrawboardEffect, Element2D, Engine, Node, Timeline } from 'modern-canvas';
@@ -23,6 +23,7 @@ declare global {
         type EditorNodeType = 'Doc' | 'Frame' | 'Slice' | 'Element';
         interface Editor {
             fonts: Fonts;
+            assets: Assets;
             renderEngine: Ref<Engine>;
             timeline: Ref<Timeline>;
             camera: Ref<Camera2D>;

package/dist/nodes/Doc.d.ts

@@ -21,6 +21,9 @@ export declare class Doc extends Node {
     transact: <T>(fn: () => T, should?: boolean) => T;
     undo: () => void;
     redo: () => void;
+    stopCapturing: () => void;
+    clearHistory: () => void;
     set: (source: Document) => this;
-    load(): Promise<void>;
+    load: () => Promise<void>;
+    destroy: () => void;
 }

package/dist/plugins/memory.d.ts

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

package/dist/plugins/ruler.d.ts

@@ -1,7 +1,19 @@
 declare global {
     namespace Mce {
+        interface RulerConfig {
+            visible?: boolean;
+            adsorbed?: boolean;
+            lineColor?: string;
+            locked?: boolean;
+        }
         interface Config {
-            ruler: boolean;
+            ruler: RulerConfig;
+        }
+        interface Options {
+            ruler?: boolean & RulerConfig;
+        }
+        interface Commands {
+            clearRulerLines: () => void;
         }
     }
 }

package/dist/plugins/selection.d.ts

@@ -1,4 +1,4 @@
-import type { Aabb2D, Element2D, Node } from 'modern-canvas';
+import type { Aabb2D, Node } from 'modern-canvas';
 declare global {
     namespace Mce {
         type SelectTarget = 'none' | 'all' | 'inverse' | 'children' | 'parent' | 'previousSibling' | 'nextSibling' | Node[];
@@ -35,19 +35,25 @@ declare global {
         interface Slots {
             'selection'?: () => void;
             'selection.transform'?: () => void;
+            'selection.foreground-cropper'?: (props: {
+                scale: number;
+                setScale: (scale: number) => void;
+                setAspectRatio: (aspectRatio: 0 | [number, number]) => void;
+                ok: () => void;
+                cancel: () => void;
+            }) => void;
         }
-        type TransformHandleDirection = 't' | 'l' | 'r' | 'b';
-        type TransformHandleCorner = 'tl' | 'tr' | 'bl' | 'br';
-        type TransformHandle = 'move' | `resize-${TransformHandleDirection | TransformHandleCorner}` | `rotate-${TransformHandleCorner}` | `round-${TransformHandleCorner}`;
-        interface SelectionTransformContext {
+        interface BaseSelectionTransformContext {
             startEvent: MouseEvent | PointerEvent;
             handle: TransformHandle;
-            elements: Element2D[];
+        }
+        interface SelectionTransformContext extends BaseSelectionTransformContext {
+            value: TransformValue;
         }
         interface Events {
-            selectionTransformStart: [context: SelectionTransformContext];
+            selectionTransformStart: [context: BaseSelectionTransformContext];
             selectionTransform: [context: SelectionTransformContext];
-            selectionTransformEnd: [context: SelectionTransformContext];
+            selectionTransformEnd: [context: BaseSelectionTransformContext];
         }
     }
 }

package/dist/plugins/smartGuides.d.ts

@@ -1,12 +1,7 @@
-import type { ComputedRef } from 'vue';
 declare global {
     namespace Mce {
-        interface Editor {
-            snapThreshold: ComputedRef<number>;
-            getSnapPoints: (resizing?: boolean) => {
-                x: number[];
-                y: number[];
-            };
+        interface Commands {
+            snap: (axis: 'x' | 'y', position: number) => number;
         }
     }
 }

package/dist/plugins/transform.d.ts

@@ -1,9 +1,22 @@
 declare global {
     namespace Mce {
-        type FlipTarget = 'horizontal' | 'vertical';
+        interface TransformValue {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+            rotate: number;
+            borderRadius: number;
+        }
+        type TransformHandleDirection = 't' | 'l' | 'r' | 'b';
+        type TransformHandleCorner = 'tl' | 'tr' | 'bl' | 'br';
+        type TransformHandle = 'move' | `resize-${TransformHandleDirection | TransformHandleCorner}` | `rotate-${TransformHandleCorner}` | `round-${TransformHandleCorner}`;
+        type FlipType = 'horizontal' | 'vertical';
         interface Commands {
             enter: () => void;
-            flip: (target: Mce.FlipTarget) => void;
+            getTransformValue: () => TransformValue;
+            transform: (handle: Mce.TransformHandle, value: Partial<TransformValue>) => void;
+            flip: (type: Mce.FlipType) => void;
             flipHorizontal: () => void;
             flipVertical: () => void;
         }

package/dist/plugins/ui.d.ts

@@ -13,9 +13,6 @@ declare global {
         }
         interface Events {
             pointerMove: [event: PointerEvent];
-            selectionTransformStart: [context: SelectionTransformContext];
-            selectionTransform: [context: SelectionTransformContext];
-            selectionTransformEnd: [context: SelectionTransformContext];
         }
     }
 }

package/dist/typed-plugins.d.ts

@@ -41,6 +41,7 @@ import './plugins/import'
 import './plugins/json'
 import './plugins/layers'
 import './plugins/madeWith'
+import './plugins/memory'
 import './plugins/menu'
 import './plugins/move'
 import './plugins/new'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.16.2",
+  "version": "0.16.4",
   "description": "A headless infinite canvas editor framework built on WebGL rendering, supports exporting to image, video, and PPT. Only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -56,14 +56,14 @@
   ],
   "dependencies": {
     "@floating-ui/vue": "^1.1.10",
-    "@vueuse/components": "^14.1.0",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/components": "^14.2.0",
+    "@vueuse/core": "^14.2.0",
     "diff": "^8.0.3",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.23",
-    "modern-canvas": "^0.14.45",
+    "modern-canvas": "^0.15.3",
     "modern-font": "^0.4.4",
-    "modern-idoc": "^0.10.18",
+    "modern-idoc": "^0.10.21",
     "modern-text": "^1.10.15",
     "yjs": "^13.6.29"
   },
@@ -91,7 +91,7 @@
   "devDependencies": {
     "@types/file-saver": "^2.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitejs/plugin-vue": "^6.0.4",
     "jiti": "^2.6.1",
     "modern-gif": "^2.0.4",
     "sass-embedded": "^1.97.3",

package/dist/crdt/YModel.d.ts

@@ -1,30 +0,0 @@
-import type { ObservableEvents } from 'modern-idoc';
-import type { Transaction } from 'yjs';
-import { Observable } from 'modern-idoc';
-import * as Y from 'yjs';
-import { IndexeddbProvider } from '../indexeddb';
-export interface YModelEvents extends ObservableEvents {
-    history: [arg0: Y.UndoManager];
-    update: [arg0: Uint8Array, arg1: any, arg2: Y.Doc, arg3: Transaction];
-}
-export interface YModel {
-    on: <K extends keyof YModelEvents & string>(event: K, listener: (...args: YModelEvents[K]) => void) => this;
-    once: <K extends keyof YModelEvents & string>(event: K, listener: (...args: YModelEvents[K]) => void) => this;
-    off: <K extends keyof YModelEvents & string>(event: K, listener: (...args: YModelEvents[K]) => void) => this;
-    emit: <K extends keyof YModelEvents & string>(event: K, ...args: YModelEvents[K]) => this;
-}
-export declare class YModel extends Observable {
-    id: string;
-    _transacting: boolean | undefined;
-    _yDoc: Y.Doc;
-    _yProps: Y.Map<unknown>;
-    indexeddb?: IndexeddbProvider;
-    undoManager: Y.UndoManager;
-    protected _ready: boolean;
-    constructor(id?: string);
-    protected _setupUndoManager(typeScope?: any[]): void;
-    loadIndexeddb(): Promise<void>;
-    transact<T>(fn: () => T, should?: boolean): T;
-    load(initFn?: () => void | Promise<void>): Promise<this>;
-    reset(): this;
-}