Add alias

Author: owjs3901

.changepacks/changepack_log_Yq5qc_Svay4n89mb4Qjog.json

@@ -0,0 +1 @@
+{"changes":{"packages/bun-plugin/package.json":"Patch","packages/components/package.json":"Patch","packages/next-plugin/package.json":"Patch","packages/react/package.json":"Patch","bindings/devup-ui-wasm/package.json":"Patch","packages/plugin-utils/package.json":"Patch","packages/vite-plugin/package.json":"Patch","packages/webpack-plugin/package.json":"Patch","packages/rsbuild-plugin/package.json":"Patch"},"note":"Add importAlias option","date":"2026-01-14T11:03:40.943886300Z"}

libs/extractor/src/lib.rs

@@ -12897,6 +12897,37 @@ const Button = myStyled.button({ bg: 'green', p: 2 })
         ));
     }
 
+    #[test]
+    #[serial]
+    fn test_import_alias_custom_named_export() {
+        // Test @emotion/styled default export → custom named export (emotionStyled, not styled)
+        // This tests when user configures alias to map to a non-standard named export
+        reset_class_map();
+        reset_file_map();
+        let mut aliases = HashMap::new();
+        aliases.insert(
+            "@emotion/styled".to_string(),
+            ImportAlias::DefaultToNamed("styled".to_string()),
+        );
+
+        assert_debug_snapshot!(ToBTreeSet::from(
+            extract(
+                "test.tsx",
+                r#"import emotionStyled from '@emotion/styled'
+const Button = emotionStyled.button({ bg: 'purple', p: 3 })
+"#,
+                ExtractOption {
+                    package: "@devup-ui/react".to_string(),
+                    css_dir: "@devup-ui/react".to_string(),
+                    single_css: true,
+                    import_main_css: false,
+                    import_aliases: aliases,
+                },
+            )
+            .unwrap()
+        ));
+    }
+
     #[test]
     #[serial]
     fn test_import_alias_multiple_aliases() {

libs/extractor/src/snapshots/extractor__tests__import_alias_custom_named_export.snap

@@ -0,0 +1,29 @@
+---
+source: libs/extractor/src/lib.rs
+expression: "ToBTreeSet::from(extract(\"test.tsx\",\nr#\"import emotionStyled from '@emotion/styled'\nconst Button = emotionStyled.button({ bg: 'purple', p: 3 })\n\"#,\nExtractOption\n{\n    package: \"@devup-ui/react\".to_string(), css_dir:\n    \"@devup-ui/react\".to_string(), single_css: true, import_main_css: false,\n    import_aliases: aliases,\n},).unwrap())"
+---
+ToBTreeSet {
+    styles: {
+        Static(
+            ExtractStaticStyle {
+                property: "background",
+                value: "purple",
+                level: 0,
+                selector: None,
+                style_order: None,
+                layer: None,
+            },
+        ),
+        Static(
+            ExtractStaticStyle {
+                property: "padding",
+                value: "12px",
+                level: 0,
+                selector: None,
+                style_order: None,
+                layer: None,
+            },
+        ),
+    },
+    code: "import \"@devup-ui/react/devup-ui.css\";\nconst Button = ({ style, className, ...rest }) => <button {...rest} className={[\"a b\", className].filter(Boolean).join(\" \")} style={style} />;\n",
+}