rails-profiler 0.17.0 → 0.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: af1361f732061dbeaa22f808fb18e31d812e570eac67a7dd08687257d1400399
-  data.tar.gz: 0603edc83c99eb5122896e7aeb07a7cff85e944acfc45a3fc1268eae2b4e69aa
+  metadata.gz: a755b6d8e9f74901cac774282d218553d40fe1c59efe7e9a7973e2a6c7cf38ca
+  data.tar.gz: 5f157e934571a297d1aa6484312cbc001478b71b776c940179d91f4b04f31d85
 SHA512:
-  metadata.gz: 5e615b88c8d7253e24e00b416b1e5b6b858627a629714a6f041c77673fa1be1aee23bc57b999fc5016b101263c5fbc510594d6300994c007ccdef62ddab2fe42
-  data.tar.gz: 2cbe8336230ebd48a49b706a82d3f898516841b2b93d424a74a4f0aa9d9f23ab917e75ea91aef70a238f3c79db3460d3974765eda260e71efbee1864229b3f30
+  metadata.gz: 02b2e42cb2409c7db8a54277323d7c13483b10884ebd041c60aef6b8f874cde66d90cf3d02e0b60d65b526ad8e5d8d58bc52e19c7a60943ddfe65f97b1e655e3
+  data.tar.gz: 7c13611e50dc1ada83e5e61f0cbee9f5cf1bf256a16d776012ff59c6a07abe6fff7b3a636f702e1445f44f6750207bbcf0fce25fcc3234d2f5008ad0c7be8f02

data/app/assets/builds/profiler.js

@@ -396,6 +396,24 @@
     return "function" == typeof t3 ? t3(n2) : t3;
   }
 
+  // app/assets/typescript/profiler/components/dashboard/tabs/shared/utils.ts
+  function methodBadge(method) {
+    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
+    return map[method] || "default";
+  }
+  function statusBadge(status) {
+    if (status === 0) return "error";
+    if (status >= 200 && status < 300) return "success";
+    if (status >= 400) return "error";
+    return "warning";
+  }
+  function formatBytes(bytes) {
+    if (bytes < 0) return "\u2014";
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+  }
+
   // node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
   var f3 = 0;
   function u3(e3, t3, n2, o3, i3, u4) {
@@ -407,21 +425,53 @@
     return l.vnode && l.vnode(l3), l3;
   }
 
