@babel/plugin-proposal-class-static-block

What is @babel/plugin-proposal-class-static-block?

The @babel/plugin-proposal-class-static-block npm package allows developers to use the static block feature in class definitions within JavaScript code. This feature is a proposal for ECMAScript and is not yet part of the official language specification. The plugin enables Babel to compile code containing static blocks so that it can run in current JavaScript environments.

What are @babel/plugin-proposal-class-static-block's main functionalities?

Static Initialization Blocks

Static initialization blocks allow developers to write a block of code within a class definition that is executed once when the class is created. This is useful for setting up static properties or performing one-time setup for the class.

class MyClass {
  static {
    // Initialization code
    this.myStaticProperty = 'value';
  }
}

Other packages similar to @babel/plugin-proposal-class-static-block

@babel/plugin-proposal-private-methods

This package allows the use of private instance methods and accessors in classes. It is similar to @babel/plugin-proposal-class-static-block in that it deals with class features that are not yet part of the ECMAScript standard.

@babel/plugin-proposal-decorators

This package provides support for decorators, which are a stage 2 proposal for JavaScript. Decorators are a way to add annotations and a meta-programming syntax for class declarations and members. While decorators are not the same as static blocks, they are another example of a proposed class feature that can be used with Babel.

@babel/plugin-proposal-class-properties

This package allows developers to use class properties, which are a part of the ECMAScript proposal. It enables both static and instance properties to be defined in a more concise way, similar to how @babel/plugin-proposal-class-static-block allows for static blocks.

README

@babel/plugin-proposal-class-static-block

Allow parsing of class static blocks

See our website @babel/plugin-proposal-class-static-block for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-class-static-block

or using yarn:

yarn add @babel/plugin-proposal-class-static-block --dev

Changelog

v7.21.0 (2023-02-20)

:rocket: New Feature

• babel-core, babel-helper-create-class-features-plugin, babel-plugin-proposal-class-properties, babel-plugin-proposal-private-methods, babel-plugin-proposal-private-property-in-object
  • #15435 feat: Implement privateFieldsAsSymbols assumption for classes (@fwienber)
• babel-helper-create-regexp-features-plugin, babel-plugin-proposal-regexp-modifiers, babel-standalone
  • #15226 feat: Support regexp modifiers proposal (@liuxingbaoyu)
• babel-cli, babel-core, babel-generator, babel-plugin-transform-destructuring, babel-plugin-transform-modules-commonjs, babel-plugin-transform-react-jsx, babel-traverse
  • #15022 feat: Generate sourcemaps of friendly call frames (@liuxingbaoyu)
• babel-parser, babel-types
  • #15384 [ts] Support const modifier in type parameters (@nicolo-ribaudo)
• babel-generator, babel-helpers, babel-parser, babel-plugin-proposal-decorators, babel-plugin-syntax-decorators, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #15405 Implement decorators as presented at 2023-01 TC39 meeting (@nicolo-ribaudo)
• babel-parser
  • #15114 Parser option to allow new.target outside functions (@overlookmotel)
  • #15320 Add annexb: false parser option to disable Annex B (@nicolo-ribaudo)
• babel-core
  • #15283 feat: Support .cts as configuration file (@liuxingbaoyu)
• babel-generator, babel-parser, babel-plugin-transform-typescript
  • #15381 [ts] Support export type * from (@nicolo-ribaudo)

:bug: Bug Fix

• babel-plugin-transform-typescript
  • #15379 [ts5.0] Better inlining of constants in enums (@liuxingbaoyu)
• babel-core
  • #15366 handling circular/shared structures in deep-clone (@azizghuloum)
• babel-helper-create-class-features-plugin, babel-plugin-proposal-class-properties, babel-plugin-proposal-class-static-block, babel-plugin-proposal-private-methods, babel-plugin-transform-classes, babel-plugin-transform-new-target
  • #15406 Preserve class elements comments in class transform (@JLHwung)
• babel-parser, babel-plugin-transform-flow-comments, babel-plugin-transform-flow-strip-types, babel-types
  • #15414 [ts] Fix restrictions for optional parameters (@nicolo-ribaudo)

:nail_care: Polish

• babel-parser
  • #15400 polish: improve "await as identifier" error in modules (@JLHwung)

:house: Internal

• babel-core
  • #15137 Improve CJS compat with ESM-based @babel/core (@nicolo-ribaudo)

:microscope: Output optimization

• babel-plugin-transform-typescript
  • #15418 [ts] Handle exponentiation operator in constant folding (@ehoogeveen-medweb)