Merge pull request #255 from jitsi/webpack

Switch from Browserify to Webpack

.babelrc

@@ -0,0 +1,5 @@
+{
+    "presets": [
+        "es2015"
+    ]
+}

package.json

@@ -4,7 +4,7 @@
   "description": "JS library for accessing Jitsi server side deployments",
   "repository": {
     "type": "git",
-    "url": "git://github.com/jitsi/jitsi-meet"
+    "url": "git://github.com/jitsi/lib-jitsi-meet"
   },
   "keywords": [
     "jingle",
@@ -15,37 +15,33 @@
   "author": "",
   "readmeFilename": "README.md",
   "dependencies": {
+    "async": "0.9.0",
+    "current-executing-script": "*",
     "events": "*",
+    "jitsi-meet-logger": "jitsi/jitsi-meet-logger",
+    "jssha": "1.5.0",
     "pako": "*",
+    "retry": "0.6.1",
     "sdp-interop": "0.1.11",
-    "sdp-transform": "1.5.*",
     "sdp-simulcast": "0.1.7",
-    "async": "0.9.0",
-    "retry": "0.6.1",
-    "jssha": "1.5.0",
-    "jitsi-meet-logger": "git+https://github.com/jitsi/jitsi-meet-logger.git",
-    "strophe": "^1.2.2",
-    "strophejs-plugins": "^0.0.6",
+    "sdp-transform": "1.5.*",
     "socket.io-client": "1.3.6",
-    "current-executing-script": "*"
+    "strophe": "^1.2.2",
+    "strophejs-plugins": "^0.0.6"
   },
   "devDependencies": {
-    "babelify": "*",
-    "babel-preset-es2015": "*",
+    "babel-core": "*",
+    "babel-loader": "*",
     "babel-polyfill": "*",
-    "browserify": "11.1.x",
+    "babel-preset-es2015": "*",
+    "babel-register": "*",
     "jshint": "^2.8.0",
     "precommit-hook": "^3.0.0",
-    "exorcist": "*",
-    "uglify-js": "2.4.24",
-    "watchify": "^3.7.0"
+    "string-replace-loader": "*",
+    "webpack": "*"
   },
   "scripts": {
-    "install": "npm run browserify && npm run version && npm run uglifyjs",
-    "browserify": "node ./start_browserify.js | exorcist lib-jitsi-meet.js.map > lib-jitsi-meet.js && [ -s lib-jitsi-meet.js ]",
-    "version": "VERSION=`./get-version.sh` && echo lib-jitsi-meet version is:${VERSION} && sed -i'' -e s/{#COMMIT_HASH#}/${VERSION}/g lib-jitsi-meet.js",
-    "uglifyjs": "uglifyjs -p relative lib-jitsi-meet.js -o lib-jitsi-meet.min.js --source-map lib-jitsi-meet.min.map --in-source-map lib-jitsi-meet.js.map",
-    "watch": "watchify JitsiMeetJS.js -s JitsiMeetJS -o lib-jitsi-meet.js -v",
+    "install": "webpack -p",
     "lint": "jshint .",
     "validate": "npm ls"
   },

start_browserify.js

@@ -1,12 +0,0 @@
-var browserify = require("browserify");
-var babelify = require("babelify");
-
-browserify("./JitsiMeetJS.js", {
-    debug: true,
-    standalone: "JitsiMeetJS"
-}).transform(babelify.configure({
-  ignore: [
-      /\/node_modules\/(?!lib-jitsi-meet\/)/,
-      "modules/RTC/adapter.screenshare.js"],
-  presets: ["es2015"]
-})).bundle().pipe(process.stdout);

webpack.config.babel.js

@@ -0,0 +1,59 @@
+/* global __dirname */
+
+import child_process from 'child_process'; // eslint-disable-line camelcase
+import process from 'process';
+
+const minimize
+    = process.argv.indexOf('-p') !== -1
+        || process.argv.indexOf('--optimize-minimize') !== -1;
+
+export default {
+    devtool: 'source-map',
+    entry: {
+        'lib-jitsi-meet': './JitsiMeetJS.js'
+    },
+    module: {
+        loaders: [ {
+            // Version this build of the lib-jitsi-meet library.
+
+            loader: 'string-replace',
+            query: {
+                flags: 'g',
+                replace:
+                    child_process.execSync( // eslint-disable-line camelcase
+                            `${__dirname}/get-version.sh`)
+
+                        // The type of the return value of
+                        // child_process.execSync is either Buffer or String.
+                        .toString()
+
+                            // Shells may automatically append CR and/or LF
+                            // characters to the output.
+                            .trim(),
+                search: '{#COMMIT_HASH#}'
+            },
+            test: `${__dirname}/JitsiMeetJS.js`
+        }, {
+            // Transpile ES2015 (aka ES6) to ES5.
+
+            exclude: [
+                `${__dirname}/modules/RTC/adapter.screenshare.js`,
+                `${__dirname}/node_modules/`
+            ],
+            loader: 'babel',
+            test: /\.js$/
+        } ]
+    },
+    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: {
+        filename: `[name]${minimize ? '.min' : ''}.js`,
+        library: 'JitsiMeetJS',
+        libraryTarget: 'umd',
+        sourceMapFilename: `[name].${minimize ? 'min' : 'js'}.map`
+    }
+};