convert-textures.js

/* eslint-disable no-console */
const childProcess = require('child_process')
const { lstatSync, readdirSync } = require('fs')
const path = require('path')
const imagemin = require('imagemin')
const imageminWebp = require('imagemin-webp')
const imageminZopfli = require('imagemin-zopfli')

const isDirectory = source => lstatSync(path.resolve(source)).isDirectory()

const textures = {
  map_bg: { hqAvailable: true, lossy: true },
  map: { hqAvailable: true },
  shadesmar_map_bg: { lossy: true },
  transition: {},
  text_pattern: {},
  map_text: { hqAvailable: true, localized: true },
  shadesmar_map_text: { hqAvailable: true, localized: true },
  hover_text: { localized: true },
  factions: { lossy: true, hqAvailable: true },
  oathgates_text: { hqAvailable: true, localized: true },
  silver_kingdoms: { hqAvailable: true },
  silver_kingdoms_text: { hqAvailable: true, localized: true },
  graticule: { hqAvailable: true, lossy: true },
  graticule_text: { hqAvailable: true }
}

const basePath = './src/assets/textures'
const webpOnly = process.argv.slice(2)[0] === '--webp-only'
const filter = process.argv.slice(webpOnly ? 3 : 2)
const locales = readdirSync(path.resolve(`${basePath}/localized`)).filter(locale => isDirectory(`${basePath}/localized/${locale}`))

Promise.all(Object.keys(textures).flatMap((name) => {
  const texture = textures[name]
  const transformed = []

  if (texture.localized) {
    locales.forEach((locale) => {
      const files = [`${basePath}/localized/${locale}/${name}.png`]
      if (texture.hqAvailable === true) {
        files.push(`${basePath}/localized/${locale}/hq_${name}.png`)
      }
      transformed.push({ ...texture, name: `${name}[${locale}]`, files, destination: `${basePath}/localized/${locale}` })
    })
  } else {
    const directory = texture.lossy ? 'lossy' : 'lossless'
    const ext = texture.lossy ? 'jpg' : 'png'
    const files = [`${basePath}/${directory}/${name}.${ext}`]
    if (texture.hqAvailable === true) {
      files.push(`${basePath}/${directory}/hq_${name}.${ext}`)
    }
    transformed.push({ ...texture, name, files, destination: `${basePath}/${directory}` })
  }

  return transformed
}).flatMap((texture) => {
  const { name, lossy } = texture

  const changedFiles = texture.files.filter(path => childProcess.execSync(`git status -s ${path}`).toString().length > 0)

  if (changedFiles.length === 0 && (filter.length === 0 || !filter.includes(name))) {
    console.log(`Files for texture '${name}' haven't changed, ignoring...`)
    return
  }

  if (filter.length > 0 && !filter.includes(name)) {
    console.log(`Ignoring texture '${name}'...`)
    return
  }

  const forced = filter.includes(name)
  console.log(`Optimizing and converting texture '${name}${forced ? ' (forced)' : ''}'...`)

  return (webpOnly || lossy ? new Promise(resolve => resolve()) : imagemin(changedFiles, {
    destination: texture.destination,
    plugins: [
      imageminZopfli({ more: true })
    ]
  })).then(() => {
    console.log(`Optimized PNGs for texture '${name}'`)

    return imagemin(changedFiles, {
      destination: texture.destination,
      plugins: [
        imageminWebp({ quality: texture.lossy === true ? 90 : 100, lossless: texture.lossy !== true })
      ]
    })
  }).then(() => {
    console.log(`Converted texture '${name}' to WEBP`)
  })
})).catch((error) => {
  console.error(error)
}).then(() => {
  console.log('All textures optimized and converted successfully')
})