Images optimizations and transformations

[Triloworld]

Hello, Work great and nice ui. Before connecting to API i use local images and library @aceforth/nuxt-optimized-images This give my variety of images based on context. Can optimization be done on images? Maybe run library after download images ?

For me solution is run library in context of running require(downloaded_file)and fallback to path. So any system can be connected to this library

[emiliobondioli]

I think this would be nice feature, but haven't yet found some time to explore the best way to integrate it with Magpie. I agree that it should be left as an optional last step after images are downloaded.

If I'm not wrong, some of the optimizations only work by serving the correct image during runtime and, since Magpie only works during static generation, it might become tricky to process the images with nuxt-optimized-images pipeline - but this needs further investigation.

[Triloworld]

4 approach is possible to this module will fix that problem:

• Provide a hook for any library such as @aceforth/nuxt-optimized-images so he can use it to download file before optimization (he call this module with externall path to process)
• as a webpack loader as first, so any files can be downloaded before and use like local file require('/xyz.jpg'); (this module call webpack as bundler will take precedence for any other module)
• call custom hook in proper moment (so anybody can extend module after file is downloaded with proper path)
• BEST ONE: Write nuxt plugin that I can call in app before any generation hook run. Like running this by hand with only patch and return local path: https://github.com/emiliobondioli/nuxt-magpie/blob/50a1777102b65c586720452f2a7d3f4b633eab4e/lib/module.js#L80 It can return url when in dev mode and download when needed. Useful in any place :)

Example:

require(`${this.$magpie.local('https://api.localhost/xyz.jpg')}`)