Low-level API WebGL nonexistent cleanup function

[joncardasis]

Description

The @rive-app/[email protected] renderer (and other webgl renderers) exposes a cleanup function in .d.ts but errors when called: 'rive.cleanup' is not a function. See Repro section for an example usage.

It appears as though the wasm/js/*renderer.js files do not set a Module["cleanup"] function. console.log(Object.keys(rive)) does not contain any reference of cleanup.

This inability to cleanup the wasm allocations leads to memory leaks.

Provide a Repro

import Rive, {AABB, RiveCanvas, SMIInput} from '@rive-app/webgl2-advanced'

const rive = await Rive({
    locateFile: () =>
      `https://unpkg.com/@rive-app/[email protected]/rive.wasm`,
  })
const bytes = await (await fetch(new Request(url))).arrayBuffer()
const file = await rive.load(new Uint8Array(bytes))

const renderer = rive.makeRenderer(canvas, !isFirefox())
const artboard = file.artboardByName("file-artboard-name")

function renderLoop(time: DOMHighResTimeStamp) {
  ...
}

requestFrameId = rive.requestAnimationFrame(renderLoop)

return {
  cleanup: function () { 
    rive.cleanup()
  }
}

[joncardasis]

Also to note that https://rive.app/community/doc/low-level-api-usage/doctAfBY6v3P#cleaning-up-instances outlines deleting resources manually, however, renderer.delete(); also throws an error where delete is not a function on the webgl2 renderer.

renderer.delete();  // Error – renderer.delete is not a function
file.delete();
artboard.delete();
animation.delete();
stateMachine.delete();