@babel/plugin-syntax-pipeline-operator

What is @babel/plugin-syntax-pipeline-operator?

@babel/plugin-syntax-pipeline-operator is a Babel plugin that allows you to use the pipeline operator (|>) syntax in your JavaScript code. This operator enables a more readable and functional style of chaining functions together.

What are @babel/plugin-syntax-pipeline-operator's main functionalities?

Basic Pipeline Operator

This feature allows you to chain functions together using the pipeline operator. In this example, the number 5 is first doubled and then incremented by 1.

const result = 5 |> double |> increment;
function double(x) { return x * 2; }
function increment(x) { return x + 1; }

Pipeline with Multiple Arguments

This feature demonstrates how you can use the pipeline operator with functions that take multiple arguments. Here, the number 5 is multiplied by 3 and then incremented by 1.

const result = 5 |> (x => double(x, 3)) |> increment;
function double(x, y) { return x * y; }
function increment(x) { return x + 1; }

Pipeline with Async Functions

This feature shows how the pipeline operator can be used with asynchronous functions. The number 5 is doubled asynchronously and then incremented asynchronously.

const result = await 5 |> doubleAsync |> incrementAsync;
async function doubleAsync(x) { return x * 2; }
async function incrementAsync(x) { return x + 1; }

Other packages similar to @babel/plugin-syntax-pipeline-operator

lodash

Lodash is a JavaScript utility library that provides a wide range of functions for common programming tasks. While it does not support the pipeline operator syntax, it offers a `_.flow` function that allows for function composition in a similar manner.

ramda

Ramda is a functional programming library for JavaScript that emphasizes immutability and side-effect-free functions. It provides a `R.pipe` function that allows for function composition, similar to the pipeline operator.

rxjs

RxJS is a library for reactive programming using Observables. It allows you to compose asynchronous and event-based programs using observable sequences. While it does not use the pipeline operator, it provides a powerful way to chain operations using operators like `map`, `filter`, and `mergeMap`.

README

@babel/plugin-syntax-pipeline-operator

Allow parsing of the pipeline operator

See our website @babel/plugin-syntax-pipeline-operator for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-syntax-pipeline-operator

or using yarn:

yarn add @babel/plugin-syntax-pipeline-operator --dev

Changelog

v7.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)