rollup.config.js

import path from 'path';
import url from 'url';
import {globSync} from 'glob';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import copy from 'rollup-plugin-copy';
import terser from '@rollup/plugin-terser';
import json from '@rollup/plugin-json';
import serve from 'rollup-plugin-serve';
import urlPlugin from '@rollup/plugin-url';
import license from 'rollup-plugin-license';
import del from 'rollup-plugin-delete';
import emitEJS from 'rollup-plugin-emit-ejs';
import {getBabelOutputPlugin} from '@rollup/plugin-babel';
import {
    getPackagePath,
    getBuildInfo,
    generateTLSConfig,
    getDistPath,
} from './vendor/toolkit/rollup.utils.js';

const pkg = require('./package.json');
const appEnv = typeof process.env.APP_ENV !== 'undefined' ? process.env.APP_ENV : 'local';
const watch = process.env.ROLLUP_WATCH === 'true';
const buildFull = (!watch && appEnv !== 'test') || process.env.FORCE_FULL !== undefined;
let useTerser = buildFull;
let useBabel = buildFull;
let treeshake = buildFull;
let checkLicenses = buildFull;

// if true, app assets and configs are whitelabel
let whitelabel;
// path to non whitelabel assets and configs
let customAssetsPath;
// development path
let devPath = 'assets_custom/';
// deployment path
let deploymentPath = '../assets/';

let useHTTPS = true;

// set whitelabel bool according to used environment
if ((appEnv.length > 6 && appEnv.substring(appEnv.length - 6) == "Custom") || appEnv == "production") {
    whitelabel = false;
} else {
    whitelabel = true;
}

// load devconfig for local development if present
let devConfig = require("./app.config.json");
try {
    console.log("Loading " + "./" + devPath + "app.config.json ...");
    devConfig = require("./" + devPath + "app.config.json");
    customAssetsPath = devPath;
} catch(e) {
    if (e.code == "MODULE_NOT_FOUND") {
        console.warn("no dev-config found, try deployment config instead ...");

        // load devconfig for deployment if present
        try {
            console.log("Loading " + "./" + deploymentPath + "app.config.json ...");
            devConfig = require("./" + deploymentPath + "app.config.json");
            customAssetsPath = deploymentPath;
        } catch(e) {
            if (e.code == "MODULE_NOT_FOUND") {
                console.warn("no dev-config found, use default whitelabel config instead ...");
                devConfig = require("./app.config.json");
                customAssetsPath = devPath;
            } else {
                throw e;
            }
        }
    } else {
        throw e;
    }
}

// decide on which configs to use
let config;
if ((devConfig != undefined && appEnv in devConfig)) {
    // choose devConfig if available
    config = devConfig[appEnv];
} else if (appEnv === 'test') {
    config = {
        basePath: '/',
        entryPointURL: 'https://test',
        keyCloakBaseURL: 'https://test',
        keyCloakClientId: '',
        keyCloakRealm: '',
        matomoUrl: '',
        matomoSiteId: -1,
        searchQRString: '',
    };
} else {
    console.error(`Unknown build environment: '${appEnv}', use one of '${Object.keys(devConfig)}'`);
    process.exit(1);
}

if (watch) {
    config.basePath = '/dist/';
}

function getOrigin(url) {
    if (url) return new URL(url).origin;
    return '';
}

config.CSP = `default-src 'self' 'unsafe-inline' \
    ${getOrigin(config.matomoUrl)} ${getOrigin(config.keyCloakBaseURL)} \
    ${getOrigin(config.entryPointURL)} \
    ${getOrigin(config.nextcloudBaseURL)}; \
    img-src * blob: data:; font-src 'self' data:; child-src 'self' ${getOrigin(
    config.keyCloakBaseURL
)} blob:; worker-src 'self' blob:`;