-  // app/assets/typescript/profiler/components/dashboard/tabs/HttpTab.tsx
-  function methodBadge(method) {
-    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
-    return map[method] || "default";
+  // app/assets/typescript/profiler/components/dashboard/tabs/shared/HttpComponents.tsx
+  function CopyButton({ text }) {
+    const [copied, setCopied] = d2(false);
+    function copy() {
+      navigator.clipboard.writeText(text).then(() => {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      });
+    }
+    return /* @__PURE__ */ u3("button", { onClick: copy, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copied ? "Copied!" : "Copy" });
   }
-  function statusBadge(status) {
-    if (status === 0) return "error";
-    if (status >= 200 && status < 300) return "success";
-    if (status >= 400) return "error";
-    return "warning";
+  function mimeToExt(mime) {
+    const m3 = mime.split(";")[0].trim().toLowerCase();
+    const map = {
+      "application/json": ".json",
+      "application/ld+json": ".jsonld",
+      "application/xml": ".xml",
+      "text/xml": ".xml",
+      "text/csv": ".csv",
+      "application/csv": ".csv",
+      "text/html": ".html",
+      "text/plain": ".txt",
+      "text/css": ".css",
+      "application/javascript": ".js",
+      "text/javascript": ".js",
+      "image/svg+xml": ".svg",
+      "image/png": ".png",
+      "image/jpeg": ".jpg",
+      "image/gif": ".gif",
+      "image/webp": ".webp",
+      "image/avif": ".avif",
+      "application/pdf": ".pdf",
+      "application/zip": ".zip",
+      "application/gzip": ".gz",
+      "application/octet-stream": ".bin"
+    };
+    return map[m3] || ".bin";
   }
-  function formatBytes(n2) {
-    if (n2 === 0) return "0 B";
-    if (n2 < 1024) return `${n2} B`;
-    return `${(n2 / 1024).toFixed(1)} KB`;
+  function DownloadTextButton({ text, mime }) {
+    const [url, setUrl] = d2(null);
+    y2(() => {
+      const objectUrl = URL.createObjectURL(new Blob([text], { type: mime }));
+      setUrl(objectUrl);
+      return () => URL.revokeObjectURL(objectUrl);
+    }, [text, mime]);
+    if (!url) return null;
+    return /* @__PURE__ */ u3("a", { href: url, download: `body${mimeToExt(mime)}`, class: "profiler-body-download-btn profiler-text--xs", children: "Download" });
   }
   function HeadersTable({ headers }) {
     const entries = Object.entries(headers);
@@ -494,8 +544,6 @@
     if (category === "xml") return formatXml(body);
     return body;
   }
-  var PREVIEW_LIMIT = 500;
-  var CSV_ROW_LIMIT = 10;
   function categoryMime(category) {
     const map = {
       json: "application/json",
@@ -506,53 +554,8 @@
     };
     return map[category] || "text/plain";
   }
-  function mimeToExt(mime) {
-    const m3 = mime.split(";")[0].trim().toLowerCase();
-    const map = {
-      "application/json": ".json",
-      "application/ld+json": ".jsonld",
-      "application/xml": ".xml",
-      "text/xml": ".xml",
-      "text/csv": ".csv",
-      "application/csv": ".csv",
-      "text/html": ".html",
-      "text/plain": ".txt",
-      "text/css": ".css",
-      "application/javascript": ".js",
-      "text/javascript": ".js",
-      "image/svg+xml": ".svg",
-      "image/png": ".png",
-      "image/jpeg": ".jpg",
-      "image/gif": ".gif",
-      "image/webp": ".webp",
-      "image/avif": ".avif",
-      "application/pdf": ".pdf",
-      "application/zip": ".zip",
-      "application/gzip": ".gz",
-      "application/octet-stream": ".bin"
-    };
-    return map[m3] || ".bin";
-  }
-  function CopyButton({ text }) {
-    const [copied, setCopied] = d2(false);
-    function copy() {
-      navigator.clipboard.writeText(text).then(() => {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      });
-    }
-    return /* @__PURE__ */ u3("button", { onClick: copy, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copied ? "Copied!" : "Copy" });
-  }
-  function DownloadTextButton({ text, mime }) {
-    const [url, setUrl] = d2(null);
-    y2(() => {
-      const objectUrl = URL.createObjectURL(new Blob([text], { type: mime }));
-      setUrl(objectUrl);
-      return () => URL.revokeObjectURL(objectUrl);
-    }, [text, mime]);
-    if (!url) return null;
-    return /* @__PURE__ */ u3("a", { href: url, download: `body${mimeToExt(mime)}`, class: "profiler-body-download-btn profiler-text--xs", children: "Download" });
-  }
+  var PREVIEW_LIMIT = 500;
+  var CSV_ROW_LIMIT = 10;
   function SmartBodyPreview({ body, encoding, headers }) {
     const [expanded, setExpanded] = d2(false);
     const [objectUrl, setObjectUrl] = d2(null);
@@ -611,7 +614,7 @@
         )
       ] });
     }
-    const formatted = formatTextBody(body, category) ?? body;
+    const formatted = formatTextBody(body, category);
     const preview = expanded ? formatted : formatted.slice(0, PREVIEW_LIMIT);
     const truncated = formatted.length > PREVIEW_LIMIT && !expanded;
     return /* @__PURE__ */ u3("div", { children: [
@@ -634,6 +637,98 @@
       )
     ] });
   }
