gulpfile.js

/* eslint-env node */
const path = require('path');

const utils = require('@gravity-ui/gulp-utils');
const {task, src, dest, series, parallel} = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const sourcemaps = require('gulp-sourcemaps');
const {rimrafSync} = require('rimraf');

const {version} = require('./package.json');

const BUILD_DIR = path.resolve('build');

task('clean', (done) => {
    rimrafSync(BUILD_DIR);
    done();
});

async function compileTs(modules = false) {
    const tsProject = await utils.createTypescriptProject({
        compilerOptions: {
            declaration: true,
            module: modules ? 'esnext' : 'nodenext',
            moduleResolution: modules ? 'bundler' : 'nodenext',
            // Override `noEmit: true` from tsconfig.json (set there for `tsc --noEmit` typecheck).
            // Without this, gulp's TS pipeline silently produces no .js/.d.ts files.
            noEmit: false,
        },
    });

    const transformers = [
        tsProject.customTransformers.transformScssImports,
        tsProject.customTransformers.transformLocalModules,
    ];
    return new Promise((resolve) => {
        src([
            'src/**/*.{ts,tsx}',
            '!src/demo/**/*',
            '!src/server/**/*',
            '!src/**/__stories__/**/*',
            '!src/**/__tests__/**/*',
            '!src/**/__mocks__/**/*',
            '!src/**/*.test.{ts,tsx}',
            '!src/**/__snapshots__/**/*',
        ])
            .pipe(sourcemaps.init())
            .pipe(
                tsProject({
                    customTransformers: {
                        before: transformers,
                        afterDeclarations: transformers,
                    },
                }),
            )
            .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '../../src'}))
            .pipe(
                utils.addVirtualFile({
                    fileName: 'package.json',
                    text: JSON.stringify({
                        version,
                        type: modules ? 'module' : 'commonjs',
                        sideEffects: ['*.css', '*.scss'],
                    }),
                }),
            )
            .pipe(dest(path.resolve(BUILD_DIR, modules ? 'esm' : 'cjs')))
            .on('end', resolve);
    });
}

task('compile-to-esm', () => {
    return compileTs(true);
});

task('compile-to-cjs', () => {
    return compileTs();
});

task('copy-i18n', () => {
    return src(['src/**/i18n/*.json'])
        .pipe(dest(path.resolve(BUILD_DIR, 'esm')))
        .pipe(dest(path.resolve(BUILD_DIR, 'cjs')));
});

task('styles-global', () => {
    return src(['src/styles/styles.scss'])
        .pipe(
            sass.sync({loadPaths: ['src', 'node_modules']}).on('error', function (error) {
                sass.logError.call(this, error);
                process.exit(1);
            }),
        )
        .pipe(dest(path.resolve(BUILD_DIR, 'esm', 'styles')))
        .pipe(dest(path.resolve(BUILD_DIR, 'cjs', 'styles')));
});

task('styles-components', () => {
    return src(['src/components/**/*.scss', '!src/components/**/__stories__/**/*'])
        .pipe(
            sass.sync({loadPaths: ['src', 'node_modules']}).on('error', function (error) {
                sass.logError.call(this, error);
                process.exit(1);
            }),
        )
        .pipe(dest(path.resolve(BUILD_DIR, 'esm', 'components')))
        .pipe(dest(path.resolve(BUILD_DIR, 'cjs', 'components')));
});

task('copy-themes', () => {
    return src(['src/themes/**/*.css'])
        .pipe(dest(path.resolve(BUILD_DIR, 'esm', 'themes')))
        .pipe(dest(path.resolve(BUILD_DIR, 'cjs', 'themes')));
});

// Bundles the AI-facing docs tree (cleaned READMEs + guides) into build/docs so it
// ships in the npm tarball.
task('copy-docs', (done) => {
    const {buildDocs} = require('@gravity-ui/readme-validator');
    buildDocs({
        rootDir: __dirname,
        outDir: path.join(__dirname, 'build', 'docs'),
        sources: [
            {
                title: 'Guides',
                kind: 'markdown',
                baseDir: 'docs',
                outPrefix: 'guides',
                nameFromTitle: true,
            },
            {
                title: 'Components',
                kind: 'readme',
                baseDir: 'src/components',
                outPrefix: 'components',
                exclude: ['legacy'],
            },
        ],
    });
    done();
});

task(
    'build',
    series([
        'clean',
        parallel(['compile-to-esm', 'compile-to-cjs']),
        'copy-i18n',
        parallel(['styles-global', 'styles-components', 'copy-themes']),
        'copy-docs',
    ]),
);

task('default', series(['build']));