Security News
UK Officials Consider Banning Ransomware Payments from Public Entities
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
@babel/plugin-proposal-class-properties
Advanced tools
This plugin transforms static class properties as well as properties declared with the property initializer syntax
The @babel/plugin-proposal-class-properties package is a Babel plugin that allows you to use the class properties syntax in JavaScript. This syntax is part of a proposal for ECMAScript and has not been finalized yet, but this plugin lets you use it with Babel to compile your code to a version of JavaScript that is compatible with current environments. It supports both static and instance properties, as well as public and private fields.
Static Class Properties
Allows you to define static properties on a class, which are properties that are accessed on the class itself, not on instances of the class.
class MyClass {\n static myStaticProp = 42;\n}
Instance Class Properties
Enables you to define properties directly on class instances, with an initial value, without needing to set them inside the class constructor.
class MyClass {\n myInstanceProp = 'default value';\n}
Public Class Fields
Supports the declaration of public fields in a class, which are accessible from outside of the class.
class MyClass {\n publicField = 'some value';\n}
Private Class Fields
Allows the definition of private fields in a class, which are only accessible within the class itself using the '#' syntax.
class MyClass {\n #privateField = 'hidden value';\n}
This package is similar to @babel/plugin-proposal-class-properties but focuses on adding support for private methods and accessors in classes. It allows you to define methods that can only be called from within the class itself.
This package provides functionality for decorators, which are a stage 2 proposal for JavaScript. Decorators are a way to modify classes or properties at design time. While not directly related to class properties, decorators often work in conjunction with them to add annotations or modify class behavior.
This package transforms ES2015 classes to ES5, which is a broader transformation that includes but is not limited to class properties. It's more comprehensive in terms of class-related transformations but does not specifically target the class properties proposal.
This plugin transforms static class properties as well as properties declared with the property initializer syntax
See our website @babel/plugin-proposal-class-properties for more information.
Using npm:
npm install --save-dev @babel/plugin-proposal-class-properties
or using yarn:
yarn add @babel/plugin-proposal-class-properties --dev
v7.18.6 (2022-06-27)
babel-parser
...<...>
followed by newline or binary operator (@nicolo-ribaudo)babel-generator
, babel-parser
, babel-preset-env
, babel-template
babel-helper-remap-async-to-generator
, babel-plugin-proposal-async-generator-functions
await
in computed class keys (@Yokubjon-J)babel-plugin-transform-parameters
babel-core
babel-core
(@liuxingbaoyu)babel-core
, babel-helper-check-duplicate-nodes
, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression
, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining
, babel-plugin-proposal-destructuring-private
, babel-plugin-proposal-optional-chaining
, babel-plugin-transform-runtime
import { types } from "@babel/core"
with native ESM (@nicolo-ribaudo)babel-standalone
proposal-unicode-sets-regex
to @babel/standalone
(@nicolo-ribaudo)babel-generator
, babel-types
babel-code-frame
, babel-core
, babel-generator
, babel-helper-annotate-as-pure
, babel-helper-builder-binary-assignment-operator-visitor
, babel-helper-builder-react-jsx
, babel-helper-check-duplicate-nodes
, babel-helper-compilation-targets
, babel-helper-create-class-features-plugin
, babel-helper-create-regexp-features-plugin
, babel-helper-define-map
, babel-helper-explode-assignable-expression
, babel-helper-fixtures
, babel-helper-function-name
, babel-helper-hoist-variables
, babel-helper-member-expression-to-functions
, babel-helper-module-imports
, babel-helper-module-transforms
, babel-helper-optimise-call-expression
, babel-helper-plugin-test-runner
, babel-helper-plugin-utils
, babel-helper-remap-async-to-generator
, babel-helper-replace-supers
, babel-helper-simple-access
, babel-helper-split-export-declaration
, babel-helper-transform-fixture-test-runner
, babel-helper-validator-option
, babel-helper-wrap-function
, babel-helpers
, babel-highlight
, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining
, babel-plugin-external-helpers
, babel-plugin-proposal-async-generator-functions
, babel-plugin-proposal-class-static-block
, babel-plugin-proposal-decorators
, babel-plugin-proposal-destructuring-private
, babel-plugin-proposal-function-bind
, babel-plugin-proposal-function-sent
, babel-plugin-proposal-json-strings
, babel-plugin-proposal-object-rest-spread
, babel-plugin-proposal-optional-chaining
, babel-plugin-proposal-partial-application
, babel-plugin-proposal-pipeline-operator
, babel-plugin-proposal-private-property-in-object
, babel-plugin-proposal-record-and-tuple
, babel-plugin-syntax-typescript
, babel-plugin-transform-block-scoped-functions
, babel-plugin-transform-block-scoping
, babel-plugin-transform-classes
, babel-plugin-transform-computed-properties
, babel-plugin-transform-destructuring
, babel-plugin-transform-duplicate-keys
, babel-plugin-transform-exponentiation-operator
, babel-plugin-transform-flow-comments
, babel-plugin-transform-flow-strip-types
, babel-plugin-transform-for-of
, babel-plugin-transform-function-name
, babel-plugin-transform-modules-amd
, babel-plugin-transform-modules-commonjs
, babel-plugin-transform-modules-systemjs
, babel-plugin-transform-modules-umd
, babel-plugin-transform-object-super
, babel-plugin-transform-parameters
, babel-plugin-transform-property-mutators
, babel-plugin-transform-proto-to-assign
, babel-plugin-transform-react-constant-elements
, babel-plugin-transform-react-display-name
, babel-plugin-transform-react-inline-elements
, babel-plugin-transform-react-jsx-compat
, babel-plugin-transform-react-jsx-source
, babel-plugin-transform-react-jsx
, babel-plugin-transform-runtime
, babel-plugin-transform-typescript
, babel-plugin-transform-unicode-escapes
, babel-preset-env
, babel-preset-typescript
, babel-standalone
, babel-template
, babel-traverse
, babel-types
babel-core
, babel-helper-transform-fixture-test-runner
, babel-plugin-transform-destructuring
FAQs
This plugin transforms static class properties as well as properties declared with the property initializer syntax
The npm package @babel/plugin-proposal-class-properties receives a total of 11,776,141 weekly downloads. As such, @babel/plugin-proposal-class-properties popularity was classified as popular.
We found that @babel/plugin-proposal-class-properties demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
Security News
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.
Research
Security News
Socket researchers found several malicious npm packages typosquatting Chalk and Chokidar, targeting Node.js developers with kill switches and data theft.