Gruntfile.js

let fs = require('fs');
let path = require('path');
require('shelljs/global');

module.exports = (grunt) => {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    clean: {
      build: ['build'],
      dist: ['dist'],
      test: ['coverage'],
      sass: ['.sass-cache']
    },
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today(\'yyyy-mm-dd\') %> */\n',
        mangle: false
      },

      landingDependencies: {
        src: 'build/js/landing-not-minified-dependencies.js',
        dest: 'build/js/landing-minified-dependencies.min.js',
        options: {
          mangle: false
        }
      },

      wallet: {
        src: 'build/js/wallet.js',
        dest: 'dist/js/wallet.min.js',
        options: {
          mangle: false
        }
      },

      bcQrReader: {
        src: 'build/js/bc-qr-reader.js',
        dest: 'dist/js/bc-qr-reader.min.js',
        options: {
          mangle: false
        }
      },

      bcPhoneNumber: {
        src: 'build/js/bc-phone-number.js',
        dest: 'dist/js/bc-phone-number.min.js',
        options: {
          mangle: false
        }
      }
    },

    preprocess: {
      options: {
        context: {
          PRODUCTION: true
        }
      },

      js: {
        expand: true,
        src: ['build/js/wallet-app.module.js'],
        dest: ''
      }
    },

    concat: {
      options: {
        banner: '(function () {\n',
        separator: '})();\n(function () {\n',
        footer: '})();'
      },

      landingNotMinifiedDependencies: {
        src: [
          'bower_components/angular-translate/angular-translate.js',
          'bower_components/angular-animate/angular-animate.js',
          'bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js',
          'bower_components/angular-ui-router/release/angular-ui-router.js',
          'bower_components/browserdetection/src/browser-detection.js',
          'bower_components/oclazyload/dist/ocLazyLoad.js',
          'bower_components/angular-ui-select/dist/select.js',
          'bower_components/ng-file-upload/ng-file-upload-shim.min.js',
          'bower_components/ng-file-upload/ng-file-upload.min.js',
          'bower_components/angular-local-storage/dist/angular-local-storage.js',
          'build/js/shared.module.js',
          'build/js/sharedDirectives/*.js',
          'build/js/sharedServices/*.js',
          'build/js/wallet-translations.module.js',
          'build/js/wallet-filters.module.js',
          'build/js/filters/*.js',
          'build/js/wallet-app.module.js',
          'build/js/constants/*.js',
          'build/js/landingCtrl.js',
          'build/js/routes.js',
          'build/js/services/bctranslate-static-files-loader.service.js',
          'build/js/services/languages.service.js'
        ],
        dest: 'build/js/landing-not-minified-dependencies.js'
      },

      landing: {
        src: [
          'bower_components/angular/angular.min.js',
          'bower_components/angular-sanitize/angular-sanitize.min.js',
          'bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js',
          'build/js/landing-minified-dependencies.min.js'
        ],
        dest: 'dist/js/landing.min.js'
      },

      wallet: {
        src: [
          'node_modules/babel-polyfill/dist/polyfill.js',
          'build/js/core/wallet-app.core.module.js',
          'build/js/core/*.service.js',
          'build/js/services/*.js',
          'build/js/controllers/**/*.js',
          'build/js/walletDirectives.js',
          'build/js/directives/**/*.js',
          'build/js/components/**/*.js',
          'build/js/filters/*.js',
          'bower_components/angular-audio/app/angular.audio.js',
          'bower_components/angular-inview/angular-inview.js',
          'bower_components/angular-cookies/angular-cookies.min.js',
          'bower_components/angular-animate/angular-animate.min.js',
          'build/js/templates.js',
          'bower_components/webcam-directive/app/scripts/webcam.js',
          'bower_components/angular-password-entropy/password-entropy.js',
          'bower_components/qrcode/lib/qrcode.js',
          'bower_components/angular-qr/src/angular-qr.js',
          'bower_components/compare-versions/index.js',
          'bower_components/highcharts/highcharts.js',
          'build/js/wallet-lazy-load.module.js'
        ],

        dest: 'build/js/wallet.js'
      },

      qrReader: {
        src: [
          'bower_components/bc-qr-reader/dist/bc-qr-reader.js'
        ],
        dest: 'build/js/bc-qr-reader.js'
      },

      bcPhoneNumber: {
        src: [
          'bower_components/digits-trie/dist/digits-trie.js',
          'bower_components/google-libphonenumber/dist/browser/libphonenumber.js',
          'bower_components/bc-countries/dist/bc-countries.js',
          'bower_components/bc-phone-number/dist/js/bc-phone-number.js'
        ],
        dest: 'build/js/bc-phone-number.js'
      }
    },

    sass: {
      options: {
        includePaths: ['node_modules', 'bower_components']
      },
      build: {
        files: [{
          expand: true,
          cwd: 'assets/css',
          src: ['**/*.scss'],
          dest: 'build/css',
          ext: '.css'
        }]
      }
    },

    includeSource: {
      options: {
        templates: {
          pug: { // Using a fork of grunt-include-source.git, to support Pug
            js: 'script(src="{filePath}" type="text/javascript" defer="defer")',
            css: 'link(href="{filePath}" rel="stylesheet" type="text/css")'
          }
        }
      },
      myTarget: {
        files: {
          'build/index.pug': 'app/index.pug',
          'build/landing.pug': 'app/landing.pug'
        }
      }
    },

    concat_css: {
      app: {
        src: [
          'bower_components/angular-ui-select/dist/select.min.css',
          'bower_components/bc-css-flags/dist/css/bc-css-flags.css',
          'bower_components/bc-phone-number/dist/css/bc-phone-number.css',
          'bower_components/angular-bootstrap/ui-bootstrap-csp.css',
          'build/css/ladda.css',
          'build/css/fonts.css',
          'build/css/angular-csp.css',
          'build/css/blockchain.css'
        ],
        dest: 'build/css/wallet.css'
      }
    },

    autoprefixer: {
      options: {
        browsers: ['last 2 versions'],
        // TEMP
        remove: false
        // END TEMP
      },
      no_dest_multiple: {
        src: 'build/css/*.css'
      }
    },

    html2js: {
      options: {
        pug: {
          doctype: 'html'
        },
        base: 'app',
        singleModule: true
      },
      main: {
        src: ['app/partials/**/*.pug', 'app/templates/*.pug', 'app/templates/**/*.pug', 'app/*.pug'],
        dest: 'build/js/templates.js'
      }
    },
    'merge-json': { // TODO: generate this list...
      bg: {src: [ 'locales/bg-*.json' ], dest: 'build/locales/bg.json'},
      cs: {src: [ 'locales/cs-*.json' ], dest: 'build/locales/cs.json'},
      da: {src: [ 'locales/da-*.json' ], dest: 'build/locales/da.json'},
      de: {src: [ 'locales/de-*.json' ], dest: 'build/locales/de.json'},
      el: {src: [ 'locales/el-*.json' ], dest: 'build/locales/el.json'},
      en: {src: [ 'locales/en-*.json' ], dest: 'build/locales/en.json'},
      es: {src: [ 'locales/es-*.json' ], dest: 'build/locales/es.json'},
      fr: {src: [ 'locales/fr-*.json' ], dest: 'build/locales/fr.json'},
      hi: {src: [ 'locales/hi-*.json' ], dest: 'build/locales/hi.json'},
      hu: {src: [ 'locales/hu-*.json' ], dest: 'build/locales/hu.json'},
      id: {src: [ 'locales/id-*.json' ], dest: 'build/locales/id.json'},
      it: {src: [ 'locales/it-*.json' ], dest: 'build/locales/it.json'},
      ja: {src: [ 'locales/ja-*.json' ], dest: 'build/locales/ja.json'},
      ko: {src: [ 'locales/ko-*.json' ], dest: 'build/locales/ko.json'},
      nl: {src: [ 'locales/nl-*.json' ], dest: 'build/locales/nl.json'},
      no: {src: [ 'locales/no-*.json' ], dest: 'build/locales/no.json'},
      pl: {src: [ 'locales/pl-*.json' ], dest: 'build/locales/pl.json'},
      pt: {src: [ 'locales/pt-*.json' ], dest: 'build/locales/pt.json'},
      ro: {src: [ 'locales/ro-*.json' ], dest: 'build/locales/ro.json'},
      ru: {src: [ 'locales/ru-*.json' ], dest: 'build/locales/ru.json'},
      sl: {src: [ 'locales/sl-*.json' ], dest: 'build/locales/sl.json'},
      sv: {src: [ 'locales/sv-*.json' ], dest: 'build/locales/sv.json'},
      th: {src: [ 'locales/th-*.json' ], dest: 'build/locales/th.json'},
      tr: {src: [ 'locales/tr-*.json' ], dest: 'build/locales/tr.json'},
      uk: {src: [ 'locales/uk-*.json' ], dest: 'build/locales/uk.json'},
      vi: {src: [ 'locales/vi-*.json' ], dest: 'build/locales/vi.json'},
      'zh-cn': {src: [ 'locales/zh-cn-*.json' ], dest: 'build/locales/zh-cn.json'}
    },

    copy: {
      main: {
        files: [
          {src: ['beep.wav'], dest: 'dist/'},
          {src: ['index.html', 'landing.html'], dest: 'dist/', cwd: 'build', expand: true},
          {src: ['img/**/*'], dest: 'dist/', cwd: 'build', expand: true},
          {src: ['locales/*'], dest: 'dist/', cwd: 'build', expand: true},
          {src: ['**/*'], dest: 'dist/fonts', cwd: 'build/fonts', expand: true}
        ]
      },

      legacy_cache_bust: {
        files: [
          {src: ['wallet.min.js'], dest: 'dist/', cwd: 'assets/legacy-cache-bust', expand: true}
        ]
      },

      css_dist:
        {src: ['wallet.css'], dest: 'dist/css', cwd: 'build/css', expand: true},

      fonts: {
        files: [
          {src: ['bootstrap/*'], dest: 'build/fonts', cwd: 'bower_components/bootstrap-sass/assets/fonts', expand: true},
          {src: ['*/*'], dest: 'build/fonts', cwd: 'node_modules/blockchain-css/fonts', expand: true}

        ]
      },

      blockchainWallet: {
        files: [
          {src: ['my-wallet.min.js'], dest: 'dist/js', cwd: 'bower_components/blockchain-wallet/dist', expand: true}
        ]
      },

      images: {
        files: [
          {src: ['**/*'], dest: 'build/img', cwd: 'img', expand: true},
          {src: ['*'], dest: 'build/img', cwd: 'bower_components/bc-css-flags/dist/img', expand: true}
        ]
      }
    },

    watch: {
      pug: {
        files: ['app/partials/**/*.pug', 'app/templates/**/*.pug', 'app/*.pug'],
        tasks: ['html2js', 'includeSource', 'concat:wallet'],
        options: {
          spawn: false
        }
      },

      css: {
        files: ['assets/css/**/*.scss', 'node_modules/blockchain-css/**/*.scss'],
        tasks: ['sass', 'concat_css', 'copy:fonts'],
        options: {
          spawn: false
        }
      },

      es6: {
        files: ['assets/js/controllers/**/*.js', 'assets/js/services/**/*.js', 'assets/js/sharedDirectives/**/*.js', 'assets/js/sharedServices/**/*.js', 'assets/js/components/**/*.js', 'assets/js/directives/**/*.js', 'assets/js/core/**/*.js', 'assets/js/constants/**/*.js', 'assets/js/filters/**/*.js', 'assets/js/*.js'],
        tasks: ['babel:build', 'includeSource', 'concat:wallet'],
        options: {
          spawn: false
        }
      },

      locales: {
        files: ['locales/*.json'],
        tasks: ['merge-json'],
        options: {
          spawn: false
        }
      },

      helper: {
        files: ['helperApp/plaid/**/*', 'helperApp/sift-science/**/*'],
        tasks: ['shell:webpack'],
        options: {
          spawn: false
        }
      }
    },

    pug: {
      html: {
        options: {
          client: false,
          pretty: true,
          data: {
            production: true
          }
        },
        files: {
          'build/index.html': 'app/index.pug',
          'build/landing.html': 'app/landing.pug'
        }
      }
    },

    babel: {
      options: {
        sourceMap: true,
        presets: ['es2015']
      },
      build: {
        files: [{
          expand: true,
          cwd: 'assets/js',
          src: ['**/*.controller.js', '**/*.component.js', 'services/**/*.js', 'sharedDirectives/**/*.js', 'sharedServices/**/*.js', 'directives/**/*.js', 'constants/**/*.js', 'filters/**/*.js', 'core/**/*.js', '*.js'],
          dest: 'build/js'
        }]
      }
    },

    rename: {
      assets: { // Renames all images, fonts, etc and updates [landing,wallet].min.js and wallet.css with their new names.
        options: {
          skipIfHashed: true,
          startSymbol: '{{',
          endSymbol: '}}',
          algorithm: 'sha1',
          format: '{{basename}}-{{hash}}.{{ext}}',

          callback (befores, afters) {
            let publicdir = fs.realpathSync('dist');

            // Start with the longest file names, so e.g. some-font.woff2 is renamed before some-font.woff.
            let tuples = [];
            let i = 0;
            while (i < befores.length) {
              tuples.push([path.relative(publicdir, befores[i]), path.relative(publicdir, afters[i])]);
              i++;
            }

            tuples.sort((a, b) => b[0].length - a[0].length);

            let ordered_befores = tuples.map(t => t[0]);
            let ordered_afters = tuples.map(t => t[1]);

            for (let referring_file_path of ['dist/js/landing.min.js', 'dist/js/wallet.min.js', 'dist/css/wallet.css', 'dist/index.html', 'dist/landing.html']) {
              let contents = grunt.file.read(referring_file_path);
              let before;
              let after;
              i = 0;

              while (i < ordered_befores.length) {
                before = ordered_befores[i];
                after = ordered_afters[i];
                contents = contents.split(`build/${before}`).join(after);
                contents = contents.split(before).join(after);

                i++;
              }
              grunt.file.write(referring_file_path, contents);
            }
          }
        },

        files: {
          src: [
            'dist/js/bc-qr-reader.min.js',
            'dist/js/bc-phone-number.min.js',
            'dist/img/*.*',
            'dist/img/favicon/*',
            'dist/fonts/**/*.*',
            'dist/locales/*',
            'dist/beep.wav'
          ]
        }
      },

      wallet: { // Renames (my-)wallet.min.js/css and updates landing.min.js
        options: {
          skipIfHashed: true,
          startSymbol: '{{',
          endSymbol: '}}',
          algorithm: 'sha1',
          format: '{{basename}}-{{hash}}.{{ext}}',

          callback (befores, afters) {
            let after, before, contents, i;
            let publicdir = fs.realpathSync('dist');

            return ['dist/js/landing.min.js'].map((referring_file_path) =>
              ((contents = grunt.file.read(referring_file_path)),
              (before = undefined),
              (after = undefined),
              (i = 0),

              (() => {
                let result = [];
                while (i < befores.length) {
                  before = path.relative(publicdir, befores[i]);
                  after = path.relative(publicdir, afters[i]);
                  contents = contents.split(before).join(after);

                  result.push(i++);
                }
                return result;
              })(),
              grunt.file.write(referring_file_path, contents)));
          }
        },

        files: {
          src: [
            'dist/js/my-wallet.min.js',
            'dist/js/wallet.min.js',
            'dist/landing.html'
          ]
        }
      },

      landing: { // Renames landing.min.js/css and updates index.html
        options: {
          skipIfHashed: true,
          startSymbol: '{{',
          endSymbol: '}}',
          algorithm: 'sha1',
          format: '{{basename}}-{{hash}}.{{ext}}',

          callback (befores, afters) {
            let after, before, contents, i;
            let publicdir = fs.realpathSync('dist');

            return ['dist/index.html'].map((referring_file_path) =>
              ((contents = grunt.file.read(referring_file_path)),
              (before = undefined),
              (after = undefined),
              (i = 0),

              (() => {
                let result = [];
                while (i < befores.length) {
                  before = path.relative(publicdir, befores[i]);
                  after = path.relative(publicdir, afters[i]);
                  contents = contents.split(before).join(after);

                  result.push(i++);
                }
                return result;
              })(),
              grunt.file.write(referring_file_path, contents)));
          }
        },

        files: {
          src: [
            'dist/js/landing.min.js',
            'dist/css/wallet.css'
          ]
        }
      }
    },

    shell: {
      check_translations: {
        command () {
          return 'ruby check_translations.rb';
        }
      },

      tag_release: {
        command (newVersion, message) {
          return `git tag -a -s ${ newVersion } -m '${ message }' && git push origin ${ newVersion }`;
        }
      },

      webpack: {
        command () {
          return './node_modules/.bin/webpack --bail';
        }
      }
    },

    coveralls: {
      options: {
        debug: true,
        coverageDir: 'coverage-lcov',
        dryRun: false,
        force: true,
        recursive: true
      }
    },

    replace: {
      version_frontend: {
        src: ['build/js/sharedServices/env.service.js'],
        overwrite: true,
        replacements: [{
          from: 'versionFrontend = null',
          to: () => {
            return `versionFrontend = '${this.versionFrontend}'`;
          }
        }]
      },
      version_my_wallet: {
        src: ['build/js/sharedServices/env.service.js'],
        overwrite: true,
        replacements: [{
          from: 'versionMyWallet = null',
          to: () => {
            let version = exec('./my_wallet_bower_version.rb').output;
            return `versionMyWallet = '${version.replace('\n', '')}'`;
          }
        }]
      }
    }});

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-pug');
  grunt.loadNpmTasks('grunt-concat-css');
  grunt.loadNpmTasks('grunt-html2js');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-rename-assets');
  grunt.loadNpmTasks('grunt-shell');
  grunt.loadNpmTasks('grunt-preprocess');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-merge-json');
  grunt.loadNpmTasks('grunt-babel');
  grunt.loadNpmTasks('grunt-karma-coveralls');
  grunt.loadNpmTasks('grunt-text-replace');
  grunt.loadNpmTasks('grunt-include-source');

  grunt.registerTask('build', () => {
    let skipWebpack = grunt.option('skipWebpack');

    grunt.task.run([
      'html2js',
      'babel:build'
    ]);

    if (!skipWebpack) {
      grunt.task.run([
        'shell:webpack'
      ]);
    }

    return grunt.task.run([
      'concat:wallet',
      'concat:qrReader',
      'concat:bcPhoneNumber',
      'sass',
      'concat_css:app',
      'copy:fonts',
      'autoprefixer',
      'includeSource',
      'copy:images',
      'merge-json'
    ]);
  });

  grunt.registerTask('default', [
    'build',
    'watch'
  ]);

  // Make sure npm and bower dependencies are up to date
  // Run clean, test and build first
  grunt.registerTask('dist', () => {
    let versionFrontend = grunt.option('versionFrontend');

    if (!versionFrontend) {
      versionFrontend = 'intermediate';
    } else if (versionFrontend[0] !== 'v') {
      console.log('Version is missing "v"');
      exit(1);
    }

    this.versionFrontend = versionFrontend;

    return grunt.task.run([
      'replace:version_frontend',
      'replace:version_my_wallet',
      'preprocess:js',
      'concat:landingNotMinifiedDependencies',
      'uglify:landingDependencies',
      'concat:landing',
      'uglify:wallet',
      'uglify:bcQrReader',
      'uglify:bcPhoneNumber',
      'pug',
      'copy:main',
      'copy:blockchainWallet',
      'copy:css_dist',
      'rename:assets',
      'rename:wallet',
      'rename:landing',
      'copy:legacy_cache_bust'
    ]);
  });

  // Run dist first
  grunt.registerTask('release', versionFrontend => {
    if ((versionFrontend === undefined) || (versionFrontend[0] !== 'v')) {
      console.log('Missing version or version is missing "v"');
      exit(1);
    }

    return grunt.task.run([
      `shell:tag_release:${ versionFrontend }:${ versionFrontend }`,
      `release_done:${ versionFrontend }`
    ]);
  });

  grunt.registerTask('release_done', versionFrontend => {
    console.log('Release done. Please run "make changelog" and copy Changelog.md over to Github release notes:');
    return console.log(`https://github.com/blockchain/My-Wallet-V3-Frontend/releases/edit/${ versionFrontend }`);
  });

  grunt.registerTask('check_translations', [
    'shell:check_translations'
  ]);
};