wip: The big refactor

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015", "next/babel"],
+  "plugins": ["styled-components-require"]
+}

.eslintignore

@@ -0,0 +1,3 @@
+build
+node_modules
+coverage

.eslintrc

@@ -0,0 +1,50 @@
+{
+    "parser": "babel-eslint",
+    "plugins": [
+      "react"
+    ],
+    "ecmaFeatures": {
+      "modules": true,
+      "jsx": true,
+      "experimentalObjectRestSpread": true
+    },
+    "env": {
+      "amd": true,
+      "browser": true,
+      "es6": true,
+      "jquery": true,
+      "node": true
+    },
+    "rules": {
+      "comma-dangle": [2, "never"],
+      "no-cond-assign": 2,
+      "no-debugger": 2,
+      "no-dupe-args": 2,
+      "no-dupe-keys": 2,
+      "no-duplicate-case": 2,
+      "no-empty": 2,
+      "no-empty-function": 2,
+      "no-func-assign": 2,
+      "no-sparse-arrays": 2,
+      "eqeqeq": 2,
+      "no-eval": 2,
+      "no-magic-numbers": 0,
+      "no-lone-blocks": 2,
+      "no-redeclare": 2,
+      "no-unused-expressions": 0,
+      "no-useless-concat": 2,
+      "no-unused-vars": 2,
+      "no-use-before-define": 2,
+      "no-lonely-if": 2,
+      "no-mixed-spaces-and-tabs": 2,
+      "new-cap": 2,
+      "indent": [2, 2],
+      "vars-on-top": 2,
+      "semi": [2, "never"],
+      "react/jsx-uses-vars": 2,
+      "react/jsx-uses-react": 2
+    },
+    "parserOptions": {
+      "sourceType": "module",
+    }
+}

.gitignore

@@ -30,4 +30,4 @@ build/Release
 # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
 node_modules
 
-npm-janitor/bundle.js
+.next

.travis.yml

@@ -0,0 +1,8 @@
+language: node_js
+node_js:
+  - "7"
+cache:
+  directories:
+    - node_modules
+notifications:
+  email: false

api/__mocks__/user.js

@@ -0,0 +1,14 @@
+let modules = [{
+  name: 'npm-janitor-web',
+  valid: true,
+  errors: [],
+  warnings: ['Add recommended field: contributors'],
+  suggestions: ['Add optional field: homepage']
+}]
+
+const get = username => new Promise(resolve => {
+  if (username) resolve({modules: modules})
+  else resolve({modules: []})
+})
+
+export default get

api/user.js

@@ -0,0 +1,20 @@
+import axios from 'axios'
+
+const get = (username) => {
+  if (!username) return {modules: []}
+  return axios.get(`https://npm-janitor-api.now.sh/${username}`)
+  .then(response => {
+    let modules = response.data
+    modules = modules.map(module => ({
+      name: module.module,
+      valid: module.info.valid,
+      errors: module.info.errors || [],
+      warnings: module.info.warnings || [],
+      suggestions: module.info.recommendations || []
+    }))
+    return {modules: modules}
+  })
+  .catch(error => ({error: error.response.data.message}))
+}
+
+export default get

components/__snapshots__/card.test.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<span
+  className="gKGDvl"
+/>
+`;

components/__snapshots__/code.test.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<span
+  className="lhecVm"
+/>
+`;

components/__snapshots__/grid.test.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="lIpXm"
+>
+  <div>
+    1
+  </div>
+  <div>
+    2
+  </div>
+  <div>
+    3
+  </div>
+</div>
+`;

components/__snapshots__/header.test.js.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="evniLY"
+>
+  <div>
+    <img
+      className="cMyKIV"
+      src="static/logo.png"
+    />
+    <div>
+      <input
+        autoFocus={true}
+        className="IoGtR"
+        defaultValue={undefined}
+        onChange={[Function]}
+        onKeyUp={[Function]}
+        placeholder="enter your npm username"
+        type="text"
+      />
+      <span
+        className="ekknR"
+      >
+        ↵
+      </span>
+      <div
+        className="kfVcvr"
+      />
+    </div>
+  </div>
+</div>
+`;

components/__snapshots__/heavy.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="jgJsZQ"
+>
+  This is some bold text
+</div>
+`;

components/__snapshots__/hint.test.js.snap

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<span
+  className="iBvdDm"
+  type="text"
+/>
+`;

components/__snapshots__/input.test.js.snap

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<input
+  className="IoGtR"
+  type="text"
+/>
+`;

components/__snapshots__/link.test.js.snap

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<a
+  className="igpMrq"
+  src="http://npm-janitor.now.sh"
+/>
+`;

components/__snapshots__/loading.test.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="jGuHrJ"
+/>
+`;

components/__snapshots__/logo.test.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders big version 1`] = `
+<img
+  className="cMyKIV"
+  src="static/logo.png"
+/>
+`;
+
+exports[`renders small version 1`] = `
+<img
+  className="etfsU"
+  src="static/logo.png"
+/>
+`;

components/__snapshots__/module.test.js.snap

@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders invalid module 1`] = `
+<span
+  className="TpbjZ"
+>
+  <a
+    className="igpMrq"
+    href="https://npmjs.com/module"
+    target="blank"
+  >
+    <div
+      className="gclOdG"
+      color="#c0392b"
+    >
+      module
+    </div>
+  </a>
+  <div>
+    <div>
+      <div>
+
+        1
+
+        error
+      </div>
+      <div>
+        - 
+        name is not allowed
+      </div>
+      <br />
+    </div>
+
+
+  </div>
+  <div
+    className="kUklBY"
+  />
+</span>
+`;
+
+exports[`renders valid module 1`] = `
+<span
+  className="gXtLUw"
+>
+  <a
+    className="igpMrq"
+    href="https://npmjs.com/module"
+    target="blank"
+  >
+    <div
+      className="jgJsZQ"
+      color=""
+    >
+      module
+    </div>
+  </a>
+  <div>
+
+
+
+  </div>
+  <div
+    className="huXapt"
+  />
+</span>
+`;

components/__snapshots__/score.test.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly when module has errors 1`] = `
+<div
+  className="kUklBY"
+/>
+`;
+
+exports[`renders correctly when score <= 6  1`] = `
+<div
+  className="jyRNRQ"
+/>
+`;
+
+exports[`renders correctly when score > 6  1`] = `
+<div
+  className="huXapt"
+/>
+`;