Nearing something that moves

Author: fritz-c

.eslintrc

@@ -1,13 +1,7 @@
 {
     "parser": "babel-eslint",
-    "env": {
-        "browser": true,
-        "node": true
-    },
-    "extends": "airbnb",
+    "extends": "blue-hour",
     "rules": {
-        "react/sort-comp": 0,
-        "react/jsx-indent": [1, 4],
-        "react/jsx-indent-props": [1, 4]
+        "react/prefer-es6-class": 0
     }
 }

.gitignore

@@ -16,4 +16,4 @@ example/dist
 
 # Build directories (Will be preserved by npm)
 dist
-lib
+build

example/src/standalone.html

@@ -3,11 +3,14 @@
   "version": "3.0.0",
   "description": "A lightbox component for React.js",
   "scripts": {
-    "start": "webpack-dev-server",
+    "start": "cross-env NODE_ENV=development webpack-dev-server --hot --inline --config webpack.config.dev.babel.js",
     "test": "webpack",
-    "clean": "rm -rf dist",
-    "build": "npm run clean && webpack",
-    "deploy": "npm run build && gh-pages -d dist",
+    "lint": "eslint src",
+    "clean": "rimraf dist",
+    "clean:demo": "rimraf build",
+    "build": "npm run lint && npm run clean && webpack --config webpack.config.production.babel.js",
+    "build:demo": "npm run clean:demo && webpack --config webpack.config.demo.babel.js",
+    "deploy": "webpack --config webpack.config.demo.babel.js && gh-pages -d examples",
     "prepublish": "npm run build"
   },
   "main": "lib/react-image-lightbox.js",
@@ -35,18 +38,23 @@
     "babel-plugin-transform-object-rest-spread": "^6.8.0",
     "babel-preset-es2015": "^6.9.0",
     "babel-preset-react": "^6.11.1",
+    "babel-register": "^6.9.0",
+    "cross-env": "^2.0.0",
     "css-loader": "^0.23.1",
     "eslint": "^2.9.0",
     "eslint-config-airbnb": "^9.0.1",
+    "eslint-config-blue-hour": "0.0.1",
     "eslint-plugin-import": "^1.10.2",
     "eslint-plugin-jsx-a11y": "^1.5.5",
     "eslint-plugin-react": "^5.2.2",
     "gh-pages": "^0.11.0",
+    "html-webpack-plugin": "^2.22.0",
     "node-sass": "^3.8.0",
     "postcss-loader": "^0.9.1",
     "react": "^15.2.0",
     "react-dom": "^15.2.0",
     "react-hot-loader": "^1.3.0",
+    "rimraf": "^2.5.3",
     "sass-loader": "^4.0.0",
     "style-loader": "^0.13.1",
     "webpack": "^1.13.1",

package.json

@@ -1,8 +1,4 @@
-// Constants file
-
-'use strict';
-
-var constants = {
+export default {
     // Min image zoom level
     MIN_ZOOM_LEVEL: 0,
 
@@ -20,6 +16,10 @@ var constants = {
 
     // Used to judge the amount of vertical scroll needed to initiate a zoom action
     WHEEL_MOVE_Y_THRESHOLD: 1,
-};
 
-module.exports = Object.freeze(constants);
+    KEYS: {
+        ESC:         27,
+        LEFT_ARROW:  37,
+        RIGHT_ARROW: 39,
+    },
+};