@har-analyzer/components 0.0.4 → 0.0.8

package/dist/har-content-viewer.d.ts

@@ -0,0 +1,14 @@
+import { Har } from 'har-format';
+import { JSX } from 'react/jsx-runtime';
+
+declare type HARContent = Har;
+
+declare function HARContentViewer(props: HARContentViewerProps): JSX.Element;
+export default HARContentViewer;
+
+declare interface HARContentViewerProps {
+    harFileName: string;
+    harContent: HARContent;
+}
+
+export { }

package/dist/har-content-viewer.js

@@ -0,0 +1,149 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as I, useState as g, useEffect as S } from "react";
+import w from "@cloudscape-design/board-components/board";
+import $ from "@cloudscape-design/board-components/board-item";
+import b from "@cloudscape-design/components/button";
+import H from "@cloudscape-design/components/header";
+import { u as C } from "./chunks/index.js";
+import { u as B, H as z } from "./chunks/index2.js";
+import L from "./har-entry-viewer.js";
+import { a as _ } from "./chunks/har.js";
+const F = {
+  dragHandleAriaLabel: "Drag handle",
+  dragHandleAriaDescription: "Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys.",
+  resizeHandleAriaLabel: "Resize handle",
+  resizeHandleAriaDescription: "Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys."
+};
+function d(e, n, t) {
+  const i = n.length > 0 ? `Conflicts with ${n.map((r) => r.id).join(", ")}.` : "", s = t.length > 0 ? `Disturbed ${t.length} items.` : "";
+  return [e, i, s].filter(Boolean).join(" ");
+}
+const N = {
+  liveAnnouncementDndStarted: (e) => e === "resize" ? "Resizing" : "Dragging",
+  liveAnnouncementDndItemReordered: (e) => {
+    const n = `column ${e.placement.x + 1}`, t = `row ${e.placement.y + 1}`;
+    return d(
+      `Item moved to ${e.direction === "horizontal" ? n : t}.`,
+      e.conflicts,
+      e.disturbed
+    );
+  },
+  liveAnnouncementDndItemResized: (e) => {
+    const n = e.isMinimalColumnsReached ? " (minimal)" : "", t = e.isMinimalRowsReached ? " (minimal)" : "", i = e.direction === "horizontal" ? `columns ${e.placement.width}${n}` : `rows ${e.placement.height}${t}`;
+    return d(`Item resized to ${i}.`, e.conflicts, e.disturbed);
+  },
+  liveAnnouncementDndItemInserted: (e) => {
+    const n = `column ${e.placement.x + 1}`, t = `row ${e.placement.y + 1}`;
+    return d(`Item inserted to ${n}, ${t}.`, e.conflicts, e.disturbed);
+  },
+  liveAnnouncementDndCommitted: (e) => `${e} committed`,
+  liveAnnouncementDndDiscarded: (e) => `${e} discarded`,
+  liveAnnouncementItemRemoved: (e) => d(`Removed item ${e.item.id}.`, [], e.disturbed),
+  navigationAriaLabel: "Board navigation",
+  navigationAriaDescription: "Click on non-empty item to move focus over",
+  navigationItemAriaLabel: (e) => e ? e.id : "Empty"
+};
+function T(e) {
+  const {
+    components: n,
+    definitions: t,
+    onDefinitionsChange: i,
+    empty: s
+  } = e;
+  return /* @__PURE__ */ o(
+    w,
+    {
+      i18nStrings: N,
+      items: t,
+      renderItem: ({ id: r }, { removeItem: c }) => {
+        const {
+          title: m,
+          content: l,
+          actions: u,
+          counter: f,
+          canRemove: h
+        } = n[r] ?? {};
+        return /* @__PURE__ */ o(
+          $,
+          {
+            header: /* @__PURE__ */ o(H, { counter: f, actions: u, children: m }),
+            i18nStrings: F,
+            settings: h && /* @__PURE__ */ o(b, { variant: "icon", iconName: "close", onClick: c }),
+            children: l
+          }
+        );
+      },
+      onItemsChange: ({ detail: { items: r } }) => {
+        i(r);
+      },
+      empty: s
+    }
+  );
+}
+function k(e, n) {
+  return B(`boardDefinitionsPreference_${e}`, n);
+}
+const v = 6, D = "har-entries-viewer", E = "selected-har-entry-viewer", R = [
+  {
+    id: D,
+    rowSpan: v,
+    columnSpan: 12
+  }
+], O = [
+  ...R,
+  {
+    id: E,
+    rowSpan: v,
+    columnSpan: 12
+  }
+];
+function K(e) {
+  const { harFileName: n, harContent: t } = e, i = I(() => _(t), [t]), [s, r] = g(), [c, m] = g(R);
+  S(() => {
+    r(void 0);
+  }, [i]);
+  const [l, u] = k(
+    "har-contents-viewer",
+    O
+  ), f = (a) => {
+    m(a), a.length > 1 && u(a);
+  }, h = (a) => {
+    r(a), c.length === 1 && m(l);
+  }, {
+    HAREntriesFilters: p,
+    filteredHAREntries: A
+  } = C(i), y = {
+    [D]: {
+      title: n,
+      counter: `(${A.length} / ${i.length})`,
+      actions: /* @__PURE__ */ o(p, {}),
+      content: /* @__PURE__ */ o(
+        z,
+        {
+          harEntries: A,
+          onChange: h
+        }
+      )
+    },
+    [E]: s ? {
+      title: "Details",
+      content: /* @__PURE__ */ o(L, { harEntry: s }),
+      canRemove: !0
+    } : {
+      title: "Select an entry to see details",
+      content: null,
+      canRemove: !0
+    }
+  };
+  return /* @__PURE__ */ o(
+    T,
+    {
+      components: y,
+      definitions: c,
+      onDefinitionsChange: f
+    }
+  );
+}
+export {
+  K as default
+};

