@babel/plugin-bugfix-safari-class-field-initializer-scope

What is @babel/plugin-bugfix-safari-class-field-initializer-scope?

@babel/plugin-bugfix-safari-class-field-initializer-scope is a Babel plugin designed to address a specific bug in Safari's handling of class field initializers. This plugin ensures that class field initializers are correctly scoped, preventing potential issues in Safari's JavaScript engine.

What are @babel/plugin-bugfix-safari-class-field-initializer-scope's main functionalities?

Fixes class field initializer scope in Safari

This feature ensures that class field initializers are correctly scoped in Safari, preventing issues where the initializer might not be properly assigned to the instance.

class MyClass {
  myField = 'value';
  constructor() {
    console.log(this.myField);
  }
}
const instance = new MyClass();

Other packages similar to @babel/plugin-bugfix-safari-class-field-initializer-scope

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties allows you to use class properties in your JavaScript code. While it doesn't specifically address the Safari bug, it provides the foundational support for class properties, which is a broader feature set compared to the bugfix plugin.

@babel/plugin-transform-classes

@babel/plugin-transform-classes transforms ES6 class syntax to ES5, ensuring compatibility across older browsers. It doesn't specifically fix the Safari class field initializer scope issue but provides a more general transformation for class syntax.

README

@babel/plugin-bugfix-safari-class-field-initializer-scope

Wrap class field initializers with IIFE to workaround https://webkit.org/b/236843

See our website @babel/plugin-bugfix-safari-class-field-initializer-scope for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-bugfix-safari-class-field-initializer-scope

or using yarn:

yarn add @babel/plugin-bugfix-safari-class-field-initializer-scope --dev

Changelog

v7.25.7 (2024-10-02)

:bug: Bug Fix

• babel-helper-validator-identifier
  • #16825 fix: update identifier to unicode 16 (@JLHwung)
• babel-traverse
  • #16814 fix: issue with node path keys updated on unrelated paths (@DylanPiercey)
• babel-plugin-transform-classes
  • #16797 Use an inclusion rather than exclusion list for super() check (@nicolo-ribaudo)
• babel-generator
  • #16788 Fix printing of TS infer in compact mode (@nicolo-ribaudo)
  • #16785 Print TS type annotations for destructuring in assignment pattern (@nicolo-ribaudo)
  • #16778 Respect [no LineTerminator here] after nodes (@nicolo-ribaudo)

:nail_care: Polish

• babel-types
  • #16852 Add deprecated JSDOC for fields (@liuxingbaoyu)

:house: Internal

• babel-core
  • #16820 Allow sync loading of ESM when --experimental-require-module (@nicolo-ribaudo)
• babel-helper-compilation-targets, babel-helper-plugin-utils, babel-preset-env
  • #16858 Add browserslist config to external dependency (@JLHwung)
• babel-plugin-proposal-destructuring-private, babel-plugin-syntax-decimal, babel-plugin-syntax-import-reflection, babel-standalone
  • #16809 Archive syntax-import-reflection and syntax-decimal (@nicolo-ribaudo)
• babel-generator
  • #16779 Simplify logic for [no LineTerminator here] before nodes (@nicolo-ribaudo)

:running_woman: Performance

• babel-plugin-transform-typescript
  • #16875 perf: Avoid extra cloning of namespaces (@liuxingbaoyu)
• babel-types
  • #16842 perf: Improve @babel/types builders (@liuxingbaoyu)
  • #16828 Only access BABEL_TYPES_8_BREAKING at startup (@nicolo-ribaudo)