@shopify/sewing-kit/webpack.js

"use strict";
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var path_1 = require("path");
var utilities_1 = require("./utilities");
function deepMergeObject(objectOne, objectTwo) {
    if (objectOne === void 0) { objectOne = {}; }
    if (objectTwo === void 0) { objectTwo = {}; }
    var newObject = objectOne;
    Object.keys(objectTwo).forEach(function (key) {
        if (typeof objectTwo[key] === 'function') {
            var mergeFunction = objectTwo[key];
            newObject[key] = mergeFunction(objectOne[key]);
        }
        else if (typeof objectTwo[key] !== 'object') {
            newObject[key] = objectOne[key] || objectTwo[key];
        }
        else {
            newObject[key] = deepMergeObject(objectOne[key], objectTwo[key]);
        }
    });
    return newObject;
}
function smartMergeUserConfig(object, merger) {
    var finalConfig = __assign({}, object);
    return deepMergeObject(object, merger);
}
function addReactHotLoader(entry) {
    if (entry == null) {
        return [];
    }
    else if (typeof entry === 'string') {
        return ['react-hot-loader/patch', entry];
    }
    else if (Array.isArray(entry)) {
        return entry.indexOf('react-hot-loader/patch') < 0
            ? ['react-hot-loader/patch'].concat(entry) : entry;
    }
    else {
        return Object.keys(entry).reduce(function (newEntry, key) {
            newEntry[key] = addReactHotLoader(entry[key]);
            return newEntry;
        }, {});
    }
}
module.exports = function createShopifyWebpackConfigFactory(options) {
    if (options === void 0) { options = {}; }
    var env = new utilities_1.Env(options);
    var paths = new utilities_1.Paths();
    var project = new utilities_1.Project(paths);
    var cdn = options.cdn, appRoot = options.appRoot, assetDevServerPort = options.assetDevServerPort, assetDevServerHost = options.assetDevServerHost, assetDevServerPath = options.assetDevServerPath, outputDirectory = options.outputDirectory;
    var uiRoot = appRoot || path_1.resolve(paths.app.root, project.ifRails('./app/ui', './app'));
    return function createShopifyWebpackConfig(additionalConfig) {
        if (additionalConfig === void 0) { additionalConfig = {}; }
        var config = additionalConfig;
        return smartMergeUserConfig(config, {
            target: env.ifServer('node', 'web'),
            devtool: env.ifServer('source-map', env.ifDevelopment('source-map', 'hidden-source-map')),
            entry: function (currentEntry) {
                var entry = currentEntry || uiRoot;
                return project.hasDependency('react-hot-loader') ? addReactHotLoader(entry) : entry;
            },
            output: {
                filename: env.ifProduction('[name]-[chunkhash].js', '[name].js'),
                path: outputDirectory || project.ifRails(path_1.join(paths.app.root, 'public/bundles'), path_1.join(paths.app.root, 'build')),
                publicPath: env.ifProduction(cdn, "http://" + (assetDevServerHost || 'localhost') + ":" + assetDevServerPort + "/" + (assetDevServerPath || '')) || '/assets/',
                chunkFilename: '[name]-[chunkhash].js',
                library: 'foo',
                libraryTarget: env.ifServer('commonjs2', 'var'),
            },
            // We have to set this to be able to use these items when executing a
            // server bundle.  Otherwise strangeness happens, like __dirname resolving
            // to '/'.  There is no effect on our client bundle.
            node: {
                __dirname: true,
                __filename: true,
            },
            resolve: {
                modules: function (currentModules) {
                    var modules = new Set([uiRoot].concat((currentModules || ['node_modules'])));
                    return Array.from(modules);
                },
                extensions: function (currentExtensions) {
                    if (currentExtensions === void 0) { currentExtensions = []; }
                    var extensions = new Set(currentExtensions);
                    extensions.add('.js');
                    extensions.add('.json');
                    if (project.isTypeScript) {
                        extensions.add('.ts');
                        extensions.add('.tsx');
                    }
                    return Array.from(extensions);
                },
            },
            resolveLoader: {
                modules: function (currentModules) {
                    var modules = new Set([paths.own.nodeModules].concat((currentModules || ['node_modules'])));
                    return Array.from(modules);
                },
            },
            module: {
                rules: function (currentRules) {
                    var rules = currentRules || [];
                    var jsRuleMatcher = utilities_1.createPartialObjectMatcher({ test: /\.js$/ });
                    if (!rules.some(jsRuleMatcher)) {
                        rules.push({
                            test: /\.js$/,
                            exclude: /node_modules/,
                            loader: 'babel-loader',
                            options: {
                                presets: [
                                    [require.resolve('babel-preset-shopify/web'), { modules: false }],
                                    require.resolve('babel-preset-shopify/react'),
                                ],
                            },
                        });
                    }
                    if (project.isTypeScript) {
                        var tsRuleMatcher = utilities_1.createPartialObjectMatcher({ test: /\.tsx?$/ });
                        if (!rules.some(tsRuleMatcher)) {
                            rules.push({
                                test: /\.tsx?$/,
                                loader: 'ts-loader',
                                exclude: /node_modules/,
                                options: {
                                    silent: true,
                                    compiler: path_1.resolve(paths.app.nodeModules, 'typescript'),
                                },
                            });
                        }
                    }
                    if (project.hasDependency('@shopify/quilt')) {
                        rules.push({
                            test: /\.scss$/,
                            loader: 'scss-loader',
                            include: [path_1.resolve(paths.app.nodeModules, '@shopify/quilt')],
                        });
                    }
                    return rules;
                },
            },
        });
    };
};