diff --git a/.eslintrc.js b/.eslintrc.js
index 26dbb5c..8097fb9 100755
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,19 +1,36 @@
+var IGNORE = 0
+var WARN = 1
+var ERROR = 2
+
+var ALWAYS = 'always'
+var NEVER = 'never'
+var OFF = 'off'
+
 module.exports = {
 extends: 'airbnb',
 parser: 'babel-eslint',
- rules: {
- // "jsx-curly-spacing": [2, "always", {"alternative": true}], // https://github.com/yannickcr/eslint-plugin-react/issues/388
- 'react/jsx-curly-spacing': [1, 'always'],
- 'react/prop-types': [0],
- 'template-curly-spacing': ['error', 'always'],
- 'strict': [0, 'safe'],
- 'no-unused-expressions': 0,
- 'no-unused-vars': ['error', { 'vars': 'local' }],
- 'arrow-body-style': [0, 'always'],
- 'camelcase': [2, { 'properties': 'always' }],
- 'constructor-super': 2,
- 'quote-props': [2, 'consistent'],
- 'no-underscore-dangle': [1],
- 'semi': [2, 'never']
+ env: {
+ browser: true,
+ node: true
 },
-};
+ rules: {
+ 'react/jsx-curly-spacing': [ERROR, ALWAYS, { spacing: { objectLiterals: NEVER }}],
+ 'react/jsx-filename-extension': [IGNORE],
+ 'react/prop-types': [IGNORE],
+ 'template-curly-spacing': [ERROR, ALWAYS],
+ 'strict': [IGNORE],
+ 'no-unused-expressions': IGNORE,
+ 'no-unused-vars': [ERROR, { 'vars': 'local' }],
+ 'arrow-body-style': [IGNORE, ALWAYS],
+ 'camelcase': [ERROR],
+ 'constructor-super': ERROR,
+ 'quote-props': [ERROR, 'consistent'],
+ 'no-underscore-dangle': [WARN],
+ 'semi': [ERROR, NEVER],
+ 'import/no-unresolved': [ERROR, { ignore: ['electron'] }],
+ 'new-cap': [IGNORE],
+ 'import/no-named-as-default': [IGNORE],
+ 'import/no-extraneous-dependencies': [IGNORE],
+ 'jsx-a11y/no-static-element-interactions': IGNORE
+ }
+}
diff --git a/app/actions/UIActions.js b/app/actions/UIActions.js
index 5ed3fe2..e0612e4 100644
--- a/app/actions/UIActions.js
+++ b/app/actions/UIActions.js
@@ -25,19 +25,5 @@ export function showComposerWithType(type) {
 }
 
 export function setOutput(output) {
- console.log('inside ui actions', output)
 return { type: types.SET_OUTPUT, output }
 }
