mce 0.18.4 → 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;

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;

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

@@ -46,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/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/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'

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/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/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.4",
+  "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.3",
-    "modern-font": "^0.5.0",
+    "modern-canvas": "^0.19.1",
+    "modern-font": "^0.6.0",
     "modern-idoc": "^0.11.5",
-    "modern-text": "^1.12.0",
+    "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"
   },