Copy basic code from heroku.

mcomella · mcomella · commit 802b7ff877ce · 2017-03-29T11:06:10.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,12 @@
+# Node build artifacts
+node_modules
+npm-debug.log
+
+# Local development
+*.env
+*.dev
+.DS_Store
+
+# Docker
+Dockerfile
+docker-compose.yml
diff --git a/Procfile b/Procfile
@@ -0,0 +1 @@
+web: node index.js
diff --git a/README.md b/README.md
@@ -0,0 +1,35 @@
+# prox-explorer
+
+Web interface to explore Prox data sources
+
+## Running Locally
+
+Make sure you have [Node.js](http://nodejs.org/) and the [Heroku Toolbelt](https://toolbelt.heroku.com/) installed.
+
+```sh
+$ npm install
+$ npm start
+```
+
+Your app should now be running on [localhost:5000](http://localhost:5000/).
+
+## Deploying to Heroku
+
+```
+$ heroku create
+$ git push heroku master
+$ heroku open
+```
+or
+
+[![Deploy to Heroku](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)
+
+## Documentation
+
+For more information about using Node.js on Heroku, see these Dev Center articles:
+
+- [Getting Started with Node.js on Heroku](https://devcenter.heroku.com/articles/getting-started-with-nodejs)
+- [Heroku Node.js Support](https://devcenter.heroku.com/articles/nodejs-support)
+- [Node.js on Heroku](https://devcenter.heroku.com/categories/nodejs)
+- [Best Practices for Node.js Development](https://devcenter.heroku.com/articles/node-best-practices)
+- [Using WebSockets on Heroku with Node.js](https://devcenter.heroku.com/articles/node-websockets)
diff --git a/app.json b/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "Prox Explorer",
+  "description": "Web interface to explore Prox data sources",
+}
diff --git a/index.js b/index.js
@@ -0,0 +1,40 @@
+let express = require('express');
+let app = express();
+let request = require('request');
+
+let eventbriteOAuth = process.env.EVENTBRITE_OAUTH
+
+app.use(express.static('public'));
+
+app.get('/events/eventbrite', (eventRequest, eventResponse) => {
+  let params = {
+    'location.latitude': eventRequest.query['lat'],
+    'location.longitude': eventRequest.query['long'],
+    'location.within': eventRequest.query['radius'] + 'km',
+    'start_date.keyword': 'next_week',
+    'page': eventRequest.query['page'],
+  };
+  let query = Object.entries(params).map(val => val.join('=')).join('&');
+  console.log(query);
+  let options = {
+    url: 'https://www.eventbriteapi.com/v3/events/search/?' + query,
+    headers: {
+      'Authorization': 'Bearer ' + eventbriteOAuth,
+    },
+  };
+
+  request.get(options, (err, res, body) => {
+    if (err) {
+      eventResponse.send(err);
+      return;
+    }
+
+    console.log(body || res);
+    eventResponse.send(body || res);
+  });
+});
+
+let port = process.env.PORT || 5000
+app.listen(port, () => {
+  console.log(`listening on *:${port}`);
+});
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "prox-list",
+  "version": "0.0.1",
+  "description": "Prox List",
+  "engines": {
+    "node": "7.7.4"
+  },
+  "scripts": {
+    "start": "node index.js"
+   },
+  "dependencies": {
+    "express": "^4.10.2",
+    "request": "^2.81.0"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,87 @@
+<html>
+<head>
+  <title>Prox Explorer</title>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+  <ul id="nav"></ul>
+  <table id="data"></table>
+
+  <script>
+    function getEvents(provider, page) {
+      return new Promise(function (resolve, reject) {
+        let xhr = new XMLHttpRequest();
+        xhr.open('GET', 'events/' + provider + '?lat=41.892455&long=-87.63397&radius=1&page=' + page, true);
+        xhr.responseType = 'json';
+        xhr.onload = function () {
+          resolve(this.response);
+        };
+        xhr.send();
+      });
+    }
+
+    function addEvents(response) {
+      console.log('Adding Eventbrite page ' + response.pagination.page_number + '/' + response.pagination.page_count);
+
+      let events = response.events;
+      if (!events) {
+        document.write("Error: " + JSON.stringify(response));
+        return;
+      }
+
+      let list = document.getElementById('nav');
+      for (let event of events) {
+        let a = document.createElement('a');
+        a.textContent = event.name.text;
+        a.href = 'javascript:void(0);';
+        a.onclick = () => loadEvent(event);
+        let li = document.createElement('li');
+        list.appendChild(a);
+        list.appendChild(li);
+      }
+    }
+
+    function loadEvent(event) {
+      // Clear existing data.
+      let data = document.getElementById('data');
+      while (data.hasChildNodes()) {
+        data.removeChild(data.lastChild);
+      }
+
+      for (let field in event) {
+        let row = document.createElement('tr');
+        let label = document.createElement('td');
+        label.textContent = field;
+        row.appendChild(label);
+        let value = document.createElement('td');
+
+        let text = event[field];
+        if (text instanceof Object) {
+          switch (field) {
+          case 'name': text = text.text; break;
+          case 'description': text = text.text; break;
+          case 'start': text = text.local; break;
+          case 'end': text = text.local; break;
+          }
+        }
+        value.textContent = text;
+
+        row.appendChild(value);
+        data.appendChild(row);
+      }
+      console.log(event);
+    }
+
+    window.onload = () => {
+      getEvents('eventbrite', 1).then(response => {
+        addEvents(response);
+
+        let pageCount = response.pagination.page_count;
+        for (let i = 2; i <= pageCount; i++) {
+          getEvents('eventbrite', i).then(addEvents);
+        }
+      });
+    };
+  </script>
+</body>
+</html>
diff --git a/public/style.css b/public/style.css
@@ -0,0 +1,43 @@
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: Sans-Serif;
+  font-size: 14px;
+  height: 100%;
+}
+
+#nav {
+  width: 40%;
+  height: 100%;
+  overflow: auto;
+  list-style: none;
+  margin: 0;
+  padding: 10px;
+  display: block;
+  float: left;
+}
+
+#nav li {
+  margin: 5px;
+}
+
+#nav a {
+  color: black;
+  text-decoration: none;
+}
+
+#data {
+  font-size: 14px;
+  width: 60%;
+  height: 100%;
+  overflow: auto;
+  margin: 0;
+  padding: 10px;
+  display: block;
+  float: left;
+  border-spacing: 5px;
+}