+  function HttpReqRespDetail({ request, response, backtrace }) {
+    return /* @__PURE__ */ u3("div", { style: "padding:12px 4px 4px;border-top:1px solid rgba(0,0,0,0.08);margin-top:8px", children: [
+      /* @__PURE__ */ u3("div", { style: "margin-bottom:16px", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "REQUEST" }),
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
+        /* @__PURE__ */ u3(HeadersTable, { headers: request.headers }),
+        request.params && Object.keys(request.params).length > 0 && !request.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Params" }),
+          /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", style: "margin:0", children: JSON.stringify(request.params, null, 2) })
+        ] }),
+        request.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
+          /* @__PURE__ */ u3(SmartBodyPreview, { body: request.body, encoding: request.body_encoding, headers: request.headers })
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "RESPONSE" }),
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
+        /* @__PURE__ */ u3(HeadersTable, { headers: response.headers }),
+        response.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
+          /* @__PURE__ */ u3(SmartBodyPreview, { body: response.body, encoding: response.body_encoding, headers: response.headers })
+        ] })
+      ] }),
+      backtrace && backtrace.length > 1 && /* @__PURE__ */ u3("div", { style: "margin-top:12px", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Backtrace" }),
+        backtrace.map((frame, i3) => /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding:2px 0", children: frame }, i3))
+      ] })
+    ] });
+  }
+  function HttpCardHeader({ method, url, copyUrl: copyUrlOverride, status, duration, curlCommand, expandable, open, onToggle }) {
+    const [copiedUrl, setCopiedUrl] = d2(false);
+    const [copiedCurl, setCopiedCurl] = d2(false);
+    function handleCopyUrl(e3) {
+      e3.stopPropagation();
+      navigator.clipboard.writeText(copyUrlOverride ?? url).then(() => {
+        setCopiedUrl(true);
+        setTimeout(() => setCopiedUrl(false), 2e3);
+      });
+    }
+    function handleCopyCurl(e3) {
+      e3.stopPropagation();
+      navigator.clipboard.writeText(curlCommand).then(() => {
+        setCopiedCurl(true);
+        setTimeout(() => setCopiedCurl(false), 2e3);
+      });
+    }
+    return /* @__PURE__ */ u3(
+      "div",
+      {
+        class: "profiler-ajax-card__row",
+        style: expandable ? "cursor:pointer;user-select:none" : void 0,
+        onClick: expandable ? onToggle : void 0,
+        children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", style: "min-width:0;flex:1", children: [
+            expandable && /* @__PURE__ */ u3("span", { style: "font-size:11px;color:var(--profiler-muted)", children: open ? "\u25BE" : "\u25B8" }),
+            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(method)}`, children: method }),
+            /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", style: "word-break:break-all", children: url }),
+            /* @__PURE__ */ u3(
+              "button",
+              {
+                onClick: handleCopyUrl,
+                class: "profiler-body-download-btn profiler-text--xs",
+                style: "flex-shrink:0;cursor:pointer",
+                title: "Copy URL",
+                children: copiedUrl ? "Copied!" : "Copy URL"
+              }
+            ),
+            /* @__PURE__ */ u3(
+              "button",
+              {
+                onClick: handleCopyCurl,
+                class: "profiler-body-download-btn profiler-text--xs",
+                style: "flex-shrink:0;cursor:pointer",
+                title: "Copy as cURL",
+                children: copiedCurl ? "Copied!" : "Copy as cURL"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: "flex-shrink:0", children: [
+            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(status)}`, children: status === 0 ? "ERR" : status }),
+            /* @__PURE__ */ u3("span", { class: duration >= 500 ? "badge-error" : duration >= 100 ? "badge-warning" : "badge-success", children: [
+              duration.toFixed(2),
+              " ms"
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+
+  // app/assets/typescript/profiler/components/dashboard/tabs/HttpTab.tsx
   function waterfallBarColor(status, duration) {
     if (status === 0 || status >= 500) return "var(--profiler-error, #ef4444)";
     if (status >= 400) return "var(--profiler-warning, #f59e0b)";
@@ -711,55 +806,21 @@
   }
   function HttpRequestDetail({ req, index, threshold }) {
     const [open, setOpen] = d2(false);
-    const [copiedUrl, setCopiedUrl] = d2(false);
-    const [copiedCurl, setCopiedCurl] = d2(false);
     const isError = req.status >= 400 || req.status === 0;
     const isSlow = req.duration >= threshold;
     const cardCls = isError ? "profiler-ajax-card--error" : isSlow ? "profiler-ajax-card--warning" : "profiler-ajax-card--success";
-    function copyUrl(e3) {
-      e3.stopPropagation();
-      navigator.clipboard.writeText(req.url).then(() => {
-        setCopiedUrl(true);
-        setTimeout(() => setCopiedUrl(false), 2e3);
-      });
-    }
-    function copyCurl() {
-      navigator.clipboard.writeText(buildCurl(req)).then(() => {
-        setCopiedCurl(true);
-        setTimeout(() => setCopiedCurl(false), 2e3);
-      });
-    }
     return /* @__PURE__ */ u3("div", { class: `profiler-ajax-card ${cardCls}`, style: "margin-bottom:8px", children: [
       /* @__PURE__ */ u3(
-        "div",
+        HttpCardHeader,
         {
-          class: "profiler-ajax-card__row",
-          style: "cursor:pointer;user-select:none",
-          onClick: () => setOpen((o3) => !o3),
-          children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", style: "min-width:0;flex:1", children: [
-              /* @__PURE__ */ u3("span", { style: "font-size:11px;color:var(--profiler-muted)", children: open ? "\u25BE" : "\u25B8" }),
-              /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(req.method)}`, children: req.method }),
-              /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", style: "word-break:break-all", children: req.url }),
-              /* @__PURE__ */ u3(
-                "button",
-                {
-                  onClick: copyUrl,
-                  class: "profiler-body-download-btn profiler-text--xs",
-                  style: "flex-shrink:0;cursor:pointer",
-                  title: "Copy URL",
-                  children: copiedUrl ? "Copied!" : "Copy URL"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: "flex-shrink:0", children: [
-              /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(req.status)}`, children: req.status === 0 ? "ERR" : req.status }),
-              /* @__PURE__ */ u3("span", { class: req.duration >= 500 ? "badge-error" : req.duration >= 100 ? "badge-warning" : "badge-success", children: [
-                req.duration.toFixed(2),
-                " ms"
-              ] })
-            ] })
-          ]
+          method: req.method,
+          url: req.url,
+          status: req.status,
+          duration: req.duration,
+          curlCommand: buildCurl(req),
+          expandable: true,
+          open,
+          onToggle: () => setOpen((o3) => !o3)
         }
       ),
       /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
