stacker.news/sw/build.js

const { createHash } = require('crypto')
const { readdirSync, readFileSync, statSync, writeFileSync } = require('fs')
const { join } = require('path')

const getRevision = filePath => createHash('md5').update(readFileSync(filePath)).digest('hex')
const walkSync = dir => readdirSync(dir, { withFileTypes: true }).flatMap(file =>
  file.isDirectory() ? walkSync(join(dir, file.name)) : join(dir, file.name))

function formatBytes (bytes, decimals = 2) {
  if (bytes === 0) {
    return '0 B'
  }

  const k = 1024
  const sizes = ['B', 'KB', 'MB']

  const i = Math.floor(Math.log(bytes) / Math.log(k))
  const formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(decimals))

  return `${formattedSize} ${sizes[i]}`
}

function generatePrecacheManifest () {
  const manifest = []
  let size = 0

  const addToManifest = (filePath, url, s) => {
    const revision = getRevision(filePath)
    manifest.push({ url, revision })
    size += s
  }

  const staticDir = join(__dirname, '../public')
  const staticFiles = walkSync(staticDir)
  const staticMatch = f => [/\.(gif|jpe?g|ico|png|ttf|woff|woff2)$/].some(m => m.test(f))
  staticFiles.filter(staticMatch).forEach(file => {
    const stats = statSync(file)
    addToManifest(file, file.slice(staticDir.length), stats.size)
  })

  const pagesDir = join(__dirname, '../pages')
  const precacheURLs = ['/offline']
  const pagesFiles = walkSync(pagesDir)
  const fileToUrl = f => f.slice(pagesDir.length).replace(/\.js$/, '')
  const pageMatch = f => precacheURLs.some(url => fileToUrl(f) === url)
  pagesFiles.filter(pageMatch).forEach(file => {
    const stats = statSync(file)
    // This is not ideal since dependencies of the pages may have changed
    // but we would still generate the same revision ...
    // The ideal solution would be to create a revision from the file generated by webpack
    // in .next/server/pages but the file may not exist yet when we run this script
    addToManifest(file, fileToUrl(file), stats.size)
  })

  const output = 'sw/precache-manifest.json'
  writeFileSync(output, JSON.stringify(manifest, null, 2))

  console.log(`Created precache manifest at ${output}. Cache will include ${manifest.length} URLs with a size of ${formatBytes(size)}.`)
}

module.exports = { generatePrecacheManifest }