gulpfile.js

const gulp = require('gulp'),
    gulpif = require('gulp-if'),
    filter = require('gulp-filter'),
    replace = require('gulp-replace'),
    googleWebFonts = require('gulp-google-webfonts'),
    jeditor = require("gulp-json-editor"),
    child = require('child_process'),
    zip = require('gulp-zip'),
    manifest = require('./src/manifest.json'),
    del = require('del'),
    fs = require('fs');

const paths = {
    build: './build/',
    dist: './dist/',
    coverage: './coverage/',
    node_modules: './node_modules/',
    popupDir: './src/popup/',
    cssDir: './src/popup/css/',
    safari: './src/safari/'
};

const filters = {
    fonts: [
        '!build/popup/fonts/*',
        'build/popup/fonts/Open_Sans*.woff',
        'build/popup/fonts/fontawesome*.woff2',
        'build/popup/fonts/fontawesome*.woff'
    ],
    safari: [
        '!build/safari/**/*'
    ],
};

function buildString() {
    var build = '';
    if (process.env.BUILD_NUMBER && process.env.BUILD_NUMBER !== '') {
        build = `-${process.env.BUILD_NUMBER}`;
    }
    return build;
}

function distFileName(browserName, ext) {
    return `dist-${browserName}${buildString()}.${ext}`;
}

function dist(browserName, manifest) {
    return gulp.src(paths.build + '**/*')
        .pipe(filter(['**'].concat(filters.fonts).concat(filters.safari)))
        .pipe(gulpif('popup/index.html', replace('__BROWSER__', 'browser_' + browserName)))
        .pipe(gulpif('manifest.json', jeditor(manifest)))
        .pipe(zip(distFileName(browserName, 'zip')))
        .pipe(gulp.dest(paths.dist));
}

function distFirefox() {
    return dist('firefox', (manifest) => {
        delete manifest.content_security_policy;
        removeShortcuts(manifest);
        return manifest;
    });
}

function distOpera() {
    return dist('opera', (manifest) => {
        delete manifest.applications;
        delete manifest.content_security_policy;
        removeShortcuts(manifest);
        return manifest;
    });
}

function distChrome() {
    return dist('chrome', (manifest) => {
        delete manifest.applications;
        delete manifest.content_security_policy;
        delete manifest.sidebar_action;
        delete manifest.commands._execute_sidebar_action;
        return manifest;
    });
}

function distEdge() {
    return dist('edge', (manifest) => {
        delete manifest.applications;
        delete manifest.content_security_policy;
        delete manifest.sidebar_action;
        delete manifest.commands._execute_sidebar_action;
        return manifest;
    });
}

function removeShortcuts(manifest) {
    if (manifest.content_scripts && manifest.content_scripts.length > 1) {
        const shortcutsScript = manifest.content_scripts[1];
        if (shortcutsScript.js.indexOf('content/shortcuts.js') > -1) {
            manifest.content_scripts.splice(1, 1);
        }
    }
}

function distSafariMas(cb) {
    return distSafariApp(cb, 'mas');
}

function distSafariMasDev(cb) {
    return distSafariApp(cb, 'masdev');
}

function distSafariDmg(cb) {
    return distSafariApp(cb, 'dmg');
}

