【GatsbyJS】Basic認証下でiOS safariからページを開くとリロードする度に認証を求められる場合の対処法 https://takumifukasawa.hatenablog.com/entry/gatsby-ios-safari-basic-auth

replace-link-preload-props.js

const path = require("path")
const glob = require("glob")
const { map } = require("lodash")

// specify html files by magic path
const htmlFilePath = "public/**/*.html"

function readFile(path, encode = "utf-8") {
  return new Promise((resolve, reject) => {
    fs.readFile(path, encode, (err, data) => {
      if (err) reject()
      resolve(data)
    })
  })
}

function writeFile(fileName, data) {
  return new Promise((resolve, reject) => {
    fs.writeFile(fileName, data, err => {
      if (err) reject()
      resolve()
    })
  })
}

async function getFileList(pattern) {
  return new Promise((resolve, reject) => {
    glob(pattern, (err, res) => {
      if (err) reject(err)
      resolve(res)
    })
  })
}

async function replaceTag(fileName) {
  const content = await readFile(fileName)

  // pattern_1. replace preload to prefetch
  // const regex = /as=\"fetch\"\ rel=\"preload\"/g
  // const replacedContent = content.replace(regex, 'as="fetch" rel="prefetch"')

  // pattern_2. remove code
  const regex = /<link as=\"fetch\" rel=\"preload\" href=\".*\.json\" crossorigin=\"anonymous\"\/><link as=\"fetch\" rel=\"preload\" href=\".*\.json\" crossorigin=\"anonymous\"\/>/g
  const replacedContent = content.replace(regex, "")
  await writeFile(fileName, replacedContent)
}

async function main() {
  const htmlFiles = await getFileList(
    path.join(__dirname, htmlFilePath)
  )

  return Promise.all(
    _.map(htmlFiles, async fileName => {
      console.log(`replace tag: ${fileName}`)
      await replaceTag(fileName)
    })
  )
}

main()