feat: on component destroy, release webgl memory

frontend/src/lib/Molstar.svelte

@@ -1,17 +1,19 @@
 <script lang="ts">
+ import { onDestroy } from "svelte";
  import { PDBeMolstarPlugin } from "../../venome-molstar/lib";
+ import { loseWebGLContext } from "./venomeMolstarUtils";
 
  export let url = "";
  export let format = "pdb";
  export let bgColor = { r: 255, g: 255, b: 255 }; // white
  export let binary = false;
  export let width = 500;
  export let height = 500;
+ let m: PDBeMolstarPlugin;
 
  let divEl: HTMLDivElement;
  async function render() {
- // @ts-ignore
- const m = new PDBeMolstarPlugin(); // loaded through app.html
+ m = new PDBeMolstarPlugin();
  // some bs for the whole thing to rerender. TODO: fix this.
  divEl.innerHTML = "";
  const div = document.createElement("div");
@@ -33,6 +35,11 @@
  });
  }
 
+ onDestroy(() => {
+ loseWebGLContext(divEl.querySelector("canvas")!);
+ m.plugin.dispose();
+ });
+
  $: {
  if (url && divEl) {
  render();