mce 0.18.3 → 0.18.5

package/dist/locale/en.d.ts

@@ -69,6 +69,9 @@ declare const _default: {
     selectPreviousSibling: string;
     selectNextSibling: string;
     view: string;
+    mode: string;
+    'mode:canvas': string;
+    'mode:workflow': string;
     checkerboard: string;
     pixelGrid: string;
     ruler: string;
@@ -78,6 +81,14 @@ declare const _default: {
     'checkerboard:dot': string;
     panels: string;
     timeline: string;
+    play: string;
+    pause: string;
+    togglePlay: string;
+    seekStart: string;
+    seekEnd: string;
+    stepBackward: string;
+    stepForward: string;
+    collapse: string;
     statusbar: string;
     creator: string;
     memoryManager: string;

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

@@ -69,6 +69,9 @@ declare const _default: {
     selectPreviousSibling: string;
     selectNextSibling: string;
     view: string;
+    mode: string;
+    'mode:canvas': string;
+    'mode:workflow': string;
     checkerboard: string;
     pixelGrid: string;
     ruler: string;
@@ -79,6 +82,14 @@ declare const _default: {
     panels: string;
     statusbar: string;
     timeline: string;
+    play: string;
+    pause: string;
+    togglePlay: string;
+    seekStart: string;
+    seekEnd: string;
+    stepBackward: string;
+    stepForward: string;
+    collapse: string;
     creator: string;
     memoryManager: string;
     toolbelt: string;

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

@@ -11,7 +11,7 @@ declare global {
             setConfig: (path: keyof Config | string, value: any) => void;
             getConfigRef: <T = any>(path: string) => WritableComputedRef<T>;
             registerConfig: <T>(path: keyof Config | string, declaration?: ConfigDeclaration<T>) => WritableComputedRef<T>;
-            importConfig: () => Promise<void>;
+            importConfig: () => Promise<Mce.Config | undefined>;
             exportConfig: () => Blob;
             saveAsConfig: (filename?: string) => void;
         }

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

@@ -27,6 +27,7 @@ declare global {
             fonts: Fonts;
             assets: Assets;
             renderEngine: Ref<Engine>;
+            runExclusiveRender: <T>(fn: () => Promise<T> | T) => Promise<T>;
             timeline: Ref<Timeline>;
             camera: Ref<Camera2D>;
             drawboardEffect: Ref<DrawboardEffect>;
@@ -45,6 +46,7 @@ declare global {
             textSelection: Ref<IndexCharacter[] | undefined>;
             hoverElement: Ref<Element2D | undefined>;
             state: Ref<State | undefined>;
+            mode: Ref<Mode>;
             getGlobalPointer: () => Vector2Like;
             parseAnchor: (anchor: Anchor, isRtl?: boolean) => ParsedAnchor;
             isNode: (value: any) => value is Node;

package/dist/mixins/snapper.d.ts

@@ -8,7 +8,7 @@ declare global {
             points?: Vector2Like[];
         }
         interface Snapper {
-            get: () => SnapperData;
+            getLines: () => SnapperData;
         }
         interface Editor {
             snappers: Reactive<Map<string, Snapper>>;

package/dist/mixins/strategy.d.ts

@@ -0,0 +1,19 @@
+import type { ActiveStrategy, DoubleclickStrategy, HoverStrategy, ResizeStrategy } from '../composables/strategy';
+declare global {
+    namespace Mce {
+        interface Editor {
+            activeStrategy: ActiveStrategy;
+            doubleclickStrategy: DoubleclickStrategy;
+            hoverStrategy: HoverStrategy;
+            resizeStrategy?: ResizeStrategy;
+        }
+        interface Options {
+            activeStrategy?: ActiveStrategy;
+            doubleclickStrategy?: DoubleclickStrategy;
+            hoverStrategy?: HoverStrategy;
+            resizeStrategy?: ResizeStrategy;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/plugins/shape.d.ts

@@ -10,18 +10,5 @@ declare global {
         }
     }
 }
-interface Point {
-    x: number;
-    y: number;
-}
-type ArrowType = 'none' | 'open' | 'filled';
-interface ArrowOptions {
-    size?: number;
-    angle?: number;
-    startMarker?: ArrowType;
-    endMarker?: ArrowType;
-    roundValues?: boolean;
-}
-export declare function getArrowPath(p1: Point, p2: Point, options?: ArrowOptions): string;
 declare const _default: import("..").Plugin;
 export default _default;

package/dist/plugins/timeline.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from 'vue';
 declare global {
     namespace Mce {
         interface UIConfig {
@@ -6,6 +7,27 @@ declare global {
         interface TimelineConfig {
             visible: boolean;
         }
+        interface Editor {
+            paused: Ref<boolean>;
+            fps: Ref<number>;
+            recomputeTimelineEndTime: () => Promise<void>;
+        }
+        interface Commands {
+            play: () => void;
+            pause: () => void;
+            togglePlay: () => void;
+            seekStart: () => void;
+            seekEnd: () => void;
+            stepBackward: () => void;
+            stepForward: () => void;
+        }
+        interface Hotkeys {
+            togglePlay: [event: KeyboardEvent];
+            seekStart: [event: KeyboardEvent];
+            seekEnd: [event: KeyboardEvent];
+            stepBackward: [event: KeyboardEvent];
+            stepForward: [event: KeyboardEvent];
+        }
     }
 }
 declare const _default: import("../plugin").Plugin;

package/dist/plugins/view.d.ts

@@ -14,9 +14,9 @@ declare global {
             toggleUi: (name: Ui) => void;
             isPanelVisible: (name: string) => boolean;
             setPanelVisible: (name: string, visible: boolean | 'toggle') => void;
-            hidePanel: (name: string, visible: boolean | 'toggle') => void;
-            showPanel: (name: string, visible: boolean | 'toggle') => void;
-            togglePanel: (name: string, visible: boolean | 'toggle') => void;
+            hidePanel: (name: string) => void;
+            showPanel: (name: string) => void;
+            togglePanel: (name: string) => void;
             pointerDown: (e: PointerInputEvent, options?: PointerDownOptions) => void;
         }
     }

package/dist/plugins/workflow.d.ts

@@ -0,0 +1,23 @@
+import type { Element2D } from 'modern-canvas';
+declare global {
+    namespace Mce {
+        interface WorkflowNodeTemplate {
+            /** Layer-panel name (and header label). */
+            label?: string;
+            /** Bold first line shown inside the node. */
+            title?: string;
+            /** Gray hint paragraphs under the title. */
+            body?: string[];
+        }
+        interface Options {
+            /** Override/extend the workflow node content templates, keyed by node type. */
+            workflowNodes?: Record<string, WorkflowNodeTemplate>;
+        }
+        interface Commands {
+            addWorkflowNode: (type: string, position?: AddElementPosition) => Element2D;
+            addWorkflowConnection: (startId: string, startIdx: number, endId: string, endIdx: number) => Element2D;
+        }
+    }
+}
+declare const _default: import("../plugin").Plugin;
+export default _default;

package/dist/typed-global.d.ts

@@ -31,6 +31,11 @@ declare global {
       //
     }
 
+    // Persistent editor mode, orthogonal to the transient `State`. 'canvas' is
+    // the free-form editing experience; 'workflow' turns the canvas into a
+    // node-graph editor (directional connections, port handles).
+    type Mode = 'canvas' | 'workflow'
+
     type State
       = | 'loading'
         | 'hand'
@@ -40,6 +45,7 @@ declare global {
         | 'transforming'
         | 'typing'
         | 'cropping'
+        | 'pathEditing'
         | 'imageReplacing'
         | 'shapeReplacing'
         | 'painting'

package/dist/typed-plugins.d.ts

@@ -22,6 +22,7 @@ import './mixins/http'
 import './mixins/loader'
 import './mixins/snapper'
 import './mixins/snapshot'
+import './mixins/strategy'
 import './mixins/tool'
 import './plugins/arrange'
 import './plugins/autoNest'
@@ -60,6 +61,7 @@ import './plugins/transform'
 import './plugins/typography'
 import './plugins/url'
 import './plugins/view'
+import './plugins/workflow'
 import './plugins/zoom'
 
 export {}

package/dist/utils/arrow.d.ts

@@ -0,0 +1,14 @@
+interface Point {
+    x: number;
+    y: number;
+}
+export type ArrowMarker = 'none' | 'open' | 'filled';
+export interface ArrowPathOptions {
+    size?: number;
+    angle?: number;
+    startMarker?: ArrowMarker;
+    endMarker?: ArrowMarker;
+    roundValues?: boolean;
+}
+export declare function getArrowPath(p1: Point, p2: Point, options?: ArrowPathOptions): string;
+export {};

package/dist/utils/create.d.ts

@@ -1,4 +1,47 @@
-import type { Element, Fill, Outline } from 'modern-idoc';
+import type { Element, Fill, Outline, ShapeConnectionPoint } from 'modern-idoc';
 export declare function createShapeElement(shape?: Element['shape'], fill?: Fill, outline?: Outline): Element;
 export declare function createTextElement(content: string, style?: Record<string, any>): Element;
 export declare function createImageElement(image: string): Promise<Element>;
+export interface CreateCardElementOptions {
+    /** Body text below the title. Omitted if empty. */
+    body?: string;
+    width?: number;
+    height?: number;
+    fill?: Fill;
+    outline?: Outline;
+    borderRadius?: number;
+    /** Inset of the title/body from the card edges. */
+    padding?: number;
+    titleStyle?: Record<string, any>;
+    bodyStyle?: Record<string, any>;
+}
+/**
+ * A rounded panel with a bold title and optional body, composed as child text
+ * elements (so each line keeps its own styling and can be edited in place).
+ */
+export declare function createCardElement(title: string, options?: CreateCardElementOptions): Element;
+export interface CreateFlowNodeElementOptions {
+    width?: number;
+    height?: number;
+    fill?: Fill;
+    outline?: Outline;
+    borderRadius?: number;
+    textStyle?: Record<string, any>;
+    /** Override the default right/left/bottom/top connector anchors. */
+    connectionPoints?: ShapeConnectionPoint[];
+}
+/**
+ * A labelled rounded box that exposes connection points, so connectors can
+ * attach and route to it. Pairs with the `connection` element.
+ */
+export declare function createFlowNodeElement(label?: string, options?: CreateFlowNodeElementOptions): Element;
+export interface CreateStickyElementOptions {
+    width?: number;
+    height?: number;
+    fill?: Fill;
+    color?: string;
+    fontSize?: number;
+    padding?: number;
+}
+/** A solid colored note with top-aligned text, e.g. for whiteboard annotations. */
+export declare function createStickyElement(content: string, options?: CreateStickyElementOptions): Element;

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './arrow';
 export * from './box';
 export * from './console';
 export * from './constants';

package/dist/utils/workflow.d.ts

@@ -0,0 +1,9 @@
+import type { Element2D } from 'modern-canvas';
+import type { ShapeConnectionPoint } from 'modern-idoc';
+export interface WorkflowPort extends ShapeConnectionPoint {
+    kind: 'input' | 'output';
+}
+export declare const INPUT_PORT: WorkflowPort;
+export declare const OUTPUT_PORT: WorkflowPort;
+export declare function getWorkflowPorts(el: Element2D): WorkflowPort[];
+export declare function toConnectionPoints(ports: WorkflowPort[]): ShapeConnectionPoint[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.18.3",
+  "version": "0.18.5",
   "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",
@@ -60,10 +60,10 @@
     "@vueuse/core": "^14.3.0",
     "diff": "^9.0.0",
     "lodash-es": "^4.18.1",
-    "modern-canvas": "^0.18.1",
-    "modern-font": "^0.5.0",
-    "modern-idoc": "^0.11.4",
-    "modern-text": "^1.11.1",
+    "modern-canvas": "^0.19.1",
+    "modern-font": "^0.6.0",
+    "modern-idoc": "^0.11.5",
+    "modern-text": "^2.0.3",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.30"
   },
@@ -88,7 +88,7 @@
     "@types/lodash-es": "^4.17.12",
     "@vitejs/plugin-vue": "^6.0.7",
     "jiti": "^2.7.0",
-    "sass-embedded": "^1.99.0",
+    "sass-embedded": "^1.100.0",
     "typedoc": "^0.28.19",
     "typedoc-plugin-markdown": "^4.11.0"
   },