From 431da8b4b3163cdbd143763bac15b3312949fe47 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Thu, 11 Jan 2018 14:44:45 +0100
Subject: [PATCH] Update precommit command

---
 package.json           |  2 +-
 src/utils/Droppable.js | 35 ++++++++++++++++++++++-------------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 3f3be32e7..954a6fe7e 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
   "scripts": {
     "lint": "eslint src",
     "check": "npm run lint && npm run test",
-    "precommit": "npm run format && git add",
+    "precommit": "npm run format && git add .",
     "build": "npm run check && npm run v:patch && npm run build-dev && webpack --env=prod",
     "build-n": "npm run check && npm run build:css && webpack --env=prod",
     "build-dev": "webpack --env=dev && npm run build:css",
diff --git a/src/utils/Droppable.js b/src/utils/Droppable.js
index 3357413ff..29ba28c96 100644
--- a/src/utils/Droppable.js
+++ b/src/utils/Droppable.js
@@ -2,12 +2,20 @@ import { on, off } from 'utils/mixins';
 import { bindAll } from 'underscore';
 
 export class Droppable {
-
   constructor(em) {
     this.em = em;
-    this.el = this.em.get('DomComponents').getWrapper().getEl();
+    this.el = this.em
+      .get('DomComponents')
+      .getWrapper()
+      .getEl();
     this.counter = 0;
-    bindAll(this, 'handleDragEnter', 'handleDragOver', 'handleDrop', 'handleDragLeave');
+    bindAll(
+      this,
+      'handleDragEnter',
+      'handleDragOver',
+      'handleDrop',
+      'handleDragLeave'
+    );
     on(el, 'dragenter', this.handleDragEnter);
     on(el, 'dragover', this.handleDragOver);
     on(el, 'drop', this.handleDrop);
@@ -38,14 +46,12 @@ export class Droppable {
     }
   }
 
-
   handleDragEnter(ev) {
     this.updateCounter(1);
     if (this.over) return;
     this.over = 1;
     console.log('IM IN');
 
-
     var utils = this.em.get('Utils');
     var canvas = this.em.get('Canvas');
     this.sorter = new utils.Sorter({
@@ -55,17 +61,21 @@ export class Droppable {
       containerSel: '*',
       itemSel: '*',
       pfx: 'gjs-',
-      onStart: () => { this.em.stopDefault() },
-      onEndMove: () => { this.em.runDefault() },
+      onStart: () => {
+        this.em.stopDefault();
+      },
+      onEndMove: () => {
+        this.em.runDefault();
+      },
       document: canvas.getFrameEl().contentDocument,
       direction: 'a',
       wmargin: 1,
       nested: 1,
       em,
-      canvasRelative: 1,
+      canvasRelative: 1
     });
     const content = this.getContentByData(ev.dataTransfer) || '<br>';
-    this.sorter.setDropContent(content);// should not be empty
+    this.sorter.setDropContent(content); // should not be empty
     this.sorter.startSort(this.el);
   }
 
@@ -77,7 +87,6 @@ export class Droppable {
     ev.preventDefault();
   }
 
-
   handleDrop(ev) {
     ev.preventDefault();
     var content = this.getContentByData(ev.dataTransfer);
@@ -112,13 +121,13 @@ export class Droppable {
       const fu = this.em.get('AssetManager').FileUploader();
       fu.uploadFile({ dataTransfer }, res => console.log('RES upload', res));
     } else if (types.indexOf('text/html') >= 0) {
-      result = dataTransfer.getData('text/html').replace(/<\/?meta[^>]*>/g,'');
+      result = dataTransfer.getData('text/html').replace(/<\/?meta[^>]*>/g, '');
     } else if (types.indexOf('text/uri-list') >= 0) {
       result = {
         type: 'link',
         attributes: { href: result },
-        content: result,
-      }
+        content: result
+      };
     } else if (dragContent) {
       result = dragContent;
     } else {