@babel/types

What is @babel/types?

The @babel/types package is a part of the Babel compiler ecosystem. It contains methods for building and validating AST (Abstract Syntax Tree) nodes for JavaScript-like languages. It is commonly used for creating and transforming code within Babel plugins.

What are @babel/types's main functionalities?

AST Node Creation

This feature allows the creation of AST nodes. The code sample demonstrates how to create an identifier and a numeric literal using the package.

const t = require('@babel/types');
const identifier = t.identifier('myVariable');
const numericLiteral = t.numericLiteral(123);

AST Node Validation

This feature is used to validate if a node is of a specific type. The code sample checks if a node is an identifier.

const t = require('@babel/types');
const isValid = t.isIdentifier(t.identifier('myVariable'));

AST Node Transformation

This feature allows the transformation of AST nodes. The code sample creates a binary expression node that represents 'a + b'.

const t = require('@babel/types');
const binaryExpression = t.binaryExpression('+', t.identifier('a'), t.identifier('b'));

AST Node Traversal

This feature is not directly provided by @babel/types but is often used in conjunction with it. It involves traversing the AST and updating nodes. The code sample renames an identifier within the AST.

const t = require('@babel/types');
const traverse = require('@babel/traverse').default;
const ast = t.file(t.program([t.expressionStatement(t.identifier('myVariable'))]));
traverse(ast, {
  enter(path) {
    if (t.isIdentifier(path.node)) {
      path.node.name = 'newVariable';
    }
  }
});

Other packages similar to @babel/types

acorn

Acorn is a small, fast, JavaScript-based JavaScript parser. It produces an abstract syntax tree similar to the one produced by @babel/types but does not include the same utilities for building or validating nodes.

esprima

Esprima is another JavaScript parser that produces an AST. It is used for static analysis and other code transformation tasks, similar to @babel/types, but it has its own API and does not provide the same helper functions for node creation and validation.

recast

Recast is a JavaScript AST manipulation library that uses Esprima under the hood. It provides a different set of utilities for parsing, transforming, and printing code, and it preserves source formatting, which is different from @babel/types.

README

@babel/types

Babel Types is a Lodash-esque utility library for AST nodes

See our website @babel/types for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/types

or using yarn:

yarn add @babel/types --dev

Changelog

v7.17.0 (2022-02-02)

:rocket: New Feature

• babel-cli, babel-core
  • #14065 Allow plugins/presets to indicate external dependencies (@nicolo-ribaudo)
• babel-core, babel-parser, babel-traverse
  • #14174 Expose .index on Position to internally track nodes location (@tolmasky)
• babel-generator, babel-parser, babel-plugin-proposal-pipeline-operator, babel-plugin-syntax-pipeline-operator
  • #13973 proposal-pipe: Add support for ^^ and @@ topics (@js-choi)
• babel-traverse
  • #13940 Add new method to check if node is null or not (@danez)
• babel-generator, babel-parser, babel-plugin-syntax-destructuring-private, babel-standalone
  • #13931 Parse destructuring private fields (@JLHwung)
• babel-helper-create-class-features-plugin, babel-helpers, babel-plugin-proposal-decorators, babel-plugin-syntax-decorators, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime, babel-standalone, babel-types
  • #14004 Add new decorators transform (@pzuraq)
• babel-generator, babel-parser, babel-traverse, babel-types
  • #13681 Add the decoratorsAutoAccessors parser plugin (@pzuraq)
• babel-core, babel-helper-create-regexp-features-plugin, babel-plugin-proposal-unicode-sets-regex, babel-plugin-syntax-unicode-sets-regex, babel-plugin-transform-dotall-regex
  • #14125 Add transform support for the "regexp unicode sets" proposal (@nicolo-ribaudo)
• babel-parser
  • #14086 Add parser support for the "regexp unicode sets" proposal (@nicolo-ribaudo)
• babel-register
  • #14087 Expose @babel/register/experimental-worker (@nicolo-ribaudo)

:bug: Bug Fix

• babel-parser
  • #14145 Reinterpret << when parsing TS type arguments (@JLHwung)
• babel-plugin-transform-runtime
  • #14187 Normalize absolute paths on Windows (@atti187)

:memo: Documentation

• #14223 Remove Babel 6 from SECURITY.md (@nicolo-ribaudo)

:house: Internal

• babel-helper-fixtures, babel-parser
  • #14201 Fuzz test location-related parser options (@tolmasky)
• babel-compat-data
  • #14208 Update compat data (specifically for rhino 1.7.14) (@phulin)
• Other
  • #14190 chore: run tscheck on babel 8 breaking test (@JLHwung)

:running_woman: Performance

• babel-cli, babel-core
  • #14209 Switch to @ampproject/remapping to merge source maps (@jridgewell)