feat(turbopack): externalType support umd

Author: fireairforce

turbopack/crates/turbopack-core/src/resolve/mod.rs

@@ -476,6 +476,7 @@ pub enum ExternalType {
     EcmaScriptModule,
     Global,
     Script,
+    Umd,
 }
 
 impl Display for ExternalType {
@@ -486,6 +487,7 @@ impl Display for ExternalType {
             ExternalType::Url => write!(f, "url"),
             ExternalType::Global => write!(f, "global"),
             ExternalType::Script => write!(f, "script"),
+            ExternalType::Umd => write!(f, "umd"),
         }
     }
 }
@@ -2768,7 +2770,7 @@ async fn resolve_import_map_result(
                         ExternalType::EcmaScriptModule => {
                             node_esm_resolve_options(alias_lookup_path.root().await?.clone_value())
                         }
-                        ExternalType::Script | ExternalType::Url | ExternalType::Global => options,
+                        ExternalType::Script | ExternalType::Url | ExternalType::Global | ExternalType::Umd => options,
                     },
                 )
                 .await?

turbopack/crates/turbopack-ecmascript/src/references/external_module.rs

@@ -47,6 +47,7 @@ pub enum CachedExternalType {
     EcmaScriptViaImport,
     Global,
     Script,
+    Umd,
 }
 
 impl Display for CachedExternalType {
@@ -57,6 +58,7 @@ impl Display for CachedExternalType {
             CachedExternalType::EcmaScriptViaImport => write!(f, "esm_import"),
             CachedExternalType::Global => write!(f, "global"),
             CachedExternalType::Script => write!(f, "script"),
+            CachedExternalType::Umd => write!(f, "umd"),
         }
     }
 }
@@ -98,11 +100,11 @@ impl CachedExternalModule {
             CachedExternalType::Global => {
                 if self.request.is_empty() {
                     writeln!(code, "const mod = {{}};")?;
-                } else if self.request.contains('/') {
+                } else if self.request.contains(' ') {
                     // Handle requests with '/' by splitting into nested global access
                     let global_access = self
                         .request
-                        .split('/')
+                        .split(' ')
                         .fold("globalThis".to_string(), |acc, part| {
                             format!("{}[{}]", acc, StringifyJs(part))
                         });
@@ -116,6 +118,22 @@ impl CachedExternalModule {
                     )?;
                 }
             }
+            CachedExternalType::Umd => {
+                // request format is: "root React commonjs react"
+                let parts = self.request.split(' ').collect::<Vec<_>>();
+                let global_name = parts[1];
+                let module_name = parts[2];
+
+                writeln!(
+                    code,
+                    "if (typeof exports === 'object' && typeof module === 'object') {{ const mod \
+                     = {TURBOPACK_EXTERNAL_REQUIRE}({}, () => require({})); }} else {{ const mod \
+                     = globalThis[{}] }}",
+                    StringifyJs(global_name),
+                    StringifyJs(module_name),
+                    StringifyJs(module_name),
+                )?;
+            }
             CachedExternalType::Script => {
                 // Parse the request format: "variableName@url"
                 // e.g., "foo@https://test.test.com"

turbopack/crates/turbopack/src/lib.rs

@@ -660,7 +660,7 @@ async fn externals_tracing_module_context(ty: ExternalType) -> Result<Vc<ModuleA
         custom_conditions: match ty {
             ExternalType::CommonJs => vec!["require".into()],
             ExternalType::EcmaScriptModule => vec!["import".into()],
-            ExternalType::Url | ExternalType::Global | ExternalType::Script => vec![],
+            ExternalType::Url | ExternalType::Global | ExternalType::Script | ExternalType::Umd => vec![],
         },
         ..Default::default()
     };
@@ -1014,6 +1014,7 @@ pub async fn replace_external(
         }
         ExternalType::Global => CachedExternalType::Global,
         ExternalType::Script => CachedExternalType::Script,
+        ExternalType::Umd => CachedExternalType::Umd,
         ExternalType::Url => {
             // we don't want to wrap url externals.
             return Ok(None);