@har-analyzer/components 0.0.10 → 0.0.12

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@har-analyzer/components",
 	"type": "module",
-	"version": "0.0.10",
+	"version": "0.0.12",
 	"description": "Reusable React components for HAR Analyzer",
 	"author": "Allan Joshua",
 	"license": "MIT",
@@ -29,7 +29,7 @@
 			"import": "./dist/index.js"
 		},
 		"./*": {
-			"types": "./dist/*.d.ts",
+			"types": "./dist/features/*/index.d.ts",
 			"import": "./dist/*.js"
 		}
 	},
@@ -59,10 +59,10 @@
 		"react-dom": "^19.1.0"
 	},
 	"dependencies": {
+		"@uiw/react-json-view": "2.0.0-alpha.41",
 		"buffer": "^6.0.3",
 		"date-fns": "^4.1.0",
 		"date-fns-tz": "^3.2.0",
-		"local-db-storage": "^2.0.0",
 		"pretty-bytes": "^7.0.0",
 		"react-error-boundary": "^6.0.0"
 	}

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

@@ -1,18 +0,0 @@
-import { Dispatch } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-import { SetStateAction } from 'react';
-
-declare function HARAnalyzerPreferencesProvider({ store, children }: PropsWithChildren<{
-    store: PreferencesStore;
-}>): JSX.Element;
-export default HARAnalyzerPreferencesProvider;
-
-declare interface PreferencesStore {
-    getPreference: (key: string) => Promise<string | undefined>;
-    setPreference: (key: string, value: string) => Promise<void>;
-}
-
-export declare function useHARAnalyzerPreferences<T>(preferenceKey: string, defaultValue: T): readonly [T, Dispatch<SetStateAction<T>>];
-
-export { }

package/dist/har-analyzer.d.ts

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

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

@@ -1,14 +0,0 @@
-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

@@ -1,150 +0,0 @@
-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 z from "./har-entries-viewer.js";
-import B from "./har-entry-viewer.js";
-import { useHARAnalyzerPreferences as _ } from "./har-analyzer-preferences.js";
-import { a as L } 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 r = n.length > 0 ? `Conflicts with ${n.map((i) => i.id).join(", ")}.` : "", s = t.length > 0 ? `Disturbed ${t.length} items.` : "";
-  return [e, r, 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)" : "", r = e.direction === "horizontal" ? `columns ${e.placement.width}${n}` : `rows ${e.placement.height}${t}`;
-    return d(`Item resized to ${r}.`, 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: r,
-    empty: s
-  } = e;
-  return /* @__PURE__ */ o(
-    w,
-    {
-      i18nStrings: N,
-      items: t,
-      renderItem: ({ id: i }, { removeItem: c }) => {
-        const {
-          title: m,
-          content: l,
-          actions: u,
-          counter: f,
-          canRemove: h
-        } = n[i] ?? {};
-        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: i } }) => {
-        r(i);
-      },
-      empty: s
-    }
-  );
-}
-function k(e, n) {
-  return _(`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 Q(e) {
-  const { harFileName: n, harContent: t } = e, r = I(() => L(t), [t]), [s, i] = g(), [c, m] = g(R);
-  S(() => {
-    i(void 0);
-  }, [r]);
-  const [l, u] = k(
-    "har-contents-viewer",
-    O
-  ), f = (a) => {
-    m(a), a.length > 1 && u(a);
-  }, h = (a) => {
-    i(a), c.length === 1 && m(l);
-  }, {
-    HAREntriesFilters: p,
-    filteredHAREntries: A
-  } = C(r), y = {
-    [D]: {
-      title: n,
-      counter: `(${A.length} / ${r.length})`,
-      actions: /* @__PURE__ */ o(p, {}),
-      content: /* @__PURE__ */ o(
-        z,
-        {
-          harEntries: A,
-          onChange: h
-        }
-      )
-    },
-    [E]: s ? {
-      title: "Details",
-      content: /* @__PURE__ */ o(B, { 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 {
-  Q as default
-};

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

@@ -1,23 +0,0 @@
-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

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

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

@@ -1,24 +0,0 @@
-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 function HAREntryViewer({ harEntry }: HAREntryViewerProps): JSX.Element;
-export default HAREntryViewer;
-
-declare interface HAREntryViewerProps {
-    harEntry: HAREntry;
-}
-
-declare type HAREntryWithoutError = ReturnType<typeof getEntriesFromHAR>[number];
-
-declare type HARResponseWithError = HAREntryWithoutError['response'] & {
-    _error?: string;
-};
-
-export { }