// -- copyright // OpenProject is a project management system. // Copyright (C) 2012-2015 the OpenProject Foundation (OPF) // // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License version 3. // // OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows: // Copyright (C) 2006-2013 Jean-Philippe Lang // Copyright (C) 2010-2013 the ChiliProject Team // // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License // as published by the Free Software Foundation; either version 2 // of the License, or (at your option) any later version. // // This program is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // along with this program; if not, write to the Free Software // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. // // See doc/COPYRIGHT.rdoc for more details. // ++ var webpack = require('webpack'); var fs = require('fs'); var path = require('path'); var _ = require('lodash'); var pathConfig = require('./rails-plugins.conf'); var autoprefixer = require('autoprefixer'); var TypeScriptDiscruptorPlugin = require('./webpack/typescript-disruptor.plugin.js'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var mode = (process.env['RAILS_ENV'] || 'production').toLowerCase(); var production = (mode !== 'development'); var debug_output = (!production || !!process.env['OP_FRONTEND_DEBUG_OUTPUT']); var node_root = path.resolve(__dirname, 'node_modules'); var pluginEntries = _.reduce(pathConfig.pluginNamesPaths, function (entries, pluginPath, name) { entries[name.replace(/^openproject\-/, '')] = path.resolve(pluginPath, 'frontend', 'app', name + '-app.js'); return entries; }, {}); var pluginAliases = _.reduce(pathConfig.pluginNamesPaths, function (entries, pluginPath, name) { entries[name] = path.basename(pluginPath); return entries; }, {}); /** Extract available locales from openproject-translations plugin */ var translations = path.resolve(pathConfig.allPluginNamesPaths['openproject-translations'], 'config', 'locales'); var localeIds = ['en']; fs.readdirSync(translations).forEach(function (file) { var matches = file.match( /^js-(.+)\.yml$/); if (matches && matches.length > 1) { localeIds.push(matches[1]); } }); var loaders = [ { test: /\.tsx?$/, include: [ path.resolve(__dirname, 'app'), path.resolve(__dirname, 'tests') ], use: [ { loader: 'ng-annotate-loader' }, { loader: 'ts-loader', options: { logLevel: 'info', configFileName: path.resolve(__dirname, 'tsconfig.json') } } ] }, { test: /\.css$/, use: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: [ 'css-loader', 'postcss-loader' ], publicPath: '/assets/bundles/' }) }, { test: /\.png$/, use: [ { loader: 'url-loader', options: { limit: '100000', mimetype: 'image/png' } } ] }, { test: /\.gif$/, use: ['file-loader'] }, { test: /\.jpg$/, use: ['file-loader'] }, { test: /[\/].*\.js$/, use: [ { loader: 'ng-annotate-loader', options: { map: true } } ] } ]; for (var k in pathConfig.pluginNamesPaths) { if (pathConfig.pluginNamesPaths.hasOwnProperty(k)) { loaders.push({ test: new RegExp('templates/plugin-' + k.replace(/^openproject\-/, '') + '/.*\.html$'), use: [ { loader: 'ngtemplate-loader', options: { module: 'openproject.templates', relativeTo: path.join(pathConfig.pluginNamesPaths[k], 'frontend', 'app') } }, { loader: 'html-loader', options: { minimize: false } } ] }); } } loaders.push({ test: /^((?!templates\/plugin).)*\.html$/, use: [ { loader: 'ngtemplate-loader', options: { module: 'openproject.templates', relativeTo: path.resolve(__dirname, './app') } }, { loader: 'html-loader', options: { minimize: false } } ] }); function getWebpackMainConfig() { config = { context: path.resolve(__dirname, 'app'), entry: _.merge({ 'global': './global', 'core-app': './openproject-app' }, pluginEntries), output: { filename: 'openproject-[name].js', path: path.join(__dirname, '..', 'app', 'assets', 'javascripts', 'bundles'), publicPath: '/assets/bundles/' }, module: { rules: loaders }, resolve: { modules: ['node_modules'], extensions: ['.ts', '.tsx', '.js'], // Allow empty import without extension // enforceExtension: true, alias: _.merge({ 'locales': './../../config/locales', 'core-components': path.resolve(__dirname, 'app', 'components'), 'at.js': path.resolve(__dirname, 'vendor', 'at.js'), 'select2': path.resolve(__dirname, 'vendor', 'select2'), 'angular-truncate': 'angular-truncate/src/truncate', 'angular-context-menu': 'angular-context-menu/dist/angular-context-menu.js', 'mousetrap': 'mousetrap/mousetrap.js', 'ngFileUpload': 'ng-file-upload/dist/ng-file-upload.min.js', 'lodash': path.resolve(node_root, 'lodash', 'lodash.min.js'), // prevents using crossvent from dist and by that // reenables debugging in the browser console. // https://github.com/bevacqua/dragula/issues/102#issuecomment-123296868 'crossvent': path.resolve(node_root, 'crossvent', 'src', 'crossvent.js') }, pluginAliases) }, externals: { "I18n": "I18n" }, plugins: [ // Add a simple fail plugin to return a status code of 2 if // errors are detected (this includes TS warnings) // It is ONLY executed when `ENV[CI]` is set or `--bail` is used. TypeScriptDiscruptorPlugin, // Define modes for debug output new webpack.DefinePlugin({ DEBUG: !!debug_output, PRODUCTION: !!production }), // Extract CSS into its own bundle new ExtractTextPlugin({ filename: 'openproject-[name].css', disable: false }), // Global variables provided in all entries // We should avoid this since it reduces webpack // strengths to discover dependency use. new webpack.ProvidePlugin({ '_': 'lodash' }), // Restrict loaded ngLocale locales to the ones we load from translations new webpack.ContextReplacementPlugin( /(angular-i18n)/, new RegExp('angular-locale_(' + localeIds.join('|') + ')\.js$', 'i') ) ] }; if (production) { console.log("Applying webpack.optimize plugins for production."); // Add compression and optimization plugins // to the webpack build. config.plugins.push( new webpack.optimize.UglifyJsPlugin({ mangle: false, compress: true, compressor: { warnings: false }, sourceMap: false }), new webpack.LoaderOptionsPlugin({ // Let loaders know that we're in minification mode minimize: true }) ); } return config; } module.exports = getWebpackMainConfig;