patternfly-next/gulpfile.js at master · andybraren/patternfly-next · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
const gulp = require('gulp');
const rename = require('gulp-rename');
const replace = require('gulp-string-replace');
const sass = require('gulp-sass');
const sassGlob = require('gulp-sass-glob');
const cssnano = require('gulp-cssnano');
const sourcemaps = require('gulp-sourcemaps');
const iconfont = require('gulp-iconfont');
const gulpStylelint = require('gulp-stylelint');

const pficonRunTimestamp = Math.round(Date.now() / 1000);
const iconfontCss = require('gulp-iconfont-css');
const header = require('gulp-header');

const pficonFontName = 'pficon';

gulp.task('build-pficonfont', () => {
  gulp
    .src(['./src/icons/PfIcons/*.svg'])
    .pipe(
      iconfontCss({
        fontName: pficonFontName,
        path: 'scss',
        targetPath: 'pficon.scss',
        fontPath: './',
        cssClass: 'pf-icon'
      })
    )
    .pipe(
      iconfont({
        fontName: pficonFontName,
        formats: ['ttf', 'eot', 'woff', 'woff2', 'svg'],
        timestamp: pficonRunTimestamp
      })
    )
    .pipe(gulp.dest('./src/patternfly/assets/pficon/'));
});

gulp.task('build', ['build-modules', 'build-library', 'copy-fa', 'copy-source', 'minify-css', 'lint-css']);

gulp.task('copy-fa', () =>
  gulp
    .src('./node_modules/@fortawesome/fontawesome/styles.css')
    .pipe(rename('fontawesome.css'))
    .pipe(gulp.dest('./dist/assets/icons'))
);

gulp.task('build-tmp', () =>
  gulp
    .src(['./src/patternfly/**/*.scss', '!./src/patternfly/**/examples/*.scss'])
    .pipe(
      sassGlob({
        ignorePaths: ['**/examples/*.scss']
      })
    )
    .pipe(gulp.dest('./tmp'))
);

gulp.task('build-library', ['build-tmp'], () =>
  gulp
    .src(['./tmp/patternfly*.scss', '!./tmp/patternfly-imports.scss'])
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./dist'))
);

gulp.task('lint-css', ['minify-css'], () => {
  const options = { logs: false };
  gulp
    .src('./dist/patternfly.css')
    .pipe(replace('stylelint-enable', '', options))
    .pipe(replace('stylelint-disable', '', options))
    .pipe(
      gulpStylelint({
        failAfterError: true,
        configFile: './.cssstylelint',
        defaultSeverity: 'error',
        reporters: [{ formatter: 'string', console: true }]
      })
    );
});

gulp
  .task('minify-css', ['build-library'], () => {
    gulp
      .src('./dist/patternfly.css')

      .pipe(sourcemaps.init())
      .pipe(cssnano())
      .pipe(rename('patternfly.min.css'))
      .pipe(sourcemaps.write('.'))
      .pipe(gulp.dest('./dist'));
  })
  .task('build-modules', () =>
    gulp
      .src([
        './src/patternfly/{components,layouts,patterns,utilities}/**/*.scss',
        '!./src/patternfly/{components,layouts,patterns,utilities}/**/examples/*.scss'
      ])
      .pipe(header('@import "../../patternfly-imports";'))
      .pipe(sass().on('error', sass.logError))
      .pipe(replace('./assets/images', '../../assets/images'))
      .pipe(gulp.dest('./dist'))
  );

gulp.task('copy-source', ['copy-icons', 'build-tmp'], () => {
  gulp.src('./README.md').pipe(gulp.dest('./dist'));
  gulp.src('./package.json').pipe(gulp.dest('./dist'));
  gulp.src('./tmp/**/*.scss').pipe(gulp.dest('./dist'));
  gulp.src('./static/assets/images/**/*.*').pipe(gulp.dest('./dist/assets/images/'));
  gulp.src('./src/patternfly/assets/**/*.*').pipe(gulp.dest('./dist/assets/'));
  gulp.src('./build/npm-scripts/ie-conversion-utils.js').pipe(gulp.dest('./dist/scripts'));
});

gulp.task('copy-icons', () => {
  gulp.src('./src/icons/definitions/**/*.*').pipe(gulp.dest('./dist/icons/'));
  gulp.src('./src/icons/PfIcons/**/*.*').pipe(gulp.dest('./dist/icons/PfIcons/'));
});