2016-10-03 16:12:04 +00:00
|
|
|
/* global __dirname */
|
|
|
|
|
2017-04-03 07:48:44 +00:00
|
|
|
const process = require('process');
|
|
|
|
const webpack = require('webpack');
|
2016-09-22 05:57:22 +00:00
|
|
|
|
2017-06-16 02:08:42 +00:00
|
|
|
const aui_css = `${__dirname}/node_modules/@atlassian/aui/dist/aui/css/`;
|
2016-12-09 01:17:49 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* The URL of the Jitsi Meet deployment to be proxy to in the context of
|
|
|
|
* development with webpack-dev-server.
|
|
|
|
*/
|
2017-04-03 07:48:44 +00:00
|
|
|
const devServerProxyTarget
|
2016-12-09 01:17:49 +00:00
|
|
|
= process.env.WEBPACK_DEV_SERVER_PROXY_TARGET || 'https://beta.meet.jit.si';
|
|
|
|
|
2017-04-03 07:48:44 +00:00
|
|
|
const minimize
|
2016-11-29 02:06:23 +00:00
|
|
|
= process.argv.indexOf('-p') !== -1
|
|
|
|
|| process.argv.indexOf('--optimize-minimize') !== -1;
|
2017-06-16 02:08:42 +00:00
|
|
|
const node_modules = `${__dirname}/node_modules/`;
|
2017-04-03 07:48:44 +00:00
|
|
|
const plugins = [
|
2017-01-30 18:45:08 +00:00
|
|
|
new webpack.LoaderOptionsPlugin({
|
|
|
|
debug: !minimize,
|
2017-06-16 02:08:42 +00:00
|
|
|
minimize
|
2017-01-30 18:45:08 +00:00
|
|
|
})
|
2016-11-24 05:18:24 +00:00
|
|
|
];
|
2017-04-03 07:48:44 +00:00
|
|
|
const strophe = /\/node_modules\/strophe(js-plugins)?\/.*\.js$/;
|
2016-09-22 05:57:22 +00:00
|
|
|
|
2016-11-24 05:18:24 +00:00
|
|
|
if (minimize) {
|
|
|
|
// XXX Webpack's command line argument -p is not enough. Further
|
|
|
|
// optimizations are made possible by the use of DefinePlugin and NODE_ENV
|
|
|
|
// with value 'production'. For example, React takes advantage of these.
|
|
|
|
plugins.push(new webpack.DefinePlugin({
|
|
|
|
'process.env': {
|
|
|
|
NODE_ENV: JSON.stringify('production')
|
|
|
|
}
|
|
|
|
}));
|
2017-02-07 21:44:37 +00:00
|
|
|
|
|
|
|
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
|
|
|
compress: {
|
|
|
|
// It is nice to see warnings from UglifyJsPlugin that something is
|
2017-06-16 17:00:28 +00:00
|
|
|
// unused/removed.
|
2017-02-07 21:44:37 +00:00
|
|
|
warnings: true
|
|
|
|
},
|
2017-01-30 18:45:08 +00:00
|
|
|
extractComments: true,
|
2017-02-07 21:44:37 +00:00
|
|
|
|
2017-06-16 17:00:28 +00:00
|
|
|
// Use the source map to map error message locations to modules.
|
2017-02-07 21:44:37 +00:00
|
|
|
sourceMap: true
|
|
|
|
}));
|
2016-11-24 05:18:24 +00:00
|
|
|
}
|
|
|
|
|
2016-09-22 05:57:22 +00:00
|
|
|
// The base Webpack configuration to bundle the JavaScript artifacts of
|
|
|
|
// jitsi-meet such as app.bundle.js and external_api.js.
|
2017-04-03 07:48:44 +00:00
|
|
|
const config = {
|
2016-12-09 01:17:49 +00:00
|
|
|
devServer: {
|
|
|
|
https: true,
|
|
|
|
inline: true,
|
|
|
|
proxy: {
|
|
|
|
'/': {
|
|
|
|
bypass: devServerProxyBypass,
|
|
|
|
secure: false,
|
|
|
|
target: devServerProxyTarget
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2016-09-22 05:57:22 +00:00
|
|
|
devtool: 'source-map',
|
|
|
|
module: {
|
2017-01-30 18:45:08 +00:00
|
|
|
rules: [ {
|
2016-11-22 02:26:50 +00:00
|
|
|
// Transpile ES2015 (aka ES6) to ES5. Accept the JSX syntax by React
|
|
|
|
// as well.
|
2016-09-22 05:57:22 +00:00
|
|
|
|
2016-11-24 06:42:07 +00:00
|
|
|
exclude: node_modules,
|
2017-02-07 21:44:37 +00:00
|
|
|
loader: 'babel-loader',
|
2017-01-30 18:45:08 +00:00
|
|
|
options: {
|
2016-11-24 06:42:07 +00:00
|
|
|
// XXX The require.resolve bellow solves failures to locate the
|
|
|
|
// presets when lib-jitsi-meet, for example, is npm linked in
|
|
|
|
// jitsi-meet. The require.resolve, of course, mandates the use
|
|
|
|
// of the prefix babel-preset- in the preset names.
|
2016-10-11 14:08:21 +00:00
|
|
|
presets: [
|
2017-01-30 18:45:08 +00:00
|
|
|
[
|
|
|
|
require.resolve('babel-preset-es2015'),
|
|
|
|
|
|
|
|
// Tell babel to avoid compiling imports into CommonJS
|
|
|
|
// so that webpack may do tree shaking.
|
|
|
|
{ modules: false }
|
|
|
|
],
|
|
|
|
require.resolve('babel-preset-react'),
|
|
|
|
require.resolve('babel-preset-stage-1')
|
|
|
|
]
|
2016-10-11 14:08:21 +00:00
|
|
|
},
|
2016-11-22 02:26:50 +00:00
|
|
|
test: /\.jsx?$/
|
2016-11-29 02:06:23 +00:00
|
|
|
}, {
|
2016-09-22 05:57:22 +00:00
|
|
|
// Expose jquery as the globals $ and jQuery because it is expected
|
|
|
|
// to be available in such a form by multiple jitsi-meet
|
|
|
|
// dependencies including AUI, lib-jitsi-meet.
|
|
|
|
|
2017-02-07 21:44:37 +00:00
|
|
|
loader: 'expose-loader?$!expose-loader?jQuery',
|
2016-09-22 05:57:22 +00:00
|
|
|
test: /\/node_modules\/jquery\/.*\.js$/
|
2016-11-29 02:06:23 +00:00
|
|
|
}, {
|
2016-09-22 05:57:22 +00:00
|
|
|
// Disable AMD for the Strophe.js library or its imports will fail
|
|
|
|
// at runtime.
|
|
|
|
|
2017-02-07 21:44:37 +00:00
|
|
|
loader: 'imports-loader?define=>false&this=>window',
|
2016-09-22 05:57:22 +00:00
|
|
|
test: strophe
|
2017-02-06 13:32:05 +00:00
|
|
|
}, {
|
|
|
|
// Set scope to window for URL polyfill.
|
|
|
|
|
|
|
|
loader: 'imports-loader?this=>window',
|
|
|
|
test: /\/node_modules\/url-polyfill\/.*\.js$/
|
2016-11-29 02:06:23 +00:00
|
|
|
}, {
|
2016-09-22 05:57:22 +00:00
|
|
|
// Allow CSS to be imported into JavaScript.
|
|
|
|
|
2017-01-30 18:45:08 +00:00
|
|
|
test: /\.css$/,
|
|
|
|
use: [
|
2017-02-07 21:44:37 +00:00
|
|
|
'style-loader',
|
|
|
|
'css-loader'
|
2017-01-30 18:45:08 +00:00
|
|
|
]
|
2016-11-29 02:06:23 +00:00
|
|
|
}, {
|
2016-09-22 05:57:22 +00:00
|
|
|
// Emit the static assets of AUI such as images that are referenced
|
|
|
|
// by CSS into the output path.
|
|
|
|
|
|
|
|
include: aui_css,
|
2017-02-07 21:44:37 +00:00
|
|
|
loader: 'file-loader',
|
2017-01-30 18:45:08 +00:00
|
|
|
options: {
|
2016-09-22 05:57:22 +00:00
|
|
|
context: aui_css,
|
|
|
|
name: '[path][name].[ext]'
|
|
|
|
},
|
|
|
|
test: /\.(gif|png|svg)$/
|
2016-11-29 02:06:23 +00:00
|
|
|
} ],
|
2016-09-22 05:57:22 +00:00
|
|
|
noParse: [
|
2016-11-29 02:06:23 +00:00
|
|
|
|
2016-09-22 05:57:22 +00:00
|
|
|
// Do not parse the files of the Strophe.js library or at least
|
|
|
|
// parts of the properties of the Strophe global variable will be
|
|
|
|
// missing and strophejs-plugins will fail at runtime.
|
|
|
|
strophe
|
|
|
|
]
|
|
|
|
},
|
|
|
|
node: {
|
|
|
|
// Allow the use of the real filename of the module being executed. By
|
|
|
|
// default Webpack does not leak path-related information and provides a
|
|
|
|
// value that is a mock (/index.js).
|
|
|
|
__filename: true
|
|
|
|
},
|
|
|
|
output: {
|
2017-06-16 02:08:42 +00:00
|
|
|
filename: `[name]${minimize ? '.min' : ''}.js`,
|
|
|
|
path: `${__dirname}/build`,
|
2016-12-09 01:17:49 +00:00
|
|
|
publicPath: '/libs/',
|
2017-06-16 02:08:42 +00:00
|
|
|
sourceMapFilename: `[name].${minimize ? 'min' : 'js'}.map`
|
2016-09-22 05:57:22 +00:00
|
|
|
},
|
2017-06-16 02:08:42 +00:00
|
|
|
plugins,
|
2016-09-22 05:57:22 +00:00
|
|
|
resolve: {
|
|
|
|
alias: {
|
2017-06-16 02:08:42 +00:00
|
|
|
jquery: `jquery/dist/jquery${minimize ? '.min' : ''}.js`
|
2016-09-22 05:57:22 +00:00
|
|
|
},
|
2017-01-30 18:45:08 +00:00
|
|
|
aliasFields: [
|
|
|
|
'browser'
|
|
|
|
],
|
|
|
|
extensions: [
|
|
|
|
'.web.js',
|
|
|
|
|
|
|
|
// Webpack defaults:
|
|
|
|
'.js',
|
|
|
|
'.json'
|
|
|
|
]
|
2016-09-22 05:57:22 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2017-06-16 03:47:04 +00:00
|
|
|
module.exports = [
|
2016-10-11 14:08:21 +00:00
|
|
|
Object.assign({}, config, {
|
|
|
|
entry: {
|
2017-04-04 19:23:19 +00:00
|
|
|
'app.bundle': [
|
2017-06-16 03:47:04 +00:00
|
|
|
|
2017-01-30 18:45:08 +00:00
|
|
|
// XXX Required by at least IE11 at the time of this writing.
|
2017-04-04 19:23:19 +00:00
|
|
|
'babel-polyfill',
|
|
|
|
'./app.js'
|
2017-06-16 03:47:04 +00:00
|
|
|
],
|
2016-09-22 05:57:22 +00:00
|
|
|
|
2017-01-30 18:45:08 +00:00
|
|
|
'device_selection_popup_bundle':
|
2017-06-16 03:47:04 +00:00
|
|
|
'./react/features/device-selection/popup.js',
|
2017-01-30 18:45:08 +00:00
|
|
|
|
2017-08-04 08:15:11 +00:00
|
|
|
'alwaysontop':
|
|
|
|
'./react/features/always-on-top/index.js',
|
|
|
|
|
2017-04-11 23:27:43 +00:00
|
|
|
'do_external_connect':
|
|
|
|
'./connection_optimization/do_external_connect.js'
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
|
2016-09-22 05:57:22 +00:00
|
|
|
// The Webpack configuration to bundle external_api.js (aka
|
|
|
|
// JitsiMeetExternalAPI).
|
2016-10-11 14:08:21 +00:00
|
|
|
Object.assign({}, config, {
|
|
|
|
entry: {
|
2017-06-14 18:13:41 +00:00
|
|
|
'external_api': './modules/API/external/index.js'
|
2016-10-11 14:08:21 +00:00
|
|
|
},
|
|
|
|
output: Object.assign({}, config.output, {
|
2017-06-16 03:47:04 +00:00
|
|
|
library: 'JitsiMeetExternalAPI',
|
|
|
|
libraryTarget: 'umd'
|
2016-10-11 14:08:21 +00:00
|
|
|
})
|
|
|
|
})
|
|
|
|
];
|
2016-12-09 01:17:49 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Determines whether a specific (HTTP) request is to bypass the proxy of
|
|
|
|
* webpack-dev-server (i.e. is to be handled by the proxy target) and, if not,
|
|
|
|
* which local file is to be served in response to the request.
|
|
|
|
*
|
|
|
|
* @param {Object} request - The (HTTP) request received by the proxy.
|
|
|
|
* @returns {string|undefined} If the request is to be served by the proxy
|
|
|
|
* target, undefined; otherwise, the path to the local file to be served.
|
|
|
|
*/
|
2017-06-16 02:08:42 +00:00
|
|
|
function devServerProxyBypass({ path }) {
|
2017-09-07 14:34:53 +00:00
|
|
|
if (path.startsWith('/css/') || path.startsWith('/doc/')) {
|
2016-12-09 01:17:49 +00:00
|
|
|
return path;
|
|
|
|
}
|
2017-06-16 02:08:42 +00:00
|
|
|
|
|
|
|
const configs = module.exports;
|
|
|
|
|
|
|
|
if ((Array.isArray(configs) ? configs : Array(configs)).some(c => {
|
2016-12-09 01:17:49 +00:00
|
|
|
if (path.startsWith(c.output.publicPath)) {
|
|
|
|
if (!minimize) {
|
|
|
|
// Since webpack-dev-server is serving non-minimized
|
|
|
|
// artifacts, serve them even if the minimized ones are
|
|
|
|
// requested.
|
2017-06-16 02:08:42 +00:00
|
|
|
Object.keys(c.entry).some(e => {
|
|
|
|
const name = `${e}.min.js`;
|
2016-12-09 01:17:49 +00:00
|
|
|
|
|
|
|
if (path.indexOf(name) !== -1) {
|
2017-06-16 02:08:42 +00:00
|
|
|
path = path.replace(name, `${e}.js`);
|
2016-12-09 01:17:49 +00:00
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
})) {
|
|
|
|
return path;
|
|
|
|
}
|
|
|
|
}
|