app.js
/* eslint-disable no-undef */
/* eslint-disable no-unused-vars */
require('dotenv').config();
const logger = require('morgan');
const path = require('path');
const express = require('express');
const errorHandler = require('errorhandler');
const bodyParser = require('body-parser');
const methodOverride = require('method-override');
const app = express();
const port = process.env.PORT || 8005;
const Prismic = require('@prismicio/client');
const PrismicDOM = require('prismic-dom');
const { application } = require('express');
const UAParser = require('ua-parser-js');
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(errorHandler());
app.use(methodOverride());
app.use(express.static(path.join(__dirname, 'public')));
// Initialize the prismic.io api
const initApi = (req) => {
return Prismic.createClient(process.env.PRISMIC_ENDPOINT, {
accessToken: process.env.PRISMIC_ACCESS_TOKEN,
req,
});
};
// Link Resolver
const HandleLinkResolver = (doc) => {
if (doc.type === 'product') {
return `/detail/${doc.slug}`;
}
if (doc.type === 'collections') {
return '/collections';
}
if (doc.type === 'about') {
return `/about`;
}
// Default to homepage
return '/';
};
// Middleware to inject prismic context
app.use((req, res, next) => {
const ua = UAParser(req.headers['user-agent']);
res.locals.isDesktop = ua.device.type === undefined;
res.locals.isPhone = ua.device.type === 'mobile';
res.locals.isTablet = ua.device.type === 'tablet';
res.locals.Link = HandleLinkResolver;
res.locals.PrismicDOM = PrismicDOM;
res.locals.Numbers = (index) => {
return index === 0
? 'One'
: index === 1
? 'Two'
: index === 2
? 'Three'
: index === 3
? 'Four'
: '';
};
next();
});
app.set('view engine', 'pug');
app.set('views', path.join(__dirname, 'views'));
app.locals.basedir = app.get('views');
const handleRequest = async (api) => {
const meta = await api.getSingle('meta');
const preloader = await api.getSingle('preloader');
const navigation = await api.getSingle('navigation');
const home = await api.getSingle('home');
const about = await api.getSingle('about');
const { results: collections } = await api.query( Prismic.Predicates.at('document.type', 'collection'), { fetchLinks: 'product.image' } ); // prettier-ignore
console.log(about, home, collections);
const assets = [];
home.data.gallery.forEach((item) => {
assets.push(item.image.url);
});
about.data.gallery.forEach((item) => {
assets.push(item.image.url);
});
about.data.body.forEach((section) => {
if (section.slice_type === 'gallery') {
section.items.forEach((item) => {
assets.push(item.image.url);
});
}
});
collections.forEach((collection) => {
collection.data.products.forEach((item) => {
assets.push(item.products_product.data.image.url);
});
});
console.log(assets);
return {
assets,
meta,
home,
collections,
about,
navigation,
preloader,
};
};
app.get('/', async (req, res) => {
const api = await initApi(req);
const defaults = await handleRequest(api)
.then((defaults) => {
if (defaults) {
res.render('pages/home', {
...defaults,
});
} else {
res.status(404).render('404');
}
})
.catch((error) => {
next(`error when retriving page ${error.message}`);
});
});
app.get('/about', async (req, res) => {
const api = await initApi(req);
const defaults = await handleRequest(api)
.then((defaults) => {
if (defaults) {
res.render('pages/about', {
...defaults,
});
} else {
res.status(404).render('404');
}
})
.catch((error) => {
next(`error when retriving page ${error.message}`);
});
});
app.get('/collections', async (req, res) => {
const api = await initApi(req);
const defaults = await handleRequest(api)
.then((defaults) => {
if (defaults) {
res.render('pages/collections', {
...defaults,
});
} else {
res.status(404).render('404');
}
})
.catch((error) => {
next(`error when retriving page ${error.message}`);
});
});
// app.get('/detail/:uid', async (req, res) => {
// const api = await initApi(req);
// const defaults = await handleRequest(api);
// const product = await api.getByUID('product', req.params.uid, {
// fetchLinks: 'collection.title',
// });
// if (product) {
// res.render('pages/detail', {
// product,
// ...defaults,
// });
// } else {
// res.status(404).send('Page not found');
// }
// });
app.get('/detail/:uid', async (req, res) => {
const api = await initApi(req);
const product = await api.getByUID('product', req.params.uid, {
fetchLinks: 'collection.title',
});
const defaults = await handleRequest(api)
.then((defaults) => {
if (defaults) {
res.render('pages/detail', {
...defaults,
product,
});
} else {
res.status(404).render('404');
}
})
.catch((error) => {
next(`error when retriving page ${error.message}`);
});
});
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`);
});
what else i have to change here to make the development work in localhost.
right now i am experiencing this error: crbug/1173575, non-JS module files deprecated.
now having this error in 
now only thing which is messing right now is the error from