// ==UserScript==
// @name         Flickr WideScreen BigONE - POOL Small View HI-RES Pics v.1
// @description  Higher resolution shots (by NotYou)
// @version      1.0
// @author       decembre
// @namespace    https://greasyfork.org/fr/users/8-decembre
// @icon         https://external-content.duckduckgo.com/ip3/blog.flickr.net.ico
// @include      https://www.flickr.com/groups_pool.gne*
// @include      https://www.flickr.com/groups/*
// @license       unlicense

// @grant GM_addStyle

// @downloadURL none
// ==/UserScript==

// TEST FLICKR POOL SM
// #pool-photos.sm .thumb img:not(.video-play-icon), #pool-photos.sm .thumb img.pc_img:not(.video-play-icon)
// src="https://live.staticflickr.com/65535/52947086660_526a0bff10_t.jpg"
// img[src="https://live.staticflickr.com/65535/52947086660_526a0bff10_t.jpg"]

// sq - SQUARE SIZE 75 - 75x75 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/sq/
// q - SQUARE SIZE 150 - 150x150 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/q/
// t - Thumbnail - 80x100 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/t/
// s - SMALL 240 - 192x240 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/s/
// n - SMALL 320 - 3256x320 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/n/
// w - SMALL 400 - 320x400 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/w/
// m - MEDIUM 500 - 400x500 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/m/
// z - MEDIUM 640 - 512x640 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/z/
// c - MEDIUM 800 - 640x800 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/c/
// l - LARGE 1024 - 819x1024 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/l/
// h - LARE 1600 - 1080x1350 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/h/

// EXAMPLE: DEREK KEATON:
// https://www.flickr.com/photos/derek_animal/52154319200/in/pool-portrait-faces-master-view

// in SMALL POOL - ORIGINAL - t - Thumbnail - 80x100 
// https://live.staticflickr.com/65535/52154319200_faa2720d1b_t.jpg
// in SMALL POOL - CHANGE to w - SMALL 400
// https://live.staticflickr.com/65535/52154319200_faa2720d1b_w.jpg


/* FLICKR TEST 1 - POOL SMALL */

// #pool-photos.sm .thumb img:not(.video-play-icon)[src$="_t.jpg"]
(function() {
    document.querySelectorAll('#pool-photos.sm .thumb img:not(.video-play-icon)[src$="_t.jpg"]').forEach(elem => {
        if(elem.tagName.toLowerCase() === 'source') {
            const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);

            elem.srcset = newSrcset;
        } else {
            const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);

            elem.src = newSource;
        }

        function getNewSource(m) {
            const indexOfDot = m.indexOf('.')
            const fileExtenstion = m.slice(indexOfDot)
            const fileName = m.slice(0, indexOfDot)

            return fileName.replace('t', 'w') + fileExtenstion
        }

    });

})();

// add CSS	with GM_addStyle - ONE Line

/*
GM_addStyle('.card-header.thumbnail picture img { max-width: 500px !important; border: 10px dashed aqua!important;}') 
*/

// Add CSS Deprecated AND where to PUT IT ?

$('head').append(`
<style type='text/css'>

#pool-photos.sm .thumb img:not(.video-play-icon)[src$="_w.jpg"] {
	border: none !important;
}

</style>
`);



 
    console.log('USw: CSS added')