Grapesjs Custom Asset Manager with Elfinder

[Smanst3r]

Hello, Can someone help why selected component is incorrect?
Im trying to connect elfinder to grapesjs and using custom event as mentioned on the official website
editor.on('asset:custom', props => {})
And using props select method
props.select(asset, false); on elfinder select callback (e.g. click)
props.select(asset, true); on elfinder getFileCallback (e.g. dblclick)
On this video incorrect model is updated (block components added just for clarity)
Am I missing something when the modal was hidden after the first try?
Thanks!

Screencast.2023-09-18.17.06.48.mp4

[artf]

Can you share a reproducible demo?

[Smanst3r]

I have uploaded demo here: http://grapesjs-elfinder-sample.infinityfreeapp.com/

[artf]

You're binding the update from the "elFinder" only once, that's why next time you're always updating the same first component.
You have to rethink a bit your logic, eg.

editor.on('asset:custom', props => {
  const selectAsset = props.select; // get always the latest `props.select`
  if (props.container.querySelector(`.cms-assets-manager`)) {
    return;
  }
  // ... then use `selectAsset(...)` instead of `props.select(...)` 

[Smanst3r]

Thanks, that solved the problem