doesitarm/helpers/build-video-list.js

import slugify from 'slugify'
import axios from 'axios'

import { matchesWholeWord } from './matching.js'
import { byTimeThenNull } from './sort-list.js'
import { getVideoEndpoint } from './app-derived.js'
import parseDate from './parse-date'

const videoFeaturesApp = function (app, video) {
    const appFuzzyName = app.name.toLowerCase()
    if (video.title.toLowerCase().includes(appFuzzyName)) return true

    const appIsInTimestamps = video.timestamps.map( timestamp => timestamp.fullText.toLowerCase()).includes(appFuzzyName)

    if (appIsInTimestamps) return true

    if (matchesWholeWord(appFuzzyName, video.description.toLowerCase())) return true

    return false
}

const generateVideoTags = function ( video ) {
    const tags = {
        'benchmark': {
            relatedWords: [
                'benchmarks',
                'comparison',
                'speed test',
                'bench mark',
                'bench marks'
            ]
        },
        'performance': {
            relatedWords: [
                'speed'
            ]
        }
    }

    const videoTags = new Set()

    video.tags.forEach( tag => {
        videoTags.add(tag)
    })

    // Match tags against video titles and descriptions
    for (const tagKey in tags) {

        // Skip if this video already has this tag
        // then skip it
        if (videoTags.has(tagKey)) continue

        const matchingWords = [
            tagKey,
            ...tags[tagKey].relatedWords
        ]

        for (const tagWord of matchingWords) {

            // Skip if this video already has this tag
            // then stop this loop
            if (videoTags.has(tagKey)) break

            // Check title
            if (matchesWholeWord(tagWord.toLowerCase(), video.title.toLowerCase())) {
                videoTags.add(tagKey)

                // console.log(video.title, 'has', tagKey, 'tag')

                // We're done since the tag matched for the title
                continue
            }

            // Check description
            if (matchesWholeWord(tagWord.toLowerCase(), video.description.toLowerCase())) {
                videoTags.add(tagKey)

                // console.log(video.title, 'has', tagKey, 'tag')
            }
        }
    }

    return videoTags
}

const makeThumbnailData = function ( thumbnails ) {

    let maxWidth = 0
    Object.entries( thumbnails ).forEach(([thumbnailKey, thumbnail]) => {
        if (thumbnail.width > maxWidth) maxWidth = thumbnail.width
    })

    const sizes = `(max-width: ${maxWidth}px) 100vw, ${maxWidth}px`

    const srcset = Object.entries( thumbnails ).map(([thumbnailKey, thumbnail]) => {
        // console.log('thumbnail', thumbnail)
        return `${thumbnail.url} ${thumbnail.width}w`
    }).join(', ')


    const src = thumbnails.default.url

    return {
        sizes,
        srcset,
        src
    }
}

export default async function ( applist ) {

    const videosJsonUrl = `${process.env.VFUNCTIONS_URL}/videos.json`

    // Fetch Commits
    const response = await axios.get( videosJsonUrl )
    // Extract commit from response data
    const fetchedVideos = response.data

    // console.log('fetchedVideos', fetchedVideos)

    const videos = []

    for (const videoId in fetchedVideos) {

        // Skip private videos
        if (fetchedVideos[videoId].title === 'Private video') continue

        // Skip deleted videos
        if (fetchedVideos[videoId].title === 'Deleted video') continue

        // Build video slug
        const slug = slugify(`${fetchedVideos[videoId].title}-i-${videoId}`, {
            lower: true,
            strict: true
        })

        const apps = []
        // Generate new tag set based on api data
        const tags = generateVideoTags(fetchedVideos[videoId])

        for ( const app of applist ) {
            if (videoFeaturesApp(app, fetchedVideos[videoId])) {
                apps.push(app.slug)

                tags.add(app.category.slug)
            }
        }

        // console.log('fetchedVideos[videoId].rawData.snippet', fetchedVideos[videoId].rawData.snippet)

        const lastUpdated = {
            raw: fetchedVideos[videoId].rawData.snippet.publishedAt,
            timestamp: parseDate(fetchedVideos[videoId].rawData.snippet.publishedAt).timestamp,
        }

        // console.log('fetchedVideos[videoId].thumbnails', fetchedVideos[videoId].thumbnails)

        videos.push({
            name: fetchedVideos[videoId].title,
            id: videoId,
            lastUpdated,
            apps,
            slug,
            channel: {
                name: fetchedVideos[videoId].rawData.snippet.channelTitle,
                id: fetchedVideos[videoId].rawData.snippet.channelId
            },
            // Convert tags set into array
            tags: Array.from(tags),
            timestamps: fetchedVideos[videoId].timestamps,
            // thumbnails: fetchedVideos[videoId].rawData.snippet.thumbnails,
            thumbnail: makeThumbnailData( fetchedVideos[videoId].rawData.snippet.thumbnails ),
            endpoint: getVideoEndpoint({
                slug
            })
        })
    }

    // console.log('videos', videos)

    // publishedAt

    return videos.sort(byTimeThenNull)
}