@@ -772,31 +833,14 @@
         req.backtrace && req.backtrace.length > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "margin-left:12px", children: req.backtrace[0] })
       ] }),
       req.error && /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--error", children: req.error }) }),
-      open && /* @__PURE__ */ u3("div", { style: "padding:12px 4px 4px;border-top:1px solid rgba(0,0,0,0.08);margin-top:8px", children: [
-        /* @__PURE__ */ u3("div", { style: "margin-bottom:12px", children: /* @__PURE__ */ u3("button", { onClick: copyCurl, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copiedCurl ? "Copied!" : "Copy as cURL" }) }),
-        /* @__PURE__ */ u3("div", { style: "margin-bottom:16px", children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "REQUEST" }),
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
-          /* @__PURE__ */ u3(HeadersTable, { headers: req.request_headers || {} }),
-          req.request_body && /* @__PURE__ */ u3(k, { children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
-            /* @__PURE__ */ u3(SmartBodyPreview, { body: req.request_body, encoding: req.request_body_encoding, headers: req.request_headers || {} })
-          ] })
-        ] }),
-        /* @__PURE__ */ u3("div", { children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "RESPONSE" }),
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
-          /* @__PURE__ */ u3(HeadersTable, { headers: req.response_headers || {} }),
-          req.response_body && /* @__PURE__ */ u3(k, { children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
-            /* @__PURE__ */ u3(SmartBodyPreview, { body: req.response_body, encoding: req.response_body_encoding, headers: req.response_headers || {} })
-          ] })
-        ] }),
-        req.backtrace && req.backtrace.length > 1 && /* @__PURE__ */ u3("div", { style: "margin-top:12px", children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Backtrace" }),
-          req.backtrace.map((frame, i3) => /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding:2px 0", children: frame }, i3))
-        ] })
-      ] })
+      open && /* @__PURE__ */ u3(
+        HttpReqRespDetail,
+        {
+          request: { headers: req.request_headers || {}, body: req.request_body, body_encoding: req.request_body_encoding },
+          response: { headers: req.response_headers || {}, body: req.response_body, body_encoding: req.response_body_encoding },
+          backtrace: req.backtrace
+        }
+      )
     ] });
   }
   function HttpTab({ httpData }) {
@@ -2100,107 +2144,43 @@
     return parts.join(" \\\n");
   }
   function RequestTab({ profile }) {
-    const [copied, setCopied] = d2(false);
-    const curl = buildCurl2(profile);
     const routeData = profile.collectors_data?.request ?? {};
-    function copyToClipboard() {
-      navigator.clipboard.writeText(curl).then(() => {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      });
-    }
-    return /* @__PURE__ */ u3(k, { children: [
-      /* @__PURE__ */ u3("h2", { class: "profiler-section__header", children: "Request" }),
-      /* @__PURE__ */ u3("table", { children: [
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: "Path" }),
-          /* @__PURE__ */ u3("td", { children: profile.path })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Method" }),
-          /* @__PURE__ */ u3("td", { children: profile.method })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Status" }),
-          /* @__PURE__ */ u3("td", { children: profile.status })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Duration" }),
-          /* @__PURE__ */ u3("td", { children: [
-            profile.duration.toFixed(2),
-            " ms"
-          ] })
-        ] }),
-        routeData.controller_action && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Controller#Action" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.controller_action })
-        ] }),
-        routeData.route_name && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Name" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.route_name })
-        ] }),
-        routeData.route_pattern && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Pattern" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.route_pattern })
-        ] }),
-        routeData.route_params && Object.keys(routeData.route_params).length > 0 && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Params" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: Object.entries(routeData.route_params).map(([k3, v3]) => `${k3}: ${v3}`).join(", ") })
+    const hasParams = profile.params && Object.keys(profile.params).length > 0;
+    return /* @__PURE__ */ u3("div", { class: "profiler-ajax-card profiler-ajax-card--success", style: "margin-bottom:8px;background:var(--profiler-bg-elevated);transform:translateX(3px);box-shadow:var(--profiler-shadow-sm);transition:none", children: [
+      /* @__PURE__ */ u3(
+        HttpCardHeader,
+        {
+          method: profile.method,
+          url: profile.path,
+          copyUrl: `http://localhost:3000${profile.path}`,
+          status: profile.status,
+          duration: profile.duration,
+          curlCommand: buildCurl2(profile)
+        }
+      ),
+      (routeData.controller_action || routeData.route_pattern) && /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
+        routeData.controller_action && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "margin-right:16px", children: routeData.controller_action }),
+        routeData.route_pattern && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "font-family:monospace", children: [
+          routeData.route_name ? `${routeData.route_name} \xB7 ` : "",
+          routeData.route_pattern
         ] })
       ] }),
