@rsbuild/plugin-styled-components 0.7.9 → 1.0.0-alpha.0

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -24,11 +34,9 @@ __export(src_exports, {
   pluginStyledComponents: () => pluginStyledComponents
 });
 module.exports = __toCommonJS(src_exports);
-var import_shared = require("@rsbuild/shared");
+var import_core = require("@rsbuild/core");
 function isServerTarget(target) {
-  return (Array.isArray(target) ? target : [target]).some(
-    (item) => ["node", "service-worker"].includes(item)
-  );
+  return Array.isArray(target) ? target.includes("node") : target === "node";
 }
 var getDefaultStyledComponentsConfig = (isProd, ssr) => {
   return {
@@ -47,29 +55,42 @@ var pluginStyledComponents = (pluginOptions = {}) => ({
     if (api.context.bundlerType === "webpack") {
       return;
     }
-    const getMergedOptions = () => {
-      const useSSR = isServerTarget(api.context.targets);
-      const isProd = (0, import_shared.getNodeEnv)() === "production";
-      return (0, import_shared.reduceConfigs)({
+    const getMergedOptions = (useSSR) => {
+      const isProd = process.env.NODE_ENV === "production";
+      return (0, import_core.reduceConfigs)({
         initial: getDefaultStyledComponentsConfig(isProd, useSSR),
         config: pluginOptions
       });
     };
-    api.modifyRsbuildConfig((userConfig, { mergeRsbuildConfig }) => {
-      const extraConfig = {
-        tools: {
-          swc(opts) {
-            const mergedOptions = getMergedOptions();
-            if (!mergedOptions) {
-              return opts;
+    api.modifyRsbuildConfig({
+      order: "post",
+      handler: (userConfig, { mergeRsbuildConfig }) => {
+        const targets = userConfig.environments ? Object.values(userConfig.environments).map(
+          (e) => e.output?.target || userConfig.output?.target || "web"
+        ) : [userConfig.output?.target || "web"];
+        const useSSR = isServerTarget(targets);
+        const mergedOptions = getMergedOptions(useSSR);
+        if (!mergedOptions) {
+          return userConfig;
+        }
+        const extraConfig = {
+          tools: {
+            swc: {
+              jsc: {
+                experimental: {
+                  plugins: [
+                    [
+                      require.resolve("@swc/plugin-styled-components"),
+                      mergedOptions
+                    ]
+                  ]
+                }
+              }
             }
-            opts.rspackExperiments ??= {};
-            opts.rspackExperiments.styledComponents = mergedOptions;
-            return opts;
           }
-        }
-      };
-      return mergeRsbuildConfig(extraConfig, userConfig);
+        };
+        return mergeRsbuildConfig(extraConfig, userConfig);
+      }
     });
   }
 });

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import { ConfigChain, RsbuildPlugin } from '@rsbuild/core';
-
+import type { ConfigChain, RsbuildPlugin } from '@rsbuild/core';
 /**
- * the options of [rspackExperiments.styledComponents](https://rspack.dev/guide/features/builtin-swc-loader#rspackexperimentsstyledcomponents).
+ * The options of [@swc/plugin-styled-components](https://www.npmjs.com/package/@swc/plugin-styled-components).
  */
-type PluginStyledComponentsOptions = {
+export type PluginStyledComponentsOptions = {
     displayName?: boolean;
     ssr?: boolean;
     fileName?: boolean;
@@ -15,7 +14,5 @@ type PluginStyledComponentsOptions = {
     pure?: boolean;
     cssProps?: boolean;
 };
-declare const PLUGIN_STYLED_COMPONENTS_NAME = "rsbuild:styled-components";
-declare const pluginStyledComponents: (pluginOptions?: ConfigChain<PluginStyledComponentsOptions>) => RsbuildPlugin;
-
-export { PLUGIN_STYLED_COMPONENTS_NAME, type PluginStyledComponentsOptions, pluginStyledComponents };
+export declare const PLUGIN_STYLED_COMPONENTS_NAME = "rsbuild:styled-components";
+export declare const pluginStyledComponents: (pluginOptions?: ConfigChain<PluginStyledComponentsOptions>) => RsbuildPlugin;

package/dist/index.js

@@ -1,17 +1,22 @@
 import { createRequire } from 'module';
 var require = createRequire(import.meta['url']);
 
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.5.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.5_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
 // src/index.ts
-import { getNodeEnv, reduceConfigs } from "@rsbuild/shared";
+import { reduceConfigs } from "@rsbuild/core";
 function isServerTarget(target) {
-  return (Array.isArray(target) ? target : [target]).some(
-    (item) => ["node", "service-worker"].includes(item)
-  );
+  return Array.isArray(target) ? target.includes("node") : target === "node";
 }
 var getDefaultStyledComponentsConfig = (isProd, ssr) => {
   return {
@@ -30,29 +35,42 @@ var pluginStyledComponents = (pluginOptions = {}) => ({
     if (api.context.bundlerType === "webpack") {
       return;
     }
-    const getMergedOptions = () => {
-      const useSSR = isServerTarget(api.context.targets);
-      const isProd = getNodeEnv() === "production";
+    const getMergedOptions = (useSSR) => {
+      const isProd = process.env.NODE_ENV === "production";
       return reduceConfigs({
         initial: getDefaultStyledComponentsConfig(isProd, useSSR),
         config: pluginOptions
       });
     };
-    api.modifyRsbuildConfig((userConfig, { mergeRsbuildConfig }) => {
-      const extraConfig = {
-        tools: {
-          swc(opts) {
-            const mergedOptions = getMergedOptions();
-            if (!mergedOptions) {
-              return opts;
+    api.modifyRsbuildConfig({
+      order: "post",
+      handler: (userConfig, { mergeRsbuildConfig }) => {
+        const targets = userConfig.environments ? Object.values(userConfig.environments).map(
+          (e) => e.output?.target || userConfig.output?.target || "web"
+        ) : [userConfig.output?.target || "web"];
+        const useSSR = isServerTarget(targets);
+        const mergedOptions = getMergedOptions(useSSR);
+        if (!mergedOptions) {
+          return userConfig;
+        }
+        const extraConfig = {
+          tools: {
+            swc: {
+              jsc: {
+                experimental: {
+                  plugins: [
+                    [
+                      __require.resolve("@swc/plugin-styled-components"),
+                      mergedOptions
+                    ]
+                  ]
+                }
+              }
             }
-            opts.rspackExperiments ??= {};
-            opts.rspackExperiments.styledComponents = mergedOptions;
-            return opts;
           }
-        }
-      };
-      return mergeRsbuildConfig(extraConfig, userConfig);
+        };
+        return mergeRsbuildConfig(extraConfig, userConfig);
+      }
     });
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-styled-components",
-  "version": "0.7.9",
+  "version": "1.0.0-alpha.0",
   "description": "styled-components plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -22,15 +22,16 @@
     "dist"
   ],
   "dependencies": {
-    "@rsbuild/shared": "0.7.9"
+    "@swc/plugin-styled-components": "2.0.8",
+    "@rsbuild/shared": "1.0.0-alpha.0"
   },
   "devDependencies": {
     "@types/node": "18.x",
-    "typescript": "^5.4.2",
-    "@rsbuild/core": "0.7.9"
+    "typescript": "^5.5.2",
+    "@rsbuild/core": "1.0.0-alpha.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.7.9"
+    "@rsbuild/core": "^1.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public",