Fix language inconsistancies

- Depend on toHash
- Move auto out of languages export

components/Carbon.js

@@ -4,8 +4,11 @@ import React from 'react'
 import domtoimage from 'dom-to-image'
 import CodeMirror from 'react-codemirror'
 import Spinner from 'react-spinner'
+import toHash from 'tohash'
 import WindowControls from '../components/WindowControls'
-import { COLORS, DEFAULT_LANGUAGE, LANGUAGE_HASH } from '../lib/constants'
+import { COLORS, DEFAULT_LANGUAGE, LANGUAGES } from '../lib/constants'
+
+const LANGUAGE_HASH = toHash(LANGUAGES, 'module')
 
 const DEFAULT_SETTINGS = {
   paddingVertical: '50px',
@@ -50,13 +53,13 @@ class Carbon extends React.Component {
   handleLanguageChange(newCode, config) {
     const props = (config && config.customProps) || this.props
 
-    if (props.config.language.name === 'Auto') {
+    if (props.config.language === 'auto') {
       // try to set the language
       const detectedLanguage = hljs.highlightAuto(newCode).language
       const languageModule = LANGUAGE_HASH[detectedLanguage]
 
       if (languageModule) {
-        this.setState({ language: languageModule })
+        this.setState({ language: languageModule.module })
       }
     } else {
       this.setState({ language: props.config.language })
@@ -68,7 +71,7 @@ class Carbon extends React.Component {
 
     const options = {
       lineNumbers: false,
-      mode: this.state.language ? this.state.language.module : 'plaintext',
+      mode: this.state.language || 'plaintext',
       theme: config.theme,
       scrollBarStyle: null,
       viewportMargin: Infinity,

lib/constants.js

@@ -233,9 +233,7 @@ export const LANGUAGES = [
   }
 ]
 
-export const LANGUAGE_HASH = toHash(LANGUAGES)
-
-export const DEFAULT_LANGUAGE = { name: 'Auto' }
+export const DEFAULT_LANGUAGE = 'auto'
 
 export const COLORS = {
   BLACK: '#121212',
@@ -263,13 +261,3 @@ if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
     }
   })
 }
-
-function toHash (list) {
-  return list.reduce((accum, item) => {
-    if (item.module) {
-      accum[item.module] = item
-    }
-
-    return accum
-  }, {})
-}

package.json

@@ -28,6 +28,7 @@
     "react-spinkit": "^3.0.0",
     "react-spinner": "^0.2.7",
     "react-syntax-highlight": "^0.0.6",
+    "tohash": "^1.0.0",
     "twitter": "^1.7.1"
   },
   "now": {

pages/editor.js

@@ -8,7 +8,7 @@ import ReadFileDropContainer from '../components/ReadFileDropContainer'
 import Toolbar from '../components/Toolbar'
 import Carbon from '../components/Carbon'
 import api from '../lib/api'
-import { THEMES, LANGUAGES, DEFAULT_LANGUAGE, COLORS, DEFAULT_CODE } from '../lib/constants'
+import { THEMES, DEFAULT_LANGUAGE, COLORS, DEFAULT_CODE } from '../lib/constants'
 
 class Editor extends React.Component {
   /* pathname, asPath, err, req, res */

yarn.lock

@@ -3526,6 +3526,10 @@ to-fast-properties@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
 
+tohash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tohash/-/tohash-1.0.0.tgz#cd740231ca16821e3744f2f18ff9727382eeb091"
+
 touch@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.0.tgz#fe365f5f75ec9ed4e56825e0bb76d24ab74af83b"