const { environment } = require('@rails/webpacker')
const { VueLoaderPlugin } = require('vue-loader')
const vue = require('./loaders/vue')
const path = require('path')
const webpack = require('webpack')

environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
environment.loaders.prepend('vue', vue)
environment.loaders.append('audio', {
  test: /\.(mp3)(\?.*)?$/,
  loader: 'url-loader',
  query: {
    limit: 10000,
    name: 'audio/[name].[ext]'
  },
})

const resolve = {
  alias: {
    'vue$': 'vue/dist/vue.common.js',
    'src': path.resolve('./app/javascript/src'),
    'assets': path.resolve('./app/javascript/src/assets'),
    'components': path.resolve('./app/javascript/src/components')
  },
};

environment.config.merge({ resolve });

const { pusher_cluster: cluster, pusher_key: token, fb_app_id: fbAppID } = process.env

environment.plugins.prepend('DefinePlugin', new webpack.DefinePlugin({
  __PUSHER__: {
    token: `"${token}"`,
    cluster: `"${cluster}"`,
  },
  __FB_ID__: `"${fbAppID}"`,
}))

module.exports = environment