Load different versions of MailPoet module more explicitly

[MAILPOET-1644]

assets/js/src/mailpoet.js

@@ -7,3 +7,12 @@ define('mailpoet', [], function mailpoet() {
 
   return MailPoet;
 });
+
+require('ajax'); // side effect - extends MailPoet object
+require('date'); // side effect - extends MailPoet object
+require('i18n'); // side effect - extends MailPoet object
+require('modal'); // side effect - extends MailPoet object
+require('notice'); // side effect - extends MailPoet object
+require('num'); // side effect - extends MailPoet object
+require('analytics_event'); // side effect - extends MailPoet object
+require('help-tooltip'); // side effect - extends MailPoet object

assets/js/src/mailpoet_public.js

@@ -0,0 +1,13 @@
+define('mailpoet', [], function mailpoet() {
+  // A placeholder for MailPoet object
+  var MailPoet = {};
+
+  // Expose MailPoet globally
+  window.MailPoet = MailPoet;
+
+  return MailPoet;
+});
+
+require('ajax'); // side effect - extends MailPoet object
+require('i18n'); // side effect - extends MailPoet object
+require('iframe'); // side effect - extends MailPoet object

assets/js/src/mailpoet_tests.js

@@ -0,0 +1,13 @@
+define('mailpoet', [], function mailpoet() {
+  // A placeholder for MailPoet object
+  var MailPoet = {};
+
+  // Expose MailPoet globally
+  window.MailPoet = MailPoet;
+
+  return MailPoet;
+});
+
+require('i18n'); // side effect - extends MailPoet object
+require('notice'); // side effect - extends MailPoet object
+require('help-tooltip'); // side effect - extends MailPoet object

webpack.config.js

@@ -226,16 +226,8 @@ var adminConfig = {
     ],
     mailpoet: [
       'mailpoet', // side effect - assigns MailPoet to window
-      'ajax', // side effect - extends MailPoet object
-      'date', // side effect - extends MailPoet object
-      'i18n', // side effect - extends MailPoet object
-      'modal', // side effect - extends MailPoet object
-      'notice', // side effect - extends MailPoet object
-      'num', // side effect - extends MailPoet object
       'jquery.serialize_object', // side effect - extends jQuery
       'parsleyjs', // side effect - extends jQuery
-      'analytics_event', // side effect - extends MailPoet object
-      'help-tooltip', // side effect - extends MailPoet object
       'dismissible-notice.jsx', // side effect - adds jQuery event
     ],
     admin_vendor: [
@@ -322,13 +314,17 @@ var publicConfig = {
   entry: {
     public: [
       'mailpoet', // side effect - assigns MailPoet to window
-      'i18n', // side effect - extends MailPoet object
-      'ajax', // side effect - extends MailPoet object
-      'iframe', // side effect - extends MailPoet object
       'jquery.serialize_object', // side effect - extends jQuery
       'public.js' // side effect - assigns to window, sets up form validation, etc.
     ]
   },
+  plugins: [
+    // replace MailPoet definition with a smaller version for public
+    new webpack.NormalModuleReplacementPlugin(
+      /mailpoet\.js/,
+      './mailpoet_public.js'
+    ),
+  ],
   externals: {
     'jquery': 'jQuery'
   }
@@ -354,9 +350,6 @@ var testConfig = {
     vendor: ['handlebars', 'handlebars_helpers'],
     testNewsletterEditor: [
       'mailpoet',
-      'notice',
-      'i18n',
-      'help-tooltip',
 
       'newsletter_editor/App',
       'newsletter_editor/components/config.js',
@@ -416,6 +409,13 @@ var testConfig = {
     path: path.join(__dirname, 'tests/javascript/testBundles'),
     filename: '[name].js',
   },
+  plugins: [
+    // replace MailPoet definition with a smaller version for public
+    new webpack.NormalModuleReplacementPlugin(
+      /mailpoet\.js/,
+      './mailpoet_tests.js'
+    ),
+  ],
   resolve: {
     modules: [
       'node_modules',