gulpfile.js

/**
*    Copyright 2015 ppy Pty. Ltd.
*
*    This file is part of osu!web. osu!web is distributed with the hope of
*    attracting more community contributions to the core ecosystem of osu!.
*
*    osu!web is free software: you can redistribute it and/or modify
*    it under the terms of the Affero GNU General Public License version 3
*    as published by the Free Software Foundation.
*
*    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
*    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*    See the GNU Affero General Public License for more details.
*
*    You should have received a copy of the GNU Affero General Public License
*    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
*
*/
var
  elixir = require('laravel-elixir'),
  path = require('path'),
  bower_root = '../../../bower_components/', // relative from resources/assets/*
  composer_root = '../../../vendor/',
  node_root = '../../../node_modules/';

/*
 * The merge rules plugin is kind of buggy and broke safari.
 * Noticeably in loading overlay circles having wrong animation.
 *
 * Reference: https://github.com/ben-eb/cssnano/issues/154
 */
elixir.config.css.cssnano.pluginOptions = {
  mergeRules: false,
}

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Less
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
  mix
  .copy('node_modules/font-awesome/fonts', 'public/vendor/fonts/font-awesome')
  .copy('node_modules/photoswipe/dist/default-skin', 'public/vendor/_photoswipe-default-skin')
  .copy('node_modules/timeago/locales', 'public/vendor/js/timeago-locales')
  .less('app.less')
  .browserify(['vendor-modules.js'], 'resources/assets/js/build/vendor-modules.js')
  .coffee([
    '_classes/*.coffee',

    'react-namespaces.coffee',
    'react/_components/*.coffee',
    'react/_mixins/*.coffee',

    'jquery-pubsub.coffee',
    'osu!live.coffee',
    'osu_common.coffee',

    'navbar-mobile.coffee',
    'spoilerbox.coffee',
    'store.coffee',
    'forum/post-box.coffee',
    'forum/topic-ajax.coffee',
    'ujs-common.coffee',
    'bootstrap-modal.coffee',
    'logout.coffee',
    'shared.coffee',
    'turbolinks-overrides.coffee',

    'main.coffee'
  ], 'resources/assets/js/build/app-main.js')
  .scripts([
    path.join(node_root, 'turbolinks/dist/turbolinks.js'),
    'build/vendor-modules.js',
    'ga.js',
    'messages.js',
    'laroute.js',
    'build/app-main.js',
  ], 'public/js/app.js')
  .coffee([
    'react/profile-page/*.coffee',
    'react/profile-page.coffee',
  ], 'public/js/react/profile-page.js')
  .coffee([
    'react/beatmaps/*.coffee',
    'react/beatmaps.coffee'
  ], 'public/js/react/beatmaps.js')
  .coffee([
    'react/slack-page/*.coffee',
    'react/slack-page.coffee'
  ], 'public/js/react/slack-page.js')
  .coffee([
    'react/status-page/*.coffee',
    'react/status-page.coffee'
  ], 'public/js/react/status-page.js')
  .coffee([
    'react/beatmap-discussions/*.coffee',
    'react/beatmap-discussions.coffee'
  ], 'public/js/react/beatmap-discussions.js')
  .coffee([
    'react/beatmapset-page/*.coffee',
    'react/beatmapset-page.coffee'
  ], 'public/js/react/beatmapset-page.js')
  .coffee([
    'react/mp-history/*.coffee',
    'react/mp-history.coffee'
  ], 'public/js/react/mp-history.js')
  .coffee([
    'react/artist-page.coffee',
  ], 'public/js/react/artist-page.js')
  .coffee([
    'react/contest/_base-entry-list.coffee',
    'react/contest/*.coffee',
    'react/contest.coffee',
  ], 'public/js/react/contest.js')
  .version([
    'css/app.css',
    'js/app.js',
    'js/react/profile-page.js',
    'js/react/beatmaps.js',
    'js/react/slack-page.js',
    'js/react/status-page.js',
    'js/react/beatmap-discussions.js',
    'js/react/beatmapset-page.js',
    'js/react/mp-history.js',
    'js/react/artist-page.js',
    'js/react/contest.js',
  ]);
});