[deps] Update rollup to 4.24.3 (and update plugins)

Since we have the major version jump, we needed to update quite
a few things to make this work:

  1. rollup4 ships with native binaries. We can't check them into
     our node_modules for all platforms. Luckily they also ship a
     a wasm version. This requires us to adjust the 'binary' path
     to `node_modules/@rollup/wasm-node/dist/bin/rollup` instead.

  2. rollup4 is more strict when it comes to ES modules vs
     CommonJS. We adjust this by renaming the rollup config files.

  3. Some plugins got deprecated so we had to replace them with
     the newer versions (source maps and terser).

Bug: None
Change-Id: If13d590c8185db6ad85b3992d0a869111909dc8c
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5999255
Commit-Queue: Simon Zünd <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: szuend

front_end/Images/BUILD.gn

@@ -28,14 +28,14 @@ node_action("generate_css_vars") {
 }
 
 node_action("optimize_images") {
-  script = "node_modules/rollup/dist/bin/rollup"
+  script = "node_modules/@rollup/wasm-node/dist/bin/rollup"
 
   _bundled_entrypoint = target_gen_dir + "/Images.prebundle.js"
   _output_file_location = target_gen_dir + "/Images.js"
 
   inputs = [
     _bundled_entrypoint,
-    "rollup.config.js",
+    "rollup.config.mjs",
     devtools_location_prepend + "node_modules/svgo/package.json",
   ]
   foreach(svg_image, devtools_src_svg_files) {
@@ -53,7 +53,7 @@ node_action("optimize_images") {
     # and instead looks if `stderr` is empty.
     "--silent",
     "--config",
-    rebase_path("rollup.config.js", root_build_dir),
+    rebase_path("rollup.config.mjs", root_build_dir),
     "--input",
     rebase_path(_bundled_entrypoint, root_build_dir),
     "--file",

front_end/Images/rollup.config.js renamed to front_end/Images/rollup.config.mjs

@@ -24,14 +24,14 @@ devtools_module("web-vitals-injected") {
 }
 
 node_action("bundled_library") {
-  script = "node_modules/rollup/dist/bin/rollup"
+  script = "node_modules/@rollup/wasm-node/dist/bin/rollup"
 
   _bundled_entrypoint = target_gen_dir + "/web-vitals-injected.js"
   _output_file_location = target_gen_dir + "/web-vitals-injected.generated.js"
 
   inputs = [
     _bundled_entrypoint,
-    "rollup.config.js",
+    "rollup.config.mjs",
   ]
 
   deps = [ ":web-vitals-injected" ]
@@ -42,7 +42,7 @@ node_action("bundled_library") {
     # and instead looks if `stderr` is empty.
     "--silent",
     "--config",
-    rebase_path("rollup.config.js", root_build_dir),
+    rebase_path("rollup.config.mjs", root_build_dir),
     "--input",
     rebase_path(_bundled_entrypoint, root_build_dir),
     "--file",

front_end/models/live-metrics/web-vitals-injected/BUILD.gn

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-const {terser} = require('../../../../node_modules/rollup-plugin-terser/rollup-plugin-terser.js');
+import terser from '@rollup/plugin-terser';
 
 /**
  * Checks if an env variable is true.

front_end/models/live-metrics/web-vitals-injected/rollup.config.js renamed to front_end/models/live-metrics/web-vitals-injected/rollup.config.mjs

@@ -55,14 +55,14 @@ devtools_entrypoint("bundle") {
 }
 
 node_action("bundled_library") {
-  script = "node_modules/rollup/dist/bin/rollup"
+  script = "node_modules/@rollup/wasm-node/dist/bin/rollup"
 
   _bundled_entrypoint = target_gen_dir + "/injected.js"
   _output_file_location = target_gen_dir + "/injected.generated.js"
 
   inputs = [
     _bundled_entrypoint,
-    "rollup.config.js",
+    "rollup.config.mjs",
   ]
 
   deps = [ ":bundle" ]
@@ -73,7 +73,7 @@ node_action("bundled_library") {
     # and instead looks if `stderr` is empty.
     "--silent",
     "--config",
-    rebase_path("rollup.config.js", root_build_dir),
+    rebase_path("rollup.config.mjs", root_build_dir),
     "--input",
     rebase_path(_bundled_entrypoint, root_build_dir),
     "--file",

front_end/panels/recorder/injected/BUILD.gn

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-const {terser} = require('../../../../node_modules/rollup-plugin-terser/rollup-plugin-terser.js');
+import terser from '@rollup/plugin-terser';
 
 /**
  * Checks if an env variable is true.

front_end/panels/recorder/injected/rollup.config.js renamed to front_end/panels/recorder/injected/rollup.config.mjs

@@ -37,7 +37,8 @@ action("build_inspector_overlay") {
     "$target_gen_dir/tool_window_controls.css",
     "$target_gen_dir/main.js",
     devtools_location_prepend + "inspector_overlay/loadCSS.rollup.js",
-    devtools_location_prepend + "node_modules/rollup/dist/bin/rollup",
+    devtools_location_prepend +
+        "node_modules/@rollup/wasm-node/dist/bin/rollup",
   ]
 
   outputs = [ "$resources_out_dir/main.js" ]