@har-analyzer/components 0.0.20 → 0.0.21

package/dist/chunks/collapsible-key-value-list.js

@@ -1,23 +1,54 @@
 import { jsx as o } from "react/jsx-runtime";
-import n from "@cloudscape-design/components/box";
-import p from "@cloudscape-design/components/column-layout";
-import { C as a } from "./collapsible-section.js";
-import s from "@cloudscape-design/components/copy-to-clipboard";
-function u(i) {
-  const { textToCopy: t, textToDisplay: r } = i;
+import c from "@cloudscape-design/components/box";
+import { C as p } from "./collapsible-section.js";
+import { E as s } from "./index2.js";
+import m from "@cloudscape-design/components/copy-to-clipboard";
+function u(t) {
+  const { textToCopy: i, textToDisplay: r } = t;
   return /* @__PURE__ */ o(
-    s,
+    m,
     {
       variant: "inline",
-      textToCopy: t,
+      textToCopy: i,
       textToDisplay: r,
       copyErrorText: "Failed to copy",
       copySuccessText: "Copied!"
     }
   );
 }
-function x({ title: i, items: t = [] }) {
-  return /* @__PURE__ */ o(a, { variant: "inline", title: i, children: /* @__PURE__ */ o(p, { borders: "horizontal", columns: 2, disableGutters: !0, children: t.reduce((r, { name: l, value: e }) => (r.push(/* @__PURE__ */ o(n, { variant: "awsui-key-label", children: l })), r.push(e ? /* @__PURE__ */ o(u, { textToCopy: e }) : /* @__PURE__ */ o(n, { variant: "span", children: "-" })), r), []) }) });
+function x(t) {
+  const {
+    items: i,
+    sectionTitle: r,
+    keyTitle: l = "Name",
+    valueTitle: a = "Value"
+  } = t;
+  return /* @__PURE__ */ o(p, { variant: "footer", title: r, children: /* @__PURE__ */ o(
+    s,
+    {
+      contentDensity: "compact",
+      items: i,
+      getRowId: ({ id: e }) => e,
+      columnsDefinition: {
+        key: {
+          header: l,
+          cell: ({ name: e }) => ({
+            value: e
+          })
+        },
+        value: {
+          header: a,
+          cell: ({ value: e, content: n }) => e ? {
+            value: e,
+            content: n ?? /* @__PURE__ */ o(u, { textToCopy: e })
+          } : {
+            value: "-",
+            content: n ?? /* @__PURE__ */ o(c, { variant: "span", children: "-" })
+          }
+        }
+      }
+    }
+  ) });
 }
 export {
   x as C

package/dist/chunks/collapsible-section.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "@cloudscape-design/components/expandable-section";
-import { H as n } from "./index2.js";
+import { H as n } from "./horizontal-padding.js";
 function p({
   title: t,
   children: o,

package/dist/chunks/common.js

@@ -0,0 +1,10 @@
+function t(e) {
+  return Object.keys(e);
+}
+function n(e) {
+  return Object.entries(e);
+}
+export {
+  n as a,
+  t as o
+};

package/dist/chunks/content-type.js

@@ -1,14 +1,9 @@
-import r from "@cloudscape-design/code-view/highlight/css";
-import a from "@cloudscape-design/code-view/highlight/html";
-import m from "@cloudscape-design/code-view/highlight/javascript";
+import a from "@cloudscape-design/code-view/highlight/css";
+import m from "@cloudscape-design/code-view/highlight/html";
+import r from "@cloudscape-design/code-view/highlight/javascript";
 import g from "@cloudscape-design/code-view/highlight/json";
 import h from "@cloudscape-design/code-view/highlight/xml";
-function y(t) {
-  return Object.keys(t);
-}
-function c(t) {
-  return Object.entries(t);
-}
+import { o as p, a as y } from "./common.js";
 const e = {
   JSON: {
     mimeTypeContains: ["json"],
@@ -20,15 +15,15 @@ const e = {
   },
   JS: {
     mimeTypeContains: ["javascript", "ecmascript"],
-    syntaxHighlight: m
+    syntaxHighlight: r
   },
   CSS: {
     mimeTypeContains: ["text/css"],
-    syntaxHighlight: r
+    syntaxHighlight: a
   },
   HTML: {
     mimeTypeContains: ["html"],
-    syntaxHighlight: a
+    syntaxHighlight: m
   },
   Doc: {
     mimeTypeContains: ["text/"]
@@ -42,26 +37,25 @@ const e = {
   Media: {
     mimeTypeContains: ["audio/", "video/"]
   }
-}, u = [...y(e), "Other"];
-function p(t) {
+}, S = [...p(e), "Other"];
+function T(t) {
   if (!t)
     return "Other";
   const i = t.toLowerCase();
-  for (const [n, { mimeTypeContains: o }] of c(e))
+  for (const [n, { mimeTypeContains: o }] of y(e))
     if (o.some((s) => i.includes(s)))
       return n;
   return "Other";
 }
-function H(t) {
-  const i = p(t);
+function u(t) {
+  const i = T(t);
   if (i === "Other")
     return;
   const { syntaxHighlight: n } = e[i];
   return n;
 }
 export {
-  u as C,
-  H as a,
-  p as g,
-  c as o
+  S as C,
+  u as a,
+  T as g
 };

package/dist/chunks/har-entry-response-status.js

@@ -0,0 +1,14 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import e from "@cloudscape-design/components/status-indicator";
+import { i as p } from "./har.js";
+function a({ harEntry: s }) {
+  const r = s.response.status, t = s.response._error, o = /* @__PURE__ */ i(e, { type: "error", children: [
+    r,
+    " ",
+    t && `(${t})`
+  ] });
+  return p(s) ? o : r >= 300 ? /* @__PURE__ */ n(e, { type: "warning", children: r }) : r >= 200 ? /* @__PURE__ */ n(e, { type: "success", children: r }) : o;
+}
+export {
+  a as H
+};

package/dist/chunks/har.js

@@ -1,5 +1,5 @@
-import { g as a } from "./content-type.js";
-function u(e) {
+import { g as i } from "./content-type.js";
+function T(e) {
   if (typeof e != "string")
     throw new TypeError("File contents are invalid. Expected contents to be a stringified JSON.");
   try {
@@ -9,35 +9,62 @@ function u(e) {
     throw new Error(r, { cause: t });
   }
 }
-function d(e, t) {
-  return t.length ? e.filter((n) => {
-    const s = n.response.content.mimeType, o = a(s);
-    return t.includes(o);
+function m(e, t) {
+  return t.length ? e.filter((o) => {
+    const s = o.response.content.mimeType, n = i(s);
+    return t.includes(n);
   }) : e;
 }
-function i(e) {
+function c(e) {
   const t = e.response.status;
   return t < 200 || t >= 400;
 }
-function p(e) {
-  return e.filter((t) => i(t));
+function A(e) {
+  return e.filter((t) => c(t));
 }
-function f(e, t) {
+const d = ["request", "response"];
+function p(e, t) {
   const r = /* @__PURE__ */ new Set();
-  return e.forEach((n) => {
-    n[t].headers.forEach((o) => {
-      r.add(o.name);
+  return e.forEach((o) => {
+    o[t].headers.forEach((n) => {
+      r.add(n.name);
     });
   }), Array.from(r);
 }
-function m(e) {
+const l = {
+  "request.shortUrl": (e) => {
+    const { url: t } = e.request;
+    return t.split("/").at(-1) || t;
+  },
+  "request.url": (e) => e.request.url,
+  "request.method": (e) => e.request.method,
+  "response.status": (e) => e.response.status
+};
+function f(e) {
+  return d.reduce((t, r) => (p(e, r).forEach((s) => {
+    const n = `${r}.headers.${s}`;
+    t[n] = (u) => u[r].headers.filter(({ name: a }) => a === s).map(({ value: a }) => a);
+  }), t), {});
+}
+function H(e) {
+  const t = f(e);
+  return {
+    ...l,
+    ...t
+  };
+}
+function g(e) {
   return `${e.startedDateTime}_${e.time}_${e.request.url}`;
 }
 export {
-  d as a,
-  p as b,
-  f as c,
-  m as d,
-  u as g,
-  i
+  l as D,
+  d as H,
+  m as a,
+  A as b,
+  p as c,
+  f as d,
+  H as e,
+  g as f,
+  T as g,
+  c as i
 };

package/dist/chunks/horizontal-padding.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "@cloudscape-design/components/box";
+function a({ children: o }) {
+  return /* @__PURE__ */ r(i, { padding: { horizontal: "m" }, children: o });
+}
+export {
+  a as H
+};