Use original "Medial Library"

[eugenchio]

First of all, thank you for this great package! Originally in Gutenberg media library opens in a separate window. In Gutenberg-JS it opens a small popup with maximum of 10 images, with no pagination. From what I've found the original media library component is overrode here: https://github.com/front/gutenberg-js/blob/master/src/js/gutenberg-overrides/%40wordpress/edit-post/build-module/hooks/components/media-upload/index.js Am I correct? If yes - what is the purpose of overriding original component and is there a possibility to use the original one?

[Qoraiche]

I don't think this is possible, you need to create a custom media library or use a third party!

[eugenchio]

@Qoraiche , Thanks for reply! Can you please advice me the way of attaching my custom library to the gutenberg-js?

[Qoraiche]

Take a look at front/g-editor i think they already using a simple local media library you can start with it. (@SofiaSousa correct me if i'm wrong)

Hope this helps.

[SofiaSousa]

The original one opens the Wordpress Gallery window, that's why we did the override.

Now there is a filter (editor.MediaUpload) to replace the component.

https://github.com/WordPress/gutenberg/blob/master/packages/edit-post/src/hooks/components/index.js

Check filters docs here: https://github.com/WordPress/gutenberg/tree/master/docs/designers-developers/developers/filters

[vonloxx]

@eugenchio You need to use wp.hooks.addFilter() to add a "editor.MediaUpload" filter. For an example, check how it was done on Drupal Gutenberg module: https://cgit.drupalcode.org/gutenberg/tree/js/filters/media-upload.es6.js

[eugenchio]

@Qoraiche , @SofiaSousa , @vonloxx , Thanks a lot, guys! Will check the docs.