@har-analyzer/components 0.0.10 → 0.0.12

package/dist/components/enhanced-table.d.ts

@@ -0,0 +1,47 @@
+interface BaseColumnDefinition {
+    header: string;
+    width?: number;
+    isVisibleByDefault?: boolean;
+    isSortable?: boolean;
+}
+interface DefaultColumnDefinition<TItem> {
+    type?: 'string';
+    cell: (item: TItem) => {
+        value: string;
+        content?: React.ReactNode;
+    };
+}
+interface NumericColumnDefinition<TItem> {
+    type: 'number';
+    cell: (item: TItem) => {
+        value: number;
+        content?: React.ReactNode;
+    };
+}
+interface DateColumnDefinition<TItem> {
+    type: 'date';
+    cell: (item: TItem) => {
+        value: Date;
+        content?: React.ReactNode;
+    };
+}
+interface ListColumnDefinition<TItem> {
+    type: 'list';
+    cell: (item: TItem) => {
+        value: string[];
+        content?: React.ReactNode;
+    };
+}
+type EnhancedColumnDefinition<TItem> = BaseColumnDefinition & (DefaultColumnDefinition<TItem> | NumericColumnDefinition<TItem> | DateColumnDefinition<TItem> | ListColumnDefinition<TItem>);
+export type EnhancedTableColumnsDefinition<TItem> = Record<string, EnhancedColumnDefinition<TItem>>;
+interface EnhancedTableProps<TItem> {
+    id: string;
+    items: TItem[];
+    getRowId: (item: TItem) => string;
+    columnsDefinition: EnhancedTableColumnsDefinition<TItem>;
+    empty?: React.ReactNode;
+    selectionType?: 'single' | 'multi';
+    onSelectionChange?: (selectedItems: TItem[]) => void;
+}
+export default function EnhancedTable<TItem>({ id, items: originalItems, getRowId, columnsDefinition: enhancedColumnDefinitions, empty, selectionType, onSelectionChange, }: EnhancedTableProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/enhanced-top-navigation.d.ts

@@ -0,0 +1,7 @@
+export declare const ENHANCED_TOP_NAVIGATION_ID = "top-navigation";
+export interface EnhancedTopNavigationProps {
+    logo?: React.ReactNode;
+    appName: string;
+    utilities?: React.ReactNode;
+}
+export default function EnhancedTopNavigation({ logo, appName, utilities, }: EnhancedTopNavigationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/error-boundary.d.ts

@@ -0,0 +1 @@
+export default function withCustomErrorBoundary<P>(Component: React.ComponentType<P>): import('react').ForwardRefExoticComponent<import('react').PropsWithoutRef<P> & import('react').RefAttributes<import('react').ComponentRef<import('react').ComponentType<P>>>>;

package/dist/components/horizontal-gap.d.ts

@@ -0,0 +1,6 @@
+import { SpaceBetweenProps } from '@cloudscape-design/components/space-between';
+type HorizontalGapProps = Omit<SpaceBetweenProps, 'size' | 'direction'> & {
+    size?: SpaceBetweenProps['size'];
+};
+export default function HorizontalGap({ children, ...props }: HorizontalGapProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/json-viewer.d.ts

@@ -0,0 +1,3 @@
+export default function JSONViewer({ data }: {
+    data: object | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/simple-app-layout.d.ts

@@ -0,0 +1,6 @@
+export interface SimpleAppLayoutProps {
+    logo?: React.ReactNode;
+    appName: string;
+    content: React.ReactNode;
+}
+export default function SimpleAppLayout({ logo, appName, content, }: SimpleAppLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/simple-app-preferences/content-width-switcher.d.ts

@@ -0,0 +1 @@
+export default function ContentWidthSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/components/simple-app-preferences/index.d.ts

@@ -0,0 +1 @@
+export default function SimpleAppPreferences(): import("react/jsx-runtime").JSX.Element;

package/dist/components/simple-app-preferences/theme-switcher.d.ts

@@ -0,0 +1 @@
+export default function ThemeSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/components/vertical-gap.d.ts

@@ -0,0 +1,6 @@
+import { SpaceBetweenProps } from '@cloudscape-design/components/space-between';
+type VerticalGapProps = Omit<SpaceBetweenProps, 'size' | 'direction'> & {
+    size?: SpaceBetweenProps['size'];
+};
+export default function VerticalGap({ children, ...props }: VerticalGapProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-analyzer/index.d.ts

@@ -0,0 +1,5 @@
+export interface HARAnalyzerProps {
+    logo?: React.ReactNode;
+    appName?: string;
+}
+export default function HARAnalyzer({ logo, appName }: HARAnalyzerProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/har-analyzer-preferences/index.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+type UsePreferenceStore = (key: string) => readonly [string | undefined, (preference: string) => void];
+export default function HARAnalyzerPreferencesProvider({ usePreferenceStore, children }: PropsWithChildren<{
+    usePreferenceStore: UsePreferenceStore;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function useHARAnalyzerPreferences<T>(preferenceKey: string, defaultValue: T): readonly [T, (newPreference: T) => void];
+export {};

package/dist/features/har-entries-viewer/components/har-entries-filters/components/content-type-filter.d.ts

@@ -0,0 +1,7 @@
+import { ContentTypeGroup } from '../../../../../utils/content-type';
+interface ContentTypeFilterProps {
+    contentTypeFilters: ContentTypeGroup[];
+    onChange: (contentTypeFilters: ContentTypeGroup[]) => void;
+}
+export default function ContentTypeFilter({ contentTypeFilters, onChange }: ContentTypeFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-entries-viewer/components/har-entries-filters/components/errors-filter.d.ts

@@ -0,0 +1,6 @@
+interface ErrorsFilterProps {
+    shouldFilterErrors: boolean;
+    onChange: (shouldFilterErrors: boolean) => void;
+}
+export default function ErrorsFilter({ shouldFilterErrors, onChange }: ErrorsFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-entries-viewer/components/har-entries-filters/index.d.ts

@@ -0,0 +1 @@
+export default function HAREntriesFilters(): import("react/jsx-runtime").JSX.Element;

package/dist/features/har-entries-viewer/hooks/preferences.d.ts

@@ -0,0 +1,2 @@
+export declare function useErrorsFilterPreference(): readonly [boolean, (newPreference: boolean) => void];
+export declare function useContentTypeFiltersPreference(): readonly [("JSON" | "XML" | "JS" | "CSS" | "HTML" | "Doc" | "Img" | "Font" | "Media" | "Other")[], (newPreference: ("JSON" | "XML" | "JS" | "CSS" | "HTML" | "Doc" | "Img" | "Font" | "Media" | "Other")[]) => void];

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

@@ -0,0 +1,7 @@
+import { HAREntry } from '../../utils/har';
+interface HAREntriesViewerProps {
+    title?: string;
+    harEntries: HAREntry[];
+}
+export default function HAREntriesViewer(props: HAREntriesViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-file-uploader/file-upload-error.d.ts

@@ -0,0 +1,5 @@
+interface FileUploadErrorProps {
+    errors: string[];
+}
+export default function FileUploadError({ errors }: FileUploadErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-file-uploader/index.d.ts

@@ -0,0 +1,8 @@
+import { HAREntry } from '../../utils/har';
+export interface HARFileUploaderProps {
+    onChange: (args: {
+        harEntries: HAREntry[];
+        harFileName?: string;
+    }) => void;
+}
+export default function HARFileUploader({ onChange }: HARFileUploaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/list-har-entries/index.d.ts

@@ -0,0 +1,8 @@
+import { HAREntry } from '../../utils/har';
+interface ListHAREntriesProps {
+    id?: string;
+    harEntries: HAREntry[];
+    onChange: (selectedHAREntries: HAREntry[]) => void;
+}
+export default function ListHAREntries({ id, harEntries, onChange, }: ListHAREntriesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/components/content-viewer.d.ts

@@ -0,0 +1,7 @@
+interface ContentViewerProps {
+    content: string;
+    encoding?: string;
+    mimeType?: string;
+}
+export default function ContentViewer({ content, encoding, mimeType, }: ContentViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/components/headers-viewer.d.ts

@@ -0,0 +1,6 @@
+import { HAREntry } from '../../../utils/har';
+interface HeadersViewerProps {
+    harEntry: HAREntry;
+}
+export default function HeadersViewer({ harEntry }: HeadersViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/components/payload-viewer.d.ts

@@ -0,0 +1,6 @@
+import { HAREntry } from '../../../utils/har';
+interface PayloadViewerProps {
+    harEntry: HAREntry;
+}
+export default function PayloadViewer({ harEntry }: PayloadViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/components/response-viewer.d.ts

@@ -0,0 +1,6 @@
+import { HAREntry } from '../../../utils/har';
+interface ResponseViewerProps {
+    harEntry: HAREntry;
+}
+export default function ResponseViewer({ harEntry }: ResponseViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/index.d.ts

@@ -0,0 +1,5 @@
+import { HAREntry } from '../../utils/har';
+export interface ViewHAREntryProps {
+    harEntry: HAREntry;
+}
+export default function ViewHAREntry({ harEntry }: ViewHAREntryProps): import("react/jsx-runtime").JSX.Element;

package/dist/har-analyzer-preferences.js

@@ -1,96 +1,25 @@
-import { jsx as D } from "react/jsx-runtime";
-import { createContext as E, use as F, useMemo as x, useState as A, useCallback as m, useEffect as b } from "react";
-async function c(t, e) {
-  return new Promise((r, n) => {
-    t.addEventListener("success", () => {
-      r(t.result);
-    }), t.addEventListener("error", () => {
-      n(e);
-    });
-  });
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, use as a, useMemo as u } from "react";
+import { s as P } from "./chunks/json.js";
+const o = i(void 0);
+function z({ usePreferenceStore: e, children: r }) {
+  return /* @__PURE__ */ c(o, { value: e, children: r });
 }
-var S = function(t, e, r, n, a) {
-  if (n === "m") throw new TypeError("Private method is not writable");
-  if (n === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e == "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return n === "a" ? a.call(t, r) : a ? a.value = r : e.set(t, r), r;
-}, o = function(t, e, r, n) {
-  if (r === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e == "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return r === "m" ? n : r === "a" ? n.call(t) : n ? n.value : e.get(t);
-}, s, l, i, d, g, _;
-class C {
-  constructor({ name: e }) {
-    s.add(this), l.set(this, void 0), i.set(this, void 0), S(this, l, e, "f");
-  }
-  async getItem(e) {
-    const r = await o(this, s, "m", d).call(this);
-    return c(r.get(e), "Failed to get item");
-  }
-  async setItem(e, r) {
-    const n = await o(this, s, "m", d).call(this);
-    return c(n.put(r, e), "Failed to set item");
-  }
-  async removeItem(e) {
-    const r = await o(this, s, "m", d).call(this);
-    return c(r.delete(e), "Failed to remove item");
-  }
-  async clear() {
-    const e = await o(this, s, "m", d).call(this);
-    return c(e.clear(), "Failed to clear store");
-  }
-}
-l = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakSet(), d = async function() {
-  return (await o(this, s, "m", g).call(this)).transaction("store", "readwrite").objectStore("store");
-}, g = async function() {
-  return o(this, i, "f") === void 0 && S(this, i, o(this, s, "m", _).call(this), "f"), o(this, i, "f");
-}, _ = async function() {
-  const e = indexedDB.open(o(this, l, "f"), 1);
-  return e.addEventListener("upgradeneeded", () => {
-    e.result.createObjectStore("store");
-  }), c(e, "Failed to open IndexedDB");
-};
-const p = new C({ name: "node_modules/local-db-storage" }), y = {
-  get: async (t) => await p.getItem(t),
-  set: async (t, e) => {
-    await p.setItem(t, e);
-  }
-};
-function I(t, e) {
-  try {
-    return JSON.parse(t ?? "");
-  } catch (r) {
-    return console.warn("Failed to parse JSON string:", t, "Error:", r), e;
-  }
-}
-const P = E(void 0);
-function L({ store: t, children: e }) {
-  return /* @__PURE__ */ D(P, { value: t, children: e });
-}
-const O = {
-  getPreference: y.get,
-  setPreference: y.set
-};
-function R(t, e) {
-  const r = F(P), n = x(() => r || (console.warn("Invoked outside of HARAnalyzerPreferencesProvider. Falling back to use fallback preferences store."), O), [r]), [a, f] = A(e), w = m(async () => {
-    const u = await n.getPreference(t), v = I(u, e);
-    f(v);
-  }, [n, t, e]);
-  b(() => {
-    w();
-  }, [w]);
-  const h = m(async () => {
-    try {
-      await n.setPreference(t, JSON.stringify(a));
-    } catch (u) {
-      console.error(`Failed to update preference for key ${t}:`, u);
-    }
-  }, [n, t, a]);
-  return b(() => {
-    h();
-  }, [h]), [a, f];
+function y(e, r) {
+  const s = a(o);
+  if (!s)
+    throw new Error("useHARAnalyzerPreferences must be used within a HARAnalyzerPreferencesProvider");
+  const [n, f] = s(e);
+  return [u(() => {
+    if (!n)
+      return;
+    const [t] = P(n);
+    return t;
+  }, [n]) ?? r, (t) => {
+    f(JSON.stringify(t));
+  }];
 }
 export {
-  L as default,
-  R as useHARAnalyzerPreferences
+  z as default,
+  y as useHARAnalyzerPreferences
 };

package/dist/har-analyzer.js

@@ -1,31 +1,28 @@
-import { jsx as e, jsxs as i, Fragment as F } from "react/jsx-runtime";
-import { useEffect as N, useState as a } from "react";
-import R from "@cloudscape-design/components/app-layout";
-import { I18nProvider as v } from "@cloudscape-design/components/i18n";
-import y from "@cloudscape-design/components/i18n/messages/all.en";
+import { jsx as e, jsxs as i, Fragment as h } from "react/jsx-runtime";
+import { useEffect as F, useState as a } from "react";
+import N from "@cloudscape-design/components/app-layout";
 import { useHARAnalyzerPreferences as p } from "./har-analyzer-preferences.js";
-import D from "@cloudscape-design/components/header";
-import { borderWidthAlert as T, colorBorderDividerDefault as b } from "@cloudscape-design/design-tokens";
-import { H as E } from "./chunks/index.js";
-import c from "@cloudscape-design/components/box";
-import l from "@cloudscape-design/components/button";
-import M from "@cloudscape-design/components/modal";
-import { V as f } from "./chunks/vertical-gap.js";
-import u from "@cloudscape-design/components/toggle";
-import { Mode as m, applyMode as W } from "@cloudscape-design/global-styles";
-import I from "./har-file-uploader.js";
-import S from "./har-content-viewer.js";
+import R from "@cloudscape-design/components/header";
+import { borderWidthAlert as b, colorBorderDividerDefault as y } from "@cloudscape-design/design-tokens";
+import { b as D, H as T } from "./chunks/index.js";
+import s from "@cloudscape-design/components/box";
+import c from "@cloudscape-design/components/button";
+import v from "@cloudscape-design/components/modal";
+import { V as u } from "./chunks/vertical-gap.js";
+import f from "@cloudscape-design/components/toggle";
+import { Mode as l, applyMode as W } from "@cloudscape-design/global-styles";
+import M from "./har-file-uploader.js";
 function A() {
-  return p("isFullContentWidth", !1);
+  return p("isFullContentWidth", !0);
 }
-function U() {
+function S() {
   return p("isDarkTheme", !1);
 }
 const k = "top-navigation", d = "blur(16px)";
-function _({
-  logo: t,
-  appName: o,
-  utilities: r
+function U({
+  logo: r,
+  appName: n,
+  utilities: t
 }) {
   return /* @__PURE__ */ e(
     "nav",
@@ -36,96 +33,96 @@ function _({
         top: 0,
         zIndex: 1002,
         padding: "0.5rem 1rem",
-        borderBlockEnd: `${T} solid ${b}`,
+        borderBlockEnd: `${b} solid ${y}`,
         backdropFilter: d,
         WebkitBackdropFilter: d
         // for Safari
       },
-      children: /* @__PURE__ */ e(D, { actions: r, children: /* @__PURE__ */ i(E, { children: [
-        t,
-        o
+      children: /* @__PURE__ */ e(R, { actions: t, children: /* @__PURE__ */ i(D, { children: [
+        r,
+        n
       ] }) })
     }
   );
 }
-function x() {
-  const [t, o] = A();
-  return /* @__PURE__ */ e(u, { onChange: ({ detail: r }) => {
-    o(r.checked);
-  }, checked: t, children: "Use entire screen width" });
+function _() {
+  const [r, n] = A();
+  return /* @__PURE__ */ e(f, { onChange: ({ detail: t }) => {
+    n(t.checked);
+  }, checked: r, children: "Use entire screen width" });
 }
-function L() {
-  const [t, o] = U();
-  return N(() => {
-    const r = t ? m.Dark : m.Light;
-    W(r);
-  }, [t]), /* @__PURE__ */ e(u, { onChange: ({ detail: r }) => {
-    o(r.checked);
-  }, checked: t, children: "Use dark theme" });
+function x() {
+  const [r, n] = S();
+  return F(() => {
+    const t = r ? l.Dark : l.Light;
+    W(t);
+  }, [r]), /* @__PURE__ */ e(f, { onChange: ({ detail: t }) => {
+    n(t.checked);
+  }, checked: r, children: "Use dark theme" });
 }
-function V() {
-  const [t, o] = a(!1), r = () => {
-    o(!0);
-  }, n = () => {
-    o(!1);
+function I() {
+  const [r, n] = a(!1), t = () => {
+    n(!0);
+  }, o = () => {
+    n(!1);
   };
-  return /* @__PURE__ */ i(F, { children: [
-    /* @__PURE__ */ e(l, { iconName: "settings", variant: "icon", onClick: r }),
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ e(c, { iconName: "settings", variant: "icon", onClick: t }),
     /* @__PURE__ */ i(
-      M,
+      v,
       {
-        visible: t,
-        onDismiss: n,
+        visible: r,
+        onDismiss: o,
         header: "Manage your preferences",
-        footer: /* @__PURE__ */ e(c, { float: "right", children: /* @__PURE__ */ e(l, { variant: "primary", onClick: n, children: "Ok" }) }),
+        footer: /* @__PURE__ */ e(s, { float: "right", children: /* @__PURE__ */ e(c, { variant: "primary", onClick: o, children: "Ok" }) }),
         children: [
-          /* @__PURE__ */ e(c, { margin: { top: "m" } }),
-          /* @__PURE__ */ i(f, { size: "m", children: [
-            /* @__PURE__ */ e(L, {}),
-            /* @__PURE__ */ e(x, {})
+          /* @__PURE__ */ e(s, { margin: { top: "m" } }),
+          /* @__PURE__ */ i(u, { size: "m", children: [
+            /* @__PURE__ */ e(x, {}),
+            /* @__PURE__ */ e(_, {})
           ] })
         ]
       }
     )
   ] });
 }
-function w({
-  logo: t,
-  appName: o,
-  content: r
+function L({
+  logo: r,
+  appName: n,
+  content: t
 }) {
-  const [n] = A();
-  return /* @__PURE__ */ i(v, { locale: "en", messages: [y], children: [
-    /* @__PURE__ */ e(_, { logo: t, appName: o, utilities: /* @__PURE__ */ e(V, {}) }),
+  const [o] = A();
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ e(U, { logo: r, appName: n, utilities: /* @__PURE__ */ e(I, {}) }),
     /* @__PURE__ */ e(
-      R,
+      N,
       {
         headerSelector: `#${k}`,
         navigationHide: !0,
         toolsHide: !0,
-        maxContentWidth: n ? Number.MAX_VALUE : void 0,
-        content: r
+        maxContentWidth: o ? Number.MAX_VALUE : void 0,
+        content: t
       }
     )
   ] });
 }
-const h = "unknown.har";
-function ne({ logo: t, appName: o = "HAR Analyzer" }) {
-  const [r, n] = a(h), [s, C] = a();
+const m = "unknown.har";
+function Z({ logo: r, appName: n = "HAR Analyzer" }) {
+  const [t, o] = a(m), [H, g] = a([]);
   return /* @__PURE__ */ e(
-    w,
+    L,
     {
-      logo: t,
-      appName: o,
-      content: /* @__PURE__ */ i(f, { children: [
-        /* @__PURE__ */ e(I, { onChange: ({ harContent: g, harFileName: H }) => {
-          C(g), n(H ?? h);
+      logo: r,
+      appName: n,
+      content: /* @__PURE__ */ i(u, { children: [
+        /* @__PURE__ */ e(M, { onChange: ({ harEntries: C, harFileName: E }) => {
+          g(C), o(E ?? m);
         } }),
-        s && /* @__PURE__ */ e(S, { harFileName: r, harContent: s })
+        /* @__PURE__ */ e(T, { title: t, harEntries: H })
       ] })
     }
   );
 }
 export {
-  ne as default
+  Z as default
 };