fix: correctly transform __proto__ properties (#12664)

* fix: correctly transform `__proto__` properties

* fixup! fix: correctly transform `__proto__` properties

packages/babel-plugin-transform-computed-properties/src/index.js

@@ -90,8 +90,6 @@ export default declare((api, options) => {
 
       if (prop.kind === "get" || prop.kind === "set") {
         pushMutatorDefine(info, prop);
-      } else if (t.isStringLiteral(key, { value: "__proto__" })) {
-        pushAssign(objId, prop, body);
       } else {
         if (computedProps.length === 1) {
           return t.callExpression(state.addHelper("defineProperty"), [

packages/babel-plugin-transform-computed-properties/test/fixtures/spec/proto-shorthand/input.js

@@ -0,0 +1,11 @@
+var shorthand = {
+  __proto__,
+}
+
+var method = {
+  __proto__() {}
+}
+
+var methodComputed = {
+  ["__proto__"]() {}
+}

packages/babel-plugin-transform-computed-properties/test/fixtures/spec/proto-shorthand/options.json

@@ -0,0 +1,7 @@
+{
+  "plugins": [
+    "external-helpers",
+    "transform-computed-properties",
+    "transform-shorthand-properties"
+  ]
+}

packages/babel-plugin-transform-computed-properties/test/fixtures/spec/proto-shorthand/output.js

@@ -0,0 +1,3 @@
+var shorthand = babelHelpers.defineProperty({}, "__proto__", __proto__);
+var method = babelHelpers.defineProperty({}, "__proto__", function () {});
+var methodComputed = babelHelpers.defineProperty({}, "__proto__", function () {});

packages/babel-plugin-transform-computed-properties/test/fixtures/spec/proto/input.js

@@ -0,0 +1,3 @@
+var obj = {
+  ['__proto__']: 123
+};

packages/babel-plugin-transform-computed-properties/test/fixtures/spec/proto/output.js

@@ -0,0 +1 @@
+var obj = babelHelpers.defineProperty({}, '__proto__', 123);

packages/babel-plugin-transform-shorthand-properties/src/index.js

@@ -20,14 +20,25 @@ export default declare(api => {
           );
           func.returnType = node.returnType;
 
+          const computedKey = t.toComputedKey(node);
+          if (t.isStringLiteral(computedKey, { value: "__proto__" })) {
+            path.replaceWith(t.objectProperty(computedKey, func, true));
+          } else {
             path.replaceWith(t.objectProperty(node.key, func, node.computed));
           }
+        }
       },
 
-      ObjectProperty({ node }) {
+      ObjectProperty(path) {
+        const { node } = path;
         if (node.shorthand) {
+          const computedKey = t.toComputedKey(node);
+          if (t.isStringLiteral(computedKey, { value: "__proto__" })) {
+            path.replaceWith(t.objectProperty(computedKey, node.value, true));
+          } else {
             node.shorthand = false;
           }
+        }
       },
     },
   };

packages/babel-plugin-transform-shorthand-properties/test/fixtures/shorthand-properties/proto/input.js

@@ -0,0 +1,7 @@
+var shorthand = {
+  __proto__,
+}
+
+var method = {
+  __proto__() {}
+}

packages/babel-plugin-transform-shorthand-properties/test/fixtures/shorthand-properties/proto/output.js

@@ -0,0 +1,6 @@
+var shorthand = {
+  ["__proto__"]: __proto__
+};
+var method = {
+  ["__proto__"]: function () {}
+};