-      profile.headers && Object.keys(profile.headers).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Headers" }),
-        /* @__PURE__ */ u3("table", { children: Object.entries(profile.headers).map(([k3, v3]) => /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: k3 }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: String(v3) })
-        ] }, k3)) })
-      ] }),
-      profile.params && Object.keys(profile.params).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Params" }),
-        /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", children: JSON.stringify(profile.params, null, 2) })
-      ] }),
-      profile.request_body && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Body" }),
-        /* @__PURE__ */ u3(
-          SmartBodyPreview,
-          {
+      /* @__PURE__ */ u3(
+        HttpReqRespDetail,
+        {
+          request: {
+            headers: profile.headers ?? {},
             body: profile.request_body,
-            encoding: profile.request_body_encoding,
-            headers: profile.headers ?? {}
-          }
-        )
-      ] }),
-      profile.response_headers && Object.keys(profile.response_headers).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Response Headers" }),
-        /* @__PURE__ */ u3("table", { children: Object.entries(profile.response_headers).map(([k3, v3]) => /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: k3 }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: String(v3) })
-        ] }, k3)) })
-      ] }),
-      profile.response_body && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Response Body" }),
-        /* @__PURE__ */ u3(
-          SmartBodyPreview,
-          {
+            body_encoding: profile.request_body_encoding,
+            params: hasParams ? profile.params : void 0
+          },
+          response: {
+            headers: profile.response_headers ?? {},
             body: profile.response_body,
-            encoding: profile.response_body_encoding,
-            headers: profile.response_headers ?? {}
+            body_encoding: profile.response_body_encoding
           }
-        )
-      ] }),
-      /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Curl Command" }),
-      /* @__PURE__ */ u3("div", { style: "position: relative;", children: [
-        /* @__PURE__ */ u3(
-          "button",
-          {
-            onClick: copyToClipboard,
-            class: "profiler-body-download-btn",
-            style: "position: absolute; top: 8px; right: 8px; z-index: 1;",
-            children: copied ? "Copied!" : "Copy"
-          }
-        ),
-        /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", style: "padding-right: 80px;", children: curl })
-      ] })
+        }
+      )
     ] });
   }
 
@@ -3081,12 +3061,6 @@
     custom: "Custom",
     method: "Method"
   };
