reorg build process

Author: jquense

.babelrc

@@ -3,12 +3,22 @@
   "loose": [
     "all"
   ],
+
   "blacklist": [
     "es6.tailCall",
     "es6.forOf",
     "es7.trailingFunctionCommas",
     "es7.comprehensions",
     "es7.exportExtensions"
   ],
-  "plugins": ["babel-plugin-object-assign"]
+
+  "plugins": [
+    "babel-plugin-object-assign"
+  ],
+  "extra": {
+    "externalHelperPlugin": {
+      "path": "util/babelHelpers.js",
+      "base": "src"
+    }
+  }
 }

build/babel.js

@@ -0,0 +1,43 @@
+var args = require('yargs').argv
+  , babel = require('babel-core')
+  , fs = require('fs')
+  , outputFileSync = require('output-file-sync')
+  , glob = require('glob')
+  , path = require('path');
+
+var helpers = []
+  , babelrc = JSON.parse(
+      fs.readFileSync(path.join(__dirname, '../.babelrc')));
+
+args._.forEach(function (input) {
+  var files = glob.sync(input + '/**/*.js*');
+  if (!files.length) files = [input];
+
+  files.forEach(function(file){
+    var relative = file.replace(/\.(\w*?)$/, '') + '.js'
+      , dest = path.join(args.outDir, path.relative(input, relative))
+      , data = babel.transformFileSync(file, {
+          externalHelpers: true,
+          plugins: [
+            "babel-plugin-external-helpers:after"
+          ]
+        });
+
+    outputFileSync(dest, data.code);
+
+    (data.metadata.usedHelpers || []).forEach(function(helper){
+      if (helpers.indexOf(helper) === -1)
+        helpers.push(helper)
+    })
+
+    console.log(file + ' -> ' + dest);
+  });
+
+});
+
+if (helpers.length) {
+  var outHelper = path.join(args.outDir, babelrc.extra.externalHelperPlugin.path)
+  console.log('outputing helper file: ', outHelper)
+  outputFileSync(
+    outHelper, babel.buildExternalHelpers(helpers, 'umd'))
+}

build/browser.config.js

@@ -0,0 +1,34 @@
+var path = require('path')
+  , makeConfig = require('./make-config');
+
+module.exports = makeConfig({
+
+  noCompile: true,
+
+  banner: true,
+
+  minimize: false,
+
+  entry: './lib/index.js',
+
+  output: {
+    path: path.join(__dirname, '../dist'),
+    filename: 'react-widgets.js',
+    library:  'ReactWidgets',
+    libraryTarget: 'umd'
+  },
+
+  externals: {
+    globalize: 'Globalize',
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom'
+    },
+    react: {
+      root: 'React',
+      commonjs: 'react',
+      commonjs2: 'react'
+    }
+  }
+})

build/dev.config.js

@@ -0,0 +1,20 @@
+var path = require('path')
+  , makeConfig = require('./make-config');
+  , args = require('yargs').argv;
+
+module.exports = makeConfig({
+
+  hot: false,
+
+  production: false,
+
+  devtool: 'source-map',
+
+  entry:  path.join(__dirname,'../dev/dev.jsx'),
+
+  output: {
+    filename: 'bundle.js',
+    path: __dirname
+  }
+
+})

build/docs.config.js

@@ -0,0 +1,38 @@
+var webpack = require('webpack')
+var path = require('path')
+var makeConfig = require('./make-config')
+var args = require('yargs').argv;
+
+module.exports = makeConfig({
+
+    minimize: args.production,
+
+    devtool: args.production ? null : 'source-map',
+    //hot: !args.production,
+
+    entry:  {
+      app: path.join(__dirname, '../docs/components/docs.jsx'),
+      vendor: ['react', 'react-dom', 'globalize']
+    },
+
+    output: {
+      path: path.join(__dirname, '../docs/public'),
+      filename: 'docs.js',
+      publicPath: '/docs/public'
+    },
+
+    externals: {
+      'babel/browser': 'window.babel'
+    },
+
+    plugins: [
+      new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js')
+    ],
+
+    loaders: [
+      { test: /\.json$/, loader: 'json' },
+      { test: /\.raw$/, loader: 'raw' },
+      { test: /\.api\.md$/, loader: 'babel-loader!' + path.join(__dirname, '../docs/vendor/apiLoader') },
+      { test: /.md$/, loader: 'babel-loader!' + path.join(__dirname, '../docs/vendor/mdLoader'), exclude: /\.api\.md$/ }
+    ]
+  })

