@depack/bundle/src/lib/index.js

The Source Code For The Bundle Logic To Prepare Temp Files.

import { dirname, join, relative, resolve } from 'path'
import { read, write, ensurePath } from '@wrote/wrote'
import transpileJSX from '@a-la/jsx'
import { collect } from 'catchment'
import { c } from 'erte'
import staticAnalysis from 'static-analysis'
import BundleTransform from './BundleTransform'

/**
 * @param {string} entry The path to the file file.
 */
export const processFile = async (entry, config, cache) => {
  const { cachedNodeModules, cachedFiles } = cache
  const { tempDir, preact, preactExtern } = config
  const source = await read(entry)
  const isJSX = entry.endsWith('.jsx')

  const dir = relative('', dirname(entry))
  const to = join(tempDir, dir)
  const bt = new BundleTransform(entry, to)
  bt.preactExtern = preactExtern

  const T = (preact || preactExtern) && isJSX ? addPreact(source, preactExtern) : source
  bt.end(T)
  const transformed = await collect(bt)
  const transpiled = isJSX ? await transpile(transformed, entry): transformed
  if (entry.startsWith('..')) {
    // possibly linked package
    let found
    let p = entry
    while (p != '.' && !found) {
      p = dirname(p)
      try {
        const r = require(resolve(p, 'package.json'))
        const rest = entry.replace(p, '')
        found = join('node_modules', r['name'], rest)
      } catch (err) {
      /**/}
    }
    if (!found) console.warn('Entry path %s is above CWD and linked package is not found. The temp file will be generated in %s', entry, join(tempDir, entry))
    else entry = found
  }
  const tto = join(tempDir, entry)
  await ensurePath(tto)

  await write(tto, transpiled)

  // now deal with dependencies
  const depPaths = bt.deps
    .map(d => join(dir, d))
    .filter(d => !(d in cachedFiles))
  const nodeModules = bt.nodeModules
    .filter(d => !(d in cachedNodeModules))

  nodeModules.forEach(nm => { cachedNodeModules[nm] = 1 })
  depPaths.forEach(dp => { cachedFiles[dp] = 1 })

  // add node modules
  const sa = await staticAnalysis(nodeModules)
  sa.forEach(({ entry: e, packageJson }) => {
    if (packageJson) cachedNodeModules[packageJson] = 1
    cachedNodeModules[e] = 1
  })

  await bt.css.reduce(async (acc, css) => {
    await acc
    const path = join(dir, css)
    const file = await read(path)
    const text = `import injectStyle from 'depack/inject-css'

injectStyle(\`${file}\`)`
    const cssTo = join(to, `${css}.js`)
    await write(cssTo, text)
  }, {})

  await depPaths.reduce(async (acc, depPath) => {
    await acc
    await processFile(depPath, config, cache)
  }, {})
}

const addPreact = (source, preactExtern) => {
  const t = preactExtern ? '@externs/preact' : 'preact'
  return `import { h } from '${t}'
${source}`
}

const transpile = async (source, entry) => {
  return await transpileJSX(source, {
    quoteProps: 'dom',
    warn(message) {
      console.warn(c(message, 'yellow'))
      console.log(entry)
    },
  })
}