nuxt.config.js

import bodyParser from 'body-parser';
import config from 'config';
import cookieParser from 'cookie-parser';
import webpack from 'webpack';
import ConfigWebpackPlugin from 'config-webpack';

import csrf from './lib/middleware/csrf.js';
import cookieAuthorization from './lib/middleware/cookie-authorization.js';
import initialSearches from './lib/middleware/initial-searches.js';
import loadMapboxConfig from './lib/middleware/load-mapbox-config.js';
import manifest from './manifest.json';

export default {
	/*
	** Headers of the page
	*/
	head: {
		title: 'LifeScope',
		description: 'LifeScope',
		meta: [
			{
				charset: 'utf-8'
			},
			{
				name: 'viewport',
				content: 'initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width'
			},
			{
				hid: 'description',
				name: 'description',
				content: '{{escape description }}'
			},
			{
				name: 'apple-mobile-web-app-capable',
				content: 'no'
			},
			{
				name: 'apple-mobile-web-app-title',
				content: 'LifeScope'
			},
			{
				name: 'application-name',
				content: 'LifeScope'
			},
			{
				name: 'msapplication-TileColor',
				content: '#2ac1de'
			},
			{
				name: 'msapplication-TileImage',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/mstile-144x144.png'
			},
			{
				name: 'msapplication-square70x70logo',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/mstile-70x70.png'
			},
			{
				name: 'msapplication-square150x150logo',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/mstile-150x150.png'
			},
			{
				name: 'msapplication-wide310x150logo',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/mstile-310x150.png'
			},
			{
				name: 'msapplication-square310x310logo',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/mstile-310x310.png'
			},
			{
				name: 'theme-color',
				content: '#ffffff'
			},
			{
				name: 'google-site-verification',
				content: 'b8zInA5OFENnwrupGy0EPeJDeWvtY4e_R4SZDXZF6xI'
			},
			{
				name: 'keywords',
				content: 'small data, search, data discovery, social media, LifeScope, life scope'
			},
			{
				property: 'og:title',
				content: 'LifeScope'
			},
			{
				property: 'og:type',
				content: 'website'
			},
			{
				property: 'og:url',
				content: 'https://app.lifescope.io'
			},
			{
				property: 'og:site_name',
				content: 'LifeScope'
			},
			{
				property: 'og:description',
				content: 'LifeScope lets you search the internet of you using passive automatic life logging. Connect accounts for events, people, places, things, and digital content in one lifelogger.'
			},
			{
				property: 'og:image',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-512x512.png/og-image.jpg'
			},
			{
				property: 'og:image:secure_url',
				content: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-512x512.png/og-image.jpg'
			},
			{
				property: 'og:image:width',
				content: '279'
			},
			{
				property: 'og:image:height',
				content: '279'
			}
		],
		link: [
			{
				rel: 'apple-touch-icon',
				sizes: '57x57',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-57x57.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '60x60',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-60x60.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '72x72',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-72x72.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '76x76',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-76x76.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '114x114',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-114x114.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '120x120',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-120x120.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '144x144',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-144x144.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '152x152',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon-152x152.png'
			},
			{
				rel: 'apple-touch-icon',
				sizes: '180x180',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/apple-touch-icon.png'
			},
			{
				rel: 'icon',
				sizes: '16x16',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/favicon-16x16.png'
			},
			{
				rel: 'icon',
				sizes: '32x32',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/favicon-32x32.png'
			},
			{
				rel: 'icon',
				sizes: '36x36',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-36x36.png'
			},
			{
				rel: 'icon',
				sizes: '48x48',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-48x48.png'
			},
			{
				rel: 'icon',
				sizes: '72x72',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-72x72.png'
			},
			{
				rel: 'icon',
				sizes: '96x96',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-96x96.png'
			},
			{
				rel: 'icon',
				sizes: '144x144',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-144x144.png'
			},
			{
				rel: 'icon',
				sizes: '192x192',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-192x192.png'
			},
			{
				rel: 'icon',
				sizes: '256x256',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-256x256.png'
			},
			{
				rel: 'icon',
				sizes: '384x384',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-384x384.png'
			},
			{
				rel: 'icon',
				sizes: '512x512',
				type: 'image/png',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/android-chrome-512x512.png'
			},
			{
				rel: 'mask-icon',
				color: '#5bbad5',
				href: 'https://d21yg5z5swigyg.cloudfront.net/assets/images/icons/safari-pinned-tab.svg'
			},
			{
				rel: 'stylesheet',
				href: 'https://fonts.googleapis.com/css?family=Lato:300,400,700|PT+Sans:400,400italic,700,700italic|Quicksand:400,300|Raleway:400|Roboto:300,400,700|Source+Sans+Pro:300,400,700'
			},
			{
				rel: 'stylesheet',
				href: 'https://pro.fontawesome.com/releases/v5.6.1/css/all.css',
				integrity: "sha384-NJXGk7R+8gWGBdutmr+/d6XDokLwQhF1U3VA7FhvBDlOq7cNdI69z7NQdnXxcF7k",
				crossorigin: "anonymous"
			},
			{
				rel: 'stylesheet',
				href: 'https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css'
			}
		]
	},

	/*
	** Customize the progress bar color
	*/
	loading: {color: '#2ac1de'},

	pageTransition: {
		appear: true,
		name: 'opacity',
		mode: 'out-in'
	},

	modules: [
		'@nuxtjs/apollo',
		'@nuxtjs/google-analytics',
		'@nuxtjs/style-resources',
		[
			'@nuxtjs/pwa',
			{
				icon: false,
				meta: false,
				onesignal: false
			}
		],
		'cookie-universal-nuxt'
	],

	styleResources: {
		scss: [
			'~assets/scss/lifescope-styles/*.scss',
			'~assets/scss/lifescope-styles/*/*.scss',
			'components/xr/**/*.scss',
		]
	},

	manifest: manifest,

	workbox: {
		swTemplate: 'static/sw-template.js'
	},

	apollo: {
		clientConfigs: {
			default: '../apollo/client-configs/default.js'
		}
	},

	'google-analytics': {
		id: config.googleAnalytics.trackingID,
		debug: {
			sendHitTask: config.googleAnalytics.enabled
		}
	},

	css: [
		{
			src: '~node_modules/vue-js-modal/dist/styles.css',
			lang: 'css'
		},
		{
			src: '@/assets/scss/site.scss',
			lang: 'scss'
		}
	],

	/*
	** Build configuration
	*/
	build: {
		extend(config) {
			config.node = {
				dns: 'empty',
				fs: 'empty',
				module: 'empty',
				net: 'empty',
				tls: 'empty'
			};

			// /*
			// ** Run ESLint on save
			// */
			// if (isDev && isClient) {
			//   config.module.rules.push({
			//     enforce: 'pre',
			//     test: /\.(js|vue)$/,
			//     loader: 'eslint-loader',
			//     exclude: /(node_modules)/
			//   })
			// }
		},

		babel: {
			presets: ['@babel/preset-env'],
			plugins: [
				'@babel/transform-runtime'
			],
			babelrc: true
		},


		plugins: [
			new webpack.ProvidePlugin({
				jQuery: 'jquery',
				'window.jQuery': 'jquery',
				$: 'jquery',
				moment: 'moment',
				// 'socket.io': 'socket.io-client',
				introJs: 'intro.js',
				mapboxgl: 'mapbox-gl',
			}),
			new ConfigWebpackPlugin(),
		],
	},

	plugins: [
		'./plugins/vue-js-modal',
		'./plugins/vue2-filters',
		'./plugins/vue-observe-visibility',
		{
			src: './plugins/vue-country-region-select',
			ssr: false
		},
		{
			src: './plugins/vue-bootstrap-datetimepicker',
			ssr: false
		},
		{
			src: './plugins/vue-toggle-button',
			ssr: false
		},
		{
			src: './plugins/vue-aframe',
			mode: 'client'
		},
		{
			src: './plugins/appear.js',
			ssr: false
		},
		{
			src: './plugins/vue-shepherd',
			ssr: false
		}
	],

	serverMiddleware: [
		bodyParser.json(),
		cookieParser(),
		cookieAuthorization,
		csrf.create,
		initialSearches,
		loadMapboxConfig
	]
};