webpack.prod.config.js

'use strict';

const OfflinePlugin = require('offline-plugin');
const fetchSampleSpec = require('@generative-music/samples.generative.fm/node-client');
const {
  version,
} = require('@generative-music/samples.generative.fm/package.json');
const config = require('./webpack.config');

config.mode = 'production';
delete config.devtool;

const getConfig = fetchSampleSpec().then(spec => {
  const { samples } = spec;
  const sampleFilenames = Reflect.ownKeys(samples).reduce(
    (filenames, instrumentName) => {
      const instrumentSamplesByFormat = samples[instrumentName];
      return filenames.concat(
        Reflect.ownKeys(instrumentSamplesByFormat).reduce(
          (instrumentSampleFilenames, format) => {
            const formatSamples = instrumentSamplesByFormat[format];
            if (Array.isArray(formatSamples)) {
              return instrumentSampleFilenames.concat(formatSamples);
            }
            return instrumentSampleFilenames.concat(
              Object.values(formatSamples)
            );
          },
          []
        )
      );
    },
    [`https://samples.generative.fm/index.${version}.json`]
  );

  config.plugins.push(
    new OfflinePlugin({
      appShell: '/',
      externals: sampleFilenames.concat(['favicon.ico', 'manifest.json']),
      autoUpdate: true,
      ServiceWorker: {
        events: true,
      },
      caches: {
        main: [':rest:'],
        optional: sampleFilenames,
      },
    })
  );

  return config;
});

module.exports = getConfig;