npmpackage.info

Gathering detailed insights and metrics for babel-plugin-transform-jsx-classname-components

Other packages similar to babel-plugin-transform-jsx-classname-components

@zitterorg/magni-eos

[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im

@diotoborg/molestias-voluptate

Transpile [`curl`](https://en.wikipedia.org/wiki/CURL) commands into C, C#, ColdFusion, Clojure, Dart, Elixir, Go, HTTPie, Java, JavaScript, Julia, Kotlin, Lua, MATLAB, Objective-C, OCaml, Perl, PHP, PowerShell, Python, R, Ruby, Rust, Swift, Wget, Ansible

@zitterorg/repellendus-ducimus

[![Piral Logo](docs/assets/logo.png)](https://piral.io)

@juigorg/minima-ratione

encode whole numbers to an array of [protobuf-style varint bytes](https://developers.google.com/protocol-buffers/docs/encoding#varints) and also decode them.

babel-plugin-transform-jsx-classname-components

It allows you to specify inner components via class names

0.0.3

4

JavaScript

723.00 B

Installations

npm install babel-plugin-transform-jsx-classname-components

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

70.9

Supply Chain

97.6

Quality

74.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

11

Total

21

Closed

5

Merged

5

Issues

Open

1

Total

6

Closed

5

Releases

Unable to fetch releases

Contributors

1

Unable to fetch Contributors

View all 1 contributors

Languages

1

JavaScript

JavaScript (100%)

Developer

ezhlobo

Download Statistics

Total Downloads

426,342

Last Day

613

Last Week

1,271

Last Month

5,153

Last Year

87,339

GitHub Statistics

4 Stars

23 Commits

2 Watching

26 Branches

1 Contributors

Bundle Size

1.28 kB

Minified

723.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

0.0.3

Package Id

babel-plugin-transform-jsx-classname-components@0.0.3

Unpacked Size

6.09 kB

Size

2.34 kB

File Count

5

Total Downloads

Cumulative downloads

Total Downloads

426,342

Last day

273.8%

613

Compared to previous day

Last week

41.7%

1,271

Compared to previous week

Last month

37%

5,153

Compared to previous month

Last year

16.3%

87,339

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

babel-plugin-syntax-jsx

Dev Dependencies

9

babel-cli babel-core babel-eslint babel-preset-env common-prefix eslint eslint-config-datarockets-base eslint-plugin-import jest

Versions

babel-plugin-transform-jsx-classname-components

:sunglasses: Long name, right...

What

It takes your first class name (if it starts with up-case) and use it as property for component.

1<Component className="Inner" />

Will be transformed into this:

1<Component.Inner />

Why

You don't need this plugin unless you use Pug with react. Pug consider everything after dot as class names, so it converts code like:

1pug`Component.Inner Hello`

Into this:

1<Component className="Inner">Hello</Component>

This plugin was created to change the result to this one:

1<Component.Inner>Hello</Component.Inner>

How

yarn add --dev babel-plugin-transform-jsx-classname-components

In .babelrc:

{
  "plugins": [
    "transform-jsx-classname-components"
  ]
}

Note: It should be placed after transforming Pug into Jsx.

Options

Name	Type	Default	Description
`objects`	`Array<string>`	null	It specifies what objects should be processed
`attribute`	`String`	`className`	It specifies attribute name which should be processed

`objects`

If you set it to ['Icons'] it will handle only <Icons ... />:

1<Component className="Inner" />
2<Icons className="Inner" />

Will be transformed into:

1<Component className="Inner" />
2<Icons.Inner  />

`attribute`

If you set it to styleName it will process styleName attribute instead of default one:

1<Component styleName="Inner" />
2<Icons className="JustClass" styleName="Inner" />

Will be transformed into:

1<Component.Inner />
2<Icons.Inner className="JustClass"  />

Empty State

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

55 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp
Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.3

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.