Is there a way to show the Asset Manager outside the modal?

[glaprida]

I just want to show it on a <div id="assets" > with all the same functionality.

I tried assetManager: { custom: true } but as far as I can tell that just lets me provide my own logic to render and handle assets (something I don't intend to override) but still shows inside the modal.

Any ideas?

[glaprida]

This is what I've done so far:

I prevent the modal by setting the following init config

assetManager: { 
   custom: { 
      open(props){
        // dont do anything here really
      }
   }
}

and then I have

editor.on('asset:custom', (props)=>{
  // use props.assets to render the assets on my own div (a sidebar)
}

and also

editor.on('asset:open', ()=>{
  // show my custom asset manager on the sidebar
}

So far so good. Although if anyone has a better solution I would be glad to hear it, since this way I need to reimplement some of the logic of the assets themselves.

But also, I read in the docs (https://grapesjs.com/docs/modules/Assets.html#customization) that "It's important to declare also the close function, the editor should be able to close the Asset Manager via am.close()"

In my case the assets are shown in a sidebar (similar to the layers panel or blocks panel) and the user can have the panel open and still interact with the canvas. there isn't really an "open" or "closed" state for the asset sidebar in my case. What should I do?