vercel · kodiakhq · Apr 12, 2023 · Apr 6, 2023
@@ -37,7 +37,12 @@ pub enum EcmascriptInputTransform {
     ServerDirective(StringVc),
     CommonJs,
     Custom(CustomTransformVc),
-    Emotion,
+    Emotion {
+        #[serde(default)]
+        sourcemap: bool,
+        label_format: OptionStringVc,
+        auto_label: Option<bool>,
+    },
     PresetEnv(EnvironmentVc),
     React {
         #[serde(default)]
@@ -185,10 +190,24 @@ impl EcmascriptInputTransform {
                     Some(comments.clone()),
                 ));
             }
-            EcmascriptInputTransform::Emotion => {
+            EcmascriptInputTransform::Emotion {
+                sourcemap,
+                label_format,
+                auto_label,
+            } => {
+                let options = swc_emotion::EmotionOptions {
+                    // this should be always enabled if match arrives here:
+                    // since moduleoptions expect to push emotion transform only if
+                    // there are valid, enabled config values.
+                    enabled: Some(true),
+                    sourcemap: Some(*sourcemap),
+                    label_format: label_format.await?.clone_value(),
+                    auto_label: *auto_label,
+                    ..Default::default()
+                };
                 let p = std::mem::replace(program, Program::Module(Module::dummy()));
                 *program = p.fold_with(&mut swc_emotion::emotion(
-                    Default::default(),
+                    options,
                     Path::new(file_name_str),
                     source_map.clone(),
                     comments.clone(),

@@ -20,7 +20,9 @@ use turbo_tasks_memory::MemoryBackend;
 use turbopack::{
     condition::ContextCondition,
     ecmascript::EcmascriptModuleAssetVc,
-    module_options::{JsxTransformOptions, JsxTransformOptionsVc, ModuleOptionsContext},
+    module_options::{
+        EmotionTransformConfig, JsxTransformOptions, JsxTransformOptionsVc, ModuleOptionsContext,
+    },
     resolve_options_context::ResolveOptionsContext,
     transition::TransitionsByNameVc,
     ModuleAssetContextVc,
@@ -193,7 +195,10 @@ async fn run_test(resource: &str) -> Result<FileSystemPathVc> {
             enable_jsx: Some(JsxTransformOptionsVc::cell(JsxTransformOptions {
                 ..Default::default()
             })),
-            enable_emotion: true,
+            enable_emotion: Some(EmotionTransformConfig::cell(EmotionTransformConfig {
+                sourcemap: Some(false),
+                ..Default::default()
+            })),
             enable_styled_components: true,
             preset_env_versions: Some(env),
             rules: vec![(

@@ -61,7 +61,7 @@ impl ModuleOptionsVc {
     ) -> Result<ModuleOptionsVc> {
         let ModuleOptionsContext {
             enable_jsx,
-            enable_emotion,
+            ref enable_emotion,
             enable_react_refresh,
             enable_styled_jsx,
             enable_styled_components,
@@ -96,8 +96,22 @@ impl ModuleOptionsVc {
         if enable_styled_jsx {
             transforms.push(EcmascriptInputTransform::StyledJsx);
         }
-        if enable_emotion {
-            transforms.push(EcmascriptInputTransform::Emotion);
+        if let Some(enable_emotion) = enable_emotion {
+            let emotion_transform = enable_emotion.await?;
+            transforms.push(EcmascriptInputTransform::Emotion {
+                sourcemap: emotion_transform.sourcemap.unwrap_or(false),
+                label_format: OptionStringVc::cell(emotion_transform.label_format.clone()),
+                auto_label: if let Some(auto_label) = emotion_transform.auto_label.as_ref() {
+                    match auto_label {
+                        EmotionLabelKind::Always => Some(true),
+                        EmotionLabelKind::Never => Some(false),
+                        // [TODO]: this is not correct coerece, need to be fixed
+                        EmotionLabelKind::DevOnly => None,
+                    }
+                } else {
+                    None
+                },
+            });
         }
         if enable_styled_components {
             transforms.push(EcmascriptInputTransform::StyledComponents);

@@ -89,6 +89,42 @@ impl Default for TypescriptTransformOptionsVc {
     }
 }
 
+#[derive(Clone, PartialEq, Eq, Debug, TraceRawVcs, Serialize, Deserialize)]
+#[serde(rename_all = "kebab-case")]
+pub enum EmotionLabelKind {
+    DevOnly,
+    Always,
+    Never,
+}
+
+#[turbo_tasks::value(transparent)]
+pub struct OptionEmotionTransformConfig(Option<EmotionTransformConfigVc>);
+
+//[TODO]: need to support importmap, there are type mismatch between
+//[TODO]: next.config.js to swc's emotion options
+#[turbo_tasks::value(shared)]
+#[derive(Default, Clone, Debug)]
+#[serde(rename_all = "camelCase")]
+pub struct EmotionTransformConfig {
+    pub sourcemap: Option<bool>,
+    pub label_format: Option<String>,
+    pub auto_label: Option<EmotionLabelKind>,
+}
+
+#[turbo_tasks::value_impl]
+impl EmotionTransformConfigVc {
+    #[turbo_tasks::function]
+    pub fn default() -> Self {
+        Self::cell(Default::default())
+    }
+}
+
+impl Default for EmotionTransformConfigVc {
+    fn default() -> Self {
+        Self::default()
+    }
+}
+
 impl WebpackLoadersOptions {
     pub fn is_empty(&self) -> bool {
         self.extension_to_loaders.is_empty()
@@ -117,7 +153,7 @@ pub struct ModuleOptionsContext {
     #[serde(default)]
     pub enable_jsx: Option<JsxTransformOptionsVc>,
     #[serde(default)]
-    pub enable_emotion: bool,
+    pub enable_emotion: Option<EmotionTransformConfigVc>,
     #[serde(default)]
     pub enable_react_refresh: bool,
     #[serde(default)]