feat(turbopack): support initial compiler.emotion / compiler.styledComponents flag

packages/next-swc/Cargo.toml

@@ -47,11 +47,11 @@ swc_emotion = { version = "0.29.10" }
 testing = { version = "0.31.31" }
 
 # Turbo crates
-turbo-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230411.2" }
+turbo-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230412.2" }
 # [TODO]: need to refactor embed_directory! macro usages, as well as resolving turbo_tasks::function, macros..
-turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230411.2" }
+turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230412.2" }
 # [TODO]: need to refactor embed_directory! macro usage in next-core
-turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230411.2" }
+turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230412.2" }
 
 # General Deps
 

packages/next-swc/crates/next-core/src/next_client/context.rs

@@ -48,8 +48,8 @@ use crate::{
     },
     react_refresh::assert_can_resolve_react_refresh,
     transform_options::{
-        get_decorators_transform_options, get_jsx_transform_options,
-        get_typescript_transform_options,
+        get_decorators_transform_options, get_emotion_compiler_config, get_jsx_transform_options,
+        get_styled_components_compiler_config, get_typescript_transform_options,
     },
     util::foreign_code_context_condition,
 };
@@ -175,6 +175,8 @@ pub async fn get_client_module_options_context(
             .clone_if()
     };
 
+    let enable_emotion = *get_emotion_compiler_config(next_config).await?;
+
     let module_options_context = ModuleOptionsContext {
         custom_ecmascript_transforms: vec![EcmascriptInputTransform::ServerDirective(
             StringVc::cell("TODO".to_string()),
@@ -184,14 +186,16 @@ pub async fn get_client_module_options_context(
         ..Default::default()
     };
 
+    let enable_styled_components = *get_styled_components_compiler_config(next_config).await?;
+
     let module_options_context = ModuleOptionsContext {
         // We don't need to resolve React Refresh for each module. Instead,
         // we try resolve it once at the root and pass down a context to all
         // the modules.
         enable_jsx: Some(jsx_runtime_options),
-        enable_emotion: true,
+        enable_emotion,
         enable_react_refresh,
-        enable_styled_components: true,
+        enable_styled_components,
         enable_styled_jsx: true,
         enable_postcss_transform: Some(PostCssTransformOptions {
             postcss_package: Some(get_postcss_package_mapping(project_path)),

packages/next-swc/crates/next-core/src/next_config.rs

@@ -28,7 +28,10 @@ use turbo_binding::{
             execution_context::{ExecutionContext, ExecutionContextVc},
             transforms::webpack::{WebpackLoaderConfigItems, WebpackLoaderConfigItemsVc},
         },
-        turbopack::evaluate_context::node_evaluate_asset_context,
+        turbopack::{
+            evaluate_context::node_evaluate_asset_context,
+            module_options::{EmotionTransformConfig, StyledComponentsTransformConfig},
+        },
     },
 };
 use turbo_tasks::{
@@ -55,9 +58,11 @@ pub struct NextConfig {
     pub rewrites: Rewrites,
     pub transpile_packages: Option<Vec<String>>,
 
+    // Partially supported
+    pub compiler: Option<CompilerConfig>,
+
     // unsupported
     cross_origin: Option<String>,
-    compiler: Option<CompilerConfig>,
     amp: AmpConfig,
     analytics_id: String,
     asset_prefix: String,
@@ -415,12 +420,28 @@ enum MiddlewarePrefetchType {
     Flexible,
 }
 
+#[derive(Clone, Debug, PartialEq, Serialize, Deserialize, TraceRawVcs)]
+#[serde(untagged)]
+pub enum EmotionTransformOptionsOrBoolean {
+    Boolean(bool),
+    Options(EmotionTransformConfig),
+}
+
+#[derive(Clone, Debug, PartialEq, Serialize, Deserialize, TraceRawVcs)]
+#[serde(untagged)]
+pub enum StyledComponentsTransformOptionsOrBoolean {
+    Boolean(bool),
+    Options(StyledComponentsTransformConfig),
+}
+
 #[derive(Clone, Debug, PartialEq, Serialize, Deserialize, TraceRawVcs)]
 #[serde(rename_all = "camelCase")]
 pub struct CompilerConfig {
     pub react_remove_properties: Option<bool>,
     pub relay: Option<RelayConfig>,
+    pub emotion: Option<EmotionTransformOptionsOrBoolean>,
     pub remove_console: Option<RemoveConsoleConfig>,
+    pub styled_components: Option<StyledComponentsTransformOptionsOrBoolean>,
 }
 
 #[derive(Clone, Debug, PartialEq, Serialize, Deserialize, TraceRawVcs)]