zulip/tools/webpack-helpers.ts

import {RuleSetRule, RuleSetUseItem} from "webpack";
import {basename, resolve} from "path";

export const cacheLoader: RuleSetUseItem = {
    loader: "cache-loader",
    options: {
        cacheDirectory: resolve(__dirname, "../var/webpack-cache"),
    },
};

/* Return expose-loader format to the config
    For example
    [
        // Exposes 'my_module' as the name
        {path: './folder/my_module.js'},

        // Exposes 'my_custom_name'
        {path: './folder/my_module.js', name: 'my_custom_name'},

        // Exposes 'name1' and 'name2'
        {path: './folder/my_module.js', name: ['name1', 'name2']}
    ]
*/
interface ExportLoaderOptions {
    path: string;
    name?: string | string[];
}
function getExposeLoaders(optionsArr: ExportLoaderOptions[]): RuleSetRule[] {
    const exposeLoaders = [];
    for (const loaderEntry of optionsArr) {
        const path = loaderEntry.path;
        let name = "";
        const useArr = [cacheLoader];
        // If no name is provided, infer it
        if (!loaderEntry.name) {
            name = basename(path, ".js");
            useArr.push({loader: "expose-loader", options: name});
        } else {
            // If name is an array
            if (Array.isArray(loaderEntry.name)) {
                for (const exposeName of loaderEntry.name) {
                    useArr.push({loader: "expose-loader", options: exposeName});
                }
                // If name is a string
            } else {
                useArr.push({loader: "expose-loader", options: loaderEntry.name});
            }
        }
        exposeLoaders.push({
            test: require.resolve(path),
            use: useArr,
        });
    }
    return exposeLoaders;
}
export {getExposeLoaders};