@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.0 (2024-07-26)

:eyeglasses: Spec Compliance

• babel-helpers, babel-plugin-proposal-explicit-resource-management, babel-runtime-corejs3
  • #16537 await using normative updates (@JLHwung)
• babel-plugin-transform-typescript
  • #16602 Ensure enum members syntactically determinable to be strings do not get reverse mappings (@liuxingbaoyu)

:rocket: New Feature

• babel-helper-create-class-features-plugin, babel-helper-function-name, babel-helper-plugin-utils, babel-helper-wrap-function, babel-plugin-bugfix-safari-class-field-initializer-scope, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression, babel-plugin-transform-classes, babel-plugin-transform-function-name, babel-preset-env, babel-traverse, babel-types
  • #16658 Move ensureFunctionName to NodePath.prototype (@nicolo-ribaudo)
• babel-helper-hoist-variables, babel-helper-plugin-utils, babel-plugin-proposal-async-do-expressions, babel-plugin-transform-modules-systemjs, babel-traverse
  • #16644 Move hoistVariables to Scope.prototype (@nicolo-ribaudo)
• babel-helper-create-class-features-plugin, babel-helper-module-transforms, babel-helper-plugin-utils, babel-helper-split-export-declaration, babel-plugin-transform-classes, babel-traverse, babel-types
  • #16645 Move splitExportDeclaration to NodePath.prototype (@nicolo-ribaudo)
• babel-helper-create-class-features-plugin, babel-helper-environment-visitor, babel-helper-module-transforms, babel-helper-plugin-utils, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-plugin-bugfix-firefox-class-in-computed-class-key, babel-plugin-bugfix-v8-static-class-fields-redefine-readonly, babel-plugin-transform-async-generator-functions, babel-plugin-transform-classes, babel-traverse
  • #16649 Move environment-visitor helper into @babel/traverse (@nicolo-ribaudo)
• babel-core, babel-parser
  • #16480 Expose wether a module has TLA or not as .extra.async (@nicolo-ribaudo)
• babel-compat-data, babel-plugin-bugfix-safari-class-field-initializer-scope, babel-preset-env
  • #16569 Introduce bugfix-safari-class-field-initializer-scope (@davidtaylorhq)
• babel-plugin-transform-block-scoping, babel-traverse, babel-types
  • #16551 Add NodePath#getAssignmentIdentifiers (@JLHwung)
• babel-helper-import-to-platform-api, babel-plugin-proposal-json-modules
  • #16579 Add uncheckedRequire option for JSON imports to CJS (@nicolo-ribaudo)
• babel-helper-transform-fixture-test-runner, babel-node
  • #16642 Allow using custom config in babel-node --eval (@slatereax)
• babel-compat-data, babel-helper-create-regexp-features-plugin, babel-plugin-proposal-duplicate-named-capturing-groups-regex, babel-plugin-transform-duplicate-named-capturing-groups-regex, babel-preset-env, babel-standalone
  • #16445 Add duplicate-named-capturing-groups-regex to preset-env (@JLHwung)

:bug: Bug Fix

• babel-generator
  • #16678 Print parens around as expressions on the LHS (@nicolo-ribaudo)
• babel-template, babel-types
  • #15286 fix: Props are lost when the template replaces the node (@liuxingbaoyu)

:house: Internal

• Other
  • #16674 bump gulp to 5 (@JLHwung)
• babel-generator
  • #16651 Simplify the printing logic for ( before ambiguous tokens (@nicolo-ribaudo)
• babel-helper-function-name, babel-plugin-transform-arrow-functions, babel-plugin-transform-function-name, babel-preset-env, babel-traverse
  • #16652 Simplify helper-function-name logic (@nicolo-ribaudo)

:running_woman: Performance

• babel-parser, babel-plugin-proposal-pipeline-operator
  • #16461 Some minor parser performance improvements for ts (@liuxingbaoyu)

:microscope: Output optimization

• babel-plugin-transform-classes
  • #16670 Reduce redundant assertThisInitialized (@liuxingbaoyu)
• babel-helper-create-class-features-plugin, babel-helper-replace-supers, babel-helpers, babel-plugin-proposal-decorators, babel-plugin-transform-class-properties, babel-plugin-transform-classes, babel-plugin-transform-exponentiation-operator, babel-plugin-transform-object-super, babel-plugin-transform-private-methods, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #16374 Improve super.x output (@liuxingbaoyu)
• babel-plugin-transform-class-properties, babel-plugin-transform-classes
  • #16656 Simplify output for anonymous classes with no methods (@nicolo-ribaudo)