Connections plugin now intercepts r.destroy()

recogito · Nov 16, 2022 · 060cd36 · 060cd36
1 parent d5af1b9
commit 060cd36
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -32,6 +32,8 @@
   <body>
     <img id="hallstatt" src="640px-Hallstatt.jpg">
 
+    <button id="dbg">DEBUG</button>
+
     <div id="content" class="plaintext">
       <h1>Homer: The Odyssey</h1>
       <p>
@@ -80,6 +82,10 @@ <h1>Homer: The Odyssey</h1>
         });
 
         r.loadAnnotations('annotations.w3c.json');
+
+        document.getElementById('dbg').addEventListener('click', function() {
+          r.destroy();
+        });
       };
     </script>
   </body>

diff --git a/src/NetworkCanvas.js b/src/NetworkCanvas.js
@@ -76,6 +76,10 @@ export default class NetworkCanvas extends EventEmitter {
     return toDelete.map(conn => conn.edge.toAnnotation());
   }
 
+  destroy = () => {
+    this.svg.remove();
+  }
+
   initGlobalEvents = () => {
     const opts = {
       capture: true,

diff --git a/src/index.jsx b/src/index.jsx
@@ -43,8 +43,9 @@ class ConnectionsPlugin extends EventEmitter {
    */
   patchInstance = instance => {
 
-    // Intercept setAnnotation API method
+    // Intercept + monkeypatch API methods
     const _setAnnotations = instance.setAnnotations;
+    const _destroy = instance.destroy;
 
     instance.setAnnotations = arg => {
       const all = (arg || []);
@@ -61,6 +62,11 @@ class ConnectionsPlugin extends EventEmitter {
       });
     }
 
+    instance.destroy = arg => {
+      this.canvas.destroy();
+      _destroy();
+    }
+
     // When annotations are deleted, also delete
     // in-/outgoing connections
     instance.on('deleteAnnotation', annotation => {