Bug 1710516 - [devtools] Add privateIn babel plugin to parser worker. r=bomsy.

Since ergonomic brand check were enabled in Bug 1710510,
babel needs support to parse script using this new syntax.
A test case is added, and the test was failing without the
new plugin.

Differential Revision: https://phabricator.services.mozilla.com/D115381

devtools/client/debugger/bin/module-manifest.json

@@ -2212,7 +2212,7 @@
         "byName": {},
         "byBlocks": {},
         "usedIds": {
-          "0": 0
+          "1": 1
         }
       }
     }
@@ -2233,7 +2233,7 @@
         "byName": {},
         "byBlocks": {},
         "usedIds": {
-          "0": 0
+          "1": 1
         }
       }
     }
@@ -2254,7 +2254,7 @@
         "byName": {},
         "byBlocks": {},
         "usedIds": {
-          "0": 0
+          "1": 1
         }
       }
     }

devtools/client/debugger/dist/parser-worker.js

@@ -8314,7 +8314,7 @@ const sourceOptions = {
   generated: {
     sourceType: "unambiguous",
     tokens: true,
-    plugins: ["classPrivateProperties", "classPrivateMethods", "classProperties", "objectRestSpread", "optionalChaining", "nullishCoalescingOperator"]
+    plugins: ["classPrivateProperties", "classPrivateMethods", "classProperties", "objectRestSpread", "optionalChaining", "privateIn", "nullishCoalescingOperator"]
   },
   original: {
     sourceType: "unambiguous",

devtools/client/debugger/src/workers/parser/utils/ast.js

@@ -27,6 +27,7 @@ const sourceOptions = {
       "classProperties",
       "objectRestSpread",
       "optionalChaining",
+      "privateIn",
       "nullishCoalescingOperator",
     ],
   },

devtools/client/debugger/test/mochitest/browser_dbg-preview.js

@@ -50,6 +50,18 @@ add_task(async function() {
         ["second", "b"],
       ],
     },
+    {
+      line: 51,
+      column: 26,
+      expression: "this",
+      fields: [
+        ["x", "1"],
+        // TODO: The private properties are not shown in the object preview at the moment,
+        // this should be fixed as part of Bug 1499679.
+        // ["#privateVar", "2"],
+      ],
+    },
+    { line: 51, column: 39, expression: "this.#privateVar", result: 2 },
   ]);
 });
 

devtools/client/debugger/test/mochitest/examples/preview.js

@@ -48,6 +48,9 @@ function classPreview() {
     }
     breakFn() {
       let i = this.x * this.#privateVar + Foo.#privateStatic;
+      if (#privateVar in this && this.#privateVar !== 0) {
+        i = i * 2;
+      }
       debugger;
     }
   }