Nuxt/packages/cli/src/commands/dev.ts

import { resolve } from 'path'
import chokidar from 'chokidar'
import debounce from 'debounce-promise'
import { createServer, createLoadingHandler } from '../utils/server'
import { showBanner } from '../utils/banner'
import { requireModule } from '../utils/cjs'
import { error, info } from '../utils/log'
import { diff, printDiff } from '../utils/diff'

export async function invoke (args) {
  process.env.NODE_ENV = process.env.NODE_ENV || 'development'
  const server = createServer()
  const listener = await server.listen({ clipboard: args.clipboard, open: args.open || args.o })

  const rootDir = resolve(args._[0] || '.')

  const { loadNuxt, buildNuxt } = requireModule('@nuxt/kit', rootDir)

  let currentNuxt
  const load = async () => {
    try {
      showBanner(true)
      listener.showURL()

      const newNuxt = await loadNuxt({ rootDir, dev: true, ready: false })

      let configChanges
      if (currentNuxt) {
        configChanges = diff(currentNuxt.options, newNuxt.options, [
          'generate.staticAssets.version',
          'env.NITRO_PRESET'
        ])
        server.setApp(createLoadingHandler('Restarting...', 1))
        await currentNuxt.close()
        currentNuxt = newNuxt
      } else {
        currentNuxt = newNuxt
      }

      if (configChanges) {
        if (configChanges.length) {
          info('Nuxt config updated:')
          printDiff(configChanges)
        } else {
          info('Restarted nuxt due to config changes')
        }
      }

      await currentNuxt.ready()
      await buildNuxt(currentNuxt)
      server.setApp(currentNuxt.server.app)
    } catch (err) {
      error('Cannot load nuxt.', err)
      server.setApp(createLoadingHandler(
        'Error while loading nuxt. Please check console and fix errors.'
      ))
    }
  }

  // Watch for config changes
  // TODO: Watcher service, modules, and requireTree
  const dLoad = debounce(load, 250)
  const watcher = chokidar.watch([rootDir], { ignoreInitial: true, depth: 1 })
  watcher.on('all', (_event, file) => {
    if (file.includes('nuxt.config') || file.includes('modules')) {
      dLoad()
    }
  })

  await load()
}

export const meta = {
  usage: 'nu dev [rootDir] [--clipboard] [--open, -o]',
  description: 'Run nuxt development server'
}