From 81496ab7b1977afceb35acf267fb4c0bf8dde952 Mon Sep 17 00:00:00 2001
From: Gilbert <gilbertbgarza@gmail.com>
Date: Fri, 29 Sep 2017 00:11:41 -0400
Subject: [PATCH] Pipeline operator

---
 package.json                                  |  2 +-
 packages/babel-core/package.json              |  2 +-
 packages/babel-generator/package.json         |  2 +-
 .../README.md                                 | 35 +++++++++++++
 .../package.json                              | 11 ++++
 .../src/index.js                              |  7 +++
 .../README.md                                 | 35 +++++++++++++
 .../package.json                              | 17 ++++++
 .../src/index.js                              | 52 +++++++++++++++++++
 .../arrow-functions/actual.js                 | 14 +++++
 .../pipeline-operator/arrow-functions/exec.js | 14 +++++
 .../arrow-functions/expected.js               | 11 ++++
 .../pipeline-operator/basic/actual.js         |  3 ++
 .../fixtures/pipeline-operator/basic/exec.js  |  3 ++
 .../pipeline-operator/basic/expected.js       |  3 ++
 .../pipeline-operator/chaining/actual.js      |  4 ++
 .../pipeline-operator/chaining/exec.js        |  4 ++
 .../pipeline-operator/chaining/expected.js    |  5 ++
 .../pipeline-operator/currying/actual.js      |  6 +++
 .../pipeline-operator/currying/exec.js        |  6 +++
 .../pipeline-operator/currying/expected.js    |  4 ++
 .../multiple-argument-use/actual.js           |  5 ++
 .../multiple-argument-use/exec.js             |  5 ++
 .../multiple-argument-use/expected.js         |  5 ++
 .../fixtures/pipeline-operator/options.json   |  3 ++
 .../pipeline-operator/precedence/actual.js    | 12 +++++
 .../pipeline-operator/precedence/exec.js      | 12 +++++
 .../pipeline-operator/precedence/expected.js  | 11 ++++
 .../test/index.js                             |  3 ++
 packages/babel-preset-stage-1/package.json    |  1 +
 packages/babel-preset-stage-1/src/index.js    |  2 +
 packages/babel-template/package.json          |  2 +-
 packages/babel-traverse/package.json          |  2 +-
 packages/babel-types/package.json             |  2 +-
 yarn.lock                                     |  6 +--
 35 files changed, 302 insertions(+), 9 deletions(-)
 create mode 100644 packages/babel-plugin-syntax-pipeline-operator/README.md
 create mode 100644 packages/babel-plugin-syntax-pipeline-operator/package.json
 create mode 100644 packages/babel-plugin-syntax-pipeline-operator/src/index.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/README.md
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/package.json
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/src/index.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/options.json
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/actual.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/exec.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/expected.js
 create mode 100644 packages/babel-plugin-transform-pipeline-operator/test/index.js

diff --git a/package.json b/package.json
index 909bcbfcce..787673c59e 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "babel-preset-flow": "7.0.0-alpha.18",
     "babel-preset-stage-0": "7.0.0-alpha.18",
     "babel-register": "7.0.0-alpha.18",
-    "babylon": "7.0.0-beta.26",
+    "babylon": "7.0.0-beta.27",
     "browserify": "^13.1.1",
     "bundle-collapser": "^1.2.1",
     "chai": "^4.1.0",
diff --git a/packages/babel-core/package.json b/packages/babel-core/package.json
index 5831982641..62cc8ae6b7 100644
--- a/packages/babel-core/package.json
+++ b/packages/babel-core/package.json
@@ -32,7 +32,7 @@
     "babel-template": "7.0.0-beta.2",
     "babel-traverse": "7.0.0-beta.2",
     "babel-types": "7.0.0-beta.2",
-    "babylon": "7.0.0-beta.26",
+    "babylon": "7.0.0-beta.27",
     "convert-source-map": "^1.1.0",
     "debug": "^3.0.1",
     "json5": "^0.5.0",
