Dog/Cat Toggle

[GlennHS]

http://placedog.net

Possibly implement with #29

[GlennHS]

@mikef80

[ssddanbrown]

Based upon potential users I think you might be serving, I think there may be also a desire for bunny rabbits 🐇🐇🐇🐇🐇🐇.

I remember you used the Reddit API before. Quickly chopped the below together based upon an older play project of mine (https://danb.me/viewr/). Can support other animals via updating the subreddit map.

View code

/**
 * For the given type of animal, look up to reddit to return a image thumbnail URL
 * (If supported, Otherwise a random cute animal picture)
 * may be returned).
 * @param {String} animal 
 * @returns {String}
 */
async function getCuteImageUrlFromReddit(animal = 'any') {

    // Our mapping of animal types to relevant subreddits.
    const subredditMap = {
        'cat': 'cats+catpics+catsstandingup+illegallysmolcats',
        'dog': 'dogs+dogpictures+dogswearinghats',
        'bunny': 'rabbits',
        'any': 'aww+eyebleach'
    };
    // Default to any if the animal is not in the map.
    const subreddit = subredditMap[animal] || subredditMap['any'];
    // Build the reddit JSON endpoint URL.
    const fetchUrl = `https://www.reddit.com/r/${subreddit}/hot.json?limit=100&count=100`;

    // Fetch a bunch of posts from reddit as JSON.
    const resp = await window.fetch(fetchUrl);
    const results = await resp.json();
    // Map into the post.data since reddit nests the actual data within another object level.
    const allPosts = results.data.children.map(post => post.data);

    // Our list of approved content domains that should be serving images
    // and are likely not dodgy.
    const approvedContentDomains = [
        'i.imgur.com',
        'imgur.com',
        'i.redd.it',
        'i.reddituploads.com'
    ];

    // Find a likely image post here that's not sticked or pinned as they're often
    // static and won't provide a changing result.
    const imagePost = allPosts.find(post => {
        const postUrlDomain = post.url.split('/')[2] || '';
        return approvedContentDomains.includes(postUrlDomain)
            && !post.stickied
            && !post.pinned;
    });

    // Return the thumbnail of the found post otherwise empty string if nothing matches.
    // Can change this to be 'url' instead of thumbnail to get original image url
    // but might need more confidence on content type to do that (eg. Extension checking).
    // Would also mean more variance in image size (Both dimensions and filesize).
    return imagePost ? imagePost.thumbnail : '';
}


// Usage (Async/Await)
const url = await getCuteImageUrlFromReddit('cat');
console.log(url);

// Usage (Promises)
getCuteImageUrlFromReddit('cat').then(url => console.log(url));

Fair more hassle to deal with that the placedog/kitten though so this route may not be worthwhile, just putting it out there though in case it helps.