react-native-network-lens 0.0.0-stage → 0.1.0

package/lib/module/components/JsonTree/JsonTreeView.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { useTheme } from "../../theme.js";
+import { splitHighlights } from "../../utils/search.js";
+import { CodeList } from "../CodeList.js";
+import { MAX_VALUE_CHARS, ROOT_PATH, allPaths, collapsedPreview, displayValue, flattenJson, pathsToDepth, rowCharCount, searchJson, subtreePaths } from "./model.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INDENT = 16;
+const INDENT_CHARS = 2;
+const JsonTreeView = /*#__PURE__*/forwardRef(function JsonTreeViewInner({
+  value,
+  query = '',
+  activeMatch = 0,
+  onMatchCountChange,
+  onLongPressNode,
+  initialDepth = 1
+}, ref) {
+  const theme = useTheme();
+  const [expanded, setExpanded] = useState(() => pathsToDepth(value, initialDepth));
+
+  // Reset when a different value is shown.
+  useEffect(() => {
+    setExpanded(pathsToDepth(value, initialDepth));
+  }, [value, initialDepth]);
+  const hits = useMemo(() => searchJson(value, query), [value, query]);
+  const matchedPaths = useMemo(() => new Set(hits.map(hit => hit.path)), [hits]);
+  useEffect(() => {
+    onMatchCountChange?.(hits.length);
+  }, [hits.length, onMatchCountChange]);
+
+  // Make every hit reachable by expanding its ancestors.
+  useEffect(() => {
+    if (hits.length === 0) return;
+    setExpanded(prev => {
+      let changed = false;
+      const next = new Set(prev);
+      for (const hit of hits) {
+        for (const ancestor of hit.ancestors) {
+          if (!next.has(ancestor)) {
+            next.add(ancestor);
+            changed = true;
+          }
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [hits]);
+  useImperativeHandle(ref, () => ({
+    expandAll: () => setExpanded(allPaths(value)),
+    collapseAll: () => setExpanded(new Set([ROOT_PATH]))
+  }), [value]);
+  const rows = useMemo(() => flattenJson(value, expanded), [value, expanded]);
+  const activePath = hits[Math.min(activeMatch, Math.max(hits.length - 1, 0))]?.path;
+  const activeIndex = useMemo(() => activePath ? rows.findIndex(row => row.path === activePath) : -1, [rows, activePath]);
+  const contentWidth = useMemo(() => {
+    let maxChars = 0;
+    for (const row of rows) maxChars = Math.max(maxChars, rowCharCount(row, INDENT_CHARS));
+    return maxChars * theme.sizes.codeFontSize * 0.62 + 40;
+  }, [rows, theme.sizes.codeFontSize]);
+  const toggle = useCallback(row => {
+    setExpanded(prev => {
+      const next = new Set(prev);
+      if (next.has(row.path)) {
+        // Collapse the whole subtree so re-opening starts clean.
+        for (const path of subtreePaths(row.value, row.path)) next.delete(path);
+      } else {
+        next.add(row.path);
+      }
+      return next;
+    });
+  }, []);
+  const rowHeight = theme.sizes.codeLineHeight + 4;
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(TreeRow, {
+    row: item,
+    theme: theme,
+    query: query,
+    matched: matchedPaths.has(item.path),
+    active: item.path === activePath,
+    onToggle: toggle,
+    onLongPress: onLongPressNode,
+    height: rowHeight
+  }), [theme, query, matchedPaths, activePath, toggle, onLongPressNode, rowHeight]);
+  return /*#__PURE__*/_jsx(CodeList, {
+    data: rows,
+    renderItem: renderItem,
+    keyExtractor: keyExtractor,
+    contentWidth: contentWidth,
+    rowHeight: rowHeight,
+    activeIndex: activeIndex >= 0 ? activeIndex : undefined,
+    extraData: `${query}:${activePath ?? ''}`
+  });
+});
+const keyExtractor = row => row.path;
+const TreeRow = /*#__PURE__*/memo(function TreeRowInner({
+  row,
+  theme,
+  query,
+  matched,
+  active,
+  onToggle,
+  onLongPress,
+  height
+}) {
+  const codeStyle = {
+    fontFamily: theme.fonts.mono,
+    fontSize: theme.sizes.codeFontSize,
+    lineHeight: theme.sizes.codeLineHeight
+  };
+  const valueColor = (() => {
+    switch (row.type) {
+      case 'string':
+        return theme.colors.jsonString;
+      case 'number':
+        return theme.colors.jsonNumber;
+      case 'boolean':
+        return theme.colors.jsonBoolean;
+      case 'null':
+      case 'undefined':
+        return theme.colors.jsonNull;
+      default:
+        return theme.colors.textMuted;
+    }
+  })();
+  let valueText;
+  if (row.expandable) {
+    valueText = row.expanded ? row.type === 'array' ? `Array(${row.childCount})` : `Object (${row.childCount})` : collapsedPreview(row.value);
+  } else {
+    const full = displayValue(row.value);
+    valueText = full.length > MAX_VALUE_CHARS ? `${full.slice(0, MAX_VALUE_CHARS)}… (+${full.length - MAX_VALUE_CHARS})` : full;
+  }
+  const highlightStyle = {
+    backgroundColor: active ? theme.colors.highlightActive : theme.colors.highlight,
+    color: theme.colors.onHighlight
+  };
+  const renderHighlighted = (text, color) => matched && query ? splitHighlights(text, query).map((segment, index) => /*#__PURE__*/_jsx(Text, {
+    style: segment.highlighted ? highlightStyle : {
+      color
+    },
+    children: segment.text
+  }, index)) : text;
+  const rowBackground = active ? {
+    backgroundColor: `${theme.colors.highlightActive}33`
+  } : matched ? {
+    backgroundColor: `${theme.colors.highlight}55`
+  } : null;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: row.expandable ? () => onToggle(row) : undefined,
+    onLongPress: onLongPress ? () => onLongPress({
+      path: row.path,
+      value: row.value
+    }) : undefined,
+    delayLongPress: 350,
+    accessibilityRole: row.expandable ? 'button' : 'text',
+    accessibilityState: row.expandable ? {
+      expanded: row.expanded
+    } : undefined,
+    style: [styles.row, {
+      height,
+      paddingLeft: 8 + row.depth * INDENT
+    }, rowBackground],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.arrow, codeStyle, {
+        color: theme.colors.textMuted
+      }],
+      children: row.expandable ? row.expanded ? '▾' : '▸' : ' '
+    }), /*#__PURE__*/_jsxs(Text, {
+      numberOfLines: 1,
+      style: [codeStyle, {
+        color: theme.colors.text
+      }],
+      children: [row.key !== null && /*#__PURE__*/_jsxs(Text, {
+        style: {
+          color: theme.colors.jsonKey
+        },
+        children: [renderHighlighted(row.key, theme.colors.jsonKey), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: theme.colors.textMuted
+          },
+          children: ": "
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: valueColor
+        },
+        children: renderHighlighted(valueText, valueColor)
+      })]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingRight: 16
+  },
+  arrow: {
+    width: 16,
+    textAlign: 'center'
+  }
+});
+export default JsonTreeView;
+//# sourceMappingURL=JsonTreeView.js.map

package/lib/module/components/JsonTree/JsonTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useState","Pressable","StyleSheet","Text","useTheme","splitHighlights","CodeList","MAX_VALUE_CHARS","ROOT_PATH","allPaths","collapsedPreview","displayValue","flattenJson","pathsToDepth","rowCharCount","searchJson","subtreePaths","jsx","_jsx","jsxs","_jsxs","INDENT","INDENT_CHARS","JsonTreeView","JsonTreeViewInner","value","query","activeMatch","onMatchCountChange","onLongPressNode","initialDepth","ref","theme","expanded","setExpanded","hits","matchedPaths","Set","map","hit","path","length","prev","changed","next","ancestor","ancestors","has","add","expandAll","collapseAll","rows","activePath","Math","min","max","activeIndex","findIndex","row","contentWidth","maxChars","sizes","codeFontSize","toggle","delete","rowHeight","codeLineHeight","renderItem","item","TreeRow","matched","active","onToggle","onLongPress","height","data","keyExtractor","undefined","extraData","TreeRowInner","codeStyle","fontFamily","fonts","mono","fontSize","lineHeight","valueColor","type","colors","jsonString","jsonNumber","jsonBoolean","jsonNull","textMuted","valueText","expandable","childCount","full","slice","highlightStyle","backgroundColor","highlightActive","highlight","color","onHighlight","renderHighlighted","text","segment","index","style","highlighted","children","rowBackground","onPress","delayLongPress","accessibilityRole","accessibilityState","styles","paddingLeft","depth","arrow","numberOfLines","key","jsonKey","create","flexDirection","alignItems","paddingRight","width","textAlign"],"sourceRoot":"../../../../src","sources":["components/JsonTree/JsonTreeView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/JsonTree/model.js

@@ -0,0 +1,194 @@
+"use strict";
+
+/**
+ * Pure helpers that turn a JSON value into a flat list of visible rows, the way
+ * a browser devtools console renders objects. Keeping this free of React makes it
+ * easy to test and lets the UI virtualise the rows with a FlatList.
+ */
+
+export const typeOf = value => {
+  if (value === null) return 'null';
+  if (Array.isArray(value)) return 'array';
+  const t = typeof value;
+  if (t === 'object') return 'object';
+  if (t === 'string') return 'string';
+  if (t === 'number' || t === 'bigint') return 'number';
+  if (t === 'boolean') return 'boolean';
+  return 'undefined';
+};
+export const isExpandable = value => {
+  const type = typeOf(value);
+  if (type === 'array') return value.length > 0;
+  if (type === 'object') return Object.keys(value).length > 0;
+  return false;
+};
+export const childEntries = value => {
+  if (Array.isArray(value)) return value.map((item, index) => [String(index), item]);
+  if (value && typeof value === 'object') return Object.entries(value);
+  return [];
+};
+export const childPath = (parent, key, parentIsArray) => parentIsArray ? `${parent}[${key}]` : `${parent}.${key}`;
+export const ROOT_PATH = '$';
+
+/**
+ * Walks the value and returns the rows that are currently visible given the set
+ * of expanded paths.
+ */
+export const flattenJson = (value, expanded) => {
+  const rows = [];
+  const visit = (node, key, path, depth) => {
+    const type = typeOf(node);
+    const expandable = isExpandable(node);
+    const isExpanded = expandable && expanded.has(path);
+    const children = expandable ? childEntries(node) : [];
+    rows.push({
+      path,
+      key,
+      depth,
+      type,
+      value: node,
+      expandable,
+      expanded: isExpanded,
+      childCount: children.length
+    });
+    if (isExpanded) {
+      const isArray = type === 'array';
+      for (const [childKey, childValue] of children) {
+        visit(childValue, childKey, childPath(path, childKey, isArray), depth + 1);
+      }
+    }
+  };
+  visit(value, null, ROOT_PATH, 0);
+  return rows;
+};
+
+/** Paths of every expandable node up to (and including) `maxDepth`. */
+export const pathsToDepth = (value, maxDepth) => {
+  const result = new Set();
+  const visit = (node, path, depth) => {
+    if (!isExpandable(node)) return;
+    if (depth > maxDepth) return;
+    result.add(path);
+    const isArray = Array.isArray(node);
+    for (const [key, child] of childEntries(node)) {
+      visit(child, childPath(path, key, isArray), depth + 1);
+    }
+  };
+  visit(value, ROOT_PATH, 0);
+  return result;
+};
+export const allPaths = value => pathsToDepth(value, Number.POSITIVE_INFINITY);
+
+/** Paths of every expandable node in the whole tree below `path` (inclusive). */
+export const subtreePaths = (value, path) => {
+  const result = new Set();
+  const visit = (node, nodePath) => {
+    if (!isExpandable(node)) return;
+    result.add(nodePath);
+    const isArray = Array.isArray(node);
+    for (const [key, child] of childEntries(node)) visit(child, childPath(nodePath, key, isArray));
+  };
+  visit(value, path);
+  return result;
+};
+
+/** Looks a node up by path, walking from the root. */
+export const getAtPath = (root, path) => {
+  if (path === ROOT_PATH) return root;
+  const segments = path.slice(ROOT_PATH.length).split(/\.|\[|\]/).filter(Boolean);
+  let current = root;
+  for (const segment of segments) {
+    if (current === null || typeof current !== 'object') return undefined;
+    current = current[segment];
+  }
+  return current;
+};
+const primitiveText = value => {
+  if (typeof value === 'string') return value;
+  if (value === null) return 'null';
+  if (value === undefined) return 'undefined';
+  return String(value);
+};
+
+/**
+ * Finds every node whose key or primitive value contains `query` (case-insensitive).
+ * Returns hits in document order along with the ancestors to expand.
+ */
+export const searchJson = (value, query) => {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return [];
+  const hits = [];
+  const visit = (node, key, path, ancestors) => {
+    const keyMatches = key !== null && key.toLowerCase().includes(needle);
+    const expandable = isExpandable(node);
+    const valueMatches = !expandable && primitiveText(node).toLowerCase().includes(needle);
+    if (keyMatches || valueMatches) hits.push({
+      path,
+      ancestors
+    });
+    if (expandable) {
+      const isArray = Array.isArray(node);
+      const nextAncestors = [...ancestors, path];
+      for (const [childKey, child] of childEntries(node)) {
+        visit(child, childKey, childPath(path, childKey, isArray), nextAncestors);
+      }
+    }
+  };
+  visit(value, null, ROOT_PATH, []);
+  return hits;
+};
+const MAX_PREVIEW_ITEMS = 5;
+const MAX_STRING_PREVIEW = 60;
+export const previewString = (value, max = MAX_STRING_PREVIEW) => value.length > max ? `${value.slice(0, max)}…` : value;
+
+/** Short inline summary used for collapsed objects/arrays, like `{id, name, …}`. */
+export const collapsedPreview = value => {
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]';
+    const items = value.slice(0, MAX_PREVIEW_ITEMS).map(item => inlineValue(item));
+    const more = value.length > MAX_PREVIEW_ITEMS ? ', …' : '';
+    return `(${value.length}) [${items.join(', ')}${more}]`;
+  }
+  if (value && typeof value === 'object') {
+    const keys = Object.keys(value);
+    if (keys.length === 0) return '{}';
+    const shown = keys.slice(0, MAX_PREVIEW_ITEMS).join(', ');
+    const more = keys.length > MAX_PREVIEW_ITEMS ? ', …' : '';
+    return `{${shown}${more}}`;
+  }
+  return inlineValue(value);
+};
+export const inlineValue = value => {
+  switch (typeOf(value)) {
+    case 'array':
+      return `Array(${value.length})`;
+    case 'object':
+      return '{…}';
+    case 'string':
+      return `"${previewString(value, 24)}"`;
+    case 'null':
+      return 'null';
+    case 'undefined':
+      return 'undefined';
+    default:
+      return String(value);
+  }
+};
+
+/** Rough character count of a row, used to size the horizontal scroll area. */
+export const rowCharCount = (row, indentChars) => {
+  const keyPart = row.key === null ? 0 : row.key.length + 2;
+  let valuePart;
+  if (row.expandable) {
+    valuePart = row.expanded ? row.type === 'array' ? `Array(${row.childCount})`.length : `Object (${row.childCount})`.length : collapsedPreview(row.value).length;
+  } else {
+    valuePart = Math.min(displayValue(row.value).length, MAX_VALUE_CHARS);
+  }
+  return row.depth * indentChars + 2 + keyPart + valuePart;
+};
+export const MAX_VALUE_CHARS = 400;
+export const displayValue = value => {
+  if (typeof value === 'string') return `"${value}"`;
+  return primitiveText(value);
+};
+//# sourceMappingURL=model.js.map