build/make-config.js

@@ -0,0 +1,109 @@
+var path = require('path')
+  , webpack = require('webpack')
+  , ExtractTextPlugin = require('extract-text-webpack-plugin')
+  , pkg = require('../package.json');
+
+module.exports = function makeConfig(options){
+  var entry = options.entry
+    , plugins = options.plugins || []
+
+  var loaders = [
+    { test: /\.css$/,  loader: options.extractStyles
+        ? ExtractTextPlugin.extract('style-loader', 'css-loader')
+        : 'style-loader!css-loader' },
+
+    { test: /\.less$/, loader: options.extractStyles
+        ? ExtractTextPlugin.extract('style-loader', 'css-loader!less-loader')
+        : 'style-loader!css-loader!less-loader' },
+
+    { test: /\.gif$/, loader: 'url-loader?mimetype=image/png' },
+    { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&minetype=application/font-woff' },
+    { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file-loader?name=[name].[ext]' }
+  ];
+
+  if (!options.noCompile)
+    loaders.push(
+      { test: /\.jsx$|\.js$/, loader: 'babel-loader', exclude: /node_modules/ })
+
+  if (options.hot){
+    loaders.splice(loaders.length - 1, 0,
+      { test: /\.jsx$|\.js$/, loader: 'react-hot-loader', exclude: /node_modules/ })
+
+    plugins.push(
+      new webpack.HotModuleReplacementPlugin(),
+      new webpack.NoErrorsPlugin())
+
+    entry = [
+      'webpack-dev-server/client?http://localhost:8080',
+      'webpack/hot/only-dev-server',
+      entry
+    ]
+  }
+
+  if (options.loaders)
+    loaders = loaders.concat(options.loaders)
+
+
+
+  if (options.minimize)
+    plugins.push(
+      new webpack.optimize.UglifyJsPlugin({
+        compress: { warnings: false, dead_code: true } //eslint-disable-line
+      }),
+      new webpack.optimize.DedupePlugin(),
+      new webpack.NoErrorsPlugin())
+  else
+    plugins.push(
+      new webpack.DefinePlugin({
+        '__VERSION__': JSON.stringify(pkg.version)
+      }));
+
+  if ( options.production || options.minimize )
+    plugins.push(new webpack.DefinePlugin({
+        '__VERSION__': JSON.stringify(pkg.version),
+        'process.env': { NODE_ENV: JSON.stringify('production') }
+      }))
+
+  if (options.extractStyles)
+    plugins.push(
+      new ExtractTextPlugin(options.styleName || 'styles.css', {
+          allChunks: true
+      }))
+
+  if (options.banner) {
+    plugins.push(
+      new webpack.BannerPlugin(
+        '(c) ' + (new Date()).getFullYear() + ' Jason Quense | '
+        + 'https://github.com/jquense/react-widgets/blob/master/License.txt'
+        , { entryOnly : true }))
+  }
+
+  return {
+    cache: true,
+
+    devtool: options.devtool,
+
+    entry: entry,
+
+    output: options.output,
+
+    externals: options.externals,
+
+    resolve: {
+      extensions: ['', '.js', '.jsx'],
+      alias: {
+        'react-widgets': path.join(__dirname, '..', 'src')
+      }
+    },
+
+    module: {
+      loaders: loaders
+    },
+
+    plugins: plugins,
+
+    node: {
+      Buffer: false
+    }
+  }
+}

build/test.config.js

@@ -0,0 +1,10 @@
+var makeConfig = require('./make-config');
+
+module.exports = makeConfig({
+
+  devtool: 'inline-source-map',
+
+  loaders: [
+    { test: /sinon-chai/, loader: 'imports?define=>false' }
+  ]
+})