const webpack           = require("webpack");
const path              = require('path');
const nodeModulesPath   = path.resolve(__dirname, 'node_modules');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
	entry: path.resolve(__dirname, 'resources/assets/js/'),

	resolve: {
		modules   : [
			"resources/assets/js/",
			"resources/assets/models/",
			"resources/assets/shaders/",
			"resources/assets/scss",
			"resources/assets/views/",
			"node_modules"
		],
		extensions: ['.js', '.json', '.svg', '.njk', '.vert', '.frag']
	},

	externals: {
		'three': 'THREE'
	},

	module: {
		rules: [
			/* Compile es6 to es5 */
			{
				test   : /\.(js)$/,
				exclude: /node_modules/,
				use    : [
					{
						loader: 'babel-loader',
						query : {
							presets: ['babili', ["env", {
								"targets": {
									"chrome"  : 52,
									"browsers": ["last 2 versions", "safari 10"]
								}
							}]],
							plugins: [
								'syntax-dynamic-import',
								'transform-es2015-shorthand-properties',
								'syntax-async-functions',
								'transform-regenerator'
							]
						}
					}
				]
			},
			/* sass files */
			{
				test: /\.scss$/,
				use : ExtractTextPlugin.extract({
					fallback: 'style-loader',
					//resolve-url-loader may be chained before sass-loader if necessary
					use     : ['css-loader', 'sass-loader']
				})
			},
			/* Compile Nunjucs Templates */
			{
				test: /\.(njk|nunjucks)$/,
				use : [
					{ loader: 'nunjucks-loader' }
				]
			},
			/* SVG */
			{
				test: /\.svg$/,
				use : [
					{ loader: 'svg-inline-loader' }
				]
			},
			/* Shaders */
			{
				test   : /\.(glsl|frag|vert)$/,
				loader : 'raw-loader!glslify-loader',
				exclude: [nodeModulesPath],
			},
			/* move fonts to public folder */
			{
				test   : /\.(woff)$/,
				loader : 'url-loader',
				options: {
					// Limit at 50k. Above that it emits separate files
					limit: 50000,

					// url-loader sets mimetype if it's passed.
					// Without this it derives it from the file extension
					mimetype: 'application/font-woff',

					// Output below fonts directory
					name: path.resolve(__dirname, 'htdocs/content/themes/untold/dist/fonts/[name].[ext]')
				},
			},
		]
	},

	output: {
		path    : path.resolve(__dirname, 'htdocs/content/themes/untold/dist'),
		filename: 'bundle.js'
	},

	plugins: [
		new ExtractTextPlugin('style.css'),
		new webpack.optimize.UglifyJsPlugin({
			minimize: true,
			compress: { warnings: false }
		}),
	]
};