build.js

import rollup from 'rollup'
import buble from 'rollup-plugin-buble'
import commonjs from 'rollup-plugin-commonjs'
import nodeResolve from 'rollup-plugin-node-resolve'
import { uglify } from 'rollup-plugin-uglify'
import replace from 'rollup-plugin-replace'
import chokidar from 'chokidar'
import path from 'path'
import fs from 'fs'
import { fileURLToPath } from 'url'

const isProd = process.env.NODE_ENV === 'production'
const dir = path.dirname(fileURLToPath(import.meta.url))
const pkg = JSON.parse(fs.readFileSync(path.resolve(dir, '..', 'package.json')).toString())
const version = process.env.VERSION || pkg.version

/**
 * @param {{
 *   input: string,
 *   output?: string,
 *   globalName?: string,
 *   plugins?: Array<import('rollup').Plugin>
 * }} opts
 */
async function build(opts) {
  await rollup
    .rollup({
      input: opts.input,
      plugins: (opts.plugins || []).concat([
        buble({
          transforms: {
            dangerousForOf: true
          }}),
        commonjs(),
        nodeResolve(),
        replace({
          __VERSION__: version,
          'process.env.SSR': false
        })
      ]),
      onwarn: function (message) {
        if (message.code === 'UNRESOLVED_IMPORT') {
          throw new Error(
            `Could not resolve module ` +
            message.source +
            `. Try running 'npm install' or using rollup's 'external' option if this is an external dependency. ` +
            `Module ${message.source} is imported in ${message.importer}`
            )
        }
      }
    })
    .then(function (bundle) {
      var dest = 'lib/' + (opts.output || opts.input)

      console.log(dest)
      return bundle.write({
        format: 'iife',
        output: opts.globalName ? {name: opts.globalName} : {},
        file: dest,
        strict: false
      })
    })
}

async function buildCore() {
  const promises = []

  promises.push(build({
    input: 'src/core/index.js',
    output: 'docsify.js',
  }))

  if (isProd) {
    promises.push(build({
      input: 'src/core/index.js',
      output: 'docsify.min.js',
      plugins: [uglify()]
    }))
  }

  await Promise.all(promises)
}

async function buildAllPlugin() {
  var plugins = [
    {name: 'search', input: 'search/index.js'},
    {name: 'ga', input: 'ga.js'},
    {name: 'matomo', input: 'matomo.js'},
    {name: 'emoji', input: 'emoji.js'},
    {name: 'external-script', input: 'external-script.js'},
    {name: 'front-matter', input: 'front-matter/index.js'},
    {name: 'zoom-image', input: 'zoom-image.js'},
    {name: 'disqus', input: 'disqus.js'},
    {name: 'gitalk', input: 'gitalk.js'}
  ]

  const promises = plugins.map(item => {
    return build({
      input: 'src/plugins/' + item.input,
      output: 'plugins/' + item.name + '.js'
    })
  })

  if (isProd) {
    plugins.forEach(item => {
      promises.push(build({
        input: 'src/plugins/' + item.input,
        output: 'plugins/' + item.name + '.min.js',
        plugins: [uglify()]
      }))
    })
  }

  await Promise.all(promises)
}

async function main() {
  if (!isProd) {
    chokidar
      .watch(['src/core', 'src/plugins'], {
        atomic: true,
        awaitWriteFinish: {
          stabilityThreshold: 1000,
          pollInterval: 100
        }
      })
      .on('change', p => {
        console.log('[watch] ', p)
        const dirs = p.split(path.sep)
        if (dirs[1] === 'core') {
          buildCore()
        } else if (dirs[2]) {
          const name = path.basename(dirs[2], '.js')
          const input = `src/plugins/${name}${
            /\.js/.test(dirs[2]) ? '' : '/index'
          }.js`

          build({
            input,
            output: 'plugins/' + name + '.js'
          })
        }
      })
      .on('ready', () => {
        console.log('[start]')
        buildCore()
        buildAllPlugin()
      })
  } else {
    await Promise.all([
      buildCore(),
      buildAllPlugin()
    ])
  }
}

main().catch((e) => {
  console.error(e)
  process.exit(1)
})