From b84ba05f68f1f6bdbbb36c90a6d7bc29c321a0a4 Mon Sep 17 00:00:00 2001
From: Jacob Heun <jacobheun@gmail.com>
Date: Fri, 28 Sep 2018 12:07:56 +0200
Subject: [PATCH] fix(docs): linting

---
 examples/delegated-routing/package.json       |  5 +-
 examples/delegated-routing/public/index.html  |  1 +
 .../{src/App.css => public/main.css}          |  6 ++
 examples/delegated-routing/src/App.js         | 60 ++++++++++---------
 examples/delegated-routing/src/App.test.js    |  9 ---
 examples/delegated-routing/src/index.css      |  5 --
 examples/delegated-routing/src/index.js       | 13 ++--
 .../delegated-routing/src/libp2p-bundle.js    | 29 +++++----
 8 files changed, 64 insertions(+), 64 deletions(-)
 rename examples/delegated-routing/{src/App.css => public/main.css} (93%)
 delete mode 100644 examples/delegated-routing/src/App.test.js
 delete mode 100644 examples/delegated-routing/src/index.css
diff --git a/examples/delegated-routing/package.json b/examples/delegated-routing/package.json
index 649171c544..ff36b7bd79 100644
--- a/examples/delegated-routing/package.json
+++ b/examples/delegated-routing/package.json
@@ -18,9 +18,6 @@
     "react-scripts": "1.1.5"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject"
+    "start": "react-scripts start"
   }
 }
diff --git a/examples/delegated-routing/public/index.html b/examples/delegated-routing/public/index.html
index 405ec11100..9082175b4e 100644
--- a/examples/delegated-routing/public/index.html
+++ b/examples/delegated-routing/public/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
     <title>Delegated Routing</title>
+    <link rel="stylesheet" type="text/css" href="main.css">
   </head>
   <body>
     <noscript>
diff --git a/examples/delegated-routing/src/App.css b/examples/delegated-routing/public/main.css
similarity index 93%
rename from examples/delegated-routing/src/App.css
rename to examples/delegated-routing/public/main.css
index a050008a78..5cd8188187 100644
--- a/examples/delegated-routing/src/App.css
+++ b/examples/delegated-routing/public/main.css
@@ -1,3 +1,9 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}
+
 section * {
   margin: 10px;
 }
diff --git a/examples/delegated-routing/src/App.js b/examples/delegated-routing/src/App.js
index f92ec0dd3b..7e5425d228 100644
--- a/examples/delegated-routing/src/App.js
+++ b/examples/delegated-routing/src/App.js
@@ -1,13 +1,17 @@
-import React, { Component } from 'react';
-import './App.css';
-import Ipfs from 'ipfs';
-import libp2pBundle from './libp2p-bundle';
+// eslint-disable-next-line
+'use strict'
+
+const React = require('react')
+const Component = React.Component
+const Ipfs = require('ipfs')
+const libp2pBundle = require('./libp2p-bundle')
+// require('./App.css')
 
 const BootstrapNode = '/ip4/127.0.0.1/tcp/8081/ws/ipfs/QmdoG8DpzYUZMVP5dGmgmigZwR1RE8Cf6SxMPg1SBXJAQ8'
 
 class App extends Component {
-  constructor(props) {
-    super(props);
+  constructor (props) {
+    super(props)
     this.state = {
       peers: 0,
       // This hash is the IPFS readme
@@ -15,28 +19,28 @@ class App extends Component {
       // This peer is one of the Bootstrap nodes for IPFS
       peer: 'QmV6kA2fB8kTr6jc3pL5zbNsjKbmPUHAPKKHRBYe1kDEyc',
       isLoading: 0
-    };
-    this.peerInterval = null;
+    }
+    this.peerInterval = null
 
-    this.handleHashChange = this.handleHashChange.bind(this);
-    this.handleHashSubmit = this.handleHashSubmit.bind(this);
-    this.handlePeerChange = this.handlePeerChange.bind(this);
-    this.handlePeerSubmit = this.handlePeerSubmit.bind(this);
+    this.handleHashChange = this.handleHashChange.bind(this)
+    this.handleHashSubmit = this.handleHashSubmit.bind(this)
+    this.handlePeerChange = this.handlePeerChange.bind(this)
+    this.handlePeerSubmit = this.handlePeerSubmit.bind(this)
   }
 
-  handleHashChange(event) {
+  handleHashChange (event) {
     this.setState({
       hash: event.target.value
-    });
+    })
   }
-  handlePeerChange(event) {
+  handlePeerChange (event) {
     this.setState({
       peer: event.target.value
-    });
+    })
   }
 
-  handleHashSubmit(event) {
-    event.preventDefault();
+  handleHashSubmit (event) {
+    event.preventDefault()
     this.setState({
       isLoading: this.state.isLoading + 1
     })
@@ -48,10 +52,10 @@ class App extends Component {
         response: data.toString(),
         isLoading: this.state.isLoading - 1
       })
-    });
+    })
   }