package/dist/har-entries-filters.d.ts

@@ -0,0 +1,23 @@
+import { Entry } from 'har-format';
+import { Har } from 'har-format';
+import { JSX } from 'react/jsx-runtime';
+
+declare function getEntriesFromHAR(harContent?: Har): Entry[];
+
+declare type HAREntry = Omit<HAREntryWithoutError, 'response'> & {
+    response: HARResponseWithError;
+};
+
+declare type HAREntryWithoutError = ReturnType<typeof getEntriesFromHAR>[number];
+
+declare type HARResponseWithError = HAREntryWithoutError['response'] & {
+    _error?: string;
+};
+
+declare function useHAREntriesFilters(harEntries: HAREntry[]): {
+    filteredHAREntries: HAREntry[];
+    HAREntriesFilters: () => JSX.Element;
+};
+export default useHAREntriesFilters;
+
+export { }

package/dist/har-entries-filters.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { u as i } from "./chunks/index.js";
+import "./chunks/har.js";
+export {
+  i as default
+};

package/dist/har-entries-viewer.d.ts

@@ -1,27 +1,26 @@
-import type { Har } from 'har-format';
+import { Entry } from 'har-format';
+import { Har } from 'har-format';
 import { JSX } from 'react/jsx-runtime';
 
-declare function getEntriesFromHAR(harContent?: Har) {
-    	return harContent?.log.entries || [];
-}
-
-declare type HarContent = Har;
+declare function getEntriesFromHAR(harContent?: Har): Entry[];
 
-declare function HAREntriesViewer({ harFileName, harContent, onChange }: HAREntriesViewerProps): JSX.Element | undefined;
+declare function HAREntriesViewer({ id, harEntries, onChange, }: HAREntriesViewerProps): JSX.Element;
 export default HAREntriesViewer;
 
 declare interface HAREntriesViewerProps {
-    harFileName?: string;
-    harContent?: HarContent;
+    id?: string;
+    harEntries: HAREntry[];
     onChange: (selectedHAREntry: HAREntry) => void;
 }
 
 declare type HAREntry = Omit<HAREntryWithoutError, 'response'> & {
-    	response: HARResponseWithError;
+    response: HARResponseWithError;
 };
 
 declare type HAREntryWithoutError = ReturnType<typeof getEntriesFromHAR>[number];
 
-declare type HARResponseWithError = HAREntryWithoutError['response'] & { _error?: string };
+declare type HARResponseWithError = HAREntryWithoutError['response'] & {
+    _error?: string;
+};
 
 export { }

package/dist/har-entries-viewer.js

@@ -1,7 +1,9 @@
-import "./chunks/content-type.js";
-import { H as i } from "./chunks/index.js";
+import "react/jsx-runtime";
+import "@cloudscape-design/components/link";
+import "@cloudscape-design/components/status-indicator";
+import { H as e } from "./chunks/index2.js";
 import "react";
-import "./chunks/index4.js";
+import "./chunks/har.js";
 export {
-  i as default
+  e as default
 };

package/dist/har-entry-viewer.d.ts

@@ -1,12 +1,11 @@
-import type { Har } from 'har-format';
+import { Entry } from 'har-format';
+import { Har } from 'har-format';
 import { JSX } from 'react/jsx-runtime';
 
-declare function getEntriesFromHAR(harContent?: Har) {
-    	return harContent?.log.entries || [];
-}
+declare function getEntriesFromHAR(harContent?: Har): Entry[];
 
 declare type HAREntry = Omit<HAREntryWithoutError, 'response'> & {
-    	response: HARResponseWithError;
+    response: HARResponseWithError;
 };
 
 declare function HAREntryViewer({ harEntry }: HAREntryViewerProps): JSX.Element;
@@ -18,6 +17,8 @@ declare interface HAREntryViewerProps {
 
 declare type HAREntryWithoutError = ReturnType<typeof getEntriesFromHAR>[number];
 
-declare type HARResponseWithError = HAREntryWithoutError['response'] & { _error?: string };
+declare type HARResponseWithError = HAREntryWithoutError['response'] & {
+    _error?: string;
+};
 
 export { }