mce 0.18.0 → 0.18.1

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from './mixin';
 export * from './mixins';
 export * from './plugin';
 export * from './plugins';
+export * from './scene';
 export * from './types';
 export type { Camera2D, Element2D, Engine } from 'modern-canvas';
 export type { Document, Element, NormalizedElement } from 'modern-idoc';

package/dist/index.js

@@ -393,10 +393,10 @@ var _0_config_default = defineMixin((editor) => {
 			});
 			onChange(async (files) => {
 				const file = files?.[0];
-				if (file) {
+				if (file) try {
 					config.value = JSON.parse(await file.text());
 					resolve(config.value);
-				}
+				} catch {}
 			});
 			open();
 		});
@@ -4383,7 +4383,10 @@ var IndexeddbProvider = class extends Observable {
 		this._db = openDB(name, (db) => {
 			createStores(db, [["updates", { autoIncrement: true }], ["custom"]]);
 		});
-		this.whenSynced = new Promise((resolve) => this.on("synced", () => resolve(this)));
+		this.whenSynced = new Promise((resolve, reject) => {
+			this.on("synced", () => resolve(this));
+			this._db.catch(reject);
+		});
 		this._db.then((db) => {
 			this.db = db;
 			fetchUpdates(this, (updatesStore) => {
@@ -4393,7 +4396,7 @@ var IndexeddbProvider = class extends Observable {
 				this.synced = true;
 				this.emit("synced", this);
 			});
-		});
+		}).catch(() => {});
 		this._storeUpdate = (update, origin) => {
 			if (this.db && origin !== this) {
 				const [updatesStore] = transact(this.db, [updatesStoreName]);
@@ -6701,7 +6704,11 @@ var clipboard_default = definePlugin(() => {
 			},
 			load: async (doc) => {
 				const mce = doc.querySelector("mce-clipboard");
-				if (mce) return JSON.parse(mce.textContent);
+				if (mce) try {
+					return JSON.parse(mce.textContent);
+				} catch {
+					return [];
+				}
 				return [];
 			}
 		}]
@@ -7932,7 +7939,9 @@ var frame_default = definePlugin((editor) => {
 		}],
 		setup: () => {
 			const { on, off, inEditorIs, snapshot, captureFrameScreenshot, frames, frameThumbs } = editor;
+			let cleanupDoc = null;
 			function onSetDoc(doc) {
+				cleanupDoc?.();
 				if (config.value.thumbnail) snapshot();
 				function onAddChild(node, _newIndex) {
 					if (config.value.thumbnail && inEditorIs(node, "Frame")) {
@@ -7951,12 +7960,17 @@ var frame_default = definePlugin((editor) => {
 				}
 				doc.on("addChild", onAddChild);
 				doc.on("removeChild", onRemoveChild);
+				cleanupDoc = () => {
+					doc.off("addChild", onAddChild);
+					doc.off("removeChild", onRemoveChild);
+				};
 			}
 			onBeforeMount(() => {
 				on("docSet", onSetDoc);
 			});
 			onScopeDispose(() => {
 				off("docSet", onSetDoc);
+				cleanupDoc?.();
 			});
 		}
 	};
@@ -8062,8 +8076,8 @@ var html_default = definePlugin((editor) => {
 				const dom = new DOMParser().parseFromString(await source.text(), "text/html");
 				try {
 					return await load(dom);
-				} catch (_err) {
-					console.log(dom);
+				} catch (err) {
+					console.error(err);
 					return [];
 				}
 			}
@@ -9554,42 +9568,46 @@ var pen_default = definePlugin((editor) => {
 						currentPath.currentCurve.addCurve(currentLine);
 						update();
 					}
-				} else {
-					el = addElement({
-						name: "pen",
-						style: {
-							width: 1,
-							height: 1
-						},
-						outline: {
-							color: "#d9d9d9",
-							width: 5,
-							lineCap: "round",
-							lineJoin: "round"
-						},
-						meta: { inPptIs: "Shape" }
-					}, { position: start });
-					currentPath = new Path2D();
-					currentLine = new LineCurve(new Vector2(start.x, start.y), new Vector2(start.x, start.y));
-					currentPath.currentCurve.addCurve(currentLine);
-					update();
-					const onMove = () => {
-						const move = getGlobalPointer();
-						if (currentLine && move) {
-							currentLine.p2.x = move.x;
-							currentLine.p2.y = move.y;
-							update();
-						}
-					};
-					renderEngine.value.on("pointermove", onMove);
-					const stop = watch([state, activeTool], () => {
-						renderEngine.value.off("pointermove", onMove);
-						stop();
-						el = void 0;
-						currentPath = void 0;
-						currentLine = void 0;
-					});
+					return;
 				}
+				el = addElement({
+					name: "pen",
+					style: {
+						width: 1,
+						height: 1
+					},
+					outline: {
+						color: "#d9d9d9",
+						width: 5,
+						lineCap: "round",
+						lineJoin: "round"
+					},
+					meta: { inPptIs: "Shape" }
+				}, { position: start });
+				currentPath = new Path2D();
+				currentLine = new LineCurve(new Vector2(start.x, start.y), new Vector2(start.x, start.y));
+				currentPath.currentCurve.addCurve(currentLine);
+				update();
+				const onMove = () => {
+					const move = getGlobalPointer();
+					if (currentLine && move) {
+						currentLine.p2.x = move.x;
+						currentLine.p2.y = move.y;
+						update();
+					}
+				};
+				renderEngine.value.on("pointermove", onMove);
+				let stopWatch;
+				const cleanup = () => {
+					renderEngine.value.off("pointermove", onMove);
+					stopWatch?.();
+					stopWatch = void 0;
+					el = void 0;
+					currentPath = void 0;
+					currentLine = void 0;
+				};
+				stopWatch = watch([state, activeTool], cleanup);
+				return { end: cleanup };
 			}
 		}, {
 			name: "pencil",
@@ -17041,4 +17059,4 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { Cropper_default as Cropper, Dialog_default as Dialog, Editor, Layers_default as EditorLayers, EditorLayout_default as EditorLayout, LayoutItem_default as EditorLayoutItem, Toolbelt_default as EditorToolbelt, Menu_default as Menu, Ruler_default as Ruler, Scrollbar_default as Scrollbar, Transform_default as Transform, defineMixin, definePlugin, mixins, plugins, useEditor };
+export { Cropper_default as Cropper, Dialog_default as Dialog, Doc, Editor, Layers_default as EditorLayers, EditorLayout_default as EditorLayout, LayoutItem_default as EditorLayoutItem, Toolbelt_default as EditorToolbelt, Menu_default as Menu, Ruler_default as Ruler, Scrollbar_default as Scrollbar, Transform_default as Transform, defineMixin, definePlugin, mixins, plugins, useEditor };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "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,9 +60,9 @@
     "@vueuse/core": "^14.3.0",
     "diff": "^9.0.0",
     "lodash-es": "^4.18.1",
-    "modern-canvas": "^0.17.1",
+    "modern-canvas": "^0.17.2",
     "modern-font": "^0.5.0",
-    "modern-idoc": "^0.11.3",
+    "modern-idoc": "^0.11.4",
     "modern-text": "^1.11.0",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.30"