mce 0.17.0 → 0.17.2

package/README.md

@@ -32,40 +32,55 @@ npm i mce
 <script setup lang="ts">
   import { Editor, EditorLayout, EditorLayoutItem } from 'mce'
   import 'mce/styles'
+  import gif from '@mce/gif'
   import mp4 from '@mce/mp4'
   import openxml from '@mce/openxml'
   import pdf from '@mce/pdf'
   import svg from '@mce/svg'
+  import gifWorkerUrl from 'modern-gif/worker?url'
 
   const editor = new Editor({
     plugins: [
+      gif(),
       mp4(),
-      openxml(),
-      pdf(),
       svg(),
+      pdf(),
+      openxml(),
     ],
-    theme: 'system',
-    watermark: '/example.jpg',
-    checkerboard: true,
-    checkerboardStyle: 'grid',
-    pixelGrid: true,
-    pixelate: true,
-    camera: true,
-    ruler: true,
-    scrollbar: true,
-    toolbelt: true,
-    statusbar: true,
-    frameGap: 48,
-    typographyStrategy: 'autoHeight',
-    handleShape: 'rect',
-    screenCenterOffset: { left: 0, top: 0, right: 0, bottom: 0 },
-    localDb: false,
+    gifWorkerUrl,
+    locale: { locale: 'en' },
+    viewport: {
+      camera: { enabled: true },
+      zoom: { strategy: 'contain' },
+      screenPadding: { left: 0, top: 0, right: 0, bottom: 0 },
+    },
+    canvas: {
+      checkerboard: { enabled: true, style: 'grid' },
+      pixelGrid: { enabled: true },
+      frame: { outline: false },
+      watermark: {
+        url: '/example.jpg',
+        width: 100,
+        alpha: 0.05,
+        rotation: 0.5236,
+      },
+    },
+    ui: {
+      ruler: { visible: true },
+      scrollbar: { visible: true },
+      statusbar: { visible: true },
+      toolbelt: { visible: true },
+      madeWith: { visible: false },
+    },
+    typography: {
+      strategy: 'autoHeight',
+      defaultFont: {
+        family: 'SourceHanSansCN-Normal',
+        src: '/fonts/SourceHanSansCN-Normal.woff',
+      },
+    },
     customUpload: async (blob) => URL.createObjectURL(blob),
     customContextMenu: (menu) => menu,
-    locale: {
-      locale: 'zhHans', // default 'en'
-    },
-    defaultFont: { family: 'SourceHanSansCN-Normal', src: '/SourceHanSansCN-Normal.woff' },
     doc: {
       children: [
         { foreground: '/example.png', style: { rotate: 60, left: 200, top: 10, width: 50, height: 50 } },

package/dist/composables/layer.d.ts

@@ -15,8 +15,8 @@ export interface LayerProvide {
     dragging: Ref<boolean>;
     droppingItemId: Ref<string | undefined>;
 }
-export declare const MceLayerKey: InjectionKey<LayerProvide>;
-export declare const MceLayerItemKey: InjectionKey<{
+export declare const LayerKey: InjectionKey<LayerProvide>;
+export declare const LayerItemKey: InjectionKey<{
     id: string;
 }>;
 export declare function createLayer(): {

package/dist/composables/layout.d.ts

@@ -33,8 +33,8 @@ interface LayoutProvide {
     layoutRect: Ref<DOMRectReadOnly | undefined>;
     rootZIndex: Ref<number>;
 }
-export declare const MceLayoutKey: InjectionKey<LayoutProvide>;
-export declare const MceLayoutItemKey: InjectionKey<{
+export declare const LayoutKey: InjectionKey<LayoutProvide>;
+export declare const LayoutItemKey: InjectionKey<{
     id: string;
 }>;
 export declare function makeLayoutProps(): {
@@ -73,9 +73,9 @@ export declare function createLayout(props: {
     fullHeight?: boolean;
 }): {
     layoutClasses: Readonly<Ref<(string | {
-        'mce-layout--full-height': boolean | undefined;
+        'm-layout--full-height': boolean | undefined;
     })[], (string | {
-        'mce-layout--full-height': boolean | undefined;
+        'm-layout--full-height': boolean | undefined;
     })[]>>;
     layoutStyles: Readonly<Ref<{
         zIndex: number | undefined;

package/dist/crdt/YDoc.d.ts

@@ -28,13 +28,12 @@ export declare class YDoc extends Observable {
     _nodeMap: Map<string, Node>;
     indexeddb?: IndexeddbProvider;
     undoManager: Y.UndoManager;
-    protected _ready: boolean;
     constructor(id?: string);
     protected _isSelfTransaction(transaction?: Y.Transaction): boolean;
     protected _initUndoManager(typeScope?: any[]): void;
     loadIndexeddb(): Promise<void>;
+    load(): void;
     transact<T>(fn: () => T, should?: boolean): T;
-    load(initFn?: () => void | Promise<void>): Promise<this>;
     protected _debug(..._args: any[]): void;
     protected _yChildrenChange(event: Y.YMapEvent<Y.Map<unknown>>, transaction: Y.Transaction): void;
     reset(): this;