add tracing for fetch calls

Author: sokra

turbopack/crates/turbo-tasks-fetch/src/lib.rs

@@ -4,7 +4,7 @@
 
 use anyhow::Result;
 use turbo_rcstr::RcStr;
-use turbo_tasks::{mark_session_dependent, ResolvedVc, Vc};
+use turbo_tasks::{duration_span, mark_session_dependent, ResolvedVc, Vc};
 use turbo_tasks_fs::FileSystemPath;
 use turbopack_core::issue::{Issue, IssueSeverity, IssueStage, OptionStyledString, StyledString};
 
@@ -72,11 +72,20 @@ pub async fn fetch(
         builder = builder.header("User-Agent", user_agent.as_str());
     }
 
-    let response = builder.send().await.and_then(|r| r.error_for_status());
+    let response = {
+        let _span = duration_span!("fetch request", url = url.as_str());
+        builder.send().await
+    }
+    .and_then(|r| r.error_for_status());
     match response {
         Ok(response) => {
             let status = response.status().as_u16();
-            let body = response.bytes().await?.to_vec();
+
+            let body = {
+                let _span = duration_span!("fetch response", url = url.as_str());
+                response.bytes().await?
+            }
+            .to_vec();
 
             Ok(Vc::cell(Ok(HttpResponse {
                 status,

turbopack/crates/turbopack-trace-utils/src/tracing_presets.rs

@@ -4,14 +4,15 @@ pub static TRACING_OVERVIEW_TARGETS: Lazy<Vec<&str>> = Lazy::new(|| {
     vec![
         "turbo_tasks=info",
         "turbo_tasks_fs=info",
+        "turbo_tasks_fetch=info",
         "turbopack=info",
         "turbopack_binding=info",
+        "turbopack_browser=info",
         "turbopack_nodejs=info",
         "turbopack_cli=info",
         "turbopack_cli_utils=info",
         "turbopack_core=info",
         "turbopack_css=info",
-        "turbopack_browser=info",
         "turbopack_dev_server=info",
         "turbopack_ecmascript=info",
         "turbopack_ecmascript_hmr_protocol=info",