@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

What is @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression?

The @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression package is designed to address a specific bug in Safari related to the collision of variable names in destructuring assignments within function expressions. This plugin works as part of the Babel toolchain to transform affected code into a format that avoids the bug, ensuring compatibility and preventing runtime errors in Safari.

What are @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression's main functionalities?

Bug Fix for Safari Destructuring Collision

This code sample demonstrates a scenario where the plugin would transform the function expression to avoid a naming collision that Safari cannot handle. Without the plugin, this code might cause a runtime error in Safari due to the destructuring assignment.

const example = ({ a }) => { const { a: b } = someObject; return a + b; };

Other packages similar to @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

@babel/plugin-transform-destructuring

Similar in its focus on destructuring assignments, this plugin transforms destructuring patterns to be compatible with older JavaScript engines. While it doesn't target the specific Safari bug, it enhances compatibility of destructuring syntax overall.

@babel/preset-env

Though not a direct counterpart, @babel/preset-env includes various plugins and configurations to ensure code runs smoothly across different environments, potentially including fixes for browser-specific issues like the one @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression addresses.

README

@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

Rename destructuring parameter to workaround https://bugs.webkit.org/show_bug.cgi?id=220517

See our website @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

or using yarn:

yarn add @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression --dev

Changelog

v7.16.7 (2021-12-31)

:eyeglasses: Spec Compliance

• babel-parser
  • #14049 fix: check preceding line break before exclamation (@JLHwung)

:bug: Bug Fix

• babel-plugin-transform-runtime, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #14081 Import the correct ./typeof.js helper in @babel/runtime (@exb)
• babel-helpers
  • #14072 Fix derived classes in Chrome <= 36 (@nicolo-ribaudo)
• babel-helper-function-name, babel-plugin-transform-function-name
  • #14047 Fix unicode handling in generated function names (@The-x-Theorist)

:nail_care: Polish

• babel-core
  • #14067 Allow $schema property in json config files (@The-x-Theorist)