const gulp = require('gulp');
const gulpless = require('gulp-less');
const postcss = require('gulp-postcss');
const debug = require('gulp-debug');
var csso = require('gulp-csso');
const autteoprefixer = require('autoprefixer');
const NpmImportPlugin = require('less-plugin-npm-import');

gulp.task('less', function () {
	const plugins = [autteoprefixer()];

	return gulp
		.src('src/themes/*-theme.less')
		.pipe(debug({ title: 'Less files:' }))
		.pipe(
			gulpless({
				javascriptEnabled: true,
				plugins: [new NpmImportPlugin({ prefix: '~' })],
			}),
		)
		.pipe(postcss(plugins))
		.pipe(
			csso({
				debug: true,
			}),
		)
		.pipe(gulp.dest('./public'));
});