Fix linting issues, also started working on example

TimeToKnow · Apr 13, 2016 · 2b484ec · 2b484ec
1 parent a1e74dd
commit 2b484ec
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 21 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -4,7 +4,7 @@
   "env": {
     "es6": true,
     "node": true,
-    "browser": false
+    "browser": true
   },
   "globals": {
     "__DEV__": false,
@@ -40,7 +40,6 @@
 		"use-isnan": 2,
 		"valid-jsdoc": 0,
 		"valid-typeof": 2,
-
 		"block-scoped-var": 0,
 		"complexity": 0,
 		"consistent-return": 0,

diff --git a/example/.eslintrc b/example/.eslintrc
diff --git a/example/example.js b/example/example.js
@@ -1 +1,9 @@
-console.log(12345);
+import EmojiWindow from 'emoji-window';
+
+document.getElementById('button-example-1').addEventListener('click', e => {
+  new EmojiWindow({
+    position: {
+      el: e.target
+    }
+  });
+});
diff --git a/index.html b/index.html
@@ -3,9 +3,12 @@
   <head>
     <meta charset="utf-8">
     <title>Emoji window example</title>
-    <script type="text/javascript" src="dist/example.min.js"></script>
   </head>
   <body>
-    Yuval
+    <div>
+      <div>Example 1</div>
+      <button id="button-example-1">Click me</button>
+    </div>
+    <script type="text/javascript" src="dist/example.min.js"></script>
   </body>
 </html>
diff --git a/src/.eslintrc b/src/.eslintrc
diff --git a/src/emoji-window.js b/src/emoji-window.js
@@ -1 +1,16 @@
-alert(12223);
+import emojiData from 'emoji-data/emoji.json';
+
+const existingWindowSets = {};
+export default class EmojiWindow {
+  constructor({
+    position: {
+      el,
+      x,
+      y
+    } = {}
+  } = {}) {
+    const left = x !== undefined ? x : (el.offsetLeft + el.clientWidth);
+    const top = y !== undefined ? y : (el.offsetTop + el.clientHeight);
+    console.log(emojiData);
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -50,12 +50,20 @@ module.exports = {
     loaders: [
       {
         test: /\.js$/,
-        include: [path.resolve(__dirname, 'src')],
+        include: [
+          path.resolve(__dirname, 'src'),
+          path.resolve(__dirname, 'example')
+        ],
         loader: 'babel',
         query: {
           presets: ['es2015']
         }
       }
     ]
+  },
+  resolve: {
+    alias: {
+      'emoji-window': path.join(__dirname, 'src', 'emoji-window.js')
+    }
   }
 };