-  handlePeerSubmit(event) {
-    event.preventDefault();
+  handlePeerSubmit (event) {
+    event.preventDefault()
     this.setState({
       isLoading: this.state.isLoading + 1
     })
@@ -63,10 +67,10 @@ class App extends Component {
         response: JSON.stringify(results, null, 2),
         isLoading: this.state.isLoading - 1
       })
-    });
+    })
   }
 
-  componentDidMount() {
+  componentDidMount () {
     window.ipfs = this.ipfs = new Ipfs({
       config: {
         Addresses: {
@@ -101,7 +105,7 @@ class App extends Component {
         console.log('Connected!')
       })
 
-	    this.peerInterval = setInterval(() => {
+      this.peerInterval = setInterval(() => {
         this.ipfs.swarm.peers((err, peers) => {
           if (err) console.log(err)
           if (peers) this.setState({peers: peers.length})
@@ -110,7 +114,7 @@ class App extends Component {
     })
   }
 
-  render() {
+  render () {
     return (
       <div>
         <header className="center">
@@ -133,7 +137,7 @@ class App extends Component {
             </label>
           </form>
         </section>
-        <section className={[this.state.isLoading > 0 ? 'loading': '', 'loader'].join(' ')}>
+        <section className={[this.state.isLoading > 0 ? 'loading' : '', 'loader'].join(' ')}>
           <div className="lds-ripple"><div></div><div></div></div>
         </section>
         <section>
@@ -142,8 +146,8 @@ class App extends Component {
           </pre>
         </section>
       </div>
-    );
+    )
   }
 }
 
-export default App;
+module.exports = App
diff --git a/examples/delegated-routing/src/App.test.js b/examples/delegated-routing/src/App.test.js
deleted file mode 100644
index a754b201bf..0000000000
--- a/examples/delegated-routing/src/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/examples/delegated-routing/src/index.css b/examples/delegated-routing/src/index.css
deleted file mode 100644
index b4cc7250b9..0000000000
--- a/examples/delegated-routing/src/index.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-}
diff --git a/examples/delegated-routing/src/index.js b/examples/delegated-routing/src/index.js
index 395b74997b..366e865023 100644
--- a/examples/delegated-routing/src/index.js
+++ b/examples/delegated-routing/src/index.js
@@ -1,6 +1,9 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
+// eslint-disable-next-line
+'use strict'
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const React = require('react') // eslint-disable-line no-unused-vars
+const ReactDOM = require('react-dom')
+const App = require('./App') // eslint-disable-line no-unused-vars
+// require('index.css')
+
+ReactDOM.render(<App />, document.getElementById('root'))
diff --git a/examples/delegated-routing/src/libp2p-bundle.js b/examples/delegated-routing/src/libp2p-bundle.js
index 12c6792f1b..c5ab0dc752 100644
--- a/examples/delegated-routing/src/libp2p-bundle.js
+++ b/examples/delegated-routing/src/libp2p-bundle.js
@@ -1,16 +1,19 @@
-import Libp2p from 'libp2p';
-import Websockets from 'libp2p-websockets';
-import WebSocketStar from 'libp2p-websocket-star';
-import WebRTCStar from 'libp2p-webrtc-star';
-import MPLEX from 'libp2p-mplex';
-import SECIO from 'libp2p-secio';
-import KadDHT from 'libp2p-kad-dht';
-import DelegatedPeerRouter from 'libp2p-delegated-peer-routing';
-import DelegatedContentRouter from 'libp2p-delegated-content-routing';
+// eslint-disable-next-line
+'use strict'
 
-export default ({peerInfo, peerBook}) => {
-  const wrtcstar = new WebRTCStar({id: peerInfo.id});
-  const wsstar = new WebSocketStar({id: peerInfo.id});
+const Libp2p = require('libp2p')
+const Websockets = require('libp2p-websockets')
+const WebSocketStar = require('libp2p-websocket-star')
+const WebRTCStar = require('libp2p-webrtc-star')
+const MPLEX = require('libp2p-mplex')
+const SECIO = require('libp2p-secio')
+const KadDHT = require('libp2p-kad-dht')
+const DelegatedPeerRouter = require('libp2p-delegated-peer-routing')
+const DelegatedContentRouter = require('libp2p-delegated-content-routing')
+
+module.exports = ({peerInfo, peerBook}) => {
+  const wrtcstar = new WebRTCStar({id: peerInfo.id})
+  const wsstar = new WebSocketStar({id: peerInfo.id})
   const delegatedApiOptions = {
     host: '0.0.0.0',
     protocol: 'http',
@@ -72,4 +75,4 @@ export default ({peerInfo, peerBook}) => {
       }
     }
   })
-};
\ No newline at end of file
+}
