@rsbuild/plugin-styled-components 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { ChainedConfig } from '@rsbuild/shared';
 /**
  * the options of [babel-plugin-styled-components](https://github.com/styled-components/babel-plugin-styled-components) or [rspackExperiments.styledComponents](https://rspack.dev/guide/loader#optionsrspackexperimentsstyledcomponents).
  */
-type StyledComponentsOptions = {
+type PluginStyledComponentsOptions = {
     displayName?: boolean;
     ssr?: boolean;
     fileName?: boolean;
@@ -16,6 +16,6 @@ type StyledComponentsOptions = {
     pure?: boolean;
     cssProps?: boolean;
 };
-declare const pluginStyledComponents: (userConfig?: ChainedConfig<StyledComponentsOptions>) => RsbuildPlugin;
+declare const pluginStyledComponents: (userConfig?: ChainedConfig<PluginStyledComponentsOptions>) => RsbuildPlugin;
 
-export { pluginStyledComponents };
+export { PluginStyledComponentsOptions, pluginStyledComponents };

package/dist/index.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ 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
@@ -39,6 +29,9 @@ var pluginStyledComponents = (userConfig = {}) => ({
   setup(api) {
     api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
       const { bundlerType } = api.context;
+      if (bundlerType === "webpack") {
+        return;
+      }
       const isSSR = (0, import_shared.isServerTarget)(api.context.target);
       const styledComponentsOptions = (0, import_shared.mergeChainedOptions)({
         defaults: (0, import_shared.getDefaultStyledComponentsConfig)(isProd, isSSR),
@@ -51,28 +44,11 @@ var pluginStyledComponents = (userConfig = {}) => ({
         if (chain.module.rules.has(ruleId)) {
           const rule = chain.module.rule(ruleId);
           if (rule.uses.has(CHAIN_ID.USE.SWC)) {
-            if (bundlerType === "rspack") {
-              rule.use(CHAIN_ID.USE.SWC).tap((options) => {
-                var _a;
-                (_a = options.rspackExperiments) != null ? _a : options.rspackExperiments = {};
-                options.rspackExperiments.styledComponents = styledComponentsOptions;
-                return options;
-              });
-            } else {
-              rule.use(CHAIN_ID.USE.SWC).tap((swc) => {
-                swc.extensions.styledComponents = styledComponentsOptions;
-                return swc;
-              });
-            }
-          } else if (rule.uses.has(CHAIN_ID.USE.BABEL)) {
-            rule.use(CHAIN_ID.USE.BABEL).tap((babelConfig) => {
+            rule.use(CHAIN_ID.USE.SWC).tap((options) => {
               var _a;
-              (_a = babelConfig.plugins) != null ? _a : babelConfig.plugins = [];
-              babelConfig.plugins.push([
-                require.resolve("babel-plugin-styled-components"),
-                styledComponentsOptions
-              ]);
-              return babelConfig;
+              (_a = options.rspackExperiments) != null ? _a : options.rspackExperiments = {};
+              options.rspackExperiments.styledComponents = styledComponentsOptions;
+              return options;
             });
           }
         }

package/dist/index.mjs

@@ -1,16 +1,8 @@
-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.40.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.41.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
-// ../../scripts/require_shims.js
+// ../../scripts/requireShims.js
 import { createRequire } from "module";
 global.require = createRequire(import.meta.url);
 
@@ -25,6 +17,9 @@ var pluginStyledComponents = (userConfig = {}) => ({
   setup(api) {
     api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
       const { bundlerType } = api.context;
+      if (bundlerType === "webpack") {
+        return;
+      }
       const isSSR = isServerTarget(api.context.target);
       const styledComponentsOptions = mergeChainedOptions({
         defaults: getDefaultStyledComponentsConfig(isProd, isSSR),
@@ -37,26 +32,10 @@ var pluginStyledComponents = (userConfig = {}) => ({
         if (chain.module.rules.has(ruleId)) {
           const rule = chain.module.rule(ruleId);
           if (rule.uses.has(CHAIN_ID.USE.SWC)) {
-            if (bundlerType === "rspack") {
-              rule.use(CHAIN_ID.USE.SWC).tap((options) => {
-                options.rspackExperiments ?? (options.rspackExperiments = {});
-                options.rspackExperiments.styledComponents = styledComponentsOptions;
-                return options;
-              });
-            } else {
-              rule.use(CHAIN_ID.USE.SWC).tap((swc) => {
-                swc.extensions.styledComponents = styledComponentsOptions;
-                return swc;
-              });
-            }
-          } else if (rule.uses.has(CHAIN_ID.USE.BABEL)) {
-            rule.use(CHAIN_ID.USE.BABEL).tap((babelConfig) => {
-              babelConfig.plugins ?? (babelConfig.plugins = []);
-              babelConfig.plugins.push([
-                __require.resolve("babel-plugin-styled-components"),
-                styledComponentsOptions
-              ]);
-              return babelConfig;
+            rule.use(CHAIN_ID.USE.SWC).tap((options) => {
+              options.rspackExperiments ?? (options.rspackExperiments = {});
+              options.rspackExperiments.styledComponents = styledComponentsOptions;
+              return options;
             });
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-styled-components",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "styled-components plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -21,16 +21,13 @@
     "dist"
   ],
   "dependencies": {
-    "babel-plugin-styled-components": "1.13.3",
-    "@rsbuild/shared": "0.1.0"
+    "@rsbuild/shared": "0.1.2"
   },
   "devDependencies": {
     "@types/node": "^16",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.1.0",
-    "@rsbuild/plugin-swc": "0.1.0",
-    "@rsbuild/test-helper": "0.1.0",
-    "@rsbuild/webpack": "0.1.0"
+    "@rsbuild/core": "0.1.2",
+    "@rsbuild/test-helper": "0.1.2"
   },
   "publishConfig": {
     "access": "public",