import k from './api/kronikarz'

const BASE_URL = process.env.DEPLOY_PRIME_URL || 'http://localhost:3000'

export default {
  mode: 'universal',
  server: {
    host: '0.0.0.0',
  },
  /*
   ** Headers of the page
   */
  head: {
    htmlAttrs: {
      lang: 'pl',
      prefix: 'og: http://ogp.me/ns#',
    },
    title: '19 PDH Puszcza',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { name: 'robots', content: 'all' },
      {
        hid: 'description',
        property: 'description',
        content: process.env.npm_package_description || '',
      },
      {
        name: 'google-site-verification',
        content: 'V9-RG4-ertDzO9hqxuG29PkDUM8PGqaSOYUMiMaGUOY',
      },
      {
        hid: 'og:image',
        property: 'og:image',
        content: `${BASE_URL}/assets/og/default_tree.jpg`,
      },
      {
        hid: 'og:image:width',
        property: 'og:image:width',
        content: `1200`,
      },
      {
        hid: 'og:image:height',
        property: 'og:image:height',
        content: `916`,
      },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      {
        href:
          'https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap',
        rel: 'stylesheet',
      },
    ],
  },
  env: {
    baseUrl: process.env.DEPLOY_URL || 'http://localhost:3000',
  },
  generate: {
    routes: k.getPosts().map((post) => post.route),
  },
  /*
   ** Customize the progress-bar color
   */
  loading: { color: '#fff' },
  /*
   ** Global CSS
   */
  css: ['assets/css/main.css'],
  /*
   ** Plugins to load before mounting the App
   */
  plugins: [],
  /*
   ** Nuxt.js dev-modules
   */
  buildModules: [],
  /*
   ** Nuxt.js modules
   */
  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    '@nuxtjs/pwa',
  ],
  /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
  axios: {},
  /*
   ** Build configuration
   */
  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, { isDev, isClient }) {
      if (isClient) {
        config.node = {
          fs: 'empty',
          child_process: 'empty',
          tls: 'empty',
          net: 'empty',
        }
      }
      config.module.rules.push({
        test: /\.md$/,
        use: ['raw-loader'],
      })
    },
  },
  hooks: {
    generate: {
      routeCreated({ route, path, errors }) {
        console.log(route)
        console.log(path)
        console.log(errors)
      },
    },
  },
  loading: {
    color: '#507b34',
    height: '5px',
  },
}