提高gitment的浏览器兼容性

.babelrc

@@ -1,3 +1,4 @@
 {
-  "presets": ["es2015"]
+  "presets": ["es2015"],
+  "plugins": ["transform-runtime"]
 }

package.json

@@ -20,18 +20,22 @@
   },
   "homepage": "https://github.com/imsun/gitment",
   "scripts": {
-    "build": "babel src --out-dir dist --ignore test.js --source-maps & NODE_ENV=production webpack --config webpack.config.js --progress --profile --colors",
-    "dev": "webpack-dev-server --config webpack.dev.config.js --host 0.0.0.0 --progress --profile --colors"
+    "build": "babel src --out-dir dist --ignore test.js --source-maps & cross-env NODE_ENV=production webpack --config webpack.config.js --progress --profile --colors",
+    "dev": "webpack-dev-server --config webpack.dev.config.js --host 0.0.0.0 --progress --profile --colors",
+    "postbuild": "babel src --out-dir dist --ignore test.js --source-maps & webpack --config webpack.config.js -p --env.production"
   },
   "devDependencies": {
     "babel-cli": "^6.24.0",
     "babel-core": "^6.24.0",
     "babel-loader": "^6.4.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.0",
+    "cross-env": "^5.0.1",
     "webpack": "^2.3.2",
     "webpack-dev-server": "^2.4.2"
   },
   "dependencies": {
+    "babel-runtime": "^6.23.0",
     "mobx": "^3.1.7"
   },
   "license": "MIT"

src/gitment.js

@@ -9,8 +9,7 @@ const scope = 'public_repo'
 function extendRenderer(instance, renderer) {
   instance[renderer] = (container) => {
     const targetContainer = getTargetContainer(container)
-    const render = instance.theme[renderer] || instance.defaultTheme[renderer]
-
+    const render = instance.theme[renderer]
     autorun(() => {
       const e = render(instance.state, instance)
       if (targetContainer.firstChild) {
@@ -46,20 +45,17 @@ class Gitment {
 
   constructor(options = {}) {
     this.defaultTheme = defaultTheme
-    this.useTheme(defaultTheme)
-
     Object.assign(this, {
       id: window.location.href,
       title: window.document.title,
       link: window.location.href,
       desc: '',
       labels: [],
-      theme: defaultTheme,
       oauth: {},
       perPage: 20,
       maxCommentHeight: 250,
     }, options)
-
+    this.theme = Object.assign({},defaultTheme,options.theme);
     this.useTheme(this.theme)
 
     const user = {}
@@ -127,10 +123,9 @@ class Gitment {
   }
 
   useTheme(theme = {}) {
-    this.theme = theme
-
-    const renderers = Object.keys(this.theme)
-    renderers.forEach(renderer => extendRenderer(this, renderer))
+    const renderers = Object.keys(theme)
+    renderers.forEach(renderer => this[renderer]=this.theme[renderer])
+    extendRenderer(this,'render')
   }
 
   update() {

src/theme/default.js

@@ -30,6 +30,7 @@ function renderHeader({ meta, user, reactions }, instance) {
     likeButton.classList.remove('liked')
     likeButton.onclick = () => instance.like()
   }
+
   container.appendChild(likeButton)
 
   const commentsCount = document.createElement('span')

webpack.config.js

@@ -1,22 +1,24 @@
 const path = require('path')
 
-module.exports = {
-  context: path.join(__dirname, 'src'),
-  entry: './gitment.js',
-  devtool: 'source-map',
-  output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'gitment.browser.js',
-    libraryTarget: 'var',
-    library: 'Gitment',
-  },
-  module: {
-    loaders: [
-      {
-        test: /\.js$/,
-        exclude: /^node_mocules/,
-        loaders: ['babel-loader'],
-      },
-    ],
-  },
-}
+module.exports = function (env) {
+  return {
+    context: path.join(__dirname, 'src'),
+    entry: './gitment.js',
+    devtool: 'source-map',
+    output: {
+      path: path.join(__dirname, 'dist'),
+      filename: (env&&env.production)?'gitment.browser.min.js':'gitment.browser.js',
+      libraryTarget: 'var',
+      library: 'Gitment',
+    },
+    module: {
+      loaders: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          loaders: ['babel-loader'],
+        },
+      ],
+    },
+  }
+};