const gulp = require('gulp')
const sass = require('gulp-sass')
const replace = require('gulp-replace');
const rename = require('gulp-rename');


const themesPath = './templates/*/*.scss'
const ignoredFiles = ['!./templates/theme_example/*.scss']


/*
  Compiles SCSS themes into CSS
*/
gulp.task('styles', () => {
  return gulp.src([themesPath, ...ignoredFiles])
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('themes'))
})

/*
  Compiles a more robust version of each theme (full)
  A separate task was created to aid in compiling both versions.
*/
gulp.task('styles-full', () => {
  const partial = '@import "../@theme-base/full";';
  const anchor = `// ${partial}`;
  return gulp.src([themesPath, ...ignoredFiles])
    .pipe(replace(anchor, partial))
    .pipe(sass().on('error', sass.logError))
    .pipe(rename({
      suffix: "_full"
    }))
    .pipe(gulp.dest('themes'))
})


/* Lists tasks to be used by watch and build commands. */
const series = [
  'styles',
  'styles-full'
]

/* Registers changes in scrips and sass files. */
gulp.task('watch', () => {
  gulp.watch([themesPath, ...ignoredFiles], gulp.series(series));
})

/* Compiles all files. */
gulp.task('build', gulp.series(series))