Gruntfile.js

module.exports = function (grunt) {
    grunt.initConfig({
        ts: {
            default: {
                tsconfig: "./tsconfig.json"
            }
        },
        copy: {
            static: {
                files: [
                    { expand: true, src: ["**"], cwd: "src/static/", dest: "dist/ff/" },
                ],
            },
            chromeOpera: {
                files: [
                    { expand: true, src: ["**"], cwd: "dist/ff/", dest: "dist/chrome-opera/" },
                ]
            }
        },
        clean: {
            all: {
                src: ["dist", "zip"]
            }
        },
        watch: {
            tsfiles: {
                files: "src/**/*.ts",
                tasks: ["tslint:dev", "ts", "rollup", "fill-content-script", "copy:chromeOpera", "fix-chrome-opera"],
                options: {
                    spawn: false,
                }
            },
            static: {
                files: "src/static/**/*",
                tasks: ["copy:static", "fix-chrome-opera"]
            }
        },
        compress: {
            ff: {
                options: {
                    archive: "dist/zip/firefox.zip"
                },
                files: [
                    { src: ["**/*"], dest: "/", cwd: "dist/ff/", expand: true },
                ]
            },
            chromeOpera: {
                options: {
                    archive: "dist/zip/chromeOpera.zip"
                },
                files: [
                    { src: ["**/*"], dest: "/", cwd: "dist/chrome-opera/", expand: true },
                ]
            },
        },
        tslint: {
            dev: {
                files: {
                    src: "src/**/*.ts"
                }
            },
            prod: {
                options: {
                    configuration: "tslint.prod.json"
                },
                files: {
                    src: "src/**/*.ts"
                }
            }
        },
        rollup: {
            options: {
                format: 'iife'
            },
            injected: {
                src: 'dist/modulesjs/injected_script.js',
                dest: 'dist/ff/injected_script.js'
            },
            background: {
                src: 'dist/modulesjs/background.js',
                dest: 'dist/ff/background.js'
            },
            opt: {
                src: 'dist/modulesjs/options.js',
                dest: 'dist/ff/options.js'
            }
        }
    });
    grunt.loadNpmTasks("grunt-ts");
    grunt.loadNpmTasks("grunt-contrib-copy");
    grunt.loadNpmTasks("grunt-contrib-clean");
    grunt.loadNpmTasks("grunt-contrib-watch");
    grunt.loadNpmTasks("grunt-contrib-compress");
    grunt.loadNpmTasks("grunt-tslint");
    grunt.loadNpmTasks('grunt-rollup');

    grunt.registerTask("build", ["generate-tslint-prod", "tslint:prod", "clean", "ts", "rollup", "fill-content-script", "copy", "fix-chrome-opera", "compress"]);
    grunt.registerTask("default", ["clean", "tslint:dev", "ts", "rollup", "fill-content-script", "copy", "fix-chrome-opera", "watch"]);

    grunt.registerTask("generate-tslint-prod", "Generate the tslint file for prod", function () {
        let tslint = grunt.file.readJSON("tslint.json");

        delete tslint.rules["no-debugger"];
        delete tslint.rules["no-console"];

        grunt.file.write("tslint.prod.json", JSON.stringify(tslint, null, 2));
    });

    grunt.registerTask("fix-chrome-opera", "Fix the manifest for Chrome and Opera", function () {
        let manifest = grunt.file.readJSON("dist/chrome-opera/manifest.json");

        // fix manifest
        delete manifest.applications;
        manifest.permissions = manifest.permissions.filter(p => p != "tabs");

        grunt.file.write("dist/chrome-opera/manifest.json", JSON.stringify(manifest, null, 2));
    });

    grunt.registerTask("fill-content-script", "Adds the injected script data into the content script file", function () {
        // this file is already rolled up
        const injected = grunt.file.read("dist/ff/injected_script.js");

        // this only works because it doesn't load modules, otherwise
        // we'd need to grab it from ff... but that may have already been filled
        let content = grunt.file.read("dist/modulesjs/content_script.js");

        // escape the dollar sign to avoid replacements: https://es.stackoverflow.com/a/267800/11272
        content = content.replace('return "placeholder";', injected.replace(/\$/g, "$$$$"));

        grunt.file.write("dist/ff/content_script.js", content);
        grunt.file.delete("dist/ff/injected_script.js");
    })
};