@silexlabs/eleventy-plugin-concat/src/extract.js

Eleventy plugin to bundle your scripts and styles

const {resolve} = require('path')
const {readFile} = require('fs/promises')
const fetch = require('node-fetch')

module.exports = async function (node, attribute, options, sep = '') {
  const result = await Promise.all(
    node
      .map(async script => {
        if(script.hasAttribute(attribute)) {
          try {
            const src = script.getAttribute(attribute)
            if(isExternal(src, options)) {
              const response = await fetch(src)
              return response.text()
            } else {
              const localPath = getLocalPath(src, options)
              const content = await readFile(localPath)
              return content.toString()
            }
          } catch(e) {
            console.log(`[eleventy-plugin-concat] Fail to load content from file for this tag: ${script.outerHTML }`)
            throw new Error(`[eleventy-plugin-concat] Fail to load content from file for this tag: ${script.outerHTML }. Full error: ${ e.toString() }`)
          }
        } else {
          return script.innerText
        }
      })
  )
  return result.join(sep)
}

function isExternal(src, options) {
  if(!src) return false
  if(src.startsWith(options.baseUrl)) return false
  if(src.startsWith('http://')) return true
  if(src.startsWith('https://')) return true
  return false
}

function getLocalPath(src, options) {
  const urlPath = (() => {
    if(src.startsWith(options.baseUrl)) {
      return src.substring(options.baseUrl.length + 1)
    }
    // Remove leading slash if any
    // This is because urls like /a/b.js => ./js/b.js
    return src.replace(/^\//, '')
  })()
  // Use output here to get files after Passthrough Copy
  return resolve(options.output, urlPath)
}