export default (async () => {
    let privatePath = await getDistPath(pkg.name);

    return {
        input:
            appEnv != 'test'
                ? !whitelabel ?
                    [
                        'src/' + pkg.internalName + '.js',
                        'src/dbp-check-in-request.js',
                        'src/dbp-check-out-request.js',
                        'src/dbp-guest-check-in.js',
                        'src/dbp-check-in-info.js',
                        'src/dbp-report-risk.js',
                        await getPackagePath('@tugraz/web-components', 'src/logo.js'),
                    ]
                    :
                    [
                        'src/' + pkg.internalName + '.js',
                        'src/dbp-check-in-request.js',
                        'src/dbp-check-out-request.js',
                        'src/dbp-guest-check-in.js',
                        'src/dbp-check-in-info.js',
                        'src/dbp-report-risk.js',
                    ]
                : globSync('test/**/*.js'),
        output: {
            dir: 'dist',
            entryFileNames: '[name].js',
            chunkFileNames: 'shared/[name].[hash].[format].js',
            format: 'esm',
            sourcemap: true,
        },
        treeshake: treeshake,
        //preserveEntrySignatures: false,
        plugins: [
            del({
                targets: 'dist/*',
            }),
            whitelabel &&
            emitEJS({
                src: 'assets',
                include: ['**/*.ejs', '**/.*.ejs'],
                data: {
                    getUrl: (p) => {
                        return url.resolve(config.basePath, p);
                    },
                    getPrivateUrl: (p) => {
                        return url.resolve(`${config.basePath}${privatePath}/`, p);
                    },
                    name: pkg.internalName,
                    entryPointURL: config.entryPointURL,
                    basePath: config.basePath,
                    keyCloakBaseURL: config.keyCloakBaseURL,
                    keyCloakClientId: config.keyCloakClientId,
                    keyCloakRealm: config.keyCloakRealm,
                    CSP: config.CSP,
                    searchQRString: config.searchQRString,
                    matomoUrl: config.matomoUrl,
                    matomoSiteId: config.matomoSiteId,
                    buildInfo: getBuildInfo(appEnv),
                    shortName: config.shortName,
                    appDomain: config.appDomain,
                },
            }),
            !whitelabel &&
            emitEJS({
                src: customAssetsPath,
                include: ['**/*.ejs', '**/.*.ejs'],
                data: {
                    getUrl: (p) => {
                        return url.resolve(config.basePath, p);},
                    getPrivateUrl: (p) => {
                        return url.resolve(`${config.basePath}${privatePath}/`, p);
                    },
                    name: pkg.internalName,
                    entryPointURL: config.entryPointURL,
                    basePath: config.basePath,
                    keyCloakBaseURL: config.keyCloakBaseURL,
                    keyCloakClientId: config.keyCloakClientId,
                    keyCloakRealm: config.keyCloakRealm,
                    CSP: config.CSP,
                    searchQRString: config.searchQRString,
                    matomoUrl: config.matomoUrl,
                    matomoSiteId: config.matomoSiteId,
                    buildInfo: getBuildInfo(appEnv),
                    shortName: config.shortName,
                    appDomain: config.appDomain,
                },
            }),
            resolve({
                browser: true,
                preferBuiltins: true,
            }),
            checkLicenses &&
            license({
                banner: {
                    commentStyle: 'ignored',
                    content: `
    License: <%= pkg.license %>
    Dependencies:
    <% _.forEach(dependencies, function (dependency) { if (dependency.name) { %>
    <%= dependency.name %>: <%= dependency.version %> (<%= dependency.license %>)<% }}) %>
    `,
                },
                thirdParty: {
                    allow: {
                        test: '(MIT OR BSD-3-Clause OR Apache-2.0 OR LGPL-2.1-or-later OR 0BSD)',
                        failOnUnlicensed: true,
                        failOnViolation: true,
                    },
                },
            }),
            commonjs({
                include: 'node_modules/**',
            }),
            json(),
            urlPlugin({
                limit: 0,
                include: ['node_modules/suggestions/**/*.css', 'node_modules/select2/**/*.css'],
                emitFiles: true,
                fileName: 'shared/[name].[hash][extname]',
            }),
            whitelabel &&
            copy({
                targets: [
                    {
                        src: 'assets/*-placeholder.png',
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {src: 'assets/*.css', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: 'assets/*.ico', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: 'src/*.metadata.json', dest: 'dist'},
                    {src: 'assets/*.svg', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {
                        src: 'assets/datenschutzerklaerung-check-in.pdf',
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {src: 'assets/htaccess-shared', dest: 'dist/shared/', rename: '.htaccess'},
                    {src: 'assets/icon-*.png', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: 'assets/icon/*', dest: 'dist/' + (await getDistPath(pkg.name, 'icon'))},
                    {src: 'assets/site.webmanifest', dest: 'dist', rename: pkg.internalName + '.webmanifest'},
                    {src: 'assets/silent-check-sso.html', dest: 'dist'},
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'src/spinner.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)), rename: 'org_spinner.js'
                    },
                    {
                        src: await getPackagePath('@fontsource/nunito-sans', '*'),
                        dest: 'dist/' + (await getDistPath(pkg.name, 'fonts/nunito-sans')),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'src/spinner.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'misc/browser-check.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'assets/icons/*.svg'),
                        dest: 'dist/' + (await getDistPath('@dbp-toolkit/common', 'icons')),
                    },
                ],
            }),
            !whitelabel &&
            copy({
                targets: [
                    {
                        src: customAssetsPath + '*-placeholder.png',
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {src: customAssetsPath + '*.css', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: customAssetsPath + '*.ico', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: customAssetsPath + '*.metadata.json', dest: 'dist'},
                    {src: customAssetsPath + '*.svg', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {
                        src: customAssetsPath + 'datenschutzerklaerung-check-in.pdf',
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {src: customAssetsPath + 'htaccess-shared', dest: 'dist/shared/', rename: '.htaccess'},
                    {src: customAssetsPath + 'icon-*.png', dest: 'dist/' + (await getDistPath(pkg.name))},
                    {src: customAssetsPath + 'icon/*', dest: 'dist/' + (await getDistPath(pkg.name, 'icon'))},
                    {src: customAssetsPath + 'site.webmanifest', dest: 'dist', rename: pkg.internalName + '.webmanifest'},
                    {src: customAssetsPath + 'silent-check-sso.html', dest: 'dist'},
                    {
                        src: await getPackagePath('@tugraz/web-components', 'src/spinner.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)), rename: 'tug_spinner.js'
                    },
                    {
                        src: await getPackagePath('@tugraz/font-source-sans-pro', 'files/*'),
                        dest: 'dist/' + (await getDistPath(pkg.name, 'fonts/source-sans-pro')),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'src/spinner.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'misc/browser-check.js'),
                        dest: 'dist/' + (await getDistPath(pkg.name)),
                    },
                    {
                        src: await getPackagePath('@dbp-toolkit/common', 'assets/icons/*.svg'),
                        dest: 'dist/' + (await getDistPath('@dbp-toolkit/common', 'icons')),
                    },
                ],
            }),
            useBabel &&
            getBabelOutputPlugin({
                compact: false,
                presets: [
                    [
                        '@babel/preset-env',
                        {
                            loose: true,
                            modules: false,
                            shippedProposals: true,
                            bugfixes: true,
                            targets: {
                                esmodules: true,
                            },
                        },
                    ],
                ],
            }),
            useTerser ? terser() : false,
            watch
                ? serve({
                    contentBase: '.',
                    host: '127.0.0.1',
                    port: 8001,
                    historyApiFallback: config.basePath + pkg.internalName + '.html',
                    https: useHTTPS ? await generateTLSConfig() : false,
                    headers: {
                        'Content-Security-Policy': config.CSP,
                    },
                })
                : false,
        ],
    };
})();