Gruntfile.js

const { readFileSync } = require('fs');
const { replaceConstExports } = require('./scripts/zod-file-replacer.js');

module.exports = function (grunt) {
    'use strict';

    grunt.loadNpmTasks('grunt-exec');
    grunt.loadNpmTasks('grunt-eslint');
    grunt.loadNpmTasks('grunt-browserify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    const through = require('through2');

    const defaultTransforms = [
        [
            'babelify',
            {
                presets: ['@babel/preset-env'],
                global: true,
            },
        ],
        [
            (file) => {
                return through(function (buf, _enc, next) {
                    if (!file.endsWith('styles.js')) {
                        this.push(buf);
                        return next();
                    }
                    const fileContent = readFileSync('./src/UI/styles/autofill-tooltip-styles.css', 'utf8');
                    const matcher = "'$CSS_STYLES$'";
                    const asString = buf.toString().replace(matcher, JSON.stringify(fileContent));
                    this.push(asString);
                    next();
                });
            },
        ],
    ];

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        browserify: {
            dist: {
                options: {
                    transform: [
                        ...defaultTransforms,
                        /**
                         * This will replace const exports in `*.zod.js` with 'null' to prevent
                         * `zod` being used in production bundles
                         */
                        [
                            (file) => {
                                return through(function (buf, _enc, next) {
                                    if (!file.endsWith('.zod.js')) {
                                        this.push(buf);
                                        return next();
                                    }
                                    const newFileContent = replaceConstExports(buf.toString());
                                    this.push(newFileContent);
                                    next();
                                });
                            },
                        ],
                    ],
                },
                files: {
                    'dist/autofill.js': ['src/autofill.js'],
                },
            },
            debug: {
                options: {
                    // debug transforms just leaves everything in place
                    transform: defaultTransforms,
                },
                files: {
                    'dist/autofill-debug.js': ['src/autofill.js'],
                },
            },
        },
        eslint: {
            options: {
                configFile: '.eslintrc',
            },
            target: 'src/**/*.js',
        },
        exec: {
            copyAssets: 'npm run copy-assets',
            schemaCompile: 'npm run schema:generate',
            precompileRegexes: 'npm run precompile-regexes',
        },
        /**
         * Run predefined tasks whenever watched files are added,
         * modified or deleted.
         */
        watch: {
            schemas: {
                files: ['src/deviceApiCalls/**/*.{json,js}', 'packages/device-api/**/*.{json,js}'],
                tasks: ['exec:schemaCompile'],
            },
            precompileRegexes: {
                files: ['src/Form/matching-config/*'],
                tasks: ['exec:precompileRegexes'],
            },
            scripts: {
                files: ['src/**/*.{json,js}', 'packages/password/**/*.{json,js}', 'packages/device-api/**/*.{json,js}'],
                tasks: ['browserify:dist', 'browserify:debug', 'exec:copyAssets'],
            },
            html: {
                files: ['src/**/*.html'],
                tasks: ['exec:copyAssets'],
            },
            styles: {
                files: ['src/**/*.css', 'src/UI/styles/*'],
                tasks: ['exec:copyAssets', 'browserify:dist', 'browserify:debug'],
            },
        },
    });

    grunt.registerTask('default', [
        'exec:precompileRegexes',
        'exec:schemaCompile',
        'browserify:dist',
        'browserify:debug',
        'exec:copyAssets',
    ]);
    grunt.registerTask('dev', ['default', 'watch']);
};