SplashAndGrab

[Mats]

BETA: SplashAndGrab

https://github.com/madebymats/InputfieldSplashAndGrab

This module attaches a search input to selected image fields that lets you search and download images from Unsplash.
(Unsplash is a stock photo service where you can download images for free and use as you wish. No strings attached.)   
You can search by string, colors, orientation/crop and order by relevance or time published

I find Unsplash useful both for placeholder images when building sites but also as a time saver for editors if they don’t have any images at hand, just search, download and publish.

Thanks to @apeisa for building the  FlickrInputField Module and @Robin S for AddImageUrls,  took a lot ideas and code from those modules.

Edited June 12, 2020 by Mats
Added @'s and image

[kongondo]

27 minutes ago, Mats said:

SplashAndGrab

Loving the name ? 

A README?

[Mats]

28 minutes ago, kongondo said:

Loving the name ? 

The name might be the best part of the module. ?

A Readme is added.

[apeisa]

On 6/12/2020 at 10:48 PM, Mats said:

Thanks to @apeisa for building the  FlickrInputField Module

Hah, I had forgotten this one.

SplashAndGrab looks (and sounds) great!

[bernhard]

Hi @Mats

thx, this has been on my wishlist for quite some time ? Have you thought about also integrating other services like https://www.pexels.com or https://pixabay.com ?

[Mats]

2 minutes ago, bernhard said:

thx, this has been on my wishlist for quite some time ? Have you thought about also integrating other services like https://www.pexels.com or https://pixabay.com ?

Hi @bernhard! No, i haven't thought about that. 

[bernhard]

1 minute ago, Mats said:

Hi @bernhard! No, i haven't thought about that. 

= I have not thought about that, but it's a good idea and easy to implement.
= I have not thought about that and I'm not willing to add any other services.

? ? 

[Macrura]

Cool - i was building this, but i got stuck on the Unsplah api which was telling me they didn't like downloads and wanted to only allow usage that would use the source image from them, and this wouldn't work with an images inputfield, or imagesizer engine, or any other image manipulation like srcsets etc; So i gave up... Looks like somehow you solved all of this, so thanks!  Does this use a fixed api key, or will that api key need to be configurable at some point?

 

[Pixrael]

Hi @Mats thanks for your module!.. very useful for quick blog posting or a lading page / blocks builder.. and will be perfect if integrate something like this https://glide.thephpleague.com/  ?

[Mats]

1 hour ago, bernhard said:

= I have not thought about that, but it's a good idea and easy to implement.
= I have not thought about that and I'm not willing to add any other services.

= I have not thought about that and I don't  know how o add any other service.  ? 

2 hours ago, Macrura said:

Does this use a fixed api key, or will that api key need to be configurable at some point?

This uses a fixed api key. 

 

[kongondo]

3 hours ago, Mats said:

This uses a fixed api key. 

Won't you hit the limit pretty soon?

https://help.unsplash.com/en/articles/3887917-when-should-i-apply-for-a-higher-rate-limit

[Mats]

The 5000 hits limit resets hourly so I think it should be ok. 

[androbey]

Hi @Mats

thank you for this module!

I noticed an issue when trying to crop images which where downloaded via this module on saving. The error said that the image could not be found.

I assume this has to do with the page file name, which has a "." in its name, which seems to be a problem.

I replaced the renaming with following line, which solves this problem for me. Maybe it's helpful for someone else coming accross this.

$pagefile->rename(str_replace('.', '-', $pagefile) . ".jpg");

 

[gornycreative]

I have noticed that on pages where an image field with this feature is activated, I get a warning that the page is being edited in another window that is generally off by a few minutes. I was not seeing this issue at all prior to adding the module. The page saves without issue, but immediately after saving the warning will pop up sometimes.

Irrelevant.

But here's something that's not - unsplash is charging now for their API. Can you include a place to include licensing on the backend for folks who still want to use them?

Edited August 27, 2021 by gornycreative

[gornycreative]

Something else I noticed recently, when a page has two unsplash inputfields on the same template they are linked, so perhaps the js needs more granular selectors for the interaction layer so that each inputfield can operate independently.

This module otherwise still works very well.

I think pulling the data-id value from the element and attaching it to the `splashAndGrab` id on the fieldset in the js and form output will fix it. If I can get something working I will sub a PR.

This was simpler than I thought. I want to test a few more things but I believe I got this working in a way that allows for multiple separate instances. Once I test a little more I will sub a PR.

[gornycreative]

Thanks @Mats - that's enough tinkering for now! 😄 1.0.2