package/lib/module/components/JsonTree/model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["typeOf","value","Array","isArray","t","isExpandable","type","length","Object","keys","childEntries","map","item","index","String","entries","childPath","parent","key","parentIsArray","ROOT_PATH","flattenJson","expanded","rows","visit","node","path","depth","expandable","isExpanded","has","children","push","childCount","childKey","childValue","pathsToDepth","maxDepth","result","Set","add","child","allPaths","Number","POSITIVE_INFINITY","subtreePaths","nodePath","getAtPath","root","segments","slice","split","filter","Boolean","current","segment","undefined","primitiveText","searchJson","query","needle","trim","toLowerCase","hits","ancestors","keyMatches","includes","valueMatches","nextAncestors","MAX_PREVIEW_ITEMS","MAX_STRING_PREVIEW","previewString","max","collapsedPreview","items","inlineValue","more","join","shown","rowCharCount","row","indentChars","keyPart","valuePart","Math","min","displayValue","MAX_VALUE_CHARS"],"sourceRoot":"../../../../src","sources":["components/JsonTree/model.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/NetworkLens.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { BackHandler, Share, StyleSheet, View } from 'react-native';
+import { setLensBackHandler } from "../backHandler.js";
+import { createHar } from "../core/har.js";
+import logger from "../core/loggerSingleton.js";
+import { useLoggerEnabled, useLoggerPaused, useNetworkRequests } from "../hooks.js";
+import { ThemeContext, useTheme } from "../theme.js";
+import RequestDetails from "./RequestDetails/RequestDetails.js";
+import RequestList from "./RequestList/RequestList.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const NetworkLens = /*#__PURE__*/forwardRef(function NetworkLensRoot({
+  enabled = true,
+  theme = 'auto',
+  sort = 'desc',
+  compact = false,
+  maxRows,
+  copyToClipboard,
+  header
+}, ref) {
+  if (!enabled) return null;
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: theme,
+    children: /*#__PURE__*/_jsx(Inspector, {
+      ref: ref,
+      sort: sort,
+      compact: compact,
+      maxRows: maxRows,
+      copyToClipboard: copyToClipboard,
+      header: header
+    })
+  });
+});
+const Inspector = /*#__PURE__*/forwardRef(function InspectorInner({
+  sort,
+  compact,
+  maxRows,
+  copyToClipboard,
+  header
+}, ref) {
+  const theme = useTheme();
+  const requests = useNetworkRequests();
+  const loggingEnabled = useLoggerEnabled();
+  const paused = useLoggerPaused();
+  const [selectedId, setSelectedId] = useState(null);
+  const selected = useMemo(() => selectedId === null ? undefined : requests.find(r => r.id === selectedId) ?? logger.getRequest(selectedId), [requests, selectedId]);
+  const goBack = useCallback(() => {
+    if (selectedId === null) return false;
+    setSelectedId(null);
+    return true;
+  }, [selectedId]);
+  useImperativeHandle(ref, () => ({
+    goBack
+  }), [goBack]);
+
+  // Android hardware back and the optional `getBackHandler()` integration.
+  useEffect(() => {
+    if (selectedId === null) return undefined;
+    setLensBackHandler(goBack);
+    const subscription = BackHandler.addEventListener('hardwareBackPress', goBack);
+    return () => {
+      subscription.remove();
+      setLensBackHandler(undefined);
+    };
+  }, [selectedId, goBack]);
+  const menuActions = useMemo(() => [{
+    label: paused ? 'Resume capturing' : 'Pause capturing',
+    onPress: () => logger.setPaused(!paused)
+  }, {
+    label: 'Export all as HAR',
+    onPress: async () => {
+      const har = await createHar(logger.getRequests());
+      Share.share({
+        message: JSON.stringify(har)
+      }).catch(() => undefined);
+    }
+  }, {
+    label: 'Clear requests',
+    onPress: logger.clear,
+    destructive: true
+  }], [paused]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: selected ? /*#__PURE__*/_jsx(RequestDetails, {
+      request: selected,
+      onClose: goBack,
+      copyToClipboard: copyToClipboard
+    }) : /*#__PURE__*/_jsx(RequestList, {
+      requests: requests,
+      sort: sort,
+      compact: compact,
+      maxRows: maxRows,
+      paused: paused,
+      loggingEnabled: loggingEnabled,
+      onPressItem: setSelectedId,
+      menuActions: menuActions,
+      header: header
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export default NetworkLens;
+//# sourceMappingURL=NetworkLens.js.map

package/lib/module/components/NetworkLens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useState","BackHandler","Share","StyleSheet","View","setLensBackHandler","createHar","logger","useLoggerEnabled","useLoggerPaused","useNetworkRequests","ThemeContext","useTheme","RequestDetails","RequestList","jsx","_jsx","NetworkLens","NetworkLensRoot","enabled","theme","sort","compact","maxRows","copyToClipboard","header","ref","Provider","value","children","Inspector","InspectorInner","requests","loggingEnabled","paused","selectedId","setSelectedId","selected","undefined","find","r","id","getRequest","goBack","subscription","addEventListener","remove","menuActions","label","onPress","setPaused","har","getRequests","share","message","JSON","stringify","catch","clear","destructive","style","styles","container","backgroundColor","colors","background","request","onClose","onPressItem","create","flex"],"sourceRoot":"../../../src","sources":["components/NetworkLens.tsx"],"mappings":"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","ignoreList":[]}