fix handleTabs from @ecchochan fork and fix #67

src/styles/editor.js

@@ -1,12 +1,11 @@
-import { BACKGROUND_COLOR, LINE_HEIGHT, FONT_SIZE } from './theme-default';
-import { cssSupports } from '../utils/css-supports';
+import { BACKGROUND_COLOR, LINE_HEIGHT, FONT_SIZE } from './theme-default'
+import { cssSupports } from '../utils/css-supports'
 
-const FONT_FAMILY = `"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`;
-const COLOR = (cssSupports('caret-color', '#000')) ? BACKGROUND_COLOR : '#ccc';
+const FONT_FAMILY = `"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`
+const COLOR = (cssSupports('caret-color', '#000')) ? BACKGROUND_COLOR : '#ccc'
 const LINE_NUMBER_WIDTH = '40px'
 
-
-export const editor_css = `
+export const editorCss = `
   .codeflask {
     position: absolute;
     width: 100%;
@@ -110,4 +109,4 @@ export const editor_css = `
     background: #eee;
     z-index: 1;
   }
-`;
+`

src/styles/injector.js

@@ -1,20 +1,20 @@
-export function inject_css(css, styleName, parent) {
-  const CSS_ID = styleName || 'codeflask-style';
-  const PARENT = parent || document.head;
+export function injectCss (css, styleName, parent) {
+  const CSS_ID = styleName || 'codeflask-style'
+  const PARENT = parent || document.head
 
   if (!css) {
-    return false;
+    return false
   }
 
   if (document.getElementById(CSS_ID)) {
-    return true;
+    return true
   }
 
-  const style = document.createElement('style');
+  const style = document.createElement('style')
 
-  style.innerHTML = css;
-  style.id = CSS_ID;
-  PARENT.appendChild(style);
+  style.innerHTML = css
+  style.id = CSS_ID
+  PARENT.appendChild(style)
 
-  return true;
+  return true
 }

src/styles/theme-default.js

@@ -1,8 +1,8 @@
-export const BACKGROUND_COLOR = '#fff';
-export const LINE_HEIGHT = '20px';
-export const FONT_SIZE = '13px';
+export const BACKGROUND_COLOR = '#fff'
+export const LINE_HEIGHT = '20px'
+export const FONT_SIZE = '13px'
 
-export const default_css_theme = `
+export const defaultCssTheme = `
 .codeflask {
   background: ${BACKGROUND_COLOR};
   color: #4f559c;
@@ -55,4 +55,4 @@ export const default_css_theme = `
 .codeflask .token.attr-value {
   color: #8500ff;
 }
-`;
+`

src/utils/css-supports.js

@@ -1,17 +1,17 @@
-export function cssSupports(property, value) {
+export function cssSupports (property, value) {
   if (CSS) {
-    return CSS.supports(property, value);
+    return CSS.supports(property, value)
   }
 
-  return toCamelCase(property) in document.body.style;
+  return toCamelCase(property) in document.body.style
 }
 
-export function toCamelCase(cssProperty) {
+export function toCamelCase (cssProperty) {
   cssProperty = cssProperty
     .split('-')
     .filter(word => !!word)
     .map(word => word[0].toUpperCase() + word.substr(1))
-    .join('');
+    .join('')
 
-  return cssProperty[0].toLowerCase() + cssProperty.substr(1);
+  return cssProperty[0].toLowerCase() + cssProperty.substr(1)
 }

src/utils/html-escape.js

@@ -7,10 +7,10 @@ const entityMap = {
   '/': '/',
   '`': '`',
   '=': '='
-};
+}
 
-export function escape_html (string) {
-  return String(string).replace(/[&<>"'`=\/]/g, function (s) {
-    return entityMap[s];
-  });
+export function escapeHtml (string) {
+  return String(string).replace(/[&<>"'`=/]/g, function (s) {
+    return entityMap[s]
+  })
 }