feat(es/minifier): Invoke IIFE into block (#10220)

**Description:**

This is maybe the biggest missing feature of terser as compared to gcc because its lack of proper scope support. But we have.

Further development:
1. invoke IIFE with return into labelled break
2. invoke IIFE in place where value is needed like `if (() => {} ())`
3. invoke IIFE in seq and other side effect free expressions


**Related issue:**

 - Closes #10054

Author: Austaras

.changeset/cold-dodos-mix.md

@@ -0,0 +1,6 @@
+---
+swc_ecma_minifier: minor
+swc_core: minor
+---
+
+feat(es/minifier): Invoke IIFE into block

crates/swc/tests/fixture/issues-4xxx/4953/output/index.js

@@ -1,11 +1,14 @@
 "use strict";
 function _default(e, t) {
     "use strict";
-    t.vr = function(e, t, r) {
-        return function() {
-            return '123';
+    !function(e) {
+        "use strict";
+        e.vr = function(e, t, r) {
+            return function() {
+                return '123';
+            };
         };
-    };
+    }(t);
 }
 Object.defineProperty(exports, "__esModule", {
     value: !0

crates/swc/tests/libs-size.snapshot.md

@@ -1,14 +1,14 @@
 | File | Original Size | Compressed Size | Gzipped Size |
 | --- | --- | --- | --- |
-| antd.js | 6.38 MiB | 2.05 MiB | 444.65 KiB |
-| d3.js | 542.74 KiB | 259.09 KiB | 85.07 KiB |
-| echarts.js | 3.41 MiB | 971.28 KiB | 313.35 KiB |
-| jquery.js | 280.89 KiB | 87.07 KiB | 30.17 KiB |
-| lodash.js | 531.35 KiB | 68.27 KiB | 24.49 KiB |
+| antd.js | 6.38 MiB | 2.05 MiB | 444.53 KiB |
+| d3.js | 542.74 KiB | 259.03 KiB | 85.06 KiB |
+| echarts.js | 3.41 MiB | 971.15 KiB | 313.35 KiB |
+| jquery.js | 280.89 KiB | 87.09 KiB | 30.15 KiB |
+| lodash.js | 531.35 KiB | 68.18 KiB | 24.52 KiB |
 | moment.js | 169.83 KiB | 56.90 KiB | 18.18 KiB |
-| react.js | 70.45 KiB | 22.33 KiB | 7.99 KiB |
-| terser.js | 1.08 MiB | 444.77 KiB | 120.27 KiB |
-| three.js | 1.19 MiB | 628.06 KiB | 154.56 KiB |
-| typescript.js | 10.45 MiB | 3.17 MiB | 843.24 KiB |
-| victory.js | 2.30 MiB | 690.95 KiB | 153.66 KiB |
-| vue.js | 334.13 KiB | 113.02 KiB | 41.67 KiB |
+| react.js | 70.45 KiB | 22.28 KiB | 8.01 KiB |
+| terser.js | 1.08 MiB | 444.83 KiB | 120.44 KiB |
+| three.js | 1.19 MiB | 628.04 KiB | 154.56 KiB |
+| typescript.js | 10.45 MiB | 3.17 MiB | 845.76 KiB |
+| victory.js | 2.30 MiB | 689.58 KiB | 153.63 KiB |
+| vue.js | 334.13 KiB | 112.98 KiB | 41.66 KiB |

crates/swc/tests/tsc-references/amdImportNotAsPrimaryExpression.2.minified.js

@@ -6,20 +6,20 @@ define([
 ], function(require, exports, _class_call_check) {
     Object.defineProperty(exports, "__esModule", {
         value: !0
-    }), function(target, all) {
-        for(var name in all)Object.defineProperty(target, name, {
-            enumerable: !0,
-            get: all[name]
-        });
-    }(exports, {
+    });
+    var E1, all = {
         C1: function() {
             return C1;
         },
         E1: function() {
             return E11;
         }
+    };
+    for(var name in all)Object.defineProperty(exports, name, {
+        enumerable: !0,
+        get: all[name]
     });
-    var E1, C1 = function C1() {
+    var C1 = function C1() {
         _class_call_check._(this, C1), this.m1 = 42;
     };
     C1.s1 = !0;

crates/swc/tests/tsc-references/assignmentCompatWithDiscriminatedUnion.2.minified.js

@@ -1,8 +1,6 @@
 //// [assignmentCompatWithDiscriminatedUnion.ts]
 var Example1, Example2, Example3, Example4, Example5, GH14865, GH30170, GH12052, GH18421, GH15907, GH20889, GH39357, b1;
-Example1 || (Example1 = {}), t = s, Example2 || (Example2 = {}), t = s, Example3 || (Example3 = {}), t = s, Example4 || (Example4 = {}), t = s, Example5 || (Example5 = {}), t = s, GH14865 || (GH14865 = {}), b1.type, GH30170 || (GH30170 = {}), function(GH12052) {
-    function getAxisType() {
-        return "categorical";
-    }
-    getAxisType(), getAxisType();
-}(GH12052 || (GH12052 = {})), GH18421 || (GH18421 = {}), GH15907 || (GH15907 = {}), GH20889 || (GH20889 = {}), GH39357 || (GH39357 = {}), ("a" === b || "b" === b) && b;
+function getAxisType() {
+    return "categorical";
+}
+Example1 || (Example1 = {}), t = s, Example2 || (Example2 = {}), t = s, Example3 || (Example3 = {}), t = s, Example4 || (Example4 = {}), t = s, Example5 || (Example5 = {}), t = s, GH14865 || (GH14865 = {}), b1.type, GH30170 || (GH30170 = {}), GH12052 || (GH12052 = {}), getAxisType(), getAxisType(), GH18421 || (GH18421 = {}), GH15907 || (GH15907 = {}), GH20889 || (GH20889 = {}), GH39357 || (GH39357 = {}), ("a" === b || "b" === b) && b;

crates/swc/tests/tsc-references/asyncAwaitIsolatedModules_es5.2.minified.js

@@ -3,17 +3,15 @@ var M;
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-!function(M) {
-    function _f1() {
-        return (_f1 = _async_to_generator(function() {
-            return _ts_generator(this, function(_state) {
-                return [
-                    2
-                ];
-            });
-        })).apply(this, arguments);
-    }
-    M.f1 = function() {
-        return _f1.apply(this, arguments);
-    };
-}(M || (M = {}));
+function _f1() {
+    return (_f1 = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            return [
+                2
+            ];
+        });
+    })).apply(this, arguments);
+}
+(M || (M = {})).f1 = function() {
+    return _f1.apply(this, arguments);
+};

crates/swc/tests/tsc-references/asyncAwaitIsolatedModules_es6.2.minified.js

@@ -1,11 +1,9 @@
 //// [asyncAwaitIsolatedModules_es6.ts]
 var M;
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-!function(M) {
-    function _f1() {
-        return (_f1 = _async_to_generator(function*() {})).apply(this, arguments);
-    }
-    M.f1 = function() {
-        return _f1.apply(this, arguments);
-    };
-}(M || (M = {}));
+function _f1() {
+    return (_f1 = _async_to_generator(function*() {})).apply(this, arguments);
+}
+(M || (M = {})).f1 = function() {
+    return _f1.apply(this, arguments);
+};

crates/swc/tests/tsc-references/asyncAwait_es5.2.minified.js

@@ -3,17 +3,15 @@ var M;
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-!function(M) {
-    function _f1() {
-        return (_f1 = _async_to_generator(function() {
-            return _ts_generator(this, function(_state) {
-                return [
-                    2
-                ];
-            });
-        })).apply(this, arguments);
-    }
-    M.f1 = function() {
-        return _f1.apply(this, arguments);
-    };
-}(M || (M = {}));
+function _f1() {
+    return (_f1 = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            return [
+                2
+            ];
+        });
+    })).apply(this, arguments);
+}
+(M || (M = {})).f1 = function() {
+    return _f1.apply(this, arguments);
+};

