Reddit gallery links

[JarheadHME]

{
 "r": "reddit\\.com/gallery/.+",
 "g": "return Array.from(doc.querySelectorAll(\"a.iUP9nbvcaxfwKrQTgt0sw\")).map(_ => ({url:\"https://i.redd.it/\" + _.href?.match(/.*redd\\.it\\/(\\w+\\.\\w+).*/)?.[1]}))"
}

I believe this works for all reddit galleries, as according to the uploader they can only have images and gifs. the only minor complication is images use preview.redd.it/(filename)?(extra stuff) and the gifs just do direct i.redd.it/(filename), but the regex works all the same to correct both to i.redd.it

I took a quick peak at making one for reddit videos (v.redd.it links) and decided it was out of my wheelhouse, dash player stuff. If you know anything about that, you could maybe try to find how RES does it

Honestly, I'm a little confused as to why just

{
 "r": "reddit\\.com/gallery/.+",
 "g": {
  "entry": "a.iUP9nbvcaxfwKrQTgt0sw"
 }
}

... doesn't just work. It grabs the first image, but none of the extras. (You can test this on this post: https://old.reddit.com/r/TheOdysseyHadAPurpose/comments/1h4vdgj/fishmael_toeiki_c/) I find the docs around "g" to be a bit, lacking.

[tophf]

Looking at the initial html in devtools network panel when opening the gallery link I see that the response doesn't have images inside those a elements (the site adds them on demand), so the simple gallery parser can't them.

This works for me:

{"u": "||reddit.com/gallery/", "g": {"image": "figure a"}}

1. "entry" is necessary when you also want to find a title of each image, otherwise use "image".
2. Instead of the volatile identifiers like iUP9nbvcaxfwKrQTgt0sw that change each time the site is updated, it's better to find a stable way to locate the element using its attributes or parents.

[JarheadHME]

I clearly still have a lot to learn about how this stuff works, especially that just "figure a" works
I presume cause it's an a tag under a figure tag, but i did not expect it to, nor see that it could, work like that. My basic-hobbyist is showing haha

Well regardless, here's that but with a fix function that essentially just, cleans the image preview urls into the i.redd.it urls as the original submission did:

{"u": "||reddit.com/gallery/",
 "g": {
  "image": "figure a",
  "fix": "return isURL ? (result = s.match(/.*redd\\.it\\/(\\w+\\.\\w+).*/))?.[1] ? \"https://i.redd.it/\" + result[1] : s : s"
 }
}

It did seem to work fine without it, though I kinda assume that all the extraneous bits at the end of the preview.redd.it urls might make it take a little bit longer? if you know that to be false, or at least not any worse than just running the fix then feel free to just axe it. Thanks though!

[tophf]

Nice. Can I add it to the rule gallery?

[JarheadHME]

Yep, feel free to!

[mechasharkbait]

The code in the rule gallery was working great until this morning and now I'm getting "Empty gallery" for every gallery on reddit.

[JarheadHME]

Seems reddit changed it from directing to a gallery page itself to the comments. Fairly simple fix in the end though:

{"u": "||reddit.com/gallery/",
 "g": {
  "image": "div.gallery-tiles img.preview",
  "fix": "return isURL ? (result = s.match(/.*redd\\.it\\/(\\w+\\.\\w+).*/))?.[1] ? \"https://i.redd.it/\" + result[1] : s : s"
 }
}

Just doing div.gallery-tiles img can result in duplicated images due to there being two of each in nsfw posts, so it's img.preview instead.

@tophf verify and update pls 🙏