diff --git a/packages/babel-generator/package.json b/packages/babel-generator/package.json
index ee86949534..0f275bfd83 100644
--- a/packages/babel-generator/package.json
+++ b/packages/babel-generator/package.json
@@ -20,6 +20,6 @@
   },
   "devDependencies": {
     "babel-helper-fixtures": "7.0.0-beta.2",
-    "babylon": "^7.0.0-beta.26"
+    "babylon": "^7.0.0-beta.27"
   }
 }
diff --git a/packages/babel-plugin-syntax-pipeline-operator/README.md b/packages/babel-plugin-syntax-pipeline-operator/README.md
new file mode 100644
index 0000000000..a1c213b508
--- /dev/null
+++ b/packages/babel-plugin-syntax-pipeline-operator/README.md
@@ -0,0 +1,35 @@
+# babel-plugin-syntax-pipeline-operator
+
+Allow parsing of the pipeline operator `|>`. See [the proposal](https://github.com/tc39/proposal-pipeline-operator) for details.
+
+## Installation
+
+```sh
+$ npm install babel-plugin-syntax-pipeline-operator
+```
+
+## Usage
+
+### Via `.babelrc` (Recommended)
+
+**.babelrc**
+
+```json
+{
+  "plugins": ["syntax-pipeline-operator"]
+}
+```
+
+### Via CLI
+
+```sh
+$ babel --plugins syntax-pipeline-operator script.js
+```
+
+### Via Node API
+
+```javascript
+require("babel-core").transform("code", {
+  plugins: ["syntax-pipeline-operator"]
+});
+```
diff --git a/packages/babel-plugin-syntax-pipeline-operator/package.json b/packages/babel-plugin-syntax-pipeline-operator/package.json
new file mode 100644
index 0000000000..7b6254343b
--- /dev/null
+++ b/packages/babel-plugin-syntax-pipeline-operator/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "babel-plugin-syntax-pipeline-operator",
+  "version": "7.0.0-beta.2",
+  "description": "Allow parsing of the pipeline operator",
+  "repository": "https://github.com/babel/babel/tree/master/packages/babel-plugin-syntax-pipeline-operator",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "keywords": [
+    "babel-plugin"
+  ]
+}
diff --git a/packages/babel-plugin-syntax-pipeline-operator/src/index.js b/packages/babel-plugin-syntax-pipeline-operator/src/index.js
new file mode 100644
index 0000000000..0021ae691c
--- /dev/null
+++ b/packages/babel-plugin-syntax-pipeline-operator/src/index.js
@@ -0,0 +1,7 @@
+export default function() {
+  return {
+    manipulateOptions(opts, parserOpts) {
+      parserOpts.plugins.push("pipelineOperator");
+    },
+  };
+}
diff --git a/packages/babel-plugin-transform-pipeline-operator/README.md b/packages/babel-plugin-transform-pipeline-operator/README.md
new file mode 100644
index 0000000000..7fee94865b
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/README.md
@@ -0,0 +1,35 @@
+# babel-plugin-transform-pipeline-operator
+
+Transform pipeline operator `|>` into call expressions. See [the proposal](https://github.com/tc39/proposal-pipeline-operator) for details.
+
+## Installation
+
+```sh
+$ npm install babel-plugin-transform-pipeline-operator
+```
+
+## Usage
+
+### Via `.babelrc` (Recommended)
+
+**.babelrc**
+
+```json
+{
+  "plugins": ["transform-pipeline-operator"]
+}
+```
+
+### Via CLI
+
+```sh
+$ babel --plugins transform-pipeline-operator script.js
+```
+
+### Via Node API
+
+```javascript
+require("babel-core").transform("code", {
+  plugins: ["transform-pipeline-operator"]
+});
+```
diff --git a/packages/babel-plugin-transform-pipeline-operator/package.json b/packages/babel-plugin-transform-pipeline-operator/package.json
new file mode 100644
index 0000000000..522c226543
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "babel-plugin-transform-pipeline-operator",
+  "version": "7.0.0-beta.2",
+  "description": "Transform pipeline operator into call expressions",
+  "repository": "https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-pipeline-operator",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "keywords": [
+    "babel-plugin"
+  ],
+  "dependencies": {
+    "babel-plugin-syntax-pipeline-operator": "7.0.0-beta.2"
+  },
+  "devDependencies": {
+    "babel-helper-plugin-test-runner": "7.0.0-beta.2"
+  }
+}
diff --git a/packages/babel-plugin-transform-pipeline-operator/src/index.js b/packages/babel-plugin-transform-pipeline-operator/src/index.js
new file mode 100644
index 0000000000..985568d7b1
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/src/index.js
@@ -0,0 +1,52 @@
+import syntaxPipelineOperator from "babel-plugin-syntax-pipeline-operator";
+
+export default function({ types: t }) {
+  return {
+    inherits: syntaxPipelineOperator,
+
+    visitor: {
+      BinaryExpression(path) {
+        const { operator, left, right } = path.node;
+        if (operator !== "|>") return;
+
+        if (
+          t.isArrowFunctionExpression(right) &&
+          right.params.length === 1 &&
+          t.isIdentifier(right.params[0]) &&
+          t.isExpression(right.body)
+        ) {
+          //
+          // Optimize away arrow function!
+          //
+          // Converts:
+          //    arg |> x => x + x;
+          // To:
+          //    (_x = arg, _x + _x);
+          //
+          const paramName = right.params[0].name;
+          const placeholder = path.scope.generateDeclaredUidIdentifier(
+            paramName,
+          );
+
+          path.get("right").scope.rename(paramName, placeholder.name);
+          path.replaceWith(
+            t.sequenceExpression([
+              t.assignmentExpression("=", placeholder, left),
+              right.body,
+            ]),
+          );
+        } else {
+          //
+          // Simple invocation.
+          //
+          // Converts:
+          //    x |> obj.f;
+          // To:
+          //    obj.f(x);
+          //
+          path.replaceWith(t.callExpression(right, [left]));
+        }
+      },
+    },
+  };
+}
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/actual.js
new file mode 100644
index 0000000000..98b1ab27dd
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/actual.js
@@ -0,0 +1,14 @@
+var result = [5,10]
+  |> _ => _.map(x => x * 2)
+  |> _ => _.reduce( (a,b) => a + b )
+  |> sum => sum + 1
+
+assert.equal(result, 31)
+
+
+var inc = (x) => x + 1;
+var double = (x) => x * 2;
+
+var result2 = [4, 9].map( x => x |> inc |> double )
+
+assert.deepEqual(result2, [10, 20])
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/exec.js
new file mode 100644
index 0000000000..98b1ab27dd
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/exec.js
@@ -0,0 +1,14 @@
+var result = [5,10]
+  |> _ => _.map(x => x * 2)
+  |> _ => _.reduce( (a,b) => a + b )
+  |> sum => sum + 1
+
+assert.equal(result, 31)
+
+
+var inc = (x) => x + 1;
+var double = (x) => x * 2;
+
+var result2 = [4, 9].map( x => x |> inc |> double )
+
+assert.deepEqual(result2, [10, 20])
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/expected.js
new file mode 100644
index 0000000000..a29bb5c5d5
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/arrow-functions/expected.js
@@ -0,0 +1,11 @@
+var _2, _3, _sum;
+
+var result = (_2 = [5, 10], (_3 = _2.map(x => x * 2), (_sum = _3.reduce((a, b) => a + b), _sum + 1)));
+assert.equal(result, 31);
+
+var inc = x => x + 1;
+
+var double = x => x * 2;
+
+var result2 = [4, 9].map(x => double(inc(x)));
+assert.deepEqual(result2, [10, 20]);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/actual.js
new file mode 100644
index 0000000000..3d1a636f3c
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/actual.js
@@ -0,0 +1,3 @@
+var inc = (x) => x + 1
+
+assert.equal(10 |> inc, 11);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/exec.js
new file mode 100644
index 0000000000..3d1a636f3c
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/exec.js
@@ -0,0 +1,3 @@
+var inc = (x) => x + 1
+
+assert.equal(10 |> inc, 11);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/expected.js
new file mode 100644
index 0000000000..21e1ade5de
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/basic/expected.js
@@ -0,0 +1,3 @@
+var inc = x => x + 1;
+
+assert.equal(inc(10), 11);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/actual.js
new file mode 100644
index 0000000000..3b7a74eb75
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/actual.js
@@ -0,0 +1,4 @@
+var inc = (x) => x + 1;
+var double = (x) => x * 2;
+
+assert.equal(10 |> inc |> double, 22);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/exec.js
new file mode 100644
index 0000000000..3b7a74eb75
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/exec.js
@@ -0,0 +1,4 @@
+var inc = (x) => x + 1;
+var double = (x) => x * 2;
+
+assert.equal(10 |> inc |> double, 22);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/expected.js
new file mode 100644
index 0000000000..a477f74d2a
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/chaining/expected.js
@@ -0,0 +1,5 @@
+var inc = x => x + 1;
+
+var double = x => x * 2;
+
+assert.equal(double(inc(10)), 22);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/actual.js
new file mode 100644
index 0000000000..4279d4fec8
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/actual.js
@@ -0,0 +1,6 @@
+
+var map = (fn) => (array) => array.map(fn);
+
+var result = [10,20] |> map(x => x * 20);
+
+assert.deepEqual(result, [200, 400])
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/exec.js
new file mode 100644
index 0000000000..4279d4fec8
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/exec.js
@@ -0,0 +1,6 @@
+
+var map = (fn) => (array) => array.map(fn);
+
+var result = [10,20] |> map(x => x * 20);
+
+assert.deepEqual(result, [200, 400])
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/expected.js
new file mode 100644
index 0000000000..0ea7b6972a
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/currying/expected.js
@@ -0,0 +1,4 @@
+var map = fn => array => array.map(fn);
+
+var result = map(x => x * 20)([10, 20]);
+assert.deepEqual(result, [200, 400]);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/actual.js
new file mode 100644
index 0000000000..b83dc3f21b
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/actual.js
@@ -0,0 +1,5 @@
+var array = [10,20,30];
+
+var last = array |> a => a[a.length-1];
+
+assert.equal(last, 30);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/exec.js
new file mode 100644
index 0000000000..b83dc3f21b
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/exec.js
@@ -0,0 +1,5 @@
+var array = [10,20,30];
+
+var last = array |> a => a[a.length-1];
+
+assert.equal(last, 30);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/expected.js
new file mode 100644
index 0000000000..7a62766f9f
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/multiple-argument-use/expected.js
@@ -0,0 +1,5 @@
+var _a;
+
+var array = [10, 20, 30];
+var last = (_a = array, _a[_a.length - 1]);
+assert.equal(last, 30);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/options.json b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/options.json
new file mode 100644
index 0000000000..cd9de337d5
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/options.json
@@ -0,0 +1,3 @@
+{
+  "plugins": ["transform-pipeline-operator"]
+}
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/actual.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/actual.js
new file mode 100644
index 0000000000..931ac81b29
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/actual.js
@@ -0,0 +1,12 @@
+
+var inc = (x) => x + 1;
+
+var result = 4 || 9 |> inc;
+assert.equal(result, 5);
+
+
+var f = (x) => x + 10
+var h = (x) => x + 20
+
+var result2 = 10 |> f || h |> inc;
+assert.equal(result2, 21);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/exec.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/exec.js
new file mode 100644
index 0000000000..931ac81b29
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/exec.js
@@ -0,0 +1,12 @@
+
+var inc = (x) => x + 1;
+
+var result = 4 || 9 |> inc;
+assert.equal(result, 5);
+
+
+var f = (x) => x + 10
+var h = (x) => x + 20
+
+var result2 = 10 |> f || h |> inc;
+assert.equal(result2, 21);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/expected.js b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/expected.js
new file mode 100644
index 0000000000..f149a7c02d
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/fixtures/pipeline-operator/precedence/expected.js
@@ -0,0 +1,11 @@
+var inc = x => x + 1;
+
+var result = inc(4 || 9);
+assert.equal(result, 5);
+
+var f = x => x + 10;
+
+var h = x => x + 20;
+
+var result2 = inc((f || h)(10));
+assert.equal(result2, 21);
diff --git a/packages/babel-plugin-transform-pipeline-operator/test/index.js b/packages/babel-plugin-transform-pipeline-operator/test/index.js
new file mode 100644
index 0000000000..09cfbc31f5
--- /dev/null
+++ b/packages/babel-plugin-transform-pipeline-operator/test/index.js
@@ -0,0 +1,3 @@
+import runner from "babel-helper-plugin-test-runner";
+
+runner(__dirname);
diff --git a/packages/babel-preset-stage-1/package.json b/packages/babel-preset-stage-1/package.json
index 7c80eaf527..f159b9bf23 100644
--- a/packages/babel-preset-stage-1/package.json
+++ b/packages/babel-preset-stage-1/package.json
@@ -11,6 +11,7 @@
     "babel-plugin-transform-decorators": "7.0.0-beta.2",
     "babel-plugin-transform-export-default": "7.0.0-beta.2",
     "babel-plugin-transform-optional-chaining": "7.0.0-beta.2",
