app.js

if (process.env.NODE_ENV !== "production") {
    require('dotenv').config();
}


const express = require('express');
const path = require('path');
const mongoose = require('mongoose');
// uire('./utils/ExpressError');
const methodOverride = require('method-override')
const ejsMate = require('ejs-mate');
const session = require('express-session');
const flash = require('connect-flash');
const ExpressError = reqOverride = require('method-override');
const passport = require('passport');
const LocalStrategy = require('passport-local');
const User = require('./models/user');
const helmet = require('helmet');

const mongoSanitize = require('express-mongo-sanitize');



const userRoutes = require('./routes/users');
const campgroundRoutes = require('./routes/campgrounds');
const reviewRoutes = require('./routes/reviews');

const dbUrl = process.env.DB_URL;

// mongoose.connect(process.env.DB_URL || 'mongodb://localhost:27017/yelp-camp', {
    mongoose.connect(dbUrl , {
    useNewUrlParser: true,
    useCreateIndex: true,
    useUnifiedTopology: true,
    useFindAndModify: false
});

const db = mongoose.connection;
db.on("error", console.error.bind(console, "connection error:"));
db.once("open", () => {
    console.log("Database connected");
});

const app = express();

app.engine('ejs', ejsMate)
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'))

app.use(express.urlencoded({ extended: true }));
app.use(methodOverride('_method'));
app.use(express.static(path.join(__dirname, 'public')))
app.use(mongoSanitize({
    replaceWith: '_'
}))

const secret = process.env.SECRET || 'thisshouldbeabettersecret!';

const sessionConfig = {
    name: 'session',
    secret,
    resave: false,
    saveUninitialized: true,
    cookie: {
        httpOnly: true,
        // secure: true,
        expires: Date.now() + 1000 * 60 * 60 * 24 * 7,
        maxAge: 1000 * 60 * 60 * 24 * 7
    }
}


app.use(session(sessionConfig));
app.use(flash());



// HELMET ADDS EXTRA PROTECTION AND SECURES OUR WEBSITE
// app.use(helmet());
app.use(helmet({ crossOriginEmbedderPolicy: false }));

const scriptSrcUrls = [
    "https://stackpath.bootstrapcdn.com/",
    "https://api.tiles.mapbox.com/",
    "https://api.mapbox.com/",     
    "https://pixabay.com/photos/",
    "https://kit.fontawesome.com/",
    "https://cdnjs.cloudflare.com/",
    "https://cdn.jsdelivr.net/",
    "https://pixabay.com/images/",
    "https://res.cloudinary.com/ddbtakrr5/",
    "https://pixaby.com",
    "https://unsplash.com",
    "https://unsplash.com/s/photos/images",
    "https://www.istockphoto.com/",
    "https://pixabay.com/api/",
    // "https://cdn.pixabay.com/photo/2022/10/30/16/42/cat-7557859__340.jpg"
];
const styleSrcUrls = [
    "https://kit-free.fontawesome.com/",
    "https://stackpath.bootstrapcdn.com/",
    "https://api.mapbox.com/",
    "https://api.tiles.mapbox.com/",
    "https://fonts.googleapis.com/",
    "https://pixabay.com/photos/",
    "https://use.fontawesome.com/",
    "https://cdn.jsdelivr.net/",
    "https://pixabay.com/photos/",
    "https://res.cloudinary.com/ddbtakrr5/",
    "https://pixaby.com",
    "https://unsplash.com",
    "https://unsplash.com/s/photos/images",
    "https://www.istockphoto.com/",
    "https://pixabay.com/api/",
    "https://cdn.pixabay.com/photo/2022/10/30/16/42/cat-7557859__340.jpg"
];
const connectSrcUrls = [
    "https://*.tiles.mapbox.com",
    "https://api.mapbox.com",
    "https://events.mapbox.com",
    // "https://pixabay.com/photos/",
    "https://res.cloudinary.com/ddbtakrr5/",
    "https://www.istockphoto.com/",
    "https://pixabay.com/api/",
    "https://cdn.pixabay.com/photo/2022/10/30/16/42/cat-7557859__340.jpg"
    
];
const fontSrcUrls = [ "https://res.cloudinary.com/ddbtakrr/" ];
 

//=======USING this arrays of helmet in this CODE
app.use(
    helmet.contentSecurityPolicy({
        directives : {
            defaultSrc : [],
            connectSrc : [ "'self'", ...connectSrcUrls ],
            scriptSrc  : [ "'unsafe-inline'", "'self'", ...scriptSrcUrls ],
            styleSrc   : [ "'self'", "'unsafe-inline'", ...styleSrcUrls ],
            workerSrc  : [ "'self'", "blob:" ],
            objectSrc  : [],
            imgSrc     : [
                "'self'",
                "blob:",
                "data:",
                "https://res.cloudinary.com/ddbtakrr5/", //SHOULD MATCH YOUR CLOUDINARY ACCOUNT!
                "https://images.unsplash.com/",
                "https://https://pixabay.com/images/",
                "https://images.pixaby.com",
                "https://unsplash.com/s/photos/images",
                "https://www.istockphoto.com/",
                "https://pixabay.com/api/"
            ],
            fontSrc    : [ "'self'", ...fontSrcUrls ],
            mediaSrc   : [ "https://res.cloudinary.com/ddbtakrr5/" ],
            childSrc   : [ "blob:" ]
        }
    })
);

app.use(passport.initialize());
app.use(passport.session());
passport.use(new LocalStrategy(User.authenticate()));

passport.serializeUser(User.serializeUser());
passport.deserializeUser(User.deserializeUser());

app.use((req, res, next) => {
    res.locals.currentUser = req.user;
    res.locals.success = req.flash('success');
    res.locals.error = req.flash('error');
    next();
})


app.use('/', userRoutes);
app.use('/campgrounds', campgroundRoutes)
app.use('/campgrounds/:id/reviews', reviewRoutes)


app.get('/', (req, res) => {
    res.render('home')
});


app.all('*', (req, res, next) => {
    next(new ExpressError('Page Not Found', 404))
})

app.use((err, req, res, next) => {
    const { statusCode = 500 } = err;
    if (!err.message) err.message = 'Oh No, Something Went Wrong!'
    res.status(statusCode).render('error', { err })
})

const port = process.env.PORT || 3000;
// const port = 3001;
app.listen(port, () => {
    console.log(`Serving on port ${[port]}`)
})