function distSafariApp(cb, subBuildPath) {
    const buildPath = paths.dist + 'Safari/' + subBuildPath + '/';
    const builtAppexPath = buildPath + 'build/Release/safari.appex';
    const builtAppexFrameworkPath = buildPath + 'build/Release/safari.appex/Contents/Frameworks/';
    const entitlementsPath = paths.safari + 'safari/safari.entitlements';
    var args = [
        '--verbose',
        '--force',
        '-o',
        'runtime',
        '--sign',
        'Developer ID Application: 8bit Solutions LLC',
        '--entitlements',
        entitlementsPath
    ];
    if (subBuildPath !== 'dmg') {
        args = [
            '--verbose',
            '--force',
            '--sign',
            subBuildPath === 'mas' ? '3rd Party Mac Developer Application: 8bit Solutions LLC' :
                '6B287DD81FF922D86FD836128B0F62F358B38726',
            '--entitlements',
            entitlementsPath
        ];
    }

    return del([buildPath + '**/*'])
        .then(() => safariCopyAssets(paths.safari + '**/*', buildPath))
        .then(() => safariCopyBuild(paths.build + '**/*', buildPath + 'safari/app'))
        .then(() => {
            const proc = child.spawn('xcodebuild', [
                '-project',
                buildPath + 'desktop.xcodeproj',
                '-alltargets',
                '-configuration',
                'Release']);
            stdOutProc(proc);
            return new Promise((resolve) => proc.on('close', resolve));
        }).then(() => {
            const libs = fs.readdirSync(builtAppexFrameworkPath).filter((p) => p.endsWith('.dylib'))
                .map((p) => builtAppexFrameworkPath + p);
            const libPromises = [];
            libs.forEach((i) => {
                const proc = child.spawn('codesign', args.concat([i]));
                stdOutProc(proc);
                libPromises.push(new Promise((resolve) => proc.on('close', resolve)));
            });
            return Promise.all(libPromises);
        }).then(() => {
            const proc = child.spawn('codesign', args.concat([builtAppexPath]));
            stdOutProc(proc);
            return new Promise((resolve) => proc.on('close', resolve));
        }).then(() => {
            return cb;
        }, () => {
            return cb;
        });
}

function safariCopyAssets(source, dest) {
    return new Promise((resolve, reject) => {
        gulp.src(source)
            .on('error', reject)
            .pipe(gulpif('safari/Info.plist', replace('0.0.1', manifest.version)))
            .pipe(gulpif('safari/Info.plist', replace('0.0.2', process.env.BUILD_NUMBER || manifest.version)))
            .pipe(gulpif('desktop.xcodeproj/project.pbxproj', replace('../../../build', '../safari/app')))
            .pipe(gulp.dest(dest))
            .on('end', resolve);
    });
}

function safariCopyBuild(source, dest) {
    return new Promise((resolve, reject) => {
        gulp.src(source)
            .on('error', reject)
            .pipe(filter(['**'].concat(filters.fonts)))
            .pipe(gulpif('popup/index.html', replace('__BROWSER__', 'browser_safari')))
            .pipe(gulpif('manifest.json', jeditor((manifest) => {
                delete manifest.optional_permissions;
                manifest.permissions.push("nativeMessaging");
                return manifest;
            })))
            .pipe(gulp.dest(dest))
            .on('end', resolve);
    });
}

function stdOutProc(proc) {
    proc.stdout.on('data', (data) => console.log(data.toString()));
    proc.stderr.on('data', (data) => console.error(data.toString()));
}

function webfonts() {
    return gulp.src('./webfonts.list')
        .pipe(googleWebFonts({
            fontsDir: 'webfonts',
            cssFilename: 'webfonts.css'
        }))
        .pipe(gulp.dest(paths.cssDir));
}

function ciCoverage(cb) {
    return gulp.src(paths.coverage + '**/*')
        .pipe(filter(['**', '!coverage/coverage*.zip']))
        .pipe(zip(`coverage${buildString()}.zip`))
        .pipe(gulp.dest(paths.coverage));
}

exports['dist:firefox'] = distFirefox;
exports['dist:chrome'] = distChrome;
exports['dist:opera'] = distOpera;
exports['dist:edge'] = distEdge;
exports['dist:safari'] = gulp.parallel(distSafariMas, distSafariMasDev, distSafariDmg);
exports['dist:safari:mas'] = distSafariMas;
exports['dist:safari:masdev'] = distSafariMasDev;
exports['dist:safari:dmg'] = distSafariDmg;
exports.dist = gulp.parallel(distFirefox, distChrome, distOpera, distEdge);
exports['ci:coverage'] = ciCoverage;
exports.ci = ciCoverage;
exports.webfonts = webfonts;
exports.build = webfonts;