feat(dev-tools)/adds sorting on columns with verticle borders (#8238)

packages/bruno-app/src/components/Devtools/Console/NetworkTab/utils.js

@@ -0,0 +1,57 @@
+export const getGridTemplate = (columns) =>
+  columns.map((c) => (c.width ? `${c.width}px` : '1fr')).join(' ');
+
+export const getSeparatorPositions = (columns) => {
+  const n = columns.length;
+  const positions = new Array(n - 1).fill(null);
+
+  let leftOffset = 0;
+  for (let i = 0; i < n - 1; i++) {
+    if (columns[i].width === null) break;
+    leftOffset += columns[i].width;
+    positions[i] = { left: leftOffset };
+  }
+
+  let rightOffset = 0;
+  for (let i = n - 1; i > 0; i--) {
+    if (columns[i].width === null) break;
+    rightOffset += columns[i].width;
+    if (positions[i - 1] === null) {
+      positions[i - 1] = { right: rightOffset };
+    }
+  }
+
+  return positions;
+};
+
+export const getSortValue = (request, key) => {
+  const { request: req, response: res, timestamp } = request.data;
+  switch (key) {
+    case 'method': return req?.method?.toUpperCase() ?? '';
+    case 'status': return res?.statusCode || res?.status || 0;
+    case 'domain': {
+      try { return new URL(req?.url || '').hostname; } catch { return req?.url || ''; }
+    }
+    case 'path': {
+      try {
+        const u = new URL(req?.url || '');
+        return u.pathname + u.search;
+      } catch { return req?.url || ''; }
+    }
+    case 'time': return timestamp || 0;
+    case 'duration': return res?.duration || 0;
+    case 'size': return res?.size || 0;
+    default: return '';
+  }
+};
+
+export const sortRequests = (requests, key, direction) => {
+  if (!key || !direction) return requests;
+  return [...requests].sort((a, b) => {
+    const valueA = getSortValue(a, key);
+    const valueB = getSortValue(b, key);
+    if (valueA < valueB) return direction === 'asc' ? -1 : 1;
+    if (valueA > valueB) return direction === 'asc' ? 1 : -1;
+    return 0;
+  });
+};