@rsbuild/plugin-styled-components 1.2.0 → 1.2.2-beta.0

package/README.md

@@ -2,7 +2,7 @@
 
 An Rsbuild plugin to provide compile-time support for styled-components. It improves debugging and adds server-side rendering support for styled-components.
 
-> [styled-components](https://styled-components.com/) is a popular CSS-in-JS implementation library, which uses the new JavaScript feature [Tagged template](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates) to write component CSS styles.
+[styled-components](https://styled-components.com/) is a popular CSS-in-JS implementation library, which uses the new JavaScript feature [Tagged template](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates) to write component CSS styles.
 
 <p>
   <a href="https://npmjs.com/package/@rsbuild/plugin-styled-components">
@@ -11,6 +11,12 @@ An Rsbuild plugin to provide compile-time support for styled-components. It impr
   <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
 </p>
 
+## Notice
+
+This Rsbuild plugin is simply a wrapper for [@swc/plugin-styled-components](https://www.npmjs.com/package/@swc/plugin-styled-components).
+
+If you have any requirements, it is recommended to file an issue to [SWC plugins repo](https://github.com/swc-project/plugins) or the styled-components repo.
+
 ## Usage
 
 Install:

package/dist/index.cjs

@@ -2,9 +2,7 @@
 const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
     return 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 }();
-// The require scope
 var __webpack_require__ = {};
-/************************************************************************/ // webpack/runtime/define_property_getters
 (()=>{
     __webpack_require__.d = function(exports1, definition) {
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -13,15 +11,12 @@ var __webpack_require__ = {};
         });
     };
 })();
-// webpack/runtime/has_own_property
 (()=>{
     __webpack_require__.o = function(obj, prop) {
         return Object.prototype.hasOwnProperty.call(obj, prop);
     };
 })();
-// webpack/runtime/make_namespace_object
 (()=>{
-    // define __esModule on exports
     __webpack_require__.r = function(exports1) {
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
@@ -31,13 +26,11 @@ var __webpack_require__ = {};
         });
     };
 })();
-/************************************************************************/ var __webpack_exports__ = {};
-// ESM COMPAT FLAG
+var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-// EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-    PLUGIN_STYLED_COMPONENTS_NAME: ()=>/* binding */ PLUGIN_STYLED_COMPONENTS_NAME,
-    pluginStyledComponents: ()=>/* binding */ pluginStyledComponents
+    PLUGIN_STYLED_COMPONENTS_NAME: ()=>PLUGIN_STYLED_COMPONENTS_NAME,
+    pluginStyledComponents: ()=>pluginStyledComponents
 });
 const external_node_module_namespaceObject = require("node:module");
 const external_reduce_configs_namespaceObject = require("reduce-configs");
@@ -47,8 +40,6 @@ function isServerTarget(target) {
 }
 const getDefaultStyledComponentsConfig = (isProd, ssr)=>({
         ssr,
-        // "pure" is used to improve dead code elimination in production.
-        // we don't need to enable it in development because it will slow down the build process.
         pure: isProd,
         displayName: true,
         transpileTemplateLiterals: true

package/dist/index.js

@@ -1,13 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_node_module__ from "node:module";
-import * as __WEBPACK_EXTERNAL_MODULE_reduce_configs__ from "reduce-configs";
-const src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module__.createRequire)(import.meta.url);
+import * as __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__ from "node:module";
+import * as __WEBPACK_EXTERNAL_MODULE_reduce_configs_02786df6__ from "reduce-configs";
+const src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createRequire)(import.meta.url);
 function isServerTarget(target) {
     return Array.isArray(target) ? target.includes('node') : 'node' === target;
 }
 const getDefaultStyledComponentsConfig = (isProd, ssr)=>({
         ssr,
-        // "pure" is used to improve dead code elimination in production.
-        // we don't need to enable it in development because it will slow down the build process.
         pure: isProd,
         displayName: true,
         transpileTemplateLiterals: true
@@ -19,7 +17,7 @@ const pluginStyledComponents = (pluginOptions = {})=>({
             if ('webpack' === api.context.bundlerType) return;
             const getMergedOptions = (useSSR, config)=>{
                 const isProd = 'production' === config.mode;
-                return (0, __WEBPACK_EXTERNAL_MODULE_reduce_configs__.reduceConfigs)({
+                return (0, __WEBPACK_EXTERNAL_MODULE_reduce_configs_02786df6__.reduceConfigs)({
                     initial: getDefaultStyledComponentsConfig(isProd, useSSR),
                     config: pluginOptions
                 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-styled-components",
-  "version": "1.2.0",
+  "version": "1.2.2-beta.0",
   "repository": "https://github.com/rspack-contrib/rsbuild-plugin-styled-components",
   "license": "MIT",
   "type": "module",
@@ -14,16 +14,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist"],
-  "scripts": {
-    "build": "rslib build",
-		"dev": "rslib build --watch",
-    "lint": "biome check .",
-    "lint:write": "biome check . --write",
-    "prepare": "simple-git-hooks && npm run build",
-    "test": "playwright test",
-    "bump": "npx bumpp"
-  },
+  "files": [
+    "dist"
+  ],
   "simple-git-hooks": {
     "pre-commit": "npx nano-staged"
   },
@@ -33,20 +26,20 @@
     ]
   },
   "dependencies": {
-    "@swc/plugin-styled-components": "^6.0.2",
+    "@swc/plugin-styled-components": "6.7.0",
     "reduce-configs": "^1.1.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@playwright/test": "^1.49.0",
-    "@rsbuild/core": "^1.2.0-alpha.0",
-    "@rslib/core": "^0.1.1",
-    "@types/node": "^22.10.1",
+    "@playwright/test": "^1.50.1",
+    "@rsbuild/core": "^1.2.3",
+    "@rslib/core": "^0.4.0",
+    "@types/node": "^22.13.0",
     "nano-staged": "^0.8.0",
-    "playwright": "^1.49.0",
+    "playwright": "^1.50.1",
     "simple-git-hooks": "^2.11.1",
-    "styled-components": "^6.1.13",
-    "typescript": "^5.7.2"
+    "styled-components": "^6.1.14",
+    "typescript": "^5.7.3"
   },
   "peerDependencies": {
     "@rsbuild/core": "^1.2.0"
@@ -56,10 +49,16 @@
       "optional": true
     }
   },
-  "packageManager": "pnpm@9.14.4",
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "lint": "biome check .",
+    "lint:write": "biome check . --write",
+    "test": "playwright test",
+    "bump": "npx bumpp"
   }
-}
+}