+    "babel-plugin-transform-pipeline-operator": "7.0.0-beta.2",
     "babel-preset-stage-2": "7.0.0-beta.2"
   }
 }
diff --git a/packages/babel-preset-stage-1/src/index.js b/packages/babel-preset-stage-1/src/index.js
index fafec46d0f..7b204690da 100644
--- a/packages/babel-preset-stage-1/src/index.js
+++ b/packages/babel-preset-stage-1/src/index.js
@@ -3,6 +3,7 @@ import presetStage2 from "babel-preset-stage-2";
 import transformDecorators from "babel-plugin-transform-decorators";
 import transformExportDefault from "babel-plugin-transform-export-default";
 import transformOptionalChaining from "babel-plugin-transform-optional-chaining";
+import transformPipelineOperator from "babel-plugin-transform-pipeline-operator";
 
 export default function() {
   return {
@@ -11,6 +12,7 @@ export default function() {
       transformDecorators,
       transformExportDefault,
       transformOptionalChaining,
+      transformPipelineOperator,
     ],
   };
 }
diff --git a/packages/babel-template/package.json b/packages/babel-template/package.json
index 4d37590bcd..667e03829a 100644
--- a/packages/babel-template/package.json
+++ b/packages/babel-template/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "babel-traverse": "7.0.0-beta.2",
     "babel-types": "7.0.0-beta.2",
