let mix = require('laravel-mix');

const tailwindcss = require('tailwindcss');

// removes unused CSS
const purgecss = require('@fullhuman/postcss-purgecss')({
  // Specify the paths to all of the template files in your project 
  content: [
    './src/**/*.html',
    './src/**/*.vue',
    './src/**/*.jsx',
    // etc.
  ],

  // Include any special characters you're using in this regular expression
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
});


mix.options({
    clearConsole: true, // in watch mode, clears console after every build
});

mix.js('resources/js/app.js', 'public/js')
	.sass('resources/sass/app.scss', 'public/css')

	// libraries
	// tailwindcss: see https://tailwindcss.com/docs/installation#laravel-mix
	.sass('resources/sass/my_tailwind.scss', 'public/css')

	.options({
		processCssUrls: false,
		postCss: [
			//require('tailwindcss'),
			tailwindcss('./tailwind.config.js'),
			...process.env.NODE_ENV === 'production' ? [purgecss] : []
		],
	})

	// Semantic UI
	.copy('resources/files/libs/Semantic-UI/dist/semantic.min.css', 'public/css/libs/semantic_ui/semantic.min.css')
	.copy('resources/files/libs/Semantic-UI/examples/assets/library/jquery.min.js', 'public/js/libs/semantic_ui/jquery.min.js')
	.copy('resources/files/libs/Semantic-UI/dist/semantic.min.js', 'public/js/libs/semantic_ui/semantic.min.js')

	// Materialize CSS
	.copy('resources/files/libs/materialize/dist/css/materialize.min.css', 'public/css/libs/materialize/materialize.min.css')
	.copy('resources/files/libs/materialize/dist/js/materialize.min.js', 'public/js/libs/materialize/materialize.min.js')

	// for the logo
	.sass('resources/sass/logo.scss', 'public/css')

	// for the SVG animation
	.js('resources/js/libs/gs/*', 'public/js/libs/gs')

	// copy all images
	.copy('resources/img', 'public/img')

   ;