@rsbuild/plugin-styled-components 0.4.11 → 0.4.13

package/dist/index.d.ts

@@ -16,6 +16,6 @@ type PluginStyledComponentsOptions = {
     pure?: boolean;
     cssProps?: boolean;
 };
-declare const pluginStyledComponents: (userConfig?: ChainedConfig<PluginStyledComponentsOptions>) => RsbuildPlugin;
+declare const pluginStyledComponents: (pluginOptions?: ChainedConfig<PluginStyledComponentsOptions>) => RsbuildPlugin;
 
 export { type PluginStyledComponentsOptions, pluginStyledComponents };

package/dist/index.js

@@ -24,30 +24,35 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_shared = require("@rsbuild/shared");
-var pluginStyledComponents = (userConfig = {}) => ({
+var pluginStyledComponents = (pluginOptions = {}) => ({
   name: "rsbuild:styled-components",
   setup(api) {
-    api.modifyBundlerChain(async (chain, { isProd }) => {
-      const { bundlerType } = api.context;
-      if (bundlerType === "webpack") {
-        return;
-      }
-      const isSSR = (0, import_shared.isServerTarget)(api.context.targets);
-      const styledComponentsOptions = (0, import_shared.mergeChainedOptions)({
-        defaults: (0, import_shared.getDefaultStyledComponentsConfig)(isProd, isSSR),
-        options: userConfig
+    if (api.context.bundlerType === "webpack") {
+      return;
+    }
+    const getMergedOptions = () => {
+      const useSSR = (0, import_shared.isServerTarget)(api.context.targets);
+      const isProd = (0, import_shared.getNodeEnv)() === "production";
+      return (0, import_shared.mergeChainedOptions)({
+        defaults: (0, import_shared.getDefaultStyledComponentsConfig)(isProd, useSSR),
+        options: pluginOptions
       });
-      if (!styledComponentsOptions) {
-        return;
-      }
-      (0, import_shared.modifySwcLoaderOptions)({
-        chain,
-        modifier: (options) => {
-          options.rspackExperiments ?? (options.rspackExperiments = {});
-          options.rspackExperiments.styledComponents = styledComponentsOptions;
-          return options;
+    };
+    api.modifyRsbuildConfig((userConfig, { mergeRsbuildConfig }) => {
+      const extraConfig = {
+        tools: {
+          swc(opts) {
+            const mergedOptions = getMergedOptions();
+            if (!mergedOptions) {
+              return opts;
+            }
+            opts.rspackExperiments ?? (opts.rspackExperiments = {});
+            opts.rspackExperiments.styledComponents = mergedOptions;
+            return opts;
+          }
         }
-      });
+      };
+      return mergeRsbuildConfig(extraConfig, userConfig);
     });
   }
 });

package/dist/index.mjs

@@ -8,35 +8,40 @@ import path from "path";
 
 // src/index.ts
 import {
+  getNodeEnv,
   isServerTarget,
   mergeChainedOptions,
-  modifySwcLoaderOptions,
   getDefaultStyledComponentsConfig
 } from "@rsbuild/shared";
-var pluginStyledComponents = (userConfig = {}) => ({
+var pluginStyledComponents = (pluginOptions = {}) => ({
   name: "rsbuild:styled-components",
   setup(api) {
-    api.modifyBundlerChain(async (chain, { isProd }) => {
-      const { bundlerType } = api.context;
-      if (bundlerType === "webpack") {
-        return;
-      }
-      const isSSR = isServerTarget(api.context.targets);
-      const styledComponentsOptions = mergeChainedOptions({
-        defaults: getDefaultStyledComponentsConfig(isProd, isSSR),
-        options: userConfig
+    if (api.context.bundlerType === "webpack") {
+      return;
+    }
+    const getMergedOptions = () => {
+      const useSSR = isServerTarget(api.context.targets);
+      const isProd = getNodeEnv() === "production";
+      return mergeChainedOptions({
+        defaults: getDefaultStyledComponentsConfig(isProd, useSSR),
+        options: pluginOptions
       });
-      if (!styledComponentsOptions) {
-        return;
-      }
-      modifySwcLoaderOptions({
-        chain,
-        modifier: (options) => {
-          options.rspackExperiments ?? (options.rspackExperiments = {});
-          options.rspackExperiments.styledComponents = styledComponentsOptions;
-          return options;
+    };
+    api.modifyRsbuildConfig((userConfig, { mergeRsbuildConfig }) => {
+      const extraConfig = {
+        tools: {
+          swc(opts) {
+            const mergedOptions = getMergedOptions();
+            if (!mergedOptions) {
+              return opts;
+            }
+            opts.rspackExperiments ?? (opts.rspackExperiments = {});
+            opts.rspackExperiments.styledComponents = mergedOptions;
+            return opts;
+          }
         }
-      });
+      };
+      return mergeRsbuildConfig(extraConfig, userConfig);
     });
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-styled-components",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "description": "styled-components plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -22,16 +22,15 @@
     "dist"
   ],
   "dependencies": {
-    "@rsbuild/shared": "0.4.11"
+    "@rsbuild/shared": "0.4.13"
   },
   "devDependencies": {
     "@types/node": "16.x",
-    "typescript": "^5.3.0",
-    "@rsbuild/core": "0.4.11",
-    "@scripts/test-helper": "0.4.11"
+    "typescript": "^5.4.2",
+    "@rsbuild/core": "0.4.13"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.4.11"
+    "@rsbuild/core": "^0.4.13"
   },
   "publishConfig": {
     "access": "public",