Dev: Use prettier to format code

src/DevTools/DevTools.js

@@ -4,9 +4,9 @@ import Tool from './Tool';
 import emitter from '../lib/emitter';
 import Settings from '../Settings/Settings';
 import {
-    Emitter, 
-    isMobile, 
-    evalCss, 
+    Emitter,
+    isMobile,
+    evalCss,
     defaults,
     keys,
     last,
@@ -15,10 +15,8 @@ import {
     safeStorage
 } from '../lib/util';
 
-export default class DevTools extends Emitter
-{
-    constructor($container)
-    {
+export default class DevTools extends Emitter {
+    constructor($container) {
         super();
 
         this._style = evalCss(require('./DevTools.scss'));
@@ -33,8 +31,7 @@ export default class DevTools extends Emitter
         this._initNavBar();
         this._registerListener();
     }
-    show()
-    {
+    show() {
         this._isShow = true;
         this.emit('show');
 
@@ -42,39 +39,35 @@ export default class DevTools extends Emitter
         this._navBar.resetStyle();
 
         // Need a delay after show to enable transition effect.
-        setTimeout(() => 
-        {
+        setTimeout(() => {
             this._$el.css('opacity', this._opacity);
         }, 50);
 
         return this;
     }
-    hide()
-    {
+    hide() {
         this._isShow = false;
         this.emit('hide');
 
-        this._$el.css({opacity: 0});
+        this._$el.css({ opacity: 0 });
         setTimeout(() => this._$el.hide(), 300);
 
         return this;
     }
-    toggle()
-    {
+    toggle() {
         return this._isShow ? this.hide() : this.show();
     }
-    add(tool)
-    {
-        if (!(tool instanceof Tool)) 
-        {
-            let {init, show, hide, destroy} = new Tool();
-            defaults(tool, {init, show, hide, destroy});
+    add(tool) {
+        if (!(tool instanceof Tool)) {
+            let { init, show, hide, destroy } = new Tool();
+            defaults(tool, { init, show, hide, destroy });
         }
 
         let name = tool.name;
         if (!name) return logger.error('You must specify a name for a tool');
         name = name.toLowerCase();
-        if (this._tools[name]) return logger.warn(`Tool ${name} already exists`);
+        if (this._tools[name])
+            return logger.warn(`Tool ${name} already exists`);
 
         this._$tools.prepend(`<div class="eruda-${name} eruda-tool"></div>`);
         tool.init(this._$tools.find(`.eruda-${name}.eruda-tool`), this);
@@ -85,8 +78,7 @@ export default class DevTools extends Emitter
 
         return this;
     }
-    remove(name) 
-    {
+    remove(name) {
         let tools = this._tools;
 
         if (!tools[name]) return logger.warn(`Tool ${name} doesn't exist`);
@@ -95,8 +87,7 @@ export default class DevTools extends Emitter
 
         let tool = tools[name];
         delete tools[name];
-        if (tool.active) 
-        {
+        if (tool.active) {
             let toolKeys = keys(tools);
             if (toolKeys.length > 0) this.showTool(tools[last(toolKeys)].name);
         }
@@ -104,20 +95,17 @@ export default class DevTools extends Emitter
 
         return this;
     }
-    removeAll() 
-    {
+    removeAll() {
         each(this._tools, tool => this.remove(tool.name));
 
         return this;
     }
-    get(name)
-    {
+    get(name) {
         let tool = this._tools[name];
 
         if (tool) return tool;
     }
-    showTool(name)
-    {
+    showTool(name) {
         if (this._curTool === name) return this;
         this._curTool = name;
 
@@ -128,10 +116,8 @@ export default class DevTools extends Emitter
 
         let lastTool = {};
 
-        each(tools, (tool) =>
-        {
-            if (tool.active)
-            {
+        each(tools, tool => {
+            if (tool.active) {
                 lastTool = tool;
                 tool.active = false;
                 tool.hide();
@@ -147,84 +133,87 @@ export default class DevTools extends Emitter
 
         return this;
     }
-    initCfg(settings)
-    {
-        let cfg = this.config = Settings.createCfg('dev-tools', {
+    initCfg(settings) {
+        let cfg = (this.config = Settings.createCfg('dev-tools', {
             transparency: 0.95,
             displaySize: 80,
             tinyNavBar: !isMobile(),
             activeEruda: false,
             navBarBgColor: '#2196f3'
-        });
+        }));
 
         this._setTransparency(cfg.get('transparency'));
         this._setDisplaySize(cfg.get('displaySize'));
         this.setNavBarHeight(cfg.get('tinyNavBar') ? 30 : 55);
         this._navBar.setBgColor(cfg.get('navBarBgColor'));
 
-        cfg.on('change', (key, val) =>
-        {
-            switch (key)
-            {
-                case 'transparency': return this._setTransparency(val);
-                case 'displaySize': return this._setDisplaySize(val);
-                case 'activeEruda': return activeEruda(val);
-                case 'tinyNavBar': return this.setNavBarHeight(val ? 30 : 55);
-                case 'navBarBgColor': return this._navBar.setBgColor(val);
+        cfg.on('change', (key, val) => {
+            switch (key) {
+                case 'transparency':
+                    return this._setTransparency(val);
+                case 'displaySize':
+                    return this._setDisplaySize(val);
+                case 'activeEruda':
+                    return activeEruda(val);
+                case 'tinyNavBar':
+                    return this.setNavBarHeight(val ? 30 : 55);
+                case 'navBarBgColor':
+                    return this._navBar.setBgColor(val);
             }
         });
 
-        settings.separator()
-                .switch(cfg, 'activeEruda', 'Always Activated')
-                .switch(cfg, 'tinyNavBar', 'Tiny Navigation Bar')
-                .color(cfg, 'navBarBgColor', 'Navigation Bar Background Color')
-                .range(cfg, 'transparency', 'Transparency', {min: 0.2, max: 1, step: 0.01})
-                .range(cfg, 'displaySize', 'Display Size', {min: 40, max: 100, step: 1})
-                .separator();
+        settings
+            .separator()
+            .switch(cfg, 'activeEruda', 'Always Activated')
+            .switch(cfg, 'tinyNavBar', 'Tiny Navigation Bar')
+            .color(cfg, 'navBarBgColor', 'Navigation Bar Background Color')
+            .range(cfg, 'transparency', 'Transparency', {
+                min: 0.2,
+                max: 1,
+                step: 0.01
+            })
+            .range(cfg, 'displaySize', 'Display Size', {
+                min: 40,
+                max: 100,
+                step: 1
+            })
+            .separator();
     }
-    setNavBarHeight(height)
-    {
+    setNavBarHeight(height) {
         this._navBarHeight = height;
         this._$el.css('paddingTop', height * this._scale);
         this._navBar.setHeight(height * this._scale);
     }
-    destroy() 
-    {
+    destroy() {
         evalCss.remove(this._style);
         this._unregisterListener();
         this.removeAll();
         this._navBar.destroy();
         this._$el.remove();
     }
-    _registerListener() 
-    {
-        this._scaleListener = scale => 
-        {
+    _registerListener() {
+        this._scaleListener = scale => {
             this._scale = scale;
             this.setNavBarHeight(this._navBarHeight);
         };
 
         emitter.on(emitter.SCALE, this._scaleListener);
     }
-    _unregisterListener() 
-    {
+    _unregisterListener() {
         emitter.off(emitter.SCALE, this._scaleListener);
     }
-    _setTransparency(opacity)
-    {
+    _setTransparency(opacity) {
         if (!isNum(opacity)) return;
 
         this._opacity = opacity;
-        if (this._isShow) this._$el.css({opacity});
+        if (this._isShow) this._$el.css({ opacity });
     }
-    _setDisplaySize(height)
-    {
+    _setDisplaySize(height) {
         if (!isNum(height)) return;
-        
-        this._$el.css({height: height + '%'});
+
+        this._$el.css({ height: height + '%' });
     }
-    _appendTpl()
-    {
+    _appendTpl() {
         let $container = this.$container;
 
         $container.append(require('./DevTools.hbs')());
@@ -232,14 +221,12 @@ export default class DevTools extends Emitter
         this._$el = $container.find('.eruda-dev-tools');
         this._$tools = this._$el.find('.eruda-tools');
     }
-    _initNavBar()
-    {
+    _initNavBar() {
         this._navBar = new NavBar(this._$el.find('.eruda-nav-bar'));
-        this._navBar.on('showTool', (name) => this.showTool(name));
+        this._navBar.on('showTool', name => this.showTool(name));
     }
 }
 
 let localStore = safeStorage('local');
 
 let activeEruda = flag => localStore.setItem('active-eruda', flag);
-