nuxt.config.js

import git from 'git-rev-sync'

const getNodeEnv = () => process.env.NODE_ENV

const evalBool = (bool) => {
  if (bool === 'true') { return true } else if (bool === 'false') { return false }
  return bool
}
const isProduction = () => getNodeEnv() === 'production'
const isDevelopment = () => getNodeEnv() === 'development'
const getHostname = () => {
  const env = getNodeEnv()
  if (env === 'staging') {
    return 'https://sulfuron-guilds-staging.web.app/'
  } else if (env === 'production') {
    return 'https://guildes.sulfuron.eu'
  }
  return process.env.BASE_URL
}
const getAmplitudeEnv = () => {
  const env = getNodeEnv()
  return env === 'production'
    ? 'production'
    : 'development'
}

const ignorePatterns = [
  'node_modules',
  'functions',
  'test',
  'dist',
  '*.log'
]

export default {
  /*
  ** Vue config
  */
  vue: {
    config: {
      productionTip: isDevelopment(),
      devtools: isDevelopment()
    }
  },
  /*
  ** Nuxt target
  ** See https://nuxtjs.org/api/configuration-target
  */
  target: 'static',
  /*
  ** Runtime config
  */
  publicRuntimeConfig: {
    baseURL: getHostname(),
    features: {
      ENABLE_PARTNERS: evalBool(process.env.FEATURES_ENABLE_PARTNERS)
    },
    sentry: {
      config: {
        environment: getNodeEnv()
      }
    },
    amplitudeEnvironment: getAmplitudeEnv()
  },
  /*
  ** Components config
  */
  components: true,
  /*
  ** Router config
  */
  router: {
    trailingSlash: true
  },
  /*
  ** Headers of the page
  ** See https://nuxtjs.org/api/configuration-head
  */
  head: {
    htmlAttrs: {
      lang: 'fr'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  /*
  ** Global CSS
  */
  css: [
    '~/assets/css/base.css',
    '~/assets/css/utilities.css',
    '~/assets/css/animations.css',
    '~/assets/css/fonts.css'
  ],
  /*
  ** Plugins to load before mounting the App
  ** https://nuxtjs.org/guide/plugins
  */
  plugins: [
    '~/plugins/vue-cookies.client.js',
    { src: '~/plugins/analytics', mode: 'client' }
  ],
  // Analytics plugin should load before Firebase because it is called in `onAuthStateChanged` action
  extendPlugins (plugins) {
    const analyticsPluginIndex = plugins.findIndex(
      plugin => (typeof plugin === 'string' ? plugin : plugin.src) === '~/plugins/analytics'
    )
    const analyticsPlugin = plugins[analyticsPluginIndex]
    plugins.splice(analyticsPluginIndex, 1)
    plugins.unshift(analyticsPlugin)
    return plugins
  },
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    // Doc: https://github.com/nuxt-community/dotenv-module
    '@nuxtjs/dotenv',
    // Doc: https://github.com/nuxt-community/eslint-module
    '@nuxtjs/eslint-module',
    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
    '@nuxtjs/tailwindcss',
    // Doc: https://sentry.nuxtjs.org/
    '@nuxtjs/sentry',
    // Doc: https://image.nuxtjs.org/
    '@nuxt/image',
    // Doc: https://typescript.nuxtjs.org/
    '@nuxt/typescript-build'
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://composition-api.nuxtjs.org/
    '@nuxtjs/composition-api/module',
    // Doc: https://firebase.nuxtjs.org/
    '@nuxtjs/firebase',
    // Doc: https://github.com/nuxt-community/robots-module
    '@nuxtjs/robots',
    // Doc: https://www.npmjs.com/package/nuxt-lazy-load
    ['nuxt-lazy-load', {
      directiveOnly: true
    }],
    // Doc: https://sitemap.nuxtjs.org/
    '@nuxtjs/sitemap'
    // '~/modules/analytics'
  ],
  /*
  ** Ignored files
  */
  ignore: ignorePatterns,
  /*
  ** TypeScript module
  */
  typescript: {
  },
  /*
  ** Build configuration
  ** See https://nuxtjs.org/api/configuration-build/
  */
  build: {
    extend (config) {
      // Errors with resolution of @vue/composition-api in vue-demi
      // Fix documented in this issue: https://github.com/vueuse/vue-demi/issues/106
      config.resolve.alias['@vue/composition-api'] = '@vue/composition-api/dist/vue-composition-api.mjs'
      config.resolve.alias['@vue/composition-api/dist/vue-composition-api.esm.js'] = '@vue/composition-api/dist/vue-composition-api.mjs'

      // Errors with directory import in @nuxtjs/firebase
      // Issue: https://github.com/nuxt-community/firebase-module/issues/602
      config.resolve.alias['firebase/app'] = 'firebase/app/dist/index.cjs.js'
    },
    // Enabled to fix the following issue
    // https://github.com/nuxt/nuxt.js/issues/5800#issuecomment-549404405
    html: {
      minify: {
        collapseWhitespace: true
      }
    }
  },
  /*
  ** Generate configuration
  ** See https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-generate
  */
  generate: {
    async done (builder) {
      const appModule = await import('./.nuxt/firebase/app.js')
      const { session } = await appModule.default(
        builder.options.firebase.config,
        {
          res: null
        }
      )
      try {
        session.database().goOffline()
      } catch (e) { }
      try {
        session.firestore().terminate()
      } catch (e) { }
    },
    /*
     * Do not re-generate when changes happen in these files or folders
     */
    cache: {
      ignore: ignorePatterns
    },
    /*
     * Do not generate page for these routes, as they will be handled by Firebase hosting
     */
    exclude: [
      '/auth/battlenet'
    ],
    fallback: '404.html'
  },
  /*
  ** Watchers configuration
  */
  watchers: {
    webpack: {
      ignored: ignorePatterns
    },
    chokidar: {
      ignored: ignorePatterns
    }
  },
  /*
  ** Eslint module
  */
  eslint: {
    exclude: ignorePatterns
  },
  /*
  ** Firebase module configuration
  */
  firebase: {
    config: {
      production: {
        apiKey: 'AIzaSyDgCfIFFy-5Lw8rQ-HF3M--T-oT270LdpE',
        authDomain: 'sulfuron-guilds.firebaseapp.com',
        databaseURL: 'https://sulfuron-guilds.firebaseio.com',
        projectId: 'sulfuron-guilds',
        storageBucket: 'sulfuron-guilds.appspot.com',
        messagingSenderId: '229682010576',
        appId: '1:229682010576:web:db892c4df7f3ba3b1281d5'
      },
      staging: {
        apiKey: 'AIzaSyA6JtdseEsctm9fmOkkSUg4VY3QHFbVglE',
        authDomain: 'sulfuron-guilds-staging.firebaseapp.com',
        projectId: 'sulfuron-guilds-staging',
        storageBucket: 'sulfuron-guilds-staging.appspot.com',
        messagingSenderId: '406027081529',
        appId: '1:406027081529:web:69a25de34dd3cd99787ae8'
      },
      development: {
        apiKey: 'AIzaSyA6JtdseEsctm9fmOkkSUg4VY3QHFbVglE',
        authDomain: 'sulfuron-guilds-staging.firebaseapp.com',
        projectId: 'sulfuron-guilds-staging',
        storageBucket: 'sulfuron-guilds-staging.appspot.com',
        messagingSenderId: '406027081529',
        appId: '1:406027081529:web:69a25de34dd3cd99787ae8'
      }
    },
    services: {
      auth: {
        emulatorPort: (isDevelopment() && process.env.FIREBASE_EMULATOR_AUTH === 'true')
          ? 8080
          : undefined,
        initialize: {
          onAuthStateChangedAction: 'account/onFirebaseAuthStateChanged'
        }
      },
      firestore: {
        emulatorPort: (isDevelopment() && process.env.FIREBASE_EMULATOR_FIRESTORE === 'true')
          ? 8080
          : undefined
      },
      functions: {
        emulatorPort: (isDevelopment() && process.env.FIREBASE_EMULATOR_FUNCTIONS === 'true')
          ? 5001
          : undefined
      },
      analytics: {
        collectionEnabled: isProduction()
      }
    },
    // 'true' doesn't work anymore:
    // Fix: https://firebase.nuxtjs.org/community/faq/#nuxt-generate-warns-with-nuxt-generate-finished-but-did-not-exit
    terminateDatabasesAfterGenerate: false
  },
  /*
  ** Sentry module configuration
  */
  sentry: {
    disabled: isDevelopment(),
    dsn: 'https://c641e9d80e684743befafefdbe54d3d9@o571625.ingest.sentry.io/5720079',
    publishRelease: true,
    sourceMapStyle: 'hidden-source-map',
    tracing: true,
    config: {
      release: git.long(), // GIT_COMMIT_SHA
      // Pulled from publicRuntimeConfig
      environment: process.env.ENVIRONMENT || 'development'
    },
    // Options passed to @sentry/webpack-plugin.
    // Docs: https://github.com/getsentry/sentry-webpack-plugin/blob/master/README.md
    webpackConfig: {
      // Sentry CLI options
      authToken: process.env.SENTRY_AUTH_TOKEN,
      org: 'strift',
      project: 'sulfuron-guilds',
      // Sentry options
      include: ['.nuxt/dist/client'],
      ignore: [
        'node_modules',
        '.nuxt/dist/client/img'
      ]
    }
  },
  /*
  ** Site map
  */
  sitemap: {
    hostname: getHostname(),
    trailingSlash: true
  },
  /*
  ** Nuxt images
  */
  image: {
  },
  /*
  ** Storybook
  */
  storybook: {
    stories: [
      '~/stories/**/*.stories.js'
    ],
    parameters: {
      backgrounds: {
        default: 'gray-900',
        values: [
          { name: 'gray-900', value: '#1a202c' }
        ]
      }
    }
  }
}