chore: upgrade parcel to v2 (#2385)

* chore: upgrade from parcel-bundler to parcel, remove babel deps * chore: remove babelrc from debugger-ui * feat: make parcel use swc instead of babel * chore: add .parcel-cache to ignored files * fix: bundling errors * fix: ignore main when building ui target * update lockfile * add --no-cache flag to avoid SIGSEGV error --------- Co-authored-by: Michał Pierzchała <thymikee@gmail.com>
react-native-community · Jun 4, 2024 · 35ffa2e · 35ffa2e
1 parent 5933018
commit 35ffa2e
Show file tree

Hide file tree

Showing 7 changed files with 1,293 additions and 2,469 deletions.
diff --git a/.gitignore b/.gitignore
@@ -13,3 +13,4 @@ build/
 coverage
 !packages/cli-platform-ios/src/config/__fixtures__/native_modules/node_modules
 *.env
+.parcel-cache
diff --git a/packages/cli-debugger-ui/.babelrc b/packages/cli-debugger-ui/.babelrc
diff --git a/packages/cli-debugger-ui/.parcelrc b/packages/cli-debugger-ui/.parcelrc
@@ -0,0 +1,8 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.js": [
+      "@parcel/transformer-js"
+    ]
+  }
+}
diff --git a/packages/cli-debugger-ui/package.json b/packages/cli-debugger-ui/package.json
@@ -2,10 +2,13 @@
   "name": "@react-native-community/cli-debugger-ui",
   "version": "14.0.0-alpha.5",
   "license": "MIT",
-  "main": "./build/middleware",
+  "main": "build/middleware/index.js",
+  "targets": {
+    "main": false
+  },
   "scripts": {
     "build": "yarn build:ui && yarn build:middleware",
-    "build:ui": "parcel build --no-content-hash src/ui/index.html --out-dir build/ui --public-url '/debugger-ui'",
+    "build:ui": "parcel build --no-cache --no-content-hash src/ui/index.html --dist-dir build/ui --public-url '/debugger-ui'",
     "build:middleware": "tsc"
   },
   "files": [
@@ -14,12 +17,9 @@
     "!*.map"
   ],
   "devDependencies": {
-    "@babel/core": "^7.6.4",
-    "@babel/plugin-transform-runtime": "^7.6.2",
-    "parcel-bundler": "^1.12.5"
+    "parcel": "^2.12.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.8.4",
     "serve-static": "^1.13.1"
   },
   "homepage": "https://github.com/react-native-community/cli/tree/main/packages/cli-debugger-ui",

diff --git a/packages/cli-debugger-ui/src/ui/index.html b/packages/cli-debugger-ui/src/ui/index.html
@@ -10,7 +10,7 @@
     <meta charset="utf-8" />
     <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
     <title>React Native Remote Debugging (Deprecated)</title>
-    <script src="./index.js"></script>
+    <script type="module" src="./index.js"></script>
   </head>
   <body>
     <div class="content">
@@ -58,9 +58,7 @@
         />
         Maintain Priority
       </label>
-      <p>
-        React Native JS code runs as a web worker inside this tab.
-      </p>
+      <p>React Native JS code runs as a web worker inside this tab.</p>
       <p>
         Press <kbd id="shortcut" class="shortcut">⌘⌥I</kbd> to open Developer
         Tools. Enable

diff --git a/packages/cli-debugger-ui/src/ui/index.js b/packages/cli-debugger-ui/src/ui/index.js
@@ -117,7 +117,8 @@ function connectToDebuggerProxy() {
     // This worker will run the application JavaScript code,
     // making sure that it's run in an environment without a global
     // document, to make it consistent with the JSC executor environment.
-    worker = new Worker('./debuggerWorker.js');
+    const url = new URL('./debuggerWorker.js', import.meta.url);
+    worker = new Worker(url);
     worker.onmessage = function (message) {
       ws.send(JSON.stringify(message.data));
     };

diff --git a/yarn.lock b/yarn.lock