server.js

////////////   Modules  /////////////
const dotenv = require('dotenv');
dotenv.config();
const express = require('express');
const app = express();
const port = process.env.PORT
// if (process.env.DEVELOPMENT) {
//   const morgan = require('morgan');
// }
const bodyParser = require('body-parser');
const axios = require('axios');
const geoJSON = require('./library/geoJSON_module');
const session = require('express-session');
const { v4: genuuid } = require('uuid');
const indexRouter = require('./routes/index')
const attractionsRouter = require('./routes/attractions')
let inputForFinalPage = []


////////////   Middleware /////////////
app.set('view engine', 'ejs');
// if (process.env.DEVELOPMENT) {
//   app.use(morgan('combined'));
// }
app.use(bodyParser.json());
app.use(express.static('public'));

////////////   routing /////////////
// app.use('/', indexRouter)
// app.use('/attractions', attractionsRouter)




////////////  Session setup  /////////////
app.use(session({
  name: 'SessionCookie',
  genid: function (req) {
    console.log('session id created')
    return genuuid() // use UUIDs for session IDs
  },
  secret: 'tom cat',
  resave: false,
  saveUninitialized: true,
  cookie: { maxAge: 3600000 }
}))

var sess;
////////////   Routes  /////////////
app.get('/', (req, res) => {
  sess = req.session;
  sess.starredItems = [];
  inputForFinalPage = [];
  sess.apiResults = "";
  res.render('welcome_page')
})


app.get('/index', (req, res) => {
  sess = req.session;
  
  if (sess.apiResults) {

    let arrOfPlaces = sess.apiResults.data.places
    let arrOfInstances = []

    arrOfPlaces.forEach(place => {
      if (place.perex !== null){
        let instancePlace = { id: place.id, name: place.name, location: place.location, description: place.perex, image: place.thumbnail_url, timeToSpend: place.duration_estimate}
        arrOfInstances.push(instancePlace)
      }
    })

    res.render('index', {
      attractions: arrOfInstances
    })


  } else {

    let url = `https://api.sygictravelapi.com/1.2/en/places/list?parents=city:381&categories=${req.query.category}&limit=20`

    axios.get(url, {
      headers: {
        'x-api-key': process.env.API_KEY_SYGIC
      }
    }).then(response => {

      // res.json(response.data)

      // clean up the date to provide us the relevant information
      let arrOfPlaces = response.data.data.places
      let arrOfInstances = []

      arrOfPlaces.forEach(place => {
        if (place.perex !== null){
          let instancePlace = { id: place.id, name: place.name, location: place.location, description: place.perex, image: place.thumbnail_url, timeToSpend: place.duration_estimate}
          arrOfInstances.push(instancePlace)
        }
      })

      sess.apiResults = response.data;
      // res.json(arrOfInstances)
      res.render('index', {
        attractions: arrOfInstances
      })
    })
  }
})

app.get('/itinerary', (req, res) => {
  res.render('itinerary',{selectedLocs: inputForFinalPage})
})

app.post('/attractions', (req, res) => {
  sess = req.session


  inputForFinalPage.push(req.body.attraction)
  // console.log(inputForFinalPage)

  res.send(inputForFinalPage)
})

app.get('/attractions', (req, res) => {
  sess = req.session
  res.send(inputForFinalPage)
})

// geoJSON output
app.get('/api/geojson', (req, res) => {
  sess = req.session;
  res.json(geoJSON.convertToGeoJSON(sess.apiResults));
})

////////////   SERVER LISTENNING  /////////////
app.listen(port, () => {
  console.log(`listening to port ${port}`);
})