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

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

The @babel/plugin-transform-class-static-block npm package allows developers to use the static class block syntax in JavaScript, enabling the definition of static initialization blocks within classes. This feature is particularly useful for performing tasks or initializing data that is related to the class itself, rather than instances of the class. The plugin transforms this modern syntax into a format that can be understood by JavaScript engines that do not yet support static class blocks.

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

Static Initialization Blocks

This feature allows for the execution of static blocks within a class, enabling complex initialization logic for static properties. The code sample demonstrates how a class can use a static block to fetch and assign data to a static property, with error handling.

class MyClass {
  static x = 0;
  static {
    try {
      const data = fetchData();
      MyClass.x = data;
    } catch (error) {
      MyClass.x = defaultValue;
    }
  }
}

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

@babel/plugin-proposal-class-properties

This package allows developers to use the class properties syntax, enabling more concise and readable class definitions. While it focuses on instance and static properties, it does not provide the specific functionality for static initialization blocks like @babel/plugin-transform-class-static-block does. However, it complements the static block feature by simplifying the declaration of class properties.

@babel/plugin-proposal-private-methods

This package enables the use of private instance methods and accessors in classes. Similar to @babel/plugin-transform-class-static-block, it enhances class capabilities in JavaScript. However, its focus is on encapsulation and privacy of methods rather than initialization logic.

README

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

Transform class static blocks

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

Install

Using npm:

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

or using yarn:

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

Changelog

v7.26.0 (2024-10-25)

:rocket: New Feature

• babel-core, babel-generator, babel-parser, babel-plugin-syntax-import-assertions, babel-plugin-syntax-import-attributes, babel-preset-env, babel-standalone, babel-types
  • #16850 Enable import attributes parsing by default (@nicolo-ribaudo)
• babel-core
  • #16862 feat: support async plugin's pre/post (@timofei-iatsenko)
• babel-compat-data, babel-plugin-proposal-regexp-modifiers, babel-plugin-transform-regexp-modifiers, babel-preset-env, babel-standalone
  • #16692 Add transform-regexp-modifiers to preset-env (@JLHwung)
• babel-parser
  • #16849 feat: add startIndex parser option (@DylanPiercey)
• babel-generator, babel-parser, babel-plugin-syntax-flow
  • #16841 Always enable parsing of Flow enums (@nicolo-ribaudo)
• babel-helpers, babel-preset-typescript, babel-runtime-corejs3
  • #16794 Support import() in rewriteImportExtensions (@liuxingbaoyu)
• babel-generator, babel-parser
  • #16708 Add experimental format-preserving mode to @babel/generator (@nicolo-ribaudo)

:bug: Bug Fix

• babel-core
  • #16928 Workaround Node.js bug for parallel loading of TLA modules (@nicolo-ribaudo)
  • #16926 Fix loading of modules with TLA in Node.js 23 (@nicolo-ribaudo)

:nail_care: Polish

• babel-plugin-proposal-json-modules, babel-plugin-transform-json-modules, babel-standalone
  • #16924 Rename proposal-json-modules to transform-json-modules (@nicolo-ribaudo)

:house: Internal

• babel-code-frame, babel-highlight
  • #16896 Inline @babel/highlight in @babel/code-frame (@nicolo-ribaudo)
• babel-generator, babel-parser, babel-types
  • #16732 Add kind to TSModuleDeclaration (@liuxingbaoyu)

:running_woman: Performance

• babel-helper-module-transforms, babel-plugin-transform-modules-commonjs
  • #16882 perf: Improve module transforms (@liuxingbaoyu)