cleanup; added build script for gh-pages

Author: vutran

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+insert_final_newline = true
+
+[*.{html,js,css,md}]
+indent_size = 2

.gitignore

@@ -2,3 +2,4 @@ node_modules/
 npm-debug.log.*
 npm-debug.log
 lib/
+gh-pages/

build.js

@@ -0,0 +1,45 @@
+/**
+ * Compiles and builds for the gh-pages branch into the gh-pages folder.
+ */
+
+import fs from 'fs';
+import path from 'path';
+import webpack from 'webpack';
+import config from './examples/webpack.config';
+
+const ghpConfig = Object.assign({}, config);
+ghpConfig.output.path = path.resolve(__dirname, 'gh-pages');
+ghpConfig.devtool = null;
+
+config.entry.shift(); // remove eventsource-polyfill
+config.entry.shift(); // remove hmr entry
+config.plugins.shift(); // remove hmr plugin
+
+// create a webpack compiler
+const compiler = webpack(ghpConfig);
+
+// build!
+compiler.run((err, stats) => {
+  if (err) {
+    console.error(err);
+  }
+});
+
+// copies the index.html to the dist folder
+const ghpPath = path.resolve(__dirname, 'gh-pages');
+const indexFile = path.resolve(__dirname, 'examples', 'index.html');
+const outIndexFile = path.resolve(ghpPath, 'index.html');
+try {
+  fs.mkdir(ghpPath, (err) => {
+    if (err) {
+      console.error(err);
+    }
+    fs.createReadStream(indexFile).pipe(fs.createWriteStream(outIndexFile));
+  });
+} catch (copyErr) {
+  if (copyErr.code === 'EEXIST') {
+    fs.createReadStream(indexFile).pipe(fs.createWriteStream(outIndexFile));
+  } else {
+    console.error(copyErr);
+  }
+}

examples/bundle.js

@@ -8,33 +8,33 @@ module.exports = {
   entry : [
     'eventsource-polyfill', // necessary for hot reloading with IE
     'webpack-hot-middleware/client',
-    path.join(__dirname, 'index.js')
+    path.join(__dirname, 'index.js'),
   ],
   output: {
     publicPath: '/',
     path: __dirname,
-    filename: 'bundle.js'
+    filename: 'bundle.js',
   },
   module: {
     loaders: [
       {
         test: /\.css$/,
-        loaders: ['style', 'css?modules']
+        loaders: ['style', 'css?modules'],
       },
       {
         test: /\.js$/,
         exclude: /node_modules/,
-        loaders: ['babel']
-      }
-    ]
+        loaders: ['babel'],
+      },
+    ],
   },
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoErrorsPlugin()
+    new webpack.NoErrorsPlugin(),
   ],
   resolve: {
     alias: {
-      "react-offcanvas": path.resolve('src')
-    }
+      "react-offcanvas": path.resolve(__dirname, '..', 'src'),
+    },
   },
 };

examples/webpack.config.js

@@ -11,7 +11,8 @@
     "clean": "rimraf lib",
     "lint": "eslint ./src",
     "compile": "babel ./src -d ./lib",
-    "build": "npm run clean && npm run compile",
+    "build-ghp": "cross-env NODE_ENV=production babel-node build.js",
+    "build": "cross-env NODE_ENV=production npm run clean && npm run compile",
     "webpack": "webpack --config ./examples/webpack.config.js",
     "devServer": "node ./examples/devServer.js",
     "dev": "npm run webpack && npm run devServer",