fix(es/module): Add "use strict" while preserving directives (#7537)

**Related issue:**

 - Closes #7536.

Author: kdy1

crates/swc/tests/fixture/issues-7xxx/7315/1/output/index.js

@@ -1,5 +1,6 @@
 // input.ts
 "use client";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

crates/swc_ecma_transforms_module/src/amd.rs

@@ -145,7 +145,7 @@ where
 
         // "use strict";
         if self.config.strict_mode {
-            stmts.push(clone_first_use_directive(n).unwrap_or_else(use_strict));
+            stmts.push(clone_first_use_directive(n, true).unwrap_or_else(use_strict));
         }
 
         let ModuleDeclStrip {

crates/swc_ecma_transforms_module/src/common_js.rs

@@ -111,12 +111,14 @@ where
         let mut strip = ModuleDeclStrip::new(self.const_var_kind);
         n.visit_mut_with(&mut strip);
 
-        let mut stmts: Vec<ModuleItem> = Vec::with_capacity(n.len() + 4);
+        let mut stmts: Vec<ModuleItem> = Vec::with_capacity(n.len() + 6);
+
+        stmts.extend(clone_first_use_directive(n, false).map(From::from));
 
         // "use strict";
         if self.config.strict_mode {
             stmts.push(
-                clone_first_use_directive(n)
+                clone_first_use_directive(n, true)
                     .unwrap_or_else(use_strict)
                     .into(),
             );

crates/swc_ecma_transforms_module/src/umd.rs

@@ -122,7 +122,7 @@ where
 
         // "use strict";
         if self.config.config.strict_mode {
-            stmts.push(clone_first_use_directive(module_items).unwrap_or_else(use_strict));
+            stmts.push(clone_first_use_directive(module_items, true).unwrap_or_else(use_strict));
         }
 
         let ModuleDeclStrip {

crates/swc_ecma_transforms_module/src/util.rs

@@ -6,7 +6,7 @@ use swc_common::{Span, Spanned, DUMMY_SP};
 use swc_ecma_ast::*;
 use swc_ecma_utils::{
     is_valid_prop_ident, member_expr, private_ident, quote_ident, quote_str, ExprFactory,
-    FunctionFactory,
+    FunctionFactory, IsDirective,
 };
 
 #[derive(Debug, Clone, Serialize, Deserialize)]
@@ -190,18 +190,24 @@ pub(super) fn define_es_module(exports: Ident) -> Stmt {
     .into_stmt()
 }
 
-pub(super) fn clone_first_use_directive(stmts: &[ModuleItem]) -> Option<Stmt> {
+pub(super) fn clone_first_use_directive(
+    stmts: &[ModuleItem],
+    want_use_strict: bool,
+) -> Option<Stmt> {
     if stmts.is_empty() {
         return None;
     }
 
     stmts.iter().find_map(|item| match item {
-        ModuleItem::Stmt(stmt @ Stmt::Expr(ExprStmt { expr, .. })) => match **expr {
-            Expr::Lit(Lit::Str(Str { ref value, .. })) if value.starts_with("use ") => {
+        ModuleItem::Stmt(stmt) => {
+            if (want_use_strict && stmt.is_use_strict())
+                || (!want_use_strict && !stmt.is_use_strict() && stmt.is_directive())
+            {
                 Some(stmt.clone())
+            } else {
+                None
             }
-            _ => None,
-        },
+        }
         _ => None,
     })
 }

crates/swc_ecma_transforms_module/tests/fixture/common/issue-7315/output.amd.js

@@ -3,7 +3,7 @@ define([
     "require",
     "exports"
 ], function(require, exports) {
-    "use client";
+    "use strict";
     Object.defineProperty(exports, "__esModule", {
         value: true
     });

crates/swc_ecma_transforms_module/tests/fixture/common/issue-7315/output.cjs

@@ -1,5 +1,6 @@
 // input.ts
 "use client";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

crates/swc_ecma_transforms_module/tests/fixture/common/issue-7315/output.umd.js

@@ -6,7 +6,7 @@
     ], factory);
     else if (global = typeof globalThis !== "undefined" ? globalThis : global || self) factory(global.input = {});
 })(this, function(exports) {
-    "use client";
+    "use strict";
     Object.defineProperty(exports, "__esModule", {
         value: true
     });