revive articledetail

browser/main/Components/MarkdownPreview.js

@@ -0,0 +1,53 @@
+import shell from 'shell'
+import React, { PropTypes } from 'react'
+import markdown from '../HomeContainer/lib/markdown'
+
+function handleAnchorClick (e) {
+  shell.openExternal(e.target.href)
+  e.preventDefault()
+}
+
+export default class MarkdownPreview extends React.Component {
+  componentDidMount () {
+    this.addListener()
+  }
+
+  componentDidUpdate () {
+    this.addListener()
+  }
+
+  componentWillUnmount () {
+    this.removeListener()
+  }
+
+  componentWillUpdate () {
+    this.removeListener()
+  }
+
+  addListener () {
+    var anchors = React.findDOMNode(this).querySelectorAll('a')
+
+    for (var i = 0; i < anchors.length; i++) {
+      anchors[i].addEventListener('click', handleAnchorClick)
+    }
+  }
+
+  removeListener () {
+    var anchors = React.findDOMNode(this).querySelectorAll('a')
+
+    for (var i = 0; i < anchors.length; i++) {
+      anchors[i].removeEventListener('click', handleAnchorClick)
+    }
+  }
+
+  render () {
+    return (
+      <div className={'MarkdownPreview' + (this.props.className != null ? ' ' + this.props.className : '')} dangerouslySetInnerHTML={{__html: ' ' + markdown(this.props.content)}}/>
+    )
+  }
+}
+
+MarkdownPreview.propTypes = {
+  className: PropTypes.string,
+  content: PropTypes.string
+}

browser/main/Components/MarkdownPreview.jsx

@@ -1,43 +0,0 @@
-var React = require('react')
-
-var Markdown = require('../Mixins/Markdown')
-var ExternalLink = require('../Mixins/ExternalLink')
-
-module.exports = React.createClass({
-  mixins: [Markdown, ExternalLink],
-  propTypes: {
-    className: React.PropTypes.string,
-    content: React.PropTypes.string
-  },
-  componentDidMount: function () {
-    this.addListener()
-  },
-  componentDidUpdate: function () {
-    this.addListener()
-  },
-  componentWillUnmount: function () {
-    this.removeListener()
-  },
-  componentWillUpdate: function () {
-    this.removeListener()
-  },
-  addListener: function () {
-    var anchors = React.findDOMNode(this).querySelectorAll('a')
-
-    for (var i = 0; i < anchors.length; i++) {
-      anchors[i].addEventListener('click', this.openExternal)
-    }
-  },
-  removeListener: function () {
-    var anchors = React.findDOMNode(this).querySelectorAll('a')
-
-    for (var i = 0; i < anchors.length; i++) {
-      anchors[i].removeEventListener('click', this.openExternal)
-    }
-  },
-  render: function () {
-    return (
-      <div className={'MarkdownPreview' + (this.props.className != null ? ' ' + this.props.className : '')} dangerouslySetInnerHTML={{__html: ' ' + this.markdown(this.props.content)}}/>
-    )
-  }
-})

browser/main/Components/ModeIcon.js

@@ -1,11 +1,7 @@
-var React = require('react')
+import React, { PropTypes } from 'react'
 
-module.exports = React.createClass({
-  propTypes: {
-    className: React.PropTypes.string,
-    mode: React.PropTypes.string
-  },
-  getClassName: function () {
+export default class ModeIcon extends React.Component {
+  getClassName () {
     var mode = this.props.mode
     switch (mode) {
       // Script
@@ -69,11 +65,17 @@ module.exports = React.createClass({
         return 'fa fa-fw fa-file-text-o'
     }
     return 'fa fa-fw fa-code'
-  },
-  render: function () {
+  }
+
+  render () {
     var className = this.getClassName()
     return (
       <i className={this.props.className + ' ' + className}/>
     )
   }
-})
+}
+
+ModeIcon.propTypes = {
+  className: PropTypes.string,
+  mode: PropTypes.string
+}