PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.1.5

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
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/plugin-syntax-jsx
Environment
{
  "local_name": "@babel/plugin-syntax-jsx",
  "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/helper-annotate-as-pure
Environment
{
  "local_name": "@babel/helper-annotate-as-pure",
  "alias": false,
  "peer_metadata": null
}
^7.22.5runtime
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^29.5.0development
rimraf
Environment
{
  "local_name": "rimraf",
  "alias": false,
  "peer_metadata": null
}
^5.0.1development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.8.8development
@babel/cli
Environment
{
  "local_name": "@babel/cli",
  "alias": false,
  "peer_metadata": null
}
^7.22.5development
babel-test
Environment
{
  "local_name": "babel-test",
  "alias": false,
  "peer_metadata": null
}
^0.2.4development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "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
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^6.0.0-rc.6development
jest-file-snapshot
Environment
{
  "local_name": "jest-file-snapshot",
  "alias": false,
  "peer_metadata": null
}
^0.5.0development
@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
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
{
  "shasum": "f4d74d9b3525b956b1bfc8d8d7df3e7d8c8500a0",
  "tarball": "https://registry.npmjs.org/@0x706b/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.5.tgz",
  "fileCount": 3,
  "integrity": "sha512-WOjje/Mm4nwraY6f1fA7MGZCepo20c6VuHOQZHoCn2Uv3j/19DUG9pRo47GIqHnoHniiNQF+68xbn9SFVM9KfA==",
  "signatures": [
    {
      "sig": "MEYCIQC1g3NrJeO2r+28+y16k2IX2NDibIzN5WeN6RBfr2Tf6QIhALtj3yDjRqQ+coQ7WIeyvReT6OWUNVbRDw6AJTA3g40I",
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
    }
  ],
  "unpackedSize": 4484
}

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:450f70dfd60aadae1a4134cfd3d71abf06199cd92e4d8547d4ab8ed18a7ab28c

Other collected versions

2.1.4-228 Jul2.1.4-128 JulView all collected versions →