-    "babylon": "7.0.0-beta.26",
+    "babylon": "7.0.0-beta.27",
     "lodash": "^4.2.0"
   }
 }
diff --git a/packages/babel-traverse/package.json b/packages/babel-traverse/package.json
index f8e05eb0d8..143638f8df 100644
--- a/packages/babel-traverse/package.json
+++ b/packages/babel-traverse/package.json
@@ -12,7 +12,7 @@
     "babel-helper-function-name": "7.0.0-beta.2",
     "babel-messages": "7.0.0-beta.2",
     "babel-types": "7.0.0-beta.2",
-    "babylon": "7.0.0-beta.26",
+    "babylon": "7.0.0-beta.27",
     "debug": "^3.0.1",
     "globals": "^10.0.0",
     "invariant": "^2.2.0",
diff --git a/packages/babel-types/package.json b/packages/babel-types/package.json
index 8b586086a5..6f7e0b534d 100644
--- a/packages/babel-types/package.json
+++ b/packages/babel-types/package.json
@@ -14,6 +14,6 @@
   },
   "devDependencies": {
     "babel-generator": "7.0.0-beta.2",
-    "babylon": "^7.0.0-beta.26"
+    "babylon": "^7.0.0-beta.27"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 0b0b22e9d5..b90d8464c3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1017,9 +1017,9 @@ babylon@7.0.0-beta.18:
   version "7.0.0-beta.18"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.18.tgz#5c23ee3fdb66358aabf3789779319c5b78a233c7"
 
-babylon@7.0.0-beta.26:
-  version "7.0.0-beta.26"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.26.tgz#afc2c6b86113d000cc9476fd6f73e2a9223de8f7"
+babylon@7.0.0-beta.27:
+  version "7.0.0-beta.27"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.27.tgz#b6edd30ef30619e2f630eb52585fdda84e6542cd"
 
 babylon@^6.17.4, babylon@^6.18.0:
   version "6.18.0"