change template engine to doT

Author: akella

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 coverage
 npm-debug.log
+report.html

dist/easygooglemaps.js

@@ -93,7 +93,7 @@
   <script type="text/underscorejs" id="infobox">
     <div class="baloon"> <button class="baloon__close js-infobox-close"></button>
       <div className="baloon__content">
-        <%= title %>
+        {{=baloon.title}}
       </div>
     </div>
   </script>

dist/easygooglemaps.min.js

@@ -56,8 +56,11 @@
   },
   "license": "MIT",
   "dependencies": {
+    "dot": "^1.1.1",
     "google-maps": "^3.2.1",
     "google-maps-infobox": "^1.1.14",
-    "underscore": "^1.8.3"
+    "handlebars": "^4.0.6",
+    "json-loader": "^0.5.4",
+    "webpack-bundle-analyzer": "^2.3.0"
   }
 }

example/index.html

@@ -64,7 +64,7 @@ MyMap.init();
 		items: [
 			{
 				"content": {
-					// this is <%= title %> in html template
+					// this is {{=baloon.title}} in html template
 					"title": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, consequatur."
 				},
 				"marker": {
@@ -91,12 +91,12 @@ MyMap.init();
 	}
 }
 ```
-And also HTML template (underscore) for infobox should be specified:
+And also HTML template (doT) for infobox should be specified:
 ```html
 <script type="text/underscorejs" id="infobox">
 	<div class="baloon"> <button class="baloon__close js-infobox-close"></button>
 		<div className="baloon__content">
-		<%= title %>
+			{{=baloon.title}}
 		</div>
 	</div>
 </script>

package.json

@@ -5,8 +5,8 @@
  * @name EasyGoogleMaps
  */
 
- import {template} from 'underscore';
  import GoogleMapsLoader from 'google-maps';
+ import dot from 'dot';
 
 
  export default (function() {
@@ -84,7 +84,8 @@
 
  		_getTemplate() {
  			let HTML = document.querySelector(this._props.infobox.template).innerHTML;
- 			return template(HTML);
+ 			dot.templateSettings.varname = 'baloon';
+ 			return dot.template(HTML);
  		}
 
 

readme.md

@@ -1,13 +1,31 @@
 var webpack = require('webpack');
 var minimize = process.argv.indexOf('--no-minimize') === -1 ? true : false;
-var plugins = minimize ? [new webpack.optimize.UglifyJsPlugin({
+var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+var plugins = minimize ? [
+new webpack.optimize.UglifyJsPlugin({
   minimize: true,
   compress: {
     drop_console: true
   },
-}),new webpack.optimize.MinChunkSizePlugin({minChunkSize: '100000'})] : [new webpack.optimize.MinChunkSizePlugin({minChunkSize: '100000'})];
+}),
+new webpack.optimize.MinChunkSizePlugin({minChunkSize: '100000'}),
+new BundleAnalyzerPlugin( {
+  analyzerMode: 'static',
+  analyzerPort: 4000,
+          openAnalyzer: false
+  }
+)
+] : [
+new webpack.optimize.MinChunkSizePlugin({minChunkSize: '100000'})
+];
 
 module.exports = {
+  node: {
+    console: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty'
+  },
   entry: {
     'dist/easygooglemaps':'./src/easygooglemaps.js'
   },
@@ -22,7 +40,10 @@ module.exports = {
       test: /\.js?$/,
       exclude: /(node_modules|bower_components)/,
       loader: 'babel'
-    }]
+    },{
+    test: /\.json$/,
+    loader: 'json'
+      }]
   },
   plugins: plugins
 };