Gruntfile.js

'use strict';

const path = require('path');
const webpack = require('webpack');
const webpackConfig = require('./webpack.config.js');
const UnminifiedWebpackPlugin = require('unminified-webpack-plugin');

module.exports = function (grunt) {
  const pkg_info = grunt.file.readJSON('package.json');

  grunt.initConfig({
    pkg: pkg_info,
    clean: {
      build: ['build/'],
      dev: ['build/'],
      dist: ['lib/']
    },
    babel: {
      dist: {
        files: [
          {
            expand: true,
            cwd: 'src',
            src: ['**/*.js', '**/*.jsx'],
            dest: 'lib',
            ext: '.js'
          }
        ]
      }
    },
    env: {
      build: {
        NODE_ENV: 'production'
      }
    },
    exec: {
      touch_index: 'touch src/index.js'
    },
    webpack: {
      build: {
        ...webpackConfig,
        mode: 'production',
        devtool: 'source-map',
        output: {
          path: path.join(__dirname, 'build'),
          filename: 'lock.min.js'
        },
        watch: false,
        plugins: [
          new webpack.LoaderOptionsPlugin({
            minimize: true,
            debug: false
          }),
          new webpack.DefinePlugin({
            'process.env': {
              NODE_ENV: JSON.stringify('production')
            }
          }),
          new webpack.optimize.AggressiveMergingPlugin(),
          new UnminifiedWebpackPlugin(),
          new webpack.BannerPlugin({
            raw: false,
            entryOnly: true,
            banner: `lock v${pkg_info.version}\n\nAuthor: ${
              pkg_info.author
            }\nDate: ${new Date().toLocaleString()}\nLicense: ${pkg_info.license}\n`
          })
        ]
      }
    },
    'webpack-dev-server': {
      options: {
        output: {
          publicPath: '/build/'
        }
      },
      dev: webpackConfig,
      design: {
        webpack: {
          entry: './support/design/index.js',
          output: {
            path: path.join(__dirname, 'build'),
            filename: 'lock.design.js'
          },
          devtool: 'cheap-module-source-map'
        }
      }
    },
    i18n: {
      build: {
        files: [
          {
            expand: true,
            cwd: 'lib/i18n',
            src: '**/*.js',
            dest: 'build',
            ext: '.js'
          }
        ]
      }
    }
  });

  grunt.loadNpmTasks('grunt-babel');
  grunt.loadNpmTasks('grunt-webpack');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-env');
  grunt.loadNpmTasks('grunt-exec');

  grunt.registerTask('build', ['clean:build', 'env:build', 'webpack:build', 'i18n:build']);
  grunt.registerTask('dist', ['clean:dist', 'babel:dist']);
  grunt.registerTask('prepare_dev', ['clean:dev']);
  grunt.registerTask('dev', ['prepare_dev', 'webpack-dev-server:dev']);
  grunt.registerTask('design', ['prepare_dev', 'webpack-dev-server:design']);
  grunt.registerMultiTask('i18n', 'Prepares i18n files to be hosted in CDN', function () {
    var languages = {};

    var Auth0 = {
      registerLanguageDictionary: function (lang, dict) {
        languages[lang] = dict;
      }
    };

    this.files.forEach(function (file) {
      var filename = file.src[0];
      var lang = path.basename(filename, '.js');
      var dict = require('./' + filename).default || require('./' + filename);
      var jsonp = `Auth0.registerLanguageDictionary("${lang}", ${JSON.stringify(dict)});`;
      eval(jsonp.toString());
      if (languages[lang] === undefined) {
        grunt.fail.fatal(`Failed to process language file ${filename}`);
      }
      grunt.file.write(file.dest, jsonp);
      grunt.log.ok(`Built ${lang}.js file`);
    });
  });
};