-  function formatBytes3(bytes) {
-    if (bytes < 0) return "\u2014";
-    if (bytes < 1024) return `${bytes} B`;
-    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-  }
   function FlameGraphTab({ flamegraphData, perfData, functionProfileData }) {
     const canvasRef = A2(null);
     const containerRef = A2(null);
@@ -3592,7 +3566,7 @@
           ] }),
           showMemory && /* @__PURE__ */ u3("div", { class: "stat-item", children: [
             /* @__PURE__ */ u3("span", { class: "stat-label", children: "Memory" }),
-            /* @__PURE__ */ u3("span", { class: "stat-value", children: formatBytes3(data.total_memory_bytes ?? 0) })
+            /* @__PURE__ */ u3("span", { class: "stat-value", children: formatBytes(data.total_memory_bytes ?? 0) })
           ] })
         ] }),
         rootCalls.length > 0 && /* @__PURE__ */ u3(
@@ -3698,7 +3672,7 @@
                   " ",
                   /* @__PURE__ */ u3("small", { children: "obj" })
                 ] }),
-                showMemory && /* @__PURE__ */ u3("td", { class: "profiler-text--right profiler-text--muted", children: formatBytes3(fn.memory_bytes) })
+                showMemory && /* @__PURE__ */ u3("td", { class: "profiler-text--right profiler-text--muted", children: formatBytes(fn.memory_bytes) })
               ]
             },
             i3
@@ -3835,15 +3809,6 @@
   }
 
   // app/assets/typescript/profiler/components/dashboard/tabs/AjaxTab.tsx
-  function methodBadge2(method) {
-    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
-    return map[method] || "default";
-  }
-  function statusBadge2(status) {
-    if (status >= 200 && status < 300) return "success";
-    if (status >= 400) return "error";
-    return "warning";
-  }
   function AjaxTab({ ajaxData }) {
     if (!ajaxData?.requests?.length) {
       return /* @__PURE__ */ u3("div", { class: "profiler-empty", children: [
@@ -3879,7 +3844,7 @@
         /* @__PURE__ */ u3("div", { class: "profiler-panel profiler-panel--sm", children: [
           /* @__PURE__ */ u3("h3", { class: "profiler-text--sm profiler-text--muted profiler-text--uppercase profiler-mb-3", children: "By Method" }),
           Object.entries(ajaxData.by_method).map(([method, count]) => /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
-            /* @__PURE__ */ u3("span", { class: `badge-${methodBadge2(method)}`, children: method }),
+            /* @__PURE__ */ u3("span", { class: `badge-${methodBadge(method)}`, children: method }),
             /* @__PURE__ */ u3("strong", { children: count })
           ] }, method))
         ] }),
@@ -3895,11 +3860,11 @@
       ajaxData.requests.map((req, index) => /* @__PURE__ */ u3("div", { class: `profiler-ajax-card profiler-ajax-card--${req.status >= 200 && req.status < 300 ? "success" : "error"}`, children: [
         /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
           /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", children: [
-            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge2(req.method)}`, children: req.method }),
+            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(req.method)}`, children: req.method }),
             /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", children: req.path })
           ] }),
           /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", children: [
-            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge2(req.status)}`, children: req.status }),
+            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(req.status)}`, children: req.status }),
             /* @__PURE__ */ u3("span", { class: req.duration >= 500 ? "badge-error" : req.duration >= 100 ? "badge-warning" : "badge-success", children: [
               req.duration.toFixed(2),
               " ms"

data/lib/profiler/instrumentation/net_http_instrumentation.rb

@@ -22,6 +22,9 @@ module Profiler
 
           url = build_url(host, port, req.path, use_ssl?)
           req_body = req.body.to_s
+          # Fallback: body may be passed as the 2nd argument and only applied
+          # to req inside super via req.set_body_internal(body)
+          req_body = body.to_s if req_body.empty? && body
           req_headers = req.to_hash.transform_values { |v| v.join(", ") }
           request_id = SecureRandom.hex(8)
           started_at = Time.now.iso8601(3)

data/lib/profiler/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Profiler
-  VERSION = "0.17.0"
+  VERSION = "0.18.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails-profiler
 version: !ruby/object:Gem::Version
-  version: 0.17.0
+  version: 0.18.0
 platform: ruby
 authors:
 - Sébastien Duplessy
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-04-13 00:00:00.000000000 Z
+date: 2026-04-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails