@financial-times/dotcom-build-code-splitting 11.3.0 → 12.0.0

package/dist/node/bundleTypes.js

@@ -3,7 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBundlesForRegExp = exports.createBundlesForPackages = exports.createBundleWithRegExp = exports.createBundleWithPackages = void 0;
+exports.createBundleWithPackages = createBundleWithPackages;
+exports.createBundleWithRegExp = createBundleWithRegExp;
+exports.createBundlesForPackages = createBundlesForPackages;
+exports.createBundlesForRegExp = createBundlesForRegExp;
 const extractPackageName_1 = __importDefault(require("./extractPackageName"));
 const createSafeChunkName_1 = __importDefault(require("./createSafeChunkName"));
 const disable_tree_shaking_for_chunk_plugin_1 = __importDefault(require("disable-tree-shaking-for-chunk-plugin"));
@@ -25,7 +28,7 @@ function createBundleWithPackages({ compiler, name, packages, usedInUnknownWay }
                     [name]: {
                         name,
                         test: (module) => {
-                            const packageName = isJS(module) && extractPackageName_1.default(module.context);
+                            const packageName = isJS(module) && (0, extractPackageName_1.default)(module.context);
                             return packageName ? packages.includes(packageName) : false;
                         },
                         enforce: true
@@ -35,7 +38,6 @@ function createBundleWithPackages({ compiler, name, packages, usedInUnknownWay }
         }
     };
 }
-exports.createBundleWithPackages = createBundleWithPackages;
 /**
  * Create a chunk which includes all modules which match the given pattern
  */
@@ -62,7 +64,6 @@ function createBundleWithRegExp({ compiler, name, pattern, usedInUnknownWay }) {
         }
     };
 }
-exports.createBundleWithRegExp = createBundleWithRegExp;
 /**
  * Create a chunk for each package in the given list of names
  */
@@ -80,13 +81,13 @@ function createBundlesForPackages({ compiler, name, packages, usedInUnknownWay }
                 cacheGroups: {
                     [name]: {
                         name(module) {
-                            const packageName = extractPackageName_1.default(module.context);
-                            const chunkName = createSafeChunkName_1.default(packageName);
+                            const packageName = (0, extractPackageName_1.default)(module.context);
+                            const chunkName = (0, createSafeChunkName_1.default)(packageName);
                             generatedChunkNames.add(chunkName);
                             return chunkName;
                         },
                         test(module) {
-                            const packageName = isJS(module) && extractPackageName_1.default(module.context);
+                            const packageName = isJS(module) && (0, extractPackageName_1.default)(module.context);
                             return packageName ? packages.includes(packageName) : false;
                         },
                         enforce: true
@@ -96,7 +97,6 @@ function createBundlesForPackages({ compiler, name, packages, usedInUnknownWay }
         }
     };
 }
-exports.createBundlesForPackages = createBundlesForPackages;
 /**
  * Create a chunk for each group of modules which match the given pattern
  */
@@ -114,8 +114,8 @@ function createBundlesForRegExp({ compiler, name, pattern, usedInUnknownWay }) {
                 cacheGroups: {
                     [name]: {
                         name(module) {
-                            const packageName = extractPackageName_1.default(module.context);
-                            const chunkName = createSafeChunkName_1.default(packageName);
+                            const packageName = (0, extractPackageName_1.default)(module.context);
+                            const chunkName = (0, createSafeChunkName_1.default)(packageName);
                             generatedChunkNames.add(chunkName);
                             return chunkName;
                         },
@@ -129,4 +129,3 @@ function createBundlesForRegExp({ compiler, name, pattern, usedInUnknownWay }) {
         }
     };
 }
-exports.createBundlesForRegExp = createBundlesForRegExp;

package/dist/node/createSafeChunkName.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = createSafeChunkName;
 function createSafeChunkName(name) {
     // Remove or replace any non-safe filename characters
     return name.replace('@', '').replace('/', '-');
 }
-exports.default = createSafeChunkName;

package/dist/node/extractPackageName.js

@@ -8,7 +8,7 @@ const get_package_name_1 = __importDefault(require("get-package-name"));
 const moduleType = /(node_modules)/;
 function extractPackageName(modulePath) {
     const type = modulePath.match(moduleType);
-    return Array.isArray(type) ? get_package_name_1.default(modulePath, type[type.length - 1]) : null;
+    return Array.isArray(type) ? (0, get_package_name_1.default)(modulePath, type[type.length - 1]) : null;
 }
 // Memoize these calls as modules often need to be resolved many times.
-exports.default = memoize_one_1.default(extractPackageName);
+exports.default = (0, memoize_one_1.default)(extractPackageName);

package/dist/node/index.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageKitCodeSplittingPlugin = void 0;
 const assign_deep_1 = __importDefault(require("assign-deep"));
-const reliable_module_ids_plugin_1 = __importDefault(require("reliable-module-ids-plugin"));
 const bundleTypes_1 = require("./bundleTypes");
 class PageKitCodeSplittingPlugin {
     apply(compiler) {
@@ -17,51 +16,49 @@ class PageKitCodeSplittingPlugin {
                     name: 'webpack-runtime'
                 },
                 splitChunks: {
-                    chunks: 'all'
-                },
-                // We're going to implement our own algorithm so don't double effort
-                moduleIds: false,
-                chunkIds: 'named'
+                    chunks: 'all',
+                    name: compiler.options.mode === 'development' ? 'vendors' : false
+                }
             }
         };
         // Split each o-, n-, x- and next- prefixed packages into a separate bundles
         // NOTE: we need to check we're in a package directory as our apps are usually prefixed with "next-"
-        const addComponentCodeSplitting = bundleTypes_1.createBundlesForRegExp({
+        const addComponentCodeSplitting = (0, bundleTypes_1.createBundlesForRegExp)({
             compiler,
             name: 'shared-components',
             pattern: /(node_modules\/@financial-times)\/(o|n|x|next)-/,
             usedInUnknownWay: true
         });
         // split all dotcom-ui- packages into one bundle file
-        const addPageKitCodeSplittingPlugin = bundleTypes_1.createBundleWithRegExp({
+        const addPageKitCodeSplittingPlugin = (0, bundleTypes_1.createBundleWithRegExp)({
             compiler,
             name: 'page-kit-components',
             pattern: /[\\\/]dotcom-ui-/,
             usedInUnknownWay: true
         });
         // split any of these JS frameworks and libraries into separate bundle files
-        const addLibraryCodeSplitting = bundleTypes_1.createBundlesForPackages({
+        const addLibraryCodeSplitting = (0, bundleTypes_1.createBundlesForPackages)({
             compiler,
             name: 'js-frameworks',
             packages: ['react', 'preact', 'hyperons', 'dateformat', 'regenerator-runtime']
         });
         // These packages are a dependency of ads, marketing, MyFT, syndication, cookie banners
         // and other components but they are not all dependencies of our apps.
-        const addSuperstoreCodeSplitting = bundleTypes_1.createBundleWithPackages({
+        const addSuperstoreCodeSplitting = (0, bundleTypes_1.createBundleWithPackages)({
             compiler,
             name: 'superstore',
             packages: ['superstore', 'superstore-sync'],
             usedInUnknownWay: true
         });
         // split all privacy- packages into one bundle file
-        const addPrivacyCodeSplitting = bundleTypes_1.createBundleWithRegExp({
+        const addPrivacyCodeSplitting = (0, bundleTypes_1.createBundleWithRegExp)({
             compiler,
             name: 'privacy-components',
             pattern: /@financial-times\/privacy-/,
             usedInUnknownWay: true
         });
         // split packages used by all pages (i.e. used by Page Kit) into a shared bundle
-        const addSharedStableCodeSplitting = bundleTypes_1.createBundleWithPackages({
+        const addSharedStableCodeSplitting = (0, bundleTypes_1.createBundleWithPackages)({
             compiler,
             name: 'shared.stable',
             packages: [
@@ -76,14 +73,13 @@ class PageKitCodeSplittingPlugin {
             usedInUnknownWay: true
         });
         // split packages which are commonly used together around FT.com into a shared bundle
-        const addSharedVolatileCodeSplitting = bundleTypes_1.createBundleWithPackages({
+        const addSharedVolatileCodeSplitting = (0, bundleTypes_1.createBundleWithPackages)({
             compiler,
             name: 'shared.volatile',
             packages: ['@financial-times/n-tracking', '@financial-times/n-syndication'],
             usedInUnknownWay: true
         });
-        new reliable_module_ids_plugin_1.default().apply(compiler);
-        assign_deep_1.default(compiler.options, addInitialCodeSplitting, addPageKitCodeSplittingPlugin, addLibraryCodeSplitting, addComponentCodeSplitting, addSuperstoreCodeSplitting, addPrivacyCodeSplitting, addSharedStableCodeSplitting, addSharedVolatileCodeSplitting);
+        (0, assign_deep_1.default)(compiler.options, addInitialCodeSplitting, addPageKitCodeSplittingPlugin, addLibraryCodeSplitting, addComponentCodeSplitting, addSuperstoreCodeSplitting, addPrivacyCodeSplitting, addSharedStableCodeSplitting, addSharedVolatileCodeSplitting);
     }
 }
 exports.PageKitCodeSplittingPlugin = PageKitCodeSplittingPlugin;