From 3d98747c4260c423b0fd6e015543e5db161f41dd Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Sun, 9 Oct 2016 21:23:00 +0300
Subject: [PATCH] #207: add ga support

---
 config/template.dev.json |  3 ---
 config/template.env.js   |  4 ++++
 src/index.ejs            | 18 ++++++++++++++++
 webpack.config.js        | 46 +++++++++++++++++++++-------------------
 4 files changed, 46 insertions(+), 25 deletions(-)
 delete mode 100644 config/template.dev.json
 create mode 100644 config/template.env.js

diff --git a/config/template.dev.json b/config/template.dev.json
deleted file mode 100644
index 3505bf7..0000000
--- a/config/template.dev.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "apiHost": "https://dev.account.ely.by"
-}
diff --git a/config/template.env.js b/config/template.env.js
new file mode 100644
index 0000000..53ff779
--- /dev/null
+++ b/config/template.env.js
@@ -0,0 +1,4 @@
+module.exports = {
+    apiHost: 'https://dev.account.ely.by',
+    ga: {id: 'UA-XXXXX-Y'}
+};
diff --git a/src/index.ejs b/src/index.ejs
index 47f8dc3..e66c4a6 100644
--- a/src/index.ejs
+++ b/src/index.ejs
@@ -22,5 +22,23 @@
 <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
     <script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
 <% } %>
+
+<% if (htmlWebpackPlugin.options.ga) {
+    if (!htmlWebpackPlugin.options.ga.id) {
+        throw new Error('ga.id is required to enable google analytics');
+    }
+%>
+<!-- Google Analytics -->
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+    ga('create', '<%- htmlWebpackPlugin.options.ga.id %>', 'auto');
+    ga('send', 'pageview');
+    </script>
+    <!-- End Google Analytics -->
+<% } %>
 </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
index a7b3723..ff0f235 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -13,6 +13,13 @@ const vendor = Object.keys(require('./package.json').dependencies);
 
 const rootPath = path.resolve('./src');
 
+var config = {};
+try {
+    config = require('./config/env.js');
+} catch (err) {
+    console.error('\n\n===\nCan not find config/env.js. Running with defaults\n===\n\n', err);
+}
+
 /**
  * TODO: https://babeljs.io/docs/plugins/
  * TODO: отдельные конфиги для env (аля https://github.com/davezuko/react-redux-starter-kit)
@@ -110,7 +117,8 @@ var webpackConfig = {
             inject: false,
             minify: {
                 collapseWhitespace: isProduction
-            }
+            },
+            ga: config.ga
         }),
         new webpack.ProvidePlugin({
             // window.fetch polyfill
@@ -237,32 +245,26 @@ if (isProduction) {
 }
 
 if (!isProduction && !isTest) {
-    var config;
-    try {
-        config = require('./config/dev.json');
-    } catch (err) {
-        console.error('\n\n===\nPlease create dev.json config under ./config based on template.dev.json\n===\n\n');
-        throw err;
-    }
-
     webpackConfig.plugins.push(
         new webpack.HotModuleReplacementPlugin(),
         new webpack.NoErrorsPlugin()
     );
 
-    webpackConfig.devServer = {
-        host: 'localhost',
-        port: 8080,
-        proxy: {
-            '/api': {
-                target: config.apiHost,
-                changeOrigin: true // add host http-header, based on target
-            }
-        },
-        hot: true,
-        inline: true,
-        historyApiFallback: true
-    };
+    if (config.apiHost) {
+        webpackConfig.devServer = {
+            host: 'localhost',
+            port: 8080,
+            proxy: {
+                '/api': {
+                    target: config.apiHost,
+                    changeOrigin: true // add host http-header, based on target
+                }
+            },
+            hot: true,
+            inline: true,
+            historyApiFallback: true
+        };
+    }
 }
 
 if (isDockerized) {