PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.1.4-2

npm

@0x706b/babel-plugin-styled-components

Improve the debugging experience and add server-side rendering support to styled-components

babel-plugincss-in-jsdisplaynameserver-side renderingssrstyled-components
Published28 Jul 2024
Direct dependencies16
Transitive dependenciesNot calculated

README

Current package documentation

babel-plugin-styled-components

This plugin is a highly recommended supplement to the base styled-components library, offering some useful features:

  • consistently hashed component classNames between environments (a must for server-side rendering)
  • better debugging through automatic annotation of your styled components based on their context in the file system, etc.
  • various types of minification for styles and the tagged template literals styled-components uses

Quick start

Install the plugin first:

npm install --save-dev babel-plugin-styled-components

Then add it to your babel configuration:

{
  "plugins": ["babel-plugin-styled-components"]
}

Changelog

See Github Releases

Documentation

The documentation for this plugin lives on the styled-components website!

License

Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.

See LICENSE.md for more information.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 17

Native requirements
16 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@babel/helper-annotate-as-pure
Environment
{
  "local_name": "@babel/helper-annotate-as-pure",
  "alias": false,
  "peer_metadata": null
}
^7.22.5runtime
@babel/helper-module-imports
Environment
{
  "local_name": "@babel/helper-module-imports",
  "alias": false,
  "peer_metadata": null
}
^7.22.5runtime
@babel/plugin-syntax-jsx
Environment
{
  "local_name": "@babel/plugin-syntax-jsx",
  "alias": false,
  "peer_metadata": null
}
^7.22.5runtime
lodash
Environment
{
  "local_name": "lodash",
  "alias": false,
  "peer_metadata": null
}
^4.17.21runtime
picomatch
Environment
{
  "local_name": "picomatch",
  "alias": false,
  "peer_metadata": null
}
^2.3.1runtime
@babel/cli
Environment
{
  "local_name": "@babel/cli",
  "alias": false,
  "peer_metadata": null
}
^7.22.5development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.22.5development
@babel/plugin-proposal-class-properties
Environment
{
  "local_name": "@babel/plugin-proposal-class-properties",
  "alias": false,
  "peer_metadata": null
}
^7.18.6development
@babel/plugin-transform-modules-commonjs
Environment
{
  "local_name": "@babel/plugin-transform-modules-commonjs",
  "alias": false,
  "peer_metadata": null
}
^7.22.5development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.22.5development
babel-test
Environment
{
  "local_name": "babel-test",
  "alias": false,
  "peer_metadata": null
}
^0.2.4development
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^29.5.0development
jest-file-snapshot
Environment
{
  "local_name": "jest-file-snapshot",
  "alias": false,
  "peer_metadata": null
}
^0.5.0development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.8.8development
rimraf
Environment
{
  "local_name": "rimraf",
  "alias": false,
  "peer_metadata": null
}
^5.0.1development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^6.0.0-rc.6development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
>= 2peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-4dWLI+52snCn/RNjscwN9ZjE7WeMSQDHajSchGzdDEAo1DZH9qjdoY4mn6qG7KHarb7+hy+73xGiMTWlLvCI9g==",
  "shasum": "27d353f4aaa78a2050ca3d57698a67e3752646d7",
  "tarball": "https://registry.npmjs.org/@0x706b/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4-2.tgz",
  "fileCount": 19,
  "unpackedSize": 43014,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDWhyAaiXXyiUQ4ZQNY9RYgBbXamq79yM/Re132vMyYiwIgDpGFYFmHJKUyFugzwjCdpRO9JwGV8ABy4FIheJXK8Vg="
    }
  ]
}

Repository

PENDING
styled-components/babel-plugin-styled-components

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 22:38 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:b36574ba368f69b5c07c91ba3353046347c86acf7da9d2c4ed8cf0c67944c0e8

Other collected versions

2.1.4-128 Jul2.1.528 JulView all collected versions →