webpack.config.js

// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

const path = require('path');
const { spawnSync } = require('child_process');
const Watchpack = require('watchpack');
const spawnOptions = { stdio: 'inherit' };

const routesFile = path.resolve(__dirname, 'routes/web.php');
const langDir = path.resolve(__dirname, 'resources/lang');

const webpackConfig = require('./webpack.unmix.js');

let resolved = false;

const watches = [
  {
    callback: () => {
      spawnSync('php', ['artisan', 'ziggy:generate', 'resources/assets/js/ziggy.js'], spawnOptions);
    },
    path: routesFile,
    type: 'file',
  },
  {
    callback: () => {
      spawnSync('yarn', ['generate-localizations'], spawnOptions);
      // touching the file on first build might cause karma's watchers to fire after tests start.
      if (resolved) {
        spawnSync('touch', [path.resolve(__dirname, 'resources/assets/coffee/main.coffee')], spawnOptions);
      }
    },
    path: langDir,
    type: 'dir',
  },
];
function configPromise(env, argv) {
  return new Promise((resolve) => {
    const options = {
      // fire an aggregated event after 200ms on changes.
      aggregateTimeout: 200,
    };
    // same as webpack-cli's handling
    if (argv['watch-poll'] === 'true' || argv['watch-poll'] === '') options.poll = true;

    if (!argv.watch) {
      watches.forEach((watched) => {
        watched.callback();
      });

      return resolve(webpackConfig);
    }

    const wp = new Watchpack(options);
    wp.watch(
      watches.filter((x) => x.type === 'file').map((x) => x.path),
      watches.filter((x) => x.type === 'dir').map((x) => x.path),
    ); // files and directories are different arguments.

    // directory watchers cause change events on start, file watchers don't;
    // run the callback for each file watcher once.
    watches.filter((x) => x.type === 'file').forEach((watched) => {
      watched.callback();
      watched.ranOnce = true;
    });

    wp.on('aggregated', (changes, removals) => {
      watches.forEach((watched) => {
        if (changes.includes(watched.path) || removals.includes(watched.path)) {
          watched.callback();
          watched.ranOnce = true;
        }
      });

      // let webpack run after the first build.
      if (!resolved && watches.reduce((value, watched) => value && watched.ranOnce, true)) {
        resolved = true;
        resolve(webpackConfig);
      }
    });
  });
}

module.exports = configPromise;