GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → afzalsayed96 → babel-plugin-transform-stitches-display-name

afzalsayed96 / babel-plugin-transform-stitches-display-name

Licence: MIT License
www.npmjs.com/package/babel-plugin-transform-stitches-display-name

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

babel-pluginhacktoberfest

Projects that are alternatives of or similar to babel-plugin-transform-stitches-display-name

babel-plugin-transform-rename-properties
A Babel plugin for renaming JavaScript properties
Stars: ✭ 19 (+58.33%)
Mutual labels:  babel-plugin
sprockets-bumble d
Sprockets plugin to transpile modern javascript using Babel, useful while migrating to ES6 modules
Stars: ✭ 32 (+166.67%)
Mutual labels:  babel-plugin
babel-plugin-loop-optimizer
Optimizes statements such as `forEach` and `map` to for loops.
Stars: ✭ 70 (+483.33%)
Mutual labels:  babel-plugin
babel-plugin-console-source
Add the file name and line numbers to all console logs.
Stars: ✭ 38 (+216.67%)
Mutual labels:  babel-plugin
babel-plugin-detective
Babel plugin that scans the AST for require calls and import statements
Stars: ✭ 26 (+116.67%)
Mutual labels:  babel-plugin
babel-plugin-inline-svg
Babel plugin to optimise and inline svg
Stars: ✭ 50 (+316.67%)
Mutual labels:  babel-plugin
babel-plugin-solid-labels
Simple, reactive labels for SolidJS
Stars: ✭ 127 (+958.33%)
Mutual labels:  babel-plugin
babel-plugin-proposal-pattern-matching
the minimal grammar, high performance JavaScript pattern matching implementation
Stars: ✭ 34 (+183.33%)
Mutual labels:  babel-plugin
babel-plugin-object-styles-to-template
Babel plugin to transpile object styles to template literal
Stars: ✭ 33 (+175%)
Mutual labels:  babel-plugin
babel-plugin-transform-export-default-name
Babel plugin that transforms default exports to named exports.
Stars: ✭ 20 (+66.67%)
Mutual labels:  babel-plugin
babel-plugin-react-directives
A babel plugin that provides some directives for react(JSX), similar to directives of vue.
Stars: ✭ 80 (+566.67%)
Mutual labels:  babel-plugin
babel-plugin-transform-react-qa-classes
Add component's name in `data-qa` attributes to React Components
Stars: ✭ 41 (+241.67%)
Mutual labels:  babel-plugin
babel-plugin-flow-relay-query
Babel plugin which converts Flow types into Relay fragments
Stars: ✭ 38 (+216.67%)
Mutual labels:  babel-plugin
babel-plugin-storybook-csf-title
A Babel plugin to generate titles for Storybook CSF stories at compile time, typically based on the story file's file name.
Stars: ✭ 17 (+41.67%)
Mutual labels:  babel-plugin
flair
a lean, component-centric style system for React components
Stars: ✭ 19 (+58.33%)
Mutual labels:  babel-plugin
babel-plugin-solid-undestructure
A Babel plugin for SolidJS that allows you to destructure component props without losing reactivity.
Stars: ✭ 45 (+275%)
Mutual labels:  babel-plugin
babel-plugin-transform-hoist-nested-functions
Babel plugin to move nested functions to outer scopes
Stars: ✭ 32 (+166.67%)
Mutual labels:  babel-plugin
core-web
like core-js but for Web APIs (based on polyfill.io)
Stars: ✭ 34 (+183.33%)
Mutual labels:  babel-plugin
babel-plugin-transform-pipeline
Compile pipeline operator to ES5
Stars: ✭ 58 (+383.33%)
Mutual labels:  babel-plugin
babel-plugin-react-scope-binding
🍖 Babel plugin for React component to take event handler to bind context automatically.
Stars: ✭ 21 (+75%)
Mutual labels:  babel-plugin
View All Similar Projects ➔

babel-plugin-transform-stitches-display-name

Babel plugin to add displayName to your styled component

Input

let foo = styled('div', {});

Output

let foo = Object.assign({}, styled('div', {}), {
  displayName: "foo"
});

Installation

$ npm install babel-plugin-transform-stitches-display-name

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["transform-stitches-display-name"]
}

Via CLI

$ babel --plugins transform-stitches-display-name script.js

Via Node API

require("@babel/core").transform("code", {
  plugins: ["transform-stitches-display-name"],
});

Acknowledgements

This plugin is adapted from @babel/plugin-transform-react-display-name many thanks to the Babel team.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].