-
-// export function setActiveAlias(keyId) {
-// return async function (dispatch) {
-// try {
-// delete db.object.activeAlias
-// await db.write()
-// const activeAlias = await db('activeAlias').insert(keyId)
-// return dispatch({ type: types.SET_ACTIVE_ALIAS, activeAlias })
-// } catch (err) {
-// console.log(err)
-// }
-// }
-// }
diff --git a/app/components/Felony.js b/app/components/Felony.js
index 7d4eec1..9531a2c 100644
--- a/app/components/Felony.js
+++ b/app/components/Felony.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import 'normalize.css'
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
@@ -20,7 +18,7 @@ export class Felony extends Component {
 selected: [], // replaced with redux
 }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 app: {
diff --git a/app/components/alias/Alias.js b/app/components/alias/Alias.js
index c3e288d..605e7a6 100644
--- a/app/components/alias/Alias.js
+++ b/app/components/alias/Alias.js
@@ -1,14 +1,10 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
 import { User } from '../common/index'
 
-import { generateKey } from '../../utils/pgp'
-
 class Alias extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 user: {
diff --git a/app/components/alias/AliasComposerForm.js b/app/components/alias/AliasComposerForm.js
index c02f190..e0046e7 100644
--- a/app/components/alias/AliasComposerForm.js
+++ b/app/components/alias/AliasComposerForm.js
@@ -1,12 +1,10 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
 import colors from '../../assets/styles/variables/colors'
 
 class AliasComposer extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 text: {
@@ -57,11 +55,10 @@ class AliasComposer extends Component {
 
 render() {
 return (
- <div is="wrap" ref="wrap">
+ <div is="wrap">
 <div is="text">
 <textarea is="textarea" - ref="textarea" placeholder={ this.props.placeholder } this.handleKeyDown } />
diff --git a/app/components/common/Avatar.js b/app/components/common/Avatar.js
index 28dd4e3..da5c4b9 100644
--- a/app/components/common/Avatar.js
+++ b/app/components/common/Avatar.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
diff --git a/app/components/common/Button.js b/app/components/common/Button.js
index 8be583d..a54c7c8 100644
--- a/app/components/common/Button.js
+++ b/app/components/common/Button.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
diff --git a/app/components/common/Icon.js b/app/components/common/Icon.js
index 0b7fdb3..24eacc6 100644
--- a/app/components/common/Icon.js
+++ b/app/components/common/Icon.js
@@ -1,5 +1,4 @@
-'use strict'
-
+/* eslint-disable react/no-danger */
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import { getIcon } from '../../utils/icons'
@@ -17,7 +16,7 @@ class Icon extends Component {
 }
 
 render() {
- return <div is="icon" dangerouslySetInnerHTML={ { __html: getIcon(this.props.name) } } />
+ return <div is="icon" dangerouslySetInnerHTML={{ __html: getIcon(this.props.name) }} />
 }
 }
 
diff --git a/app/components/common/Overlay.js b/app/components/common/Overlay.js
index 1e280e8..b15edd9 100644
--- a/app/components/common/Overlay.js
+++ b/app/components/common/Overlay.js
@@ -1,10 +1,9 @@
-'use strict'
-
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
 class Overlay extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 overlay: {
diff --git a/app/components/common/User.js b/app/components/common/User.js
index 7dae55b..00c2af1 100644
--- a/app/components/common/User.js
+++ b/app/components/common/User.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -9,7 +7,7 @@ import colors from '../../assets/styles/variables/colors'
 import Avatar from './Avatar'
 
 class User extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 user: {
diff --git a/app/components/composer/Composer.js b/app/components/composer/Composer.js
index abf9444..e9eac18 100644
--- a/app/components/composer/Composer.js
+++ b/app/components/composer/Composer.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -9,7 +7,7 @@ import ComposerAliasForm from './ComposerAliasForm'
 import colors from '../../assets/styles/variables/colors'
 
 class Composer extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 wrap: {
@@ -42,17 +40,17 @@ class Composer extends Component {
 
 render() {
 return (
- <div is="wrap" ref="wrap">
+ <div is="wrap">
 { this.props.composerType === 'alias' ?
 <composeraliasform handleCancel={ this.handleCancel } - {...this.props } + { ...this.props } />
 :
- <composerform - handleCancel={ this.handleCancel } - {...this.props } - />
+ <composerform + handleCancel={ this.handleCancel } + { ...this.props } + />
 }
 
 </div>
diff --git a/app/components/composer/ComposerAliasForm.js b/app/components/composer/ComposerAliasForm.js
index be5e502..f594e17 100644
--- a/app/components/composer/ComposerAliasForm.js
+++ b/app/components/composer/ComposerAliasForm.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import keytar from 'keytar'
@@ -16,10 +14,10 @@ class ComposerAliasForm extends Component {
 submitted: false,
 invalidName: false,
 invalidEmail: false,
- invalidPassphrase: false
+ invalidPassphrase: false,
 }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 wrap: {
@@ -105,29 +103,29 @@ class ComposerAliasForm extends Component {
 }
 
 handleKeyDown = (e) => {
- if(e.keyCode === 13){
- this.handleConfirm();
+ if (e.keyCode === 13) {
+ this.handleConfirm()
 }
 }
 
 handleConfirm = async () => {
- const name = this.refs.form[0].value
- const email = this.refs.form[1].value
- const passphrase = this.refs.form[2].value
+ const name = this.form[0].value
+ const email = this.form[1].value
+ const passphrase = this.form[2].value
 
- if(name === "" &#124;&#124; email === "" &#124;&#124; passphrase === ""){
- this.setState({invalidName: false, invalidEmail: false, invalidPassphrase: false});
+ if (name === '' &#124;&#124; email === '' &#124;&#124; passphrase === '') {
+ this.setState({ invalidName: false, invalidEmail: false, invalidPassphrase: false })
 
- if(name === ""){
- this.setState({invalidName: true});
+ if (name === '') {
+ this.setState({ invalidName: true })
 }
- if(email === ""){
- this.setState({invalidEmail: true});
+ if (email === '') {
+ this.setState({ invalidEmail: true })
 }
- if(passphrase === ""){
- this.setState({invalidPassphrase: true});
+ if (passphrase === '') {
+ this.setState({ invalidPassphrase: true })
 }
- return;
+ return
 }
 
 const notification = {
@@ -135,43 +133,39 @@ class ComposerAliasForm extends Component {
 body: 'Copy your public key by clicking the icon to the right of your name.',
 }
 
- console.log(name, email, passphrase)
 this.props.toggleGeneratingKey()
 this.setState({ submitted: true })
 await this.props.addKey({ id: 999, name, privateKeyArmored: 'generating' })
 const key = await generateKey({ name, email }, passphrase)
 key.avatar = 9
 key.id = 999
- console.log(key)
 
- new Notification(notification.title, notification)
+ new Notification(notification.title, notification) // eslint-disable-line no-new
 keytar.addPassword('felony', `${ name } <${ email }>`, passphrase)
 await this.props.addKey(key)
 this.props.toggleGeneratingKey()
-
- console.log('added key!')
 }
 
 render() {
 return (
- <div is="wrap" ref="wrap">
+ <div is="wrap">
 Welcome
 
+ />
 <div is="bgGrey">
 { !this.state.submitted ?
 <div>
 <p is="instructions">To get started, generate your keys.</p>
- <form is="form" ref="form">
+ <form is="form" ref={ form => (this.form = form) }>
 <div is="formItem">
 <composeraliasforminput type="text" - ref="textarea" placeholder={ 'Name' } this.handleKeyDown } error={ this.state.invalidName } @@ -180,7 +174,6 @@ class ComposerAliasForm extends Component { <div is="formItem">
 <composeraliasforminput type="email" - ref="textarea" placeholder={ 'Email' } this.handleKeyDown } error={ this.state.invalidEmail } @@ -190,7 +183,6 @@ class ComposerAliasForm extends Component { <composeraliasforminput type="password" is="input" - ref="textarea" placeholder={ 'Passphrase' } this.handleKeyDown } error={ this.state.invalidPassphrase } @@ -205,9 +197,9 @@ class ComposerAliasForm extends Component { </div>
 </div>
 :
- <composeraliassuccess - handleCancel={ this.props.handleCancel } - />
+ <composeraliassuccess + handleCancel={ this.props.handleCancel } + />
 }
 </div>
 </div>
diff --git a/app/components/composer/ComposerAliasFormInput.js b/app/components/composer/ComposerAliasFormInput.js
index 703efda..8bf6a5e 100644
--- a/app/components/composer/ComposerAliasFormInput.js
+++ b/app/components/composer/ComposerAliasFormInput.js
@@ -1,12 +1,10 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
 class ComposerAliasFormInput extends Component {
 state = { focus: false }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 input: {
@@ -25,7 +23,7 @@ class ComposerAliasFormInput extends Component {
 },
 error: {
 border: 'solid 2px #FF1122',
- }
+ },
 },
 'hover': {
 input: {
@@ -50,7 +48,7 @@ class ComposerAliasFormInput extends Component {
 return (
 <input type={ this.props.type } - is={ !this.props.error? "input" : "input error" } + is={ !this.props.error ? 'input' : 'input error' } placeholder={ this.props.placeholder } this.props.onKeyDown } () => { this.setState({ focus: true }) } }
diff --git a/app/components/composer/ComposerAliasSuccess.js b/app/components/composer/ComposerAliasSuccess.js
index 82bf3e1..0d9e50d 100644
--- a/app/components/composer/ComposerAliasSuccess.js
+++ b/app/components/composer/ComposerAliasSuccess.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -8,7 +6,7 @@ import ComposerFormSubmit from './ComposerFormSubmit'
 import colors from '../../assets/styles/variables/colors'
 
 class ComposerAliasSuccess extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 title: {
@@ -63,7 +61,14 @@ class ComposerAliasSuccess extends Component {
 <div>
 <p is="title">Your keys are generating.</p>
 <p is="body">In the meantime, support easy to use encryption 😊</p>
- [<a href="https://ghbtns.com/github-btn.html?user=henryboldi&repo=felony&type=star&count=true&size=large">フレーム</a>]
+ <iframe + is="iframe" + src="https://ghbtns.com/github-btn.html?user=henryboldi&repo=felony&type=star&count=true&size=large" + frame + scrolling="0" + + height="30px" + />
 <div is="actions">
 <composerformsubmit this.props.handleCancel } diff --git a/app/components/composer/ComposerForm.js b/app/components/composer/ComposerForm.js index f0f7c73..6892568 100644 --- a/app/components/composer/ComposerForm.js +++ b/app/components/composer/ComposerForm.js @@ -1,8 +1,5 @@ -'use strict' - import React, { Component } from 'react' import ReactCSS from 'reactcss' -import ReactDOM from 'react-dom' import { readArmored, encrypt, decrypt, sign, verify } from '../../utils/pgp' import { Icon } from '../common/index' @@ -12,7 +9,7 @@ import colors from '../../assets/styles/variables/colors' class ComposerForm extends Component { - classes() { + classes() { // eslint-disable-line return { 'default': { wrap: { @@ -95,63 +92,51 @@ class ComposerForm extends Component { } } - // componentWillReceiveProps(nextProps) { - // if (!this.props.isShowingComposerForm && nextProps.isShowingComposerForm) { - // dynamics.animate(this.refs.wrap, { - // translateY: 0, - // opacity: 1, - // }, { - // type: dynamics.spring, - // duration: 100, - // frequency: 110, - // friction: 400, - // }) - // } - // } - - _pgp = (pgpFn, ...options) => {
+ pgp = (pgpFn, ...options) => {
 return () => {
- const data = this.refs.textarea.value
+ const data = this.textarea.value
 const output = pgpFn(data, ...options)
 return output
 }
 }
 
- readKey = this._pgp(readArmored)
+ readKey = this.pgp(readArmored)
 
 getRandomInt = (min, max) => {
- return Math.floor(Math.random() * (max - min + 1)) + min
+ return Math.floor(Math.random() * ((max - min) + 1)) + min
 }
 
 handleAddKey = async () => {
 const avatar = this.getRandomInt(1, 23)
 const key = await this.readKey()
 key.avatar = avatar
-
- console.log(key)
 await this.props.addKey(key)
 }
 
 handleEncrypt = async () => {
- const encryptMessage = await this._pgp(encrypt, this.props.selectedKeychain, this.props.alias.privateKeyArmored)()
+ const encryptMessage = await this.pgp(
+ encrypt,
+ this.props.selectedKeychain,
+ this.props.alias.privateKeyArmored,
+ )()
 this.props.setOutput(encryptMessage)
 }
 
 handleDecrypt = async () => {
- const message = await this._pgp(decrypt, this.props.alias.privateKeyArmored)()
+ const message = await this.pgp(decrypt, this.props.alias.privateKeyArmored)()
 this.props.setOutput(message)
 }
 
 handleSign = async () => {
- const signedMessage = await this._pgp(sign, this.props.alias.privateKeyArmored)()
+ const signedMessage = await this.pgp(sign, this.props.alias.privateKeyArmored)()
 this.props.setOutput(signedMessage)
 }
 
 handleVerify = async () => {
- const match = await this._pgp(verify, this.props.keychain)()
- if(typeof match.name === "undefined"){
+ const match = await this.pgp(verify, this.props.keychain)()
+ if (typeof match.name === 'undefined') {
 this.props.setOutput('The author of this message appears to not be in your contact list')
- }else{
+ } else {
 this.props.setOutput(`Signed message is verified to match: ${ match.name } <${ match.email }>`)
 }
 }
@@ -203,9 +188,8 @@ class ComposerForm extends Component {
 
 componentWillReceiveProps = (nextProps) => {
 if (nextProps.isShowingComposer) {
- const textarea = ReactDOM.findDOMNode(this.refs.textarea)
- textarea.value = ''
- textarea.focus()
+ this.textarea.value = ''
+ this.textarea.focus()
 }
 }
 
@@ -213,7 +197,7 @@ class ComposerForm extends Component {
 const props = this.getProps()
 
 return (
- <div is="wrap" ref="wrap">
+ <div is="wrap">
 <div is="head">
 <div is="title">
 <div is="icon">
@@ -226,7 +210,7 @@ class ComposerForm extends Component {
 <div is="text">
 <textarea is="textarea" - ref="textarea" + ref={ textarea => (this.textarea = textarea) }
 placeholder={ props.placeholder }
 onKeyDown={ this.props.handleKeyDown }
 />
@@ -235,10 +219,10 @@ class ComposerForm extends Component {
 { this.props.isGeneratingKey ? (
 <a is="link confirm">Generating Key... Pls wait</a>
 ) : (
- <composerformsubmit - props.onAccept } - value={ props.acceptLabel } - />
+ <composerformsubmit + props.onAccept } + value={ props.acceptLabel } + />
 ) }
 <a is="link cancel" this.props.handleCancel }>nevermind</a>
 </div>
diff --git a/app/components/composer/ComposerFormSubmit.js b/app/components/composer/ComposerFormSubmit.js
index db55673..00de8aa 100644
--- a/app/components/composer/ComposerFormSubmit.js
+++ b/app/components/composer/ComposerFormSubmit.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -8,7 +6,7 @@ import colors from '../../assets/styles/variables/colors'
 class ComposerFormSubmit extends Component {
 state = { value: this.props.value }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 confirm: {
diff --git a/app/components/decrypt/Decrypt.js b/app/components/decrypt/Decrypt.js
index de5ec52..3e88344 100644
--- a/app/components/decrypt/Decrypt.js
+++ b/app/components/decrypt/Decrypt.js
@@ -1,20 +1,9 @@
-'use strict'
-
 import React, { Component } from 'react'
-import ReactCSS from 'reactcss'
-
-class Decrypt extends Component {
- classes() {
- return {
- 'default': {
-
- },
- }
- }
 
+class Decrypt extends Component { // eslint-disable-line
 render() {
- return 
+ return <div />
 }
 }
 
-export default ReactCSS(Decrypt)
+export default Decrypt
diff --git a/app/components/decrypt/DecryptActions.js b/app/components/decrypt/DecryptActions.js
index e2aba36..8082f6f 100644
--- a/app/components/decrypt/DecryptActions.js
+++ b/app/components/decrypt/DecryptActions.js
@@ -1,20 +1,9 @@
-'use strict'
-
 import React, { Component } from 'react'
-import ReactCSS from 'reactcss'
-
-class DecryptActions extends Component {
- classes() {
- return {
- 'default': {
-
- },
- }
- }
 
+class DecryptActions extends Component { // eslint-disable-line
 render() {
- return 
+ return <div />
 }
 }
 
-export default ReactCSS(DecryptActions)
+export default DecryptActions
diff --git a/app/components/floating-button/FloatingButton.js b/app/components/floating-button/FloatingButton.js
index cbd399c..609b7d8 100644
--- a/app/components/floating-button/FloatingButton.js
+++ b/app/components/floating-button/FloatingButton.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -11,7 +9,7 @@ import FloatingButtonItem from './FloatingButtonItem'
 class FloatingButton extends Component {
 state = { isShowingActions: false }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 wrap: {
diff --git a/app/components/floating-button/FloatingButtonItem.js b/app/components/floating-button/FloatingButtonItem.js
index 0ba3baa..10bf2ed 100644
--- a/app/components/floating-button/FloatingButtonItem.js
+++ b/app/components/floating-button/FloatingButtonItem.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import dynamics from 'dynamics.js'
@@ -8,7 +6,7 @@ import colors from '../../assets/styles/variables/colors'
 import FloatingButtonItemLabel from './FloatingButtonItemLabel'
 
 class FloatingButtonItem extends Component {
- classes() {
+ classes() { // eslint-disable-line
 const floatingButtonSize = 40
 
 return {
@@ -60,7 +58,7 @@ class FloatingButtonItem extends Component {
 }
 
 componentDidMount = () => {
- dynamics.animate(this.refs.wrap, {
+ dynamics.animate(this.wrap, {
 scale: 1,
 }, {
 type: dynamics.spring,
@@ -70,19 +68,23 @@ class FloatingButtonItem extends Component {
 }
 
 render() {
- return (<div is="wrap" ref="wrap">
- { this.props.label &&
- <div is="label">
- <floatingbuttonitemlabel - label={ this.props.label } - hover={ this.props.hover } - />
- </div>
- }
- <a is="button">
- <span is="buttonContent">{ this.props.children }</ span>
- </a>
- </div>)
+ return (
+ <div is="wrap" ref={ wrap => (this.wrap = wrap) }>
+ { this.props.label &&
+ <div is="label">
+ <floatingbuttonitemlabel + label={ this.props.label } + hover={ this.props.hover } + />
+ </div>
+ }
+ <a is="button">
+ <span is="buttonContent">
+ { this.props.children }
+ </span>
+ </a>
+ </div>
+ )
 }
 }
 
diff --git a/app/components/floating-button/FloatingButtonItemLabel.js b/app/components/floating-button/FloatingButtonItemLabel.js
index dfb1eb2..c5c3322 100644
--- a/app/components/floating-button/FloatingButtonItemLabel.js
+++ b/app/components/floating-button/FloatingButtonItemLabel.js
@@ -1,12 +1,10 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
 import colors from '../../assets/styles/variables/colors'
 
 class FloatingButtonItemLabel extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 wrap: {
diff --git a/app/components/header/Header.js b/app/components/header/Header.js
index 9e8d42b..05b60ff 100644
--- a/app/components/header/Header.js
+++ b/app/components/header/Header.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -10,7 +8,7 @@ import Alias from '../alias/Alias'
 import HeaderKeyStatus from './HeaderKeyStatus'
 
 class Header extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 header: {
@@ -42,8 +40,7 @@ class Header extends Component {
 counter = 0
 
 componentDidUpdate = (prevProps) => {
- console.log(prevProps.alias.privateKeyArmored)
- this.counter++
+ this.counter = this.counter + 1
 if (prevProps.alias.privateKeyArmored !== this.props.alias.privateKeyArmored
 && this.counter < 3) { this.props.toggleComposer() @@ -54,12 +51,12 @@ class Header extends Component { return ( <div is="header">
 <alias - {...this.props } + { ...this.props } />
 <div is="actions">
 <div is="icon">
 <head>
<link rel="stylesheet" href="/common/contrast.css" type="text/css" media="all" />
<meta name="robots" content="noindex,nofollow">
<meta name="robots" content="none">
<meta name="robots" content="noarchive">
<meta name="Googlebot" content="noarchive">

 </div>
 </div>
diff --git a/app/components/header/HeaderKeyCopy.js b/app/components/header/HeaderKeyCopy.js
index 0043050..4c88299 100644
--- a/app/components/header/HeaderKeyCopy.js
+++ b/app/components/header/HeaderKeyCopy.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import CopyToClipboard from 'react-copy-to-clipboard'
@@ -10,7 +8,7 @@ import colors from '../../assets/styles/variables/colors'
 
 class HeaderKeyCopy extends Component {
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 copy: {
@@ -23,31 +21,33 @@ class HeaderKeyCopy extends Component {
 }
 
 render() {
- return (<div is="copy">
- <copytoclipboard - this.props.alias.publicKeyArmored } - onCopy={ () => {
- this.props.toggleIsCopied()
- setTimeout(() => {
+ return (
+ <div is="copy">
+ <copytoclipboard + this.props.alias.publicKeyArmored } + onCopy={ () => {
 this.props.toggleIsCopied()
- }, 2000)
- } }
->
- { this.props.isCopied ?
- <icon - name="check" - color={ colors.green } - />
- :
+ setTimeout(() => {
+ this.props.toggleIsCopied()
+ }, 2000)
+ } }
+>
+ { this.props.isCopied ?
+ <icon + name="check" + color={ colors.green } + />
+ :
 <a>
 <icon name="copy" color={ colors.primary } />
 </a>
- }
- </copytoclipboard>
- </div>)
+ }
+ </copytoclipboard>
+ </div>
+ )
 }
 }
 
diff --git a/app/components/header/HeaderKeyStatus.js b/app/components/header/HeaderKeyStatus.js
index 86f9194..cb9e109 100644
--- a/app/components/header/HeaderKeyStatus.js
+++ b/app/components/header/HeaderKeyStatus.js
@@ -1,7 +1,4 @@
-'use strict'
-
 import React, { Component } from 'react'
-import ReactCSS from 'reactcss'
 
 import HeaderKeyCopy from './HeaderKeyCopy'
 import HeaderKeyStatusSpinner from './HeaderKeyStatusSpinner'
@@ -10,14 +7,6 @@ import HeaderKeyStatusTooltip from './HeaderKeyStatusTooltip'
 class HeaderKeyStatus extends Component {
 state = { isShowingTooltip: false }
 
- classes() {
- return {
- 'default': {
-
- },
- }
- }
-
 setTooltip = (b) => {
 this.setState({ isShowingTooltip: b })
 }
@@ -31,16 +20,17 @@ class HeaderKeyStatus extends Component {
 }
 
 render() {
- return (<div>
- <div - onMouseEnter={ this.handleMouseEnter } - onMouseLeave={ this.handleMouseLeave } ->
- { this.props.isGeneratingKey ?
- <div>
- <headerkeystatusspinner />
- </div>
- :
+ return (
+ <div>
+ <div + onMouseEnter={ this.handleMouseEnter } + onMouseLeave={ this.handleMouseLeave } +>
+ { this.props.isGeneratingKey ?
+ <div>
+ <headerkeystatusspinner />
+ </div>
+ :
 <div>
 <headerkeycopy alias={ this.props.alias } @@ -48,20 +38,21 @@ class HeaderKeyStatus extends Component { toggleIsCopied={ this.props.toggleIsCopied } />
 </div>
- }
- { this.state.isShowingTooltip ?
- <div>
- <headerkeystatustooltip - isGeneratingKey={ this.props.isGeneratingKey } - isCopied={ this.props.isCopied } - />
- </div>
- :
- null
- }
+ }
+ { this.state.isShowingTooltip ?
+ <div>
+ <headerkeystatustooltip + isGeneratingKey={ this.props.isGeneratingKey } + isCopied={ this.props.isCopied } + />
+ </div>
+ :
+ null
+ }
+ </div>
 </div>
- </div>)
+ )
 }
 }
 
-export default ReactCSS(HeaderKeyStatus)
+export default HeaderKeyStatus
diff --git a/app/components/header/HeaderKeyStatusSpinner.js b/app/components/header/HeaderKeyStatusSpinner.js
index 56e7754..566b0b2 100644
--- a/app/components/header/HeaderKeyStatusSpinner.js
+++ b/app/components/header/HeaderKeyStatusSpinner.js
@@ -1,17 +1,13 @@
-'use strict'
-
 import React, { Component } from 'react'
 
-import colors from '../../assets/styles/variables/colors'
-
-class HeaderKeyStatusSpinner extends Component {
+class HeaderKeyStatusSpinner extends Component { // eslint-disable-line
 
 render() {
 return (
 <div>
 <div className="spinner">
- 
- 
+ <div className="double-bounce1" />
+ <div className="double-bounce2" />
 </div>
 </div>
 )
diff --git a/app/components/header/HeaderKeyStatusTooltip.js b/app/components/header/HeaderKeyStatusTooltip.js
index 4534579..45e779e 100644
--- a/app/components/header/HeaderKeyStatusTooltip.js
+++ b/app/components/header/HeaderKeyStatusTooltip.js
@@ -1,15 +1,11 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import dynamics from 'dynamics.js'
 
-import { Icon } from '../common/index'
-
 import colors from '../../assets/styles/variables/colors'
 
 class HeaderKeyStatusTooltip extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 tooltip: {
@@ -42,7 +38,7 @@ class HeaderKeyStatusTooltip extends Component {
 }
 
 componentDidMount = () => {
- dynamics.animate(this.refs.tooltip, {
+ dynamics.animate(this.tooltip, {
 translateY: 0,
 opacity: 1,
 }, {
@@ -54,13 +50,13 @@ class HeaderKeyStatusTooltip extends Component {
 
 render() {
 return (
- <div is="tooltip" ref="tooltip">
- 
- { this.props.isGeneratingKey ?
+ <div is="tooltip" ref={ tooltip => (this.tooltip = tooltip) }>
+ <div is="arrow" />
+ { this.props.isGeneratingKey ? (
 <p>{ 'Generating Keys: <2min' }</p>
- :
- <p>{ this.props.isCopied ? 'Copied!' : 'Copy Public Key' }</p>
- }
+ ) : (
+ <p>{ this.props.isCopied ? 'Copied!' : 'Copy Public Key' }</p>
+ ) }
 </div>
 )
 }
diff --git a/app/components/keychain/Keychain.js b/app/components/keychain/Keychain.js
index 470b4c1..cac775c 100644
--- a/app/components/keychain/Keychain.js
+++ b/app/components/keychain/Keychain.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -7,7 +5,7 @@ import KeychainList from './KeychainList'
 import KeychainComposerOpener from './KeychainComposerOpener'
 
 class Keychain extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 keychain: {
@@ -27,11 +25,11 @@ class Keychain extends Component {
 <div>
 <div is="keychain">
 <keychainlist - {...this.props } + { ...this.props } />
 </div>
 <keychaincomposeropener - isShowingOpener= { this.props.isShowingOpener } + isShowingOpener={ this.props.isShowingOpener } showComposer={ this.props.showComposer } />
 </div>
diff --git a/app/components/keychain/KeychainComposerOpener.js b/app/components/keychain/KeychainComposerOpener.js
index 0da560a..61b502a 100644
--- a/app/components/keychain/KeychainComposerOpener.js
+++ b/app/components/keychain/KeychainComposerOpener.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import dynamics from 'dynamics.js'
@@ -7,7 +5,7 @@ import dynamics from 'dynamics.js'
 import colors from '../../assets/styles/variables/colors'
 
 class KeychainComposerOpener extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 opener: {
@@ -52,7 +50,7 @@ class KeychainComposerOpener extends Component {
 }
 
 moveOpener(y, style, duration, friction) {
- dynamics.animate(this.refs.opener, {
+ dynamics.animate(this.opener, {
 translateY: y,
 }, {
 type: dynamics[style],
@@ -63,7 +61,11 @@ class KeychainComposerOpener extends Component {
 
 render() {
 return (
- <div is="opener" ref="opener" this.handleClick }>
+ <div + is="opener" + ref={ opener => (this.opener = opener) }
+ onClick={ this.handleClick }
+>
 <div is="button">Write a Message</div>
 </div>
 )
diff --git a/app/components/keychain/KeychainList.js b/app/components/keychain/KeychainList.js
index feb15a9..032264f 100644
--- a/app/components/keychain/KeychainList.js
+++ b/app/components/keychain/KeychainList.js
@@ -1,43 +1,28 @@
-'use strict'
-
 import React, { Component } from 'react'
-import ReactCSS from 'reactcss'
 import _ from 'lodash'
 
 import KeychainListItem from './KeychainListItem'
 
 class KeychainList extends Component {
- classes() {
- return {
- 'default': {
-
- },
- }
- }
-
- componentDidMount() {
- this.props.fetchKeychain()
- }
+ componentDidMount() { this.props.fetchKeychain() }
 
 render() {
 return (
- <div is="list">
- { this.props.keychain && _.map(this.props.keychain, (key) => {
- return (
- <keychainlistitem - key={ key.id } - id={ key.id } - name={ key.name } - email={ key.email } - this.props.selectKey } - active={ this.props.selectedKeychain[key.id] } - avatar={ key.avatar } - />
- )
- }) }
- </div>
+ <div is="list">
+ { _.map(this.props.keychain, key => (
+ <keychainlistitem + key={ key.id } + id={ key.id } + name={ key.name } + email={ key.email } + this.props.selectKey } + active={ this.props.selectedKeychain[key.id] } + avatar={ key.avatar } + />
+ )) }
+ </div>
 )
 }
 }
 
-export default ReactCSS(KeychainList)
+export default KeychainList
diff --git a/app/components/keychain/KeychainListItem.js b/app/components/keychain/KeychainListItem.js
index 515cb9a..33ce260 100644
--- a/app/components/keychain/KeychainListItem.js
+++ b/app/components/keychain/KeychainListItem.js
@@ -1,5 +1,3 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 
@@ -9,7 +7,7 @@ import colors from '../../assets/styles/variables/colors'
 import { spacing, sizing } from '../../assets/styles/variables/utils'
 
 class KeychainListKey extends Component {
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 item: {
@@ -40,7 +38,6 @@ class KeychainListKey extends Component {
 }
 
 render() {
- console.log(this.props)
 return (
 <div this.handleClick } is="item">
 <div is="user">
diff --git a/app/components/output/Output.js b/app/components/output/Output.js
index 4afc095..2f0d10a 100644
--- a/app/components/output/Output.js
+++ b/app/components/output/Output.js
@@ -1,20 +1,14 @@
-'use strict'
-
 import React, { Component } from 'react'
 import ReactCSS from 'reactcss'
 import CopyToClipboard from 'react-copy-to-clipboard'
-import ComposerForm from '../composer/ComposerForm'
-import ComposerAliasForm from '../composer/ComposerAliasForm'
+import colors from '../../assets/styles/variables/colors'
 
 import { Icon } from '../common/index'
 
-import colors from '../../assets/styles/variables/colors'
-
 class Output extends Component {
-
 state = { copied: false }
 
- classes() {
+ classes() { // eslint-disable-line
 return {
 'default': {
 wrap: {
@@ -123,47 +117,52 @@ class Output extends Component {
 render() {
 return (
 <div>
- <div is="wrap" ref="wrap">
- <div is="head">
- <div is="title">
- <div is="icon">
- <icon name="check" color="#00E676" />
- </div>
+ <div is="wrap">
+ <div is="head">
+ <div is="title">
+ <div is="icon">
+ <icon name="check" color="#00E676" />
+ </div>
 Success
 </div>
- <div is="subtitle">Share this anywhere on the web.</div>
- </div>
+ <div is="subtitle">Share this anywhere on the web.</div>
+ </div>
 <div is="text">
- <textarea is="textarea" ref="textarea" value={ this.props.output } />
+ <textarea is="textarea" value={ this.props.output } />
 </div>
 
-
-
- <div is="actions">
- <copytoclipboard - this.props.output } - onCopy={ () => {
- this.setState({ copied: true })
- this.props.clearSelectedKeys()
- setTimeout(() => this.handleCancel(), 1500)
- } }
->
- <a is="link confirm">
- { this.state.copied ?
+ <div is="actions">
+ <copytoclipboard + this.props.output } + onCopy={ () => {
+ this.setState({ copied: true })
+ this.props.clearSelectedKeys()
+ setTimeout(() => this.handleCancel(), 1500)
+ } }
+>
+ <a is="link confirm">
+ { this.state.copied ?
 'Copied ...Closing'
 :
 'Copy & Close'
 }</a>
 
- </copytoclipboard>
- <div>
- <a is="link cancel" ()=>{this.setState({copied: true})
- this.handleCancel()} }>nevermind</a>
+ </copytoclipboard>
+ <div>
+ <a + is="link cancel" + () => {
+ this.setState({ copied: true })
+ this.handleCancel()
+ } }
+>
+ nevermind
+ </a>
 
+ </div>
 </div>
 </div>
 </div>
- </div>
 )
 }
 }
diff --git a/app/containers/App.js b/app/containers/App.js
index 98143ec..9801f8d 100755
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -1,6 +1,6 @@
 import React, { Component, PropTypes } from 'react'
 
-export default class App extends Component {
+export default class App extends Component { // eslint-disable-line
 static propTypes = {
 children: PropTypes.element.isRequired,
 }
@@ -10,9 +10,9 @@ export default class App extends Component {
 <div>
 { this.props.children }
 {
- (() => {
+ (() => { // eslint-disable-line consistent-return
 if (process.env.NODE_ENV !== 'production') {
- const DevTools = require('./DevTools')
+ const DevTools = require('./DevTools') // eslint-disable-line global-require
 return <devtools />
 }
 })()
diff --git a/app/containers/ComposerContainer.js b/app/containers/ComposerContainer.js
index e109afd..ece7285 100644
--- a/app/containers/ComposerContainer.js
+++ b/app/containers/ComposerContainer.js
@@ -1,11 +1,11 @@
 import _ from 'lodash'
 import { connect } from 'react-redux'
-import { toggleComposer, clearSelectedKeys, toggleGeneratingKey, addKey, setOutput } from '../actions/index'
+import { toggleComposer, toggleGeneratingKey, addKey, setOutput } from '../actions/index'
 import Composer from '../components/composer/Composer'
 
 const mapStateToProps = (state) => {
 const keychain = state.keychainReducer.get('keychain').toJS()
- const aliases = _.filter(keychain, key => {
+ const aliases = _.filter(keychain, (key) => {
 return key.privateKeyArmored !== null
 })
 const first = aliases[0] &#124;&#124; null
@@ -17,7 +17,7 @@ const mapStateToProps = (state) => {
 selectedKeychain: _.values(_.pick(keychain, (value, key) => {
 return state.uiReducer.get('selectedKeychain').toJS()[key]
 })),
- keychain: _.filter(keychain, key => {
+ keychain: _.filter(keychain, (key) => {
 return key.privateKeyArmored === null
 }),
 alias: first,
@@ -46,7 +46,7 @@ const mapDispatchToProps = (dispatch) => {
 
 const ComposerContainer = connect(
 mapStateToProps,
- mapDispatchToProps
+ mapDispatchToProps,
 )(Composer)
 
 export default ComposerContainer
diff --git a/app/containers/DevTools.js b/app/containers/DevTools.js
index 7435d15..022ff0b 100755
--- a/app/containers/DevTools.js
+++ b/app/containers/DevTools.js
@@ -9,5 +9,5 @@ export default createDevTools(
 changePositionKey="ctrl-q"
>
 <logmonitor />
- </dockmonitor>
+ </dockmonitor>,
 )
diff --git a/app/containers/FloatingButtonContainer.js b/app/containers/FloatingButtonContainer.js
index 7ce807c..87dbe0e 100644
--- a/app/containers/FloatingButtonContainer.js
+++ b/app/containers/FloatingButtonContainer.js
@@ -17,7 +17,7 @@ const mapDispatchToProps = (dispatch) => {
 
 const FloatingButtonContainer = connect(
 mapStateToProps,
- mapDispatchToProps
+ mapDispatchToProps,
 )(FloatingButton)
 
 export default FloatingButtonContainer
diff --git a/app/containers/HeaderContainer.js b/app/containers/HeaderContainer.js
index 119ec22..68050b2 100644
--- a/app/containers/HeaderContainer.js
+++ b/app/containers/HeaderContainer.js
@@ -1,10 +1,10 @@
 import { connect } from 'react-redux'
+import _ from 'lodash'
 import { showComposerWithType, toggleIsCopied, toggleComposer } from '../actions/index'
 import Header from '../components/header/Header'
-import _ from 'lodash'
 
 const mapStateToProps = (state) => {
- const aliases = _.filter(state.keychainReducer.get('keychain').toJS(), key => {
+ const aliases = _.filter(state.keychainReducer.get('keychain').toJS(), (key) => {
 return key.privateKeyArmored !== null
 })
 const first = aliases[0] &#124;&#124; {
@@ -40,7 +40,7 @@ const mapDispatchToProps = (dispatch) => {
 
 const HeaderContainer = connect(
 mapStateToProps,
- mapDispatchToProps
+ mapDispatchToProps,
 )(Header)
 
 export default HeaderContainer
diff --git a/app/containers/KeychainContainer.js b/app/containers/KeychainContainer.js
index 43cd5e1..a2e857b 100644
--- a/app/containers/KeychainContainer.js
+++ b/app/containers/KeychainContainer.js
@@ -1,12 +1,12 @@
 import { connect } from 'react-redux'
+import _ from 'lodash'
 import { addKey, fetchKeychain, selectKey, showComposerWithType } from '../actions/index'
 import Keychain from '../components/keychain/Keychain'
-import _ from 'lodash'
 
 const mapStateToProps = (state) => {
 return {
 // For `KeychainList` component
- keychain: _.filter(state.keychainReducer.get('keychain').toJS(), key => {
+ keychain: _.filter(state.keychainReducer.get('keychain').toJS(), (key) => {
 return key.privateKeyArmored === null
 }),
 selectedKeychain: state.uiReducer.get('selectedKeychain').toJS(),
@@ -40,7 +40,7 @@ const mapDispatchToProps = (dispatch) => {
 
 const KeychainContainer = connect(
 mapStateToProps,
- mapDispatchToProps
+ mapDispatchToProps,
 )(Keychain)
 
 export default KeychainContainer
diff --git a/app/containers/OutputContainer.js b/app/containers/OutputContainer.js
index f4ca592..6cd434f 100644
--- a/app/containers/OutputContainer.js
+++ b/app/containers/OutputContainer.js
@@ -4,7 +4,6 @@ import Output from '../components/output/Output'
 
 const mapStateToProps = (state) => {
 const output = state.uiReducer.get('output')
- console.log('output!!!!!!!', output)
 let isShowingOutput = false
 if (output.length> 1) {
 isShowingOutput = true
@@ -35,7 +34,7 @@ const mapDispatchToProps = (dispatch) => {
 
 const OutputContainer = connect(
 mapStateToProps,
- mapDispatchToProps
+ mapDispatchToProps,
 )(Output)
 
 export default OutputContainer
diff --git a/app/index.js b/app/index.js
index 1dc2ffc..5acb0ca 100755
--- a/app/index.js
+++ b/app/index.js
@@ -14,5 +14,5 @@ render(
 <provider store={ store }>
 <felony />
 </provider>,
- document.getElementById('root')
+ document.getElementById('root'),
 )
diff --git a/app/reducers/keychainReducer.js b/app/reducers/keychainReducer.js
index ad11310..5a01ef0 100644
--- a/app/reducers/keychainReducer.js
+++ b/app/reducers/keychainReducer.js
@@ -1,5 +1,5 @@
-import { ADD_KEY, SET_KEYCHAIN } from '../constants/KeychainConstants'
 import { OrderedMap, Record } from 'immutable'
+import { ADD_KEY, SET_KEYCHAIN } from '../constants/KeychainConstants'
 
 const KeyRecord = Record({
 id: '',
@@ -27,11 +27,11 @@ const keychainReducer = (state = initialState, action) => {
 publicKeyArmored: action.key.publicKeyArmored,
 privateKeyArmored: action.key.privateKeyArmored &#124;&#124; null,
 avatar: action.key.avatar,
- })
+ }),
 )
 case SET_KEYCHAIN:
 return state.withMutations((st) => {
- for (let key of action.keychain) {
+ for (const key of action.keychain) { // eslint-disable-line
 st.setIn(
 ['keychain', key.id],
 new KeyRecord({
@@ -41,7 +41,7 @@ const keychainReducer = (state = initialState, action) => {
 publicKeyArmored: key.publicKeyArmored,
 privateKeyArmored: key.privateKeyArmored &#124;&#124; null,
 avatar: key.avatar,
- })
+ }),
 )
 }
 })
diff --git a/app/reducers/uiReducer.js b/app/reducers/uiReducer.js
index c816bae..0c05cb2 100644
--- a/app/reducers/uiReducer.js
+++ b/app/reducers/uiReducer.js
@@ -1,15 +1,7 @@
-import {
- TOGGLE_COMPOSER,
- TOGGLE_GENERATING_KEY,
- TOGGLE_IS_COPIED,
- SHOW_COMPOSER_WITH_TYPE,
- SELECT_KEY,
- CLEAR_SELECTED_KEYS,
- SET_ACTIVE_ALIAS,
- SET_OUTPUT,
-} from '../constants/UIConstants'
-
 import { OrderedMap } from 'immutable'
+import { TOGGLE_COMPOSER, TOGGLE_GENERATING_KEY, TOGGLE_IS_COPIED,
+ SHOW_COMPOSER_WITH_TYPE, SELECT_KEY, CLEAR_SELECTED_KEYS,
+ SET_ACTIVE_ALIAS, SET_OUTPUT } from '../constants/UIConstants'
 
 const initialState = OrderedMap({
 isShowingComposer: false,
@@ -31,14 +23,13 @@ const uiReducer = (state = initialState, action) => {
 return state.set('isCopied', !state.get('isCopied'))
 case SHOW_COMPOSER_WITH_TYPE:
 return state.set('composerType', action.data).set('isShowingComposer', true)
- case SELECT_KEY:
+ case SELECT_KEY: {
 if (state.hasIn(['selectedKeychain', action.id])
 && state.getIn(['selectedKeychain', action.id]) === true) {
 return state.setIn(['selectedKeychain', action.id], false)
- } else {
- return state.setIn(['selectedKeychain', action.id], true)
 }
-
+ return state.setIn(['selectedKeychain', action.id], true)
+ }
 case CLEAR_SELECTED_KEYS:
 return state.setIn(['selectedKeychain'], OrderedMap({}))
 
@@ -46,7 +37,6 @@ const uiReducer = (state = initialState, action) => {
 return state.set('activeAlias', action.activeAlias)
 
 case SET_OUTPUT:
- console.log('seeeeeeting output!!!>>>>>>', action.output)
 return state.set('output', action.output)
 
 default:
diff --git a/app/utils/icons.js b/app/utils/icons.js
index 3b3c0ee..7824ea4 100644
--- a/app/utils/icons.js
+++ b/app/utils/icons.js
@@ -1,4 +1,4 @@
-'use strict' /* eslint max-len: 0 */
+/* eslint max-len: 0 */
 
 const store = {
 'more': `<svg viewBox="0 0 24 24">
@@ -22,9 +22,6 @@ const store = {
 'plus': `<svg viewBox="0 0 24 24">
 <path fill="currentColor" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
 </svg>`, // materialdesignicons.com plus
- 'check': `<svg viewBox="0 0 24 24">
- <path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
- </svg>`,
 'copy': `<svg viewBox="0 0 24 24">
 <path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" />
 </svg>`,
@@ -33,6 +30,6 @@ const store = {
 </svg>`,
 }
 
-export const getIcon = (name) => {
- return store.hasOwnProperty(name) ? store[name] : 'n/a'
+export const getIcon = (name) => { // eslint-disable-line import/prefer-default-export
+ return {}.hasOwnProperty.call(store, name) ? store[name] : 'n/a'
 }
diff --git a/app/utils/pgp.js b/app/utils/pgp.js
index 347c0f4..c92e2cc 100644
--- a/app/utils/pgp.js
+++ b/app/utils/pgp.js
@@ -47,7 +47,7 @@ function getPrivateKeyPassphrase(privateKey) {
 export async function generateKey({ name, email = '' }, passphrase) {
 const key = await openpgp.generateKey({
 userIds: [{ name, email }],
- numBits: 4096, 
+ numBits: 4096,
 passphrase,
 })
 
diff --git a/main.development.js b/main.development.js
index 1596921..d843855 100755
--- a/main.development.js
+++ b/main.development.js
@@ -1,12 +1,13 @@
-import { app, BrowserWindow, Menu, shell, autoUpdater } from 'electron'
-const { version } = require('./package.json')
+import { app, BrowserWindow, Menu, shell, autoUpdater } from 'electron' // eslint-disable-line
 import open from 'open'
 
+const { version } = require('./package.json')
+
 let menu
 let template
 let mainWindow = null
 
-const feedUrl = `https://felony-app-update.herokuapp.com/update/${process.platform}_${process.arch}/${version}`
+const feedUrl = `https://felony-app-update.herokuapp.com/update/${ process.platform }_${ process.arch }/${ version }`
 
 if (process.env.NODE_ENV !== 'development') {
 autoUpdater.setFeedURL(feedUrl)
@@ -23,7 +24,6 @@ if (process.env.NODE_ENV !== 'development') {
 
 autoUpdater.on('checking-for-update', () => {
 check = false
- console.log('checking')
 })
 
 autoUpdater.on('update-available', () => {
@@ -39,7 +39,7 @@ if (process.env.NODE_ENV !== 'development') {
 autoUpdater.quitAndInstall()
 })
 } catch (err) {
- console.log('error', err)
+ console.log('error', err) // eslint-disable-line no-console
 }
 }
 
@@ -146,7 +146,7 @@ const createWindow = () => {
 label: 'Toggle Full Screen',
 accelerator: 'Ctrl+Command+F',
 click() {
- if (!!mainWindow) {
+ if (mainWindow) {
 mainWindow.setFullScreen(!mainWindow.isFullScreen())
 }
 },
@@ -160,7 +160,7 @@ const createWindow = () => {
 label: 'Toggle Full Screen',
 accelerator: 'Ctrl+Command+F',
 click() {
- if (!!mainWindow) {
+ if (mainWindow) {
 mainWindow.setFullScreen(!mainWindow.isFullScreen())
 }
 },
@@ -233,7 +233,7 @@ const createWindow = () => {
 label: 'Toggle &Full Screen',
 accelerator: 'F11',
 click() {
- if (!!mainWindow) {
+ if (mainWindow) {
 mainWindow.setFullScreen(!mainWindow.isFullScreen())
 }
 },
@@ -247,7 +247,7 @@ const createWindow = () => {
 label: 'Toggle &Full Screen',
 accelerator: 'F11',
 click() {
- if (!!mainWindow) {
+ if (mainWindow) {
 mainWindow.setFullScreen(!mainWindow.isFullScreen())
 }
 },
@@ -282,7 +282,7 @@ const createWindow = () => {
 }
 
 if (process.env.NODE_ENV === 'development') {
- require('electron-debug')()
+ require('electron-debug')() // eslint-disable-line global-require
 }
 
 app.on('window-all-closed', () => {
diff --git a/package.js b/package.js
index 0272cab..c0c8b9a 100755
--- a/package.js
+++ b/package.js
@@ -1,26 +1,23 @@
-/* eslint strict: 0, no-shadow: 0, no-unused-vars: 0, no-console: 0 */
-'use strict'
-
-require('babel-polyfill')
-const os = require('os')
-const webpack = require('webpack')
-const electronCfg = require('./webpack.config.electron.js')
-const cfg = require('./webpack.config.production.js')
-const packager = require('electron-packager')
-const del = require('del')
-const exec = require('child_process').exec
+/* eslint-disable no-console */
+import 'babel-polyfill'
+import os from 'os'
+import webpack from 'webpack'
+import packager from 'electron-packager'
+import electronInstaller from 'electron-winstaller'
+import del from 'del'
+import { exec } from 'child_process'
+import electronCfg from './webpack.config.electron'
+import cfg from './webpack.config.production'
+import pkg from './package.json'
+
 const argv = require('minimist')(process.argv.slice(2))
-const pkg = require('./package.json')
+
 const deps = Object.keys(pkg.dependencies)
 const devDeps = Object.keys(pkg.devDependencies)
-const electronInstaller = require('electron-winstaller');
-
 const appName = argv.name &#124;&#124; argv.n &#124;&#124; pkg.productName
 const shouldUseAsar = argv.asar &#124;&#124; argv.a &#124;&#124; false
 const shouldBuildAll = argv.all &#124;&#124; false
 
-console.log(electronCfg)
-
 const DEFAULT_OPTS = {
 dir: './',
 name: appName,
@@ -33,7 +30,7 @@ const DEFAULT_OPTS = {
 ].concat(devDeps.map(name => `/node_modules/${ name }($&#124;/)`))
 .concat(
 deps.filter(name => !electronCfg.default.externals.includes(name))
- .map(name => `/node_modules/${ name }($&#124;/)`)
+ .map(name => `/node_modules/${ name }($&#124;/)`),
 ),
 }
 
@@ -76,14 +73,14 @@ function startPack() {
 build(electronCfg.default)
 .then(() => build(cfg.default))
 .then(() => del('release'))
- .then(paths => {
+ .then(() => {
 if (shouldBuildAll) {
 // build for all platforms
 const archs = ['ia32', 'x64']
 const platforms = ['linux', 'win32', 'darwin']
 
- platforms.forEach(plat => {
- archs.forEach(arch => {
+ platforms.forEach((plat) => {
+ archs.forEach((arch) => {
 pack(plat, arch, log(plat, arch))
 })
 })
@@ -92,7 +89,7 @@ function startPack() {
 pack(os.platform(), os.arch(), log(os.platform(), os.arch()))
 }
 })
- .catch(err => {
+ .catch((err) => {
 console.error(err)
 })
 }
@@ -134,17 +131,17 @@ function pack(plat, arch, cb) {
 }
 
 function log(plat, arch) {
- return (err, filepath) => {
+ return (err) => {
 if (err) return console.error(err)
 console.log(`${ plat }-${ arch } finished`)
 if (`${ plat }-${ arch }` === 'win32-x64') {
- var resultPromise = electronInstaller.createWindowsInstaller({
+ const resultPromise = electronInstaller.createWindowsInstaller({
 appDirectory: 'release/win32-x64/Felony-win32-x64',
 outputDirectory: 'release/win32-x64-installer',
 authors: 'Henry Boldizsar',
 exe: 'Felony.exe',
- });
- resultPromise.then(() => console.log("It worked!"), (e) => console.log(`No dice: ${e.message}`));
+ })
+ resultPromise.then(() => console.log('It worked!'), e => console.log(`No dice: ${ e.message }`))
 }
 }
 }
diff --git a/package.json b/package.json
index 42151aa..e1f5053 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
 "devDependencies": {
 "asar": "^0.11.0",
 "babel-core": "^6.7.6",
- "babel-eslint": "^6.0.2",
+ "babel-eslint": "^6.1.2",
 "babel-loader": "^6.2.4",
 "babel-plugin-add-module-exports": "^0.1.2",
 "babel-plugin-webpack-loaders": "^0.4.0",
@@ -71,10 +71,11 @@
 "electron-prebuilt": "^1.2.6",
 "electron-rebuild": "^1.1.3",
 "electron-winstaller": "^2.3.1",
- "eslint": "^2.8.0",
- "eslint-config-airbnb": "^7.0.0",
- "eslint-plugin-jsx-a11y": "^0.6.2",
- "eslint-plugin-react": "^4.3.0",
+ "eslint": "^3.10.0",
+ "eslint-config-airbnb": "^13.0.0",
+ "eslint-plugin-import": "^2.2.0",
+ "eslint-plugin-jsx-a11y": "^2.2.3",
+ "eslint-plugin-react": "^6.6.0",
 "express": "^4.13.4",
 "extract-text-webpack-plugin": "^1.0.1",
 "fbjs-scripts": "^0.6.0",
diff --git a/server.js b/server.js
index 585f4e5..dcb4e77 100755
--- a/server.js
+++ b/server.js
@@ -1,5 +1,4 @@
-/* eslint no-console: 0 */
-
+/* eslint-disable no-console */
 import express from 'express'
 import webpack from 'webpack'
 import webpackDevMiddleware from 'webpack-dev-middleware'
@@ -20,7 +19,7 @@ app.use(webpackDevMiddleware(compiler, {
 
 app.use(webpackHotMiddleware(compiler))
 
-app.listen(PORT, 'localhost', err => {
+app.listen(PORT, 'localhost', (err) => {
 if (err) {
 console.error(err)
 return
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://github.com/henryboldi/felony/compare/master...eslint-fixes.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://github.com/henryboldi/felony/compare/master...eslint-fixes.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>