nuxt.config.js

if (process.env.NODE_ENV !== 'production' || process.env.ENV_FILE == 'local') {
  const dotenv = require('dotenv')
  dotenv.config()
}

const marked = require('marked')
const renderer = new marked.Renderer();
const join = require('path').join
const tailwindJS = join(__dirname, 'tailwind.js')
const baseUrl = 'https://retrobox.tech'
const routesHelper = require('./routesHelper')

module.exports = {
  mode: 'universal',
  telemetry: false,

  modules: [
    '@nuxtjs/axios',
    'nuxt-i18n',
    ['nuxt-env', {
      keys: [
        'API_ENDPOINT',
        'ADMIN_DASHBOARD_ENDPOINT',
        'WS_ENDPOINT',
        'COOKIE_DOMAIN',
        'STRIPE_PUBLIC',
        'API_PROXY_ENDPOINT'
      ]
    }],
    '@nuxtjs/sitemap',
    '@nuxtjs/proxy',
    '@nuxtjs/robots',
    '@nuxtjs/sentry'
  ],

  env: {
    'FACEBOOK_URL': 'https://facebook.com/RetroBoxSP',
    'TWITTER_URL': 'https://twitter.com/RetroBoxSP',
    'GITHUB_URL': 'https://github.com/retrobox',
    'DISCORD_URL': 'https://discord.gg/TzNNQnP'
  },

  plugins: [
    '~/plugins/apitator.js',
    '~/plugins/imageAdaptor.js',
    {src: '~/plugins/cookie.js', ssr: false},
    {src: '~/plugins/transition.js', ssr: false},
    {src: '~/plugins/modal.js', ssr: false},
    {src: '~/plugins/scrollTo.js', ssr: false},
    {src: '~/plugins/tooltip.js', ssr: false},
    {src: '~/plugins/persistedState.js', ssr: false},
    {src: '~/plugins/lazyLoad.js', ssr: false},
    {src: '~/plugins/highlight.js', ssr: false},
    {src: '~/plugins/xterm.js', ssr: false}
  ],

  head: {
    title: "RetroBox",
    meta: [
      {charset: 'utf-8'},
      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
      {name: 'msapplication-TileColor', content: '#ff0000'},
      {name: 'msapplication-TileImage', content: '/ms-icon-144x144.png'},
      {name: 'theme-color', content: '#ff0000'},
      {name: 'robots', content: 'All'}
    ],
    link: [
      {rel: 'icon', type: 'image/png', href: '/favicon.png'},
      {rel: 'apple-touch-icon', sizes: '57x57', href: '/apple-icon-57x57.png'},
      {rel: 'apple-touch-icon', sizes: '60x60', href: '/apple-icon-60x60.png'},
      {rel: 'apple-touch-icon', sizes: '72x72', href: '/apple-icon-72x72.png'},
      {rel: 'apple-touch-icon', sizes: '76x76', href: '/apple-icon-76x76.png'},
      {rel: 'apple-touch-icon', sizes: '114x144', href: '/apple-icon-144x144.png'},
      {rel: 'apple-touch-icon', sizes: '120x120', href: '/apple-icon-120x120.png'},
      {rel: 'apple-touch-icon', sizes: '144x144', href: '/apple-icon-144x144.png'},
      {rel: 'apple-touch-icon', sizes: '152x152', href: '/apple-icon-152x152.png'},
      {rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-icon-180x180.png'},
      {rel: 'icon', type: 'image/png', sizes: '16x16', href: '/android-icon-16x16.png'},
      {rel: 'icon', type: 'image/png', sizes: '32x32', href: '/android-icon-36x36.png'},
      {rel: 'icon', type: 'image/png', sizes: '96x96', href: '/android-icon-96x96.png'},
      {rel: 'icon', type: 'image/png', sizes: '192x192', href: '/android-icon-192x192.png'},
      {rel: 'manifest', href: '/manifest.json'}
    ],
    script: [
      {type: 'text/javascript', src: '/analytics.js', async: true, body: true, defer: true}
    ]
  },

  router: {
    middleware: ['session', 'i18n-check']
  },

  i18n: {
    baseUrl,
    seo: true,
    locales: [
      {
        code: 'en',
        iso: 'en-US',
        file: 'en-US.js'
      },
      {
        code: 'fr',
        iso: 'fr-FR',
        file: 'fr-FR.js'
      }
    ],
    lazy: true,
    langDir: 'lang/',
    defaultLocale: 'fr',
    strategy: 'prefix',
    detectBrowserLanguage: {
      useCookie: true,
      alwaysRedirect: false,
      cookieKey: 'i18n_redirected'
    },
    vueI18n: {
      fallbackLocale: 'en'
    }
  },

  sitemap: {
    hostname: baseUrl,
    routes: () => routesHelper.getRoutes(),
    filter: ({routes}) => routesHelper.filterRoutes(routes),
    path: '/sitemap.xml',
    gzip: true,
    generate: false
  },

  robots: async () => ({
    UserAgent: '*',
    Sitemap: 'sitemap.xml',
    Disallow: await routesHelper.getExcludedRoutes()
  }),

  proxy: {
    '/api': {
      changeOrigin: true,
      target: process.env.API_ENDPOINT,
      pathRewrite: {'^/api/': ''},
      onProxyReq: proxyReq => {
        proxyReq.removeHeader('x-forwarded-for');
        proxyReq.removeHeader('x-forwarded-host');
        proxyReq.removeHeader('x-forwarded-server');
        proxyReq.removeHeader('cf-ipcountry');
        proxyReq.removeHeader('cf-ray');
        proxyReq.removeHeader('cf-connecting-ip');
        proxyReq.removeHeader('cf-visitor');
        proxyReq.removeHeader('dnt');
      },
      onError: err => {
        console.log('---- PROXY ERROR ----');
        console.log(err);
        console.log('---- END OF PROXY ERROR ----');
      }
    }
  },

  loading: {color: '#000'},

  css: [
    '~/assets/scss/main.scss'
  ],

  build: {
    extend(config, ctx) {
      // Run ESLint on save
      config.module.rules.push({
        test: /\.md$/,
        use: [
          {
            loader: "html-loader"
          },
          {
            loader: "markdown-loader",
            options: {
              pedantic: true,
              renderer
            }
          }
        ]
      });
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    },
    postcss: {
      plugins: {
        'tailwindcss': tailwindJS,
        'autoprefixer': {}
      }
    },
    extractCSS: true,
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.(css|vue)$/,
            chunks: 'all',
            enforce: true
          }
        }
      }
    }
  }
}