2.2.10

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "obsidian-excalidraw-plugin",
   "name": "Excalidraw",
-  "version": "2.2.9",
+  "version": "2.2.10",
   "minAppVersion": "1.1.6",
   "description": "An Obsidian plugin to edit and view Excalidraw drawings",
   "author": "Zsolt Viczian",

package.json

@@ -19,7 +19,7 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@zsviczian/excalidraw": "0.17.1-obsidian-31",
+    "@zsviczian/excalidraw": "0.17.1-obsidian-32",
     "chroma-js": "^2.4.2",
     "clsx": "^2.0.0",
     "colormaster": "^1.2.1",

src/ExcalidrawView.ts

@@ -1718,6 +1718,7 @@ export default class ExcalidrawView extends TextFileView {
 
     this.clearPreventReloadTimer();
     this.clearEmbeddableIsEditingSelfTimer();
+    this.plugin.scriptEngine?.removeViewEAs(this);
     this.excalidrawAPI = null;
     if(this.draginfoDiv) {
       this.ownerDocument.body.removeChild(this.draginfoDiv);

src/Scripts.ts

@@ -33,8 +33,20 @@ export class ScriptEngine {
     this.registerEventHandlers();
   }
 
+  public removeViewEAs(view: ExcalidrawView) {
+    const eas = new Set<ExcalidrawAutomate>();
+    this.eaInstances.forEach((ea) => {
+      if (ea.targetView === view) {
+        eas.add(ea);
+        ea.destroy();
+      }
+    });
+    this.eaInstances.removeObjects(eas);
+  }
+
   public destroy() {
     this.eaInstances.forEach((ea) => ea.destroy());
+    this.eaInstances.clear();
     this.eaInstances = null;
     this.scriptIconMap = null;
     this.plugin = null;

src/dialogs/Messages.ts

@@ -18,13 +18,18 @@ I develop this plugin as a hobby, spending my free time doing this. If you find
 <div class="ex-coffee-div"><a href="https://ko-fi.com/zsolt"><img src="https://cdn.ko-fi.com/cdn/kofi3.png?v=3" height=45></a></div>
 `,
 "2.2.10": `
-## New
-- Area, Group, Frame, and Clipped-Frame references to images now also work when pasting images to Excalidraw.
-- New reference type ${String.fromCharCode(96)}clippedframe=${String.fromCharCode(96)} works in the same way as ${String.fromCharCode(96)}frame=${String.fromCharCode(96)} but will display the elements clipped by the frame. ${String.fromCharCode(96)}clippedframe=${String.fromCharCode(96)} will always display the image with zero padding.
-- New command palette action: ${String.fromCharCode(96)}Frame Settings${String.fromCharCode(96)} gives you fine-grained control over how frames are rendered. Frame settings will also be reflected in image exports. For example, if you hide the frame name or outline, then in exports they will not be visible.
+<div class="excalidraw-videoWrapper"><div>
+<iframe src="https://www.youtube.com/embed/sjZfdqpxqsg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div></div>
 
 ## Fixed
+- Drastically degraded rendering performance when zoomed in and when arrows with labels are used. [#8267](https://github.com/excalidraw/excalidraw/pull/8267), [#8266](https://github.com/excalidraw/excalidraw/pull/8266), [#1893](https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1893)
 - Frame title font in exports. 
+
+## New
+- Area, Group, Frame, and Clipped-Frame references to images now also work when pasting images to Excalidraw.
+- The new reference type ${String.fromCharCode(96)}clippedframe=${String.fromCharCode(96)} works in the same way as ${String.fromCharCode(96)}frame=${String.fromCharCode(96)} but will display the elements clipped by the frame. ${String.fromCharCode(96)}clippedframe=${String.fromCharCode(96)} will always display the image with zero padding.
+- New command palette action: ${String.fromCharCode(96)}Frame Settings${String.fromCharCode(96)} gives you fine-grained control over how frames are rendered. Frame settings will also be reflected in image exports. For example, if you hide the frame name or outline, then in exports they will not be visible.
 `,
 "2.2.9": `
 ## New

src/utils/WeakArray.ts

@@ -15,4 +15,15 @@ export class WeakArray<T extends object> {
       }
     });
   }
+
+  removeObjects(objectsToRemove: Set<T>) {
+    this.weakArray = this.weakArray.filter((ref) => {
+      const obj = ref.deref();
+      return obj && !objectsToRemove.has(obj);
+    });
+  }
+
+  clear() {
+    this.weakArray = [];
+  }
 }

tsconfig.dev.json

@@ -3,7 +3,7 @@
     "baseUrl": ".",
     "sourceMap": false,
     "module": "ES2015",
-    "target": "es2017", //es2017 because script engine requires for async execution
+    "target": "es2018", //es2017 because script engine requires for async execution
     "allowJs": true,
     "noImplicitAny": true,
     "moduleResolution": "node",

tsconfig.json

@@ -3,7 +3,7 @@
     "baseUrl": ".",
     "sourceMap": false,
     "module": "es2015",
-    "target": "es2017", //es2017 because script engine requires for async execution
+    "target": "es2018", //es2017 because script engine requires for async execution //es2018 for named capture groups
     "allowJs": true,
     "noImplicitAny": true,
     "moduleResolution": "node",