Remove (break) the dynamic import in the 4 bundles that come with utils

jackocnr · Jul 10, 2024 · 231a13d · 231a13d
1 parent ffb4d20
commit 231a13d
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 15 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -19,9 +19,9 @@ module.exports = function(grunt) {
   // just images
   grunt.registerTask('img', ['responsive_images:retina', 'exec:evenizer', 'responsive_images:regular', 'sprite', 'imagemin', 'generate-scss-metadata']);
   // just javascript
-  grunt.registerTask('js', ['shell:eslint', 'shell:genTsDeclaration', 'shell:genReactTsDeclaration', 'shell:buildJs', 'replace', 'react_with_utils', 'shell:buildReact']);
+  grunt.registerTask('js', ['shell:eslint', 'shell:genTsDeclaration', 'shell:genReactTsDeclaration', 'shell:buildJs', 'replace', 'shell:buildReact', 'replace:removeImport']);
   // just react
-  grunt.registerTask('react', ['react_with_utils', 'shell:buildReact']);
+  grunt.registerTask('react', ['replace:reactWithUtils', 'shell:buildReact', 'replace:removeImport']);
 
   // Travis CI
   grunt.registerTask('travis', ['jasmine']);

diff --git a/build/js/intlTelInputWithUtils.js b/build/js/intlTelInputWithUtils.js
@@ -2719,7 +2719,7 @@ var factoryOutput = (() => {
     if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
       intlTelInput.startedLoadingUtilsScript = true;
       return new Promise((resolve, reject) => {
-        import(
+        import_INTENTIONALLY_BROKEN(
           /* webpackIgnore: true */
           path
         ).then(({ default: utils2 }) => {

diff --git a/build/js/intlTelInputWithUtils.min.js b/build/js/intlTelInputWithUtils.min.js
diff --git a/grunt/react_with_utils.js b/grunt/react_with_utils.js
diff --git a/grunt/replace.js b/grunt/replace.js
@@ -298,6 +298,46 @@ module.exports = function(grunt) {
       files: {
         '.github/ISSUE_TEMPLATE.md': '.github/ISSUE_TEMPLATE.md'
       }
+    },
+
+
+    /**************
+     * Generate reactWithUtils.tsx
+     **************/
+    reactWithUtils: {
+      options: {
+        patterns: [
+          {
+            match: /import intlTelInput from \"\.\.\/intl\-tel\-input\"\;/,
+            replacement: '//* THIS FILE IS AUTO-GENERATED. DO NOT EDIT.\nimport intlTelInput from "./intlTelInputWithUtils";'
+          }
+        ]
+      },
+      files: {
+        'react/src/intl-tel-input/reactWithUtils.tsx': 'react/src/intl-tel-input/react.tsx',
+      }
+    },
+
+
+    /**************
+     * Remove (break) the dynamic import statement
+     * in the 4 bundles that already include utils as it will never be used, and sometimes causes problems with bundlers
+     **************/
+    removeImport: {
+      options: {
+        patterns: [
+          {
+            match: /import\(/,
+            replacement: 'import_INTENTIONALLY_BROKEN('
+          }
+        ]
+      },
+      files: {
+        'build/js/intlTelInputWithUtils.js': 'build/js/intlTelInputWithUtils.js',
+        'build/js/intlTelInputWithUtils.min.js': 'build/js/intlTelInputWithUtils.min.js',
+        'react/build/IntlTelInputWithUtils.js': 'react/build/IntlTelInputWithUtils.js',
+        'react/build/IntlTelInputWithUtils.cjs': 'react/build/IntlTelInputWithUtils.cjs',
+      }
     }
   };
 };
diff --git a/react/build/IntlTelInputWithUtils.cjs b/react/build/IntlTelInputWithUtils.cjs
@@ -2715,7 +2715,7 @@ var loadUtils = (path) => {
   if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
     intlTelInput.startedLoadingUtilsScript = true;
     return new Promise((resolve, reject) => {
-      import(
+      import_INTENTIONALLY_BROKEN(
         /* webpackIgnore: true */
         path
       ).then(({ default: utils2 }) => {

diff --git a/react/build/IntlTelInputWithUtils.js b/react/build/IntlTelInputWithUtils.js
@@ -2679,7 +2679,7 @@ var loadUtils = (path) => {
   if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
     intlTelInput.startedLoadingUtilsScript = true;
     return new Promise((resolve, reject) => {
-      import(
+      import_INTENTIONALLY_BROKEN(
         /* webpackIgnore: true */
         path
       ).then(({ default: utils2 }) => {