react-native-debug-toolkit 0.6.4 → 2.1.0

package/lib/module/components/TrackLogTab.js

@@ -0,0 +1,225 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { Colors } from '../utils/colors';
+import { safeStringify } from '../utils/safeStringify';
+import { CollapsibleSection } from './shared/CollapsibleSection';
+import { JsonView } from './shared/JsonView';
+import { CopyButton } from './shared/CopyButton';
+import { LogListScreen } from './shared/LogListScreen';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TrackLogTab = /*#__PURE__*/React.memo(({
+  data
+}) => /*#__PURE__*/_jsx(LogListScreen, {
+  data: data,
+  emptyText: "No track events",
+  renderRow: item => /*#__PURE__*/_jsxs(View, {
+    style: s.cardRow,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: s.eventIcon,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: s.eventIconText,
+        children: "\u25CF"
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: s.cardContent,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.cardHeader,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: s.eventName,
+          children: item.eventName
+        }), /*#__PURE__*/_jsx(Text, {
+          style: s.time,
+          children: new Date(item.timestamp).toLocaleTimeString()
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: s.previewRow,
+        children: Object.entries(item).filter(([k]) => k !== 'id' && k !== 'eventName' && k !== 'timestamp').slice(0, 2).map(([key, value]) => /*#__PURE__*/_jsx(View, {
+          style: s.previewChip,
+          children: /*#__PURE__*/_jsxs(Text, {
+            style: s.previewText,
+            numberOfLines: 1,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: s.previewKey,
+              children: key
+            }), " ", String(value ?? '').slice(0, 25)]
+          })
+        }, key))
+      })]
+    })]
+  }),
+  renderDetailHeader: item => /*#__PURE__*/_jsx(View, {
+    style: s.eventBadge,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: s.eventBadgeText,
+      children: item.eventName
+    })
+  }),
+  renderDetailBody: item => {
+    const extraProps = Object.entries(item).filter(([k, v]) => k !== 'id' && k !== 'eventName' && k !== 'timestamp' && v !== undefined && v !== null);
+    return /*#__PURE__*/_jsxs(ScrollView, {
+      style: s.detailBody,
+      contentContainerStyle: s.detailBodyContent,
+      children: [/*#__PURE__*/_jsx(CollapsibleSection, {
+        title: "Properties",
+        initiallyExpanded: true,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: s.sectionWithCopy,
+          children: [/*#__PURE__*/_jsx(CopyButton, {
+            text: safeStringify(Object.fromEntries(extraProps), 2),
+            label: "Track Properties"
+          }), /*#__PURE__*/_jsx(View, {
+            style: s.propsGrid,
+            children: extraProps.map(([key, value]) => /*#__PURE__*/_jsxs(View, {
+              style: s.propRow,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: s.propKey,
+                children: key
+              }), /*#__PURE__*/_jsx(Text, {
+                style: s.propValue,
+                selectable: true,
+                children: typeof value === 'object' ? safeStringify(value) : String(value ?? '')
+              })]
+            }, key))
+          })]
+        })
+      }), /*#__PURE__*/_jsx(CollapsibleSection, {
+        title: "Full Event Data",
+        children: /*#__PURE__*/_jsxs(View, {
+          style: s.sectionWithCopy,
+          children: [/*#__PURE__*/_jsx(CopyButton, {
+            text: safeStringify(item, 2),
+            label: "Track Event"
+          }), /*#__PURE__*/_jsx(JsonView, {
+            data: item,
+            maxHeight: 300
+          })]
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: s.timingCard,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: s.timingLabel,
+          children: "Time"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: s.timingValue,
+          children: new Date(item.timestamp).toLocaleString()
+        })]
+      })]
+    });
+  }
+}));
+const s = StyleSheet.create({
+  cardRow: {
+    flexDirection: 'row',
+    padding: 14,
+    alignItems: 'flex-start'
+  },
+  eventIcon: {
+    width: 28,
+    height: 28,
+    borderRadius: 8,
+    backgroundColor: 'rgba(175,82,222,0.1)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 12,
+    marginTop: 1
+  },
+  eventIconText: {
+    color: Colors.purple,
+    fontSize: 10
+  },
+  cardContent: {
+    flex: 1
+  },
+  cardHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 6
+  },
+  eventName: {
+    fontSize: 15,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  time: {
+    fontSize: 12,
+    color: Colors.textSecondary
+  },
+  previewRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 4
+  },
+  previewChip: {
+    backgroundColor: Colors.background,
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  previewText: {
+    fontSize: 12,
+    color: Colors.textSecondary,
+    lineHeight: 16
+  },
+  previewKey: {
+    fontWeight: '600',
+    color: Colors.text
+  },
+  eventBadge: {
+    backgroundColor: Colors.purple,
+    paddingHorizontal: 12,
+    paddingVertical: 5,
+    borderRadius: 8
+  },
+  eventBadgeText: {
+    color: '#FFF',
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  detailBody: {
+    flex: 1
+  },
+  detailBodyContent: {
+    padding: 12,
+    paddingBottom: 40
+  },
+  sectionWithCopy: {
+    gap: 8
+  },
+  propsGrid: {
+    gap: 12
+  },
+  propRow: {},
+  propKey: {
+    fontSize: 13,
+    fontWeight: '600',
+    color: Colors.textSecondary,
+    marginBottom: 3
+  },
+  propValue: {
+    fontSize: 14,
+    color: Colors.text,
+    lineHeight: 20
+  },
+  timingCard: {
+    backgroundColor: Colors.surface,
+    borderRadius: 12,
+    padding: 14,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginTop: 4
+  },
+  timingLabel: {
+    fontSize: 13,
+    color: Colors.textSecondary,
+    fontWeight: '500'
+  },
+  timingValue: {
+    fontSize: 13,
+    color: Colors.text
+  }
+});
+//# sourceMappingURL=TrackLogTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","ScrollView","Colors","safeStringify","CollapsibleSection","JsonView","CopyButton","LogListScreen","jsx","_jsx","jsxs","_jsxs","TrackLogTab","memo","data","emptyText","renderRow","item","style","s","cardRow","children","eventIcon","eventIconText","cardContent","cardHeader","eventName","time","Date","timestamp","toLocaleTimeString","previewRow","Object","entries","filter","k","slice","map","key","value","previewChip","previewText","numberOfLines","previewKey","String","renderDetailHeader","eventBadge","eventBadgeText","renderDetailBody","extraProps","v","undefined","detailBody","contentContainerStyle","detailBodyContent","title","initiallyExpanded","sectionWithCopy","text","fromEntries","label","propsGrid","propRow","propKey","propValue","selectable","maxHeight","timingCard","timingLabel","timingValue","toLocaleString","create","flexDirection","padding","alignItems","width","height","borderRadius","backgroundColor","justifyContent","marginRight","marginTop","color","purple","fontSize","flex","marginBottom","fontWeight","textSecondary","flexWrap","gap","background","paddingHorizontal","paddingVertical","lineHeight","paddingBottom","surface"],"sourceRoot":"../../../src","sources":["components/TrackLogTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ZustandLogTab.js

@@ -0,0 +1,306 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { Colors } from '../utils/colors';
+import { safeStringify } from '../utils/safeStringify';
+import { CollapsibleSection } from './shared/CollapsibleSection';
+import { JsonView } from './shared/JsonView';
+import { CopyButton } from './shared/CopyButton';
+import { LogListScreen } from './shared/LogListScreen';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getActionColor = action => {
+  if (action.includes('add') || action.includes('create')) return '#34C759';
+  if (action.includes('remove') || action.includes('delete')) return '#FF3B30';
+  if (action.includes('update') || action.includes('set')) return '#007AFF';
+  return '#AF52DE';
+};
+const getActionBgColor = action => {
+  if (action.includes('add') || action.includes('create')) return 'rgba(52,199,89,0.1)';
+  if (action.includes('remove') || action.includes('delete')) return 'rgba(255,59,48,0.1)';
+  if (action.includes('update') || action.includes('set')) return 'rgba(0,122,255,0.1)';
+  return 'rgba(175,82,222,0.1)';
+};
+function findChanges(prev, next) {
+  if (typeof prev !== 'object' || typeof next !== 'object' || !prev || !next) return [];
+  const allKeys = new Set([...Object.keys(prev), ...Object.keys(next)]);
+  const changed = [];
+  allKeys.forEach(key => {
+    const pv = prev[key];
+    const nv = next[key];
+    if (safeStringify(pv) !== safeStringify(nv)) changed.push(key);
+  });
+  return changed;
+}
+export const ZustandLogTab = /*#__PURE__*/React.memo(({
+  data
+}) => /*#__PURE__*/_jsx(LogListScreen, {
+  data: data,
+  emptyText: "No Zustand state changes",
+  renderRow: item => /*#__PURE__*/_jsxs(View, {
+    style: s.cardRow,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [s.actionIcon, {
+        backgroundColor: getActionBgColor(item.action)
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [s.actionDot, {
+          backgroundColor: getActionColor(item.action)
+        }]
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: s.cardContent,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.cardMeta,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: s.action,
+          children: item.action
+        }), item.storeName && /*#__PURE__*/_jsx(View, {
+          style: s.storeBadge,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: s.storeBadgeText,
+            children: item.storeName
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: s.time,
+        children: new Date(item.timestamp).toLocaleTimeString()
+      })]
+    }), item.actionCompleteTime != null && /*#__PURE__*/_jsx(View, {
+      style: s.durationBadge,
+      children: /*#__PURE__*/_jsxs(Text, {
+        style: s.durationText,
+        children: [item.actionCompleteTime, "ms"]
+      })
+    })]
+  }),
+  renderDetailHeader: item => /*#__PURE__*/_jsxs(View, {
+    style: s.detailHeaderCenter,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [s.detailAction, {
+        color: getActionColor(item.action)
+      }],
+      children: item.action
+    }), item.storeName && /*#__PURE__*/_jsx(View, {
+      style: s.storeBadge,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: s.storeBadgeText,
+        children: item.storeName
+      })
+    })]
+  }),
+  renderDetailBody: item => {
+    const changes = findChanges(item.prevState, item.nextState);
+    return /*#__PURE__*/_jsxs(ScrollView, {
+      style: s.detailBody,
+      contentContainerStyle: s.detailBodyContent,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.metaCard,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: s.metaItem,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: s.metaLabel,
+            children: "Time"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: s.metaValue,
+            children: new Date(item.timestamp).toLocaleString()
+          })]
+        }), item.actionCompleteTime != null && /*#__PURE__*/_jsx(View, {
+          style: s.metaDivider
+        }), item.actionCompleteTime != null && /*#__PURE__*/_jsxs(View, {
+          style: s.metaItem,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: s.metaLabel,
+            children: "Duration"
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: s.metaValue,
+            children: [item.actionCompleteTime, "ms"]
+          })]
+        })]
+      }), changes.length > 0 && /*#__PURE__*/_jsxs(View, {
+        style: s.changesCard,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: s.changesTitle,
+          children: "Changed Keys"
+        }), /*#__PURE__*/_jsx(View, {
+          style: s.changesTags,
+          children: changes.map(key => /*#__PURE__*/_jsx(View, {
+            style: s.changeTag,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: s.changeTagText,
+              children: key
+            })
+          }, key))
+        })]
+      }), /*#__PURE__*/_jsx(CollapsibleSection, {
+        title: "Previous State",
+        children: /*#__PURE__*/_jsxs(View, {
+          style: s.sectionWithCopy,
+          children: [/*#__PURE__*/_jsx(CopyButton, {
+            text: safeStringify(item.prevState, 2),
+            label: "Previous State"
+          }), /*#__PURE__*/_jsx(JsonView, {
+            data: item.prevState,
+            maxHeight: 250
+          })]
+        })
+      }), /*#__PURE__*/_jsx(CollapsibleSection, {
+        title: "Next State",
+        initiallyExpanded: true,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: s.sectionWithCopy,
+          children: [/*#__PURE__*/_jsx(CopyButton, {
+            text: safeStringify(item.nextState, 2),
+            label: "Next State"
+          }), /*#__PURE__*/_jsx(JsonView, {
+            data: item.nextState,
+            maxHeight: 250
+          })]
+        })
+      })]
+    });
+  }
+}));
+const s = StyleSheet.create({
+  // Row
+  cardRow: {
+    flexDirection: 'row',
+    padding: 14,
+    alignItems: 'center'
+  },
+  actionIcon: {
+    width: 28,
+    height: 28,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 12
+  },
+  actionDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  cardContent: {
+    flex: 1
+  },
+  cardMeta: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    marginBottom: 3
+  },
+  action: {
+    fontSize: 15,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  storeBadge: {
+    backgroundColor: 'rgba(0,122,255,0.08)',
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 4
+  },
+  storeBadgeText: {
+    fontSize: 11,
+    color: Colors.primary,
+    fontWeight: '600'
+  },
+  time: {
+    fontSize: 12,
+    color: Colors.textSecondary
+  },
+  durationBadge: {
+    backgroundColor: Colors.background,
+    borderRadius: 8,
+    paddingHorizontal: 8,
+    paddingVertical: 4
+  },
+  durationText: {
+    fontSize: 12,
+    color: Colors.textSecondary,
+    fontWeight: '500'
+  },
+  // Detail header
+  detailHeaderCenter: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    flex: 1
+  },
+  detailAction: {
+    fontSize: 17,
+    fontWeight: '700'
+  },
+  // Detail body
+  detailBody: {
+    flex: 1
+  },
+  detailBodyContent: {
+    padding: 12,
+    paddingBottom: 40
+  },
+  sectionWithCopy: {
+    gap: 8
+  },
+  // Meta
+  metaCard: {
+    backgroundColor: Colors.surface,
+    borderRadius: 12,
+    padding: 14,
+    marginBottom: 8,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  metaItem: {
+    flex: 1
+  },
+  metaDivider: {
+    width: 1,
+    height: 28,
+    backgroundColor: Colors.border,
+    marginHorizontal: 12
+  },
+  metaLabel: {
+    fontSize: 11,
+    color: Colors.textSecondary,
+    fontWeight: '600',
+    textTransform: 'uppercase',
+    marginBottom: 2
+  },
+  metaValue: {
+    fontSize: 14,
+    color: Colors.text,
+    fontWeight: '500'
+  },
+  // Changes
+  changesCard: {
+    backgroundColor: Colors.surface,
+    borderRadius: 12,
+    padding: 14,
+    marginBottom: 8
+  },
+  changesTitle: {
+    fontSize: 13,
+    fontWeight: '600',
+    color: Colors.textSecondary,
+    marginBottom: 10
+  },
+  changesTags: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 6
+  },
+  changeTag: {
+    backgroundColor: 'rgba(0,122,255,0.08)',
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 6
+  },
+  changeTagText: {
+    fontSize: 12,
+    color: Colors.primary,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ZustandLogTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","ScrollView","Colors","safeStringify","CollapsibleSection","JsonView","CopyButton","LogListScreen","jsx","_jsx","jsxs","_jsxs","getActionColor","action","includes","getActionBgColor","findChanges","prev","next","allKeys","Set","Object","keys","changed","forEach","key","pv","nv","push","ZustandLogTab","memo","data","emptyText","renderRow","item","style","s","cardRow","children","actionIcon","backgroundColor","actionDot","cardContent","cardMeta","storeName","storeBadge","storeBadgeText","time","Date","timestamp","toLocaleTimeString","actionCompleteTime","durationBadge","durationText","renderDetailHeader","detailHeaderCenter","detailAction","color","renderDetailBody","changes","prevState","nextState","detailBody","contentContainerStyle","detailBodyContent","metaCard","metaItem","metaLabel","metaValue","toLocaleString","metaDivider","length","changesCard","changesTitle","changesTags","map","changeTag","changeTagText","title","sectionWithCopy","text","label","maxHeight","initiallyExpanded","create","flexDirection","padding","alignItems","width","height","borderRadius","justifyContent","marginRight","flex","gap","marginBottom","fontSize","fontWeight","paddingHorizontal","paddingVertical","primary","textSecondary","background","paddingBottom","surface","border","marginHorizontal","textTransform","flexWrap"],"sourceRoot":"../../../src","sources":["components/ZustandLogTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/shared/CollapsibleSection.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { View, Text, Pressable, StyleSheet, Animated } from 'react-native';
+import { Colors } from '../../utils/colors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CollapsibleSection = ({
+  title,
+  initiallyExpanded = false,
+  children
+}) => {
+  const [expanded, setExpanded] = useState(initiallyExpanded);
+  const [rotationAnim] = useState(() => new Animated.Value(initiallyExpanded ? 1 : 0));
+  useEffect(() => {
+    Animated.timing(rotationAnim, {
+      toValue: expanded ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [expanded, rotationAnim]);
+  const chevronRotation = rotationAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '90deg']
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.section,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      style: styles.header,
+      onPress: () => setExpanded(!expanded),
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/_jsx(Animated.Text, {
+        style: [styles.chevron, {
+          transform: [{
+            rotate: chevronRotation
+          }]
+        }],
+        children: "\u203A"
+      })]
+    }), expanded && /*#__PURE__*/_jsx(View, {
+      style: styles.body,
+      children: children
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  section: {
+    backgroundColor: Colors.surface,
+    borderRadius: 12,
+    marginBottom: 8,
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 13
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  chevron: {
+    fontSize: 20,
+    fontWeight: '500',
+    color: Colors.textLight,
+    width: 20,
+    textAlign: 'center'
+  },
+  body: {
+    paddingHorizontal: 16,
+    paddingBottom: 14
+  }
+});
+//# sourceMappingURL=CollapsibleSection.js.map

package/lib/module/components/shared/CollapsibleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","View","Text","Pressable","StyleSheet","Animated","Colors","jsx","_jsx","jsxs","_jsxs","CollapsibleSection","title","initiallyExpanded","children","expanded","setExpanded","rotationAnim","Value","timing","toValue","duration","useNativeDriver","start","chevronRotation","interpolate","inputRange","outputRange","style","styles","section","header","onPress","chevron","transform","rotate","body","create","backgroundColor","surface","borderRadius","marginBottom","overflow","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","fontSize","fontWeight","color","text","textLight","width","textAlign","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/shared/CollapsibleSection.tsx"],"mappings":"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","ignoreList":[]}