crates/swc/tests/tsc-references/asyncAwait_es6.2.minified.js

@@ -1,11 +1,9 @@
 //// [asyncAwait_es6.ts]
 var M;
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-!function(M) {
-    function _f1() {
-        return (_f1 = _async_to_generator(function*() {})).apply(this, arguments);
-    }
-    M.f1 = function() {
-        return _f1.apply(this, arguments);
-    };
-}(M || (M = {}));
+function _f1() {
+    return (_f1 = _async_to_generator(function*() {})).apply(this, arguments);
+}
+(M || (M = {})).f1 = function() {
+    return _f1.apply(this, arguments);
+};

crates/swc/tests/tsc-references/commonJSImportNotAsPrimaryExpression.2.minified.js

@@ -1,20 +1,20 @@
 //// [foo_0.ts]
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), function(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: !0,
-        get: all[name]
-    });
-}(exports, {
+});
+var E1, target = exports, all = {
     C1: function() {
         return C1;
     },
     E1: function() {
         return E11;
     }
+};
+for(var name in all)Object.defineProperty(target, name, {
+    enumerable: !0,
+    get: all[name]
 });
-var E1, _class_call_check = require("@swc/helpers/_/_class_call_check"), C1 = function C1() {
+var _class_call_check = require("@swc/helpers/_/_class_call_check"), C1 = function C1() {
     _class_call_check._(this, C1), this.m1 = 42;
 };
 C1.s1 = !0;