Total rewrite

Author: rpearce

.all-contributorsrc

@@ -1,12 +1,31 @@
 {
   "projectName": "react-medium-image-zoom",
   "projectOwner": "rpearce",
+  "repoType": "github",
+  "repoHost": "https://github.com",
   "files": [
     "README.md"
   ],
   "imageSize": 100,
   "commit": true,
   "contributors": [
+    {
+      "login": "rpearce",
+      "name": "Robert Pearce",
+      "avatar_url": "https://avatars2.githubusercontent.com/u/592876?v=4",
+      "profile": "https://robertwpearce.com",
+      "contributions": [
+        "code",
+        "question",
+        "test",
+        "bug",
+        "example",
+        "design",
+        "review",
+        "ideas",
+        "doc"
+      ]
+    },
     {
       "login": "cbothner",
       "name": "Cameron Bothner",
@@ -69,23 +88,6 @@
         "bug"
       ]
     },
-    {
-      "login": "rpearce",
-      "name": "Robert Pearce",
-      "avatar_url": "https://avatars2.githubusercontent.com/u/592876?v=4",
-      "profile": "https://robertwpearce.com",
-      "contributions": [
-        "code",
-        "question",
-        "test",
-        "bug",
-        "example",
-        "design",
-        "review",
-        "ideas",
-        "doc"
-      ]
-    },
     {
       "login": "joshsloat",
       "name": "Josh Sloat",
@@ -186,6 +188,5 @@
         "bug"
       ]
     }
-  ],
-  "repoType": "github"
+  ]
 }

.babelrc

@@ -1 +1,4 @@
+coverage/
 docs/
+node_modules/
+src/

.eslintignore

@@ -1,39 +1,62 @@
 {
   "env": {
     "browser": true,
-    "commonjs": true,
-    "es6": true
+    "es6": true,
+    "jest": true,
+    "node": true
   },
   "extends": [
     "eslint:recommended",
-    "plugin:react/recommended",
+    "plugin:react/recommended"
   ],
   "parserOptions": {
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true,
-      "jsx": true
-    },
+    "ecmaVersion": 2018,
     "sourceType": "module"
   },
+  "plugins": [
+    "react"
+  ],
   "rules": {
-    "array-bracket-spacing": ["error", "always"],
-    "camelcase": "error",
-    "global-require": "error",
-    "no-console": "warn",
-    "no-debugger": "warn",
-    "no-duplicate-imports": "error",
-    "no-eq-null": "error",
-    "no-extra-parens": "error",
-    "no-return-assign": "error",
-    "no-template-curly-in-string": "error",
-    "no-trailing-spaces": "error",
-    "no-useless-constructor": "error",
-    "object-curly-spacing": ["error", "always"],
-    "react/display-name": 0,
-    "react/no-deprecated": 0,
-    "react/no-find-dom-node": 0,
-    "react/no-is-mounted": 0,
-    "react/no-string-refs": 0,
-    "react/prop-types": 0
+    "array-bracket-spacing": [ "error", "always" ],
+    "arrow-spacing": [ "error" ],
+    "block-spacing": [ "error" ],
+    "camelcase": [ "error" ],
+    "comma-dangle": [ "error", "never" ],
+    "computed-property-spacing": [ "error", "never" ],
+    "curly": [ "error", "all" ],
+    "eqeqeq": [ "error", "always" ],
+    "eol-last": [ "error", "always" ],
+    "func-call-spacing": [ "error", "never" ],
+    "indent": [ "error", 2 ],
+    "linebreak-style": [ "error", "unix" ],
+    "no-console": "off",
+    "no-else-return": [ "error" ],
+    "no-empty-function": [ "error" ],
+    "no-multiple-empty-lines": [2, { "max": 1, "maxEOF": 1 }],
+    "no-extra-parens": [ "error" ],
+    "no-lone-blocks": [ "error" ],
+    "no-multi-assign": [ "error" ],
+    "no-new": [ "error" ],
+    "no-new-func": [ "error" ],
+    "no-param-reassign": [ "error" ],
+    "no-return-assign": [ "error" ],
+    "no-sequences": [ "error" ],
+    "no-trailing-spaces": [ "error" ],
+    "no-void": [ "error" ],
+    "no-with": [ "error" ],
+    "no-useless-return": [ "error" ],
+    "object-curly-spacing": [ "error", "always" ],
+    "quotes": [ "error", "single" ],
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/jsx-no-undef": "error",
+    "react/prop-types": 0,
+    "semi": [ "error", "never" ],
+    "yoda": [ "error" ]
+  },
+  "settings": {
+    "react": {
+      "version": "16"
+    }
   }
 }

.eslintrc

@@ -18,6 +18,9 @@ What actually happened was...
 1. Then this...
 1. Then this...
 
+## Demo
+https://codesandbox.io/s/wwp7n7rr47
+
 ## Link to repository/example of behavior
 [link to example]()
 

.github/ISSUE_TEMPLATE.md

@@ -2,11 +2,14 @@
 logs
 *.log
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
 # Runtime data
 pids
 *.pid
 *.seed
+*.pid.lock
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
@@ -20,22 +23,42 @@ coverage
 # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 
+# Bower dependency directory (https://bower.io/)
+bower_components
+
 # node-waf configuration
 .lock-wscript
 
-# Compiled binary addons (http://nodejs.org/api/addons.html)
+# Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
 # Dependency directories
-node_modules
-jspm_packages
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
 
 # Optional npm cache directory
 .npm
 
+# Optional eslint cache
+.eslintcache
+
 # Optional REPL history
 .node_repl_history
 
-config.codekit
-lib/
-.DS_Store
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# next.js build output
+.next
+
+src/
+*.tmp