react-native-debug-toolkit 0.6.3 → 2.0.0

package/lib/module/components/ZustandLogTab.js

@@ -0,0 +1,446 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, Text, FlatList, TouchableOpacity, StyleSheet, Animated, ScrollView } from 'react-native';
+import { Colors } from '../utils/constants';
+import { safeStringify } from '../utils/safeStringify';
+import { CollapsibleSection } from './shared/CollapsibleSection';
+import { JsonView } from './shared/JsonView';
+import { CopyButton } from './shared/CopyButton';
+import { useSlideDetailAnimation } from '../hooks/useSlideDetailAnimation';
+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)';
+};
+export const ZustandLogTab = /*#__PURE__*/React.memo(({
+  data
+}) => {
+  const [selected, setSelected] = useState(null);
+  const {
+    detailTranslateX,
+    listTranslateX,
+    listOpacity
+  } = useSlideDetailAnimation(selected);
+  const renderItem = ({
+    item
+  }) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: s.card,
+    onPress: () => setSelected(item),
+    activeOpacity: 0.6,
+    children: /*#__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"]
+        })
+      })]
+    })
+  });
+  const 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;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: s.container,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [s.listWrap, selected ? {
+        opacity: listOpacity,
+        transform: [{
+          translateX: listTranslateX
+        }]
+      } : null],
+      children: data.length === 0 ? /*#__PURE__*/_jsxs(View, {
+        style: s.emptyContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: s.emptyIcon,
+          children: "~"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: s.empty,
+          children: "No Zustand state changes"
+        })]
+      }) : /*#__PURE__*/_jsx(FlatList, {
+        data: [...data].reverse(),
+        renderItem: renderItem,
+        keyExtractor: item => item.id,
+        contentContainerStyle: s.listContent,
+        initialNumToRender: 20,
+        maxToRenderPerBatch: 10,
+        windowSize: 5,
+        removeClippedSubviews: true
+      })
+    }), selected && /*#__PURE__*/_jsx(Animated.View, {
+      style: [s.detailOverlay, {
+        transform: [{
+          translateX: detailTranslateX
+        }]
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: s.detailWrap,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: s.detailHeader,
+          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+            onPress: () => setSelected(null),
+            style: s.backBtn,
+            activeOpacity: 0.6,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: s.backIcon,
+              children: "\u2039"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: s.backText,
+              children: "Back"
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: s.detailHeaderCenter,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [s.detailAction, {
+                color: getActionColor(selected.action)
+              }],
+              children: selected.action
+            }), selected.storeName && /*#__PURE__*/_jsx(View, {
+              style: s.storeBadge,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: s.storeBadgeText,
+                children: selected.storeName
+              })
+            })]
+          })]
+        }), /*#__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(selected.timestamp).toLocaleString()
+              })]
+            }), selected.actionCompleteTime != null && /*#__PURE__*/_jsx(View, {
+              style: s.metaDivider
+            }), selected.actionCompleteTime != null && /*#__PURE__*/_jsxs(View, {
+              style: s.metaItem,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: s.metaLabel,
+                children: "Duration"
+              }), /*#__PURE__*/_jsxs(Text, {
+                style: s.metaValue,
+                children: [selected.actionCompleteTime, "ms"]
+              })]
+            })]
+          }), (() => {
+            const changes = findChanges(selected.prevState, selected.nextState);
+            if (changes.length === 0) return null;
+            return /*#__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(selected.prevState, 2),
+                label: "Previous State"
+              }), /*#__PURE__*/_jsx(JsonView, {
+                data: selected.prevState,
+                maxHeight: 250
+              })]
+            })
+          }), /*#__PURE__*/_jsx(CollapsibleSection, {
+            title: "Next State",
+            initiallyExpanded: true,
+            children: /*#__PURE__*/_jsxs(View, {
+              style: s.sectionWithCopy,
+              children: [/*#__PURE__*/_jsx(CopyButton, {
+                text: safeStringify(selected.nextState, 2),
+                label: "Next State"
+              }), /*#__PURE__*/_jsx(JsonView, {
+                data: selected.nextState,
+                maxHeight: 250
+              })]
+            })
+          })]
+        })]
+      })
+    })]
+  });
+});
+const s = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.background
+  },
+  listWrap: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  listContent: {
+    padding: 12
+  },
+  // Empty
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyIcon: {
+    fontSize: 40,
+    color: Colors.textLight,
+    marginBottom: 4
+  },
+  empty: {
+    textAlign: 'center',
+    color: Colors.textLight,
+    fontSize: 14
+  },
+  // Card
+  card: {
+    backgroundColor: Colors.surface,
+    borderRadius: 12,
+    marginBottom: 8,
+    overflow: 'hidden'
+  },
+  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 (push navigation)
+  detailOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: Colors.background
+  },
+  detailWrap: {
+    flex: 1,
+    backgroundColor: Colors.background
+  },
+  detailHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    paddingVertical: 10,
+    backgroundColor: Colors.surface,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: Colors.border
+  },
+  backBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 6,
+    paddingVertical: 4,
+    borderRadius: 8,
+    marginRight: 8
+  },
+  backIcon: {
+    fontSize: 24,
+    fontWeight: '300',
+    color: Colors.primary,
+    marginTop: -2,
+    marginRight: 2
+  },
+  backText: {
+    fontSize: 16,
+    color: Colors.primary,
+    fontWeight: '500'
+  },
+  detailHeaderCenter: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    flex: 1
+  },
+  detailAction: {
+    fontSize: 17,
+    fontWeight: '700'
+  },
+  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","useState","View","Text","FlatList","TouchableOpacity","StyleSheet","Animated","ScrollView","Colors","safeStringify","CollapsibleSection","JsonView","CopyButton","useSlideDetailAnimation","jsx","_jsx","jsxs","_jsxs","getActionColor","action","includes","getActionBgColor","ZustandLogTab","memo","data","selected","setSelected","detailTranslateX","listTranslateX","listOpacity","renderItem","item","style","s","card","onPress","activeOpacity","children","cardRow","actionIcon","backgroundColor","actionDot","cardContent","cardMeta","storeName","storeBadge","storeBadgeText","time","Date","timestamp","toLocaleTimeString","actionCompleteTime","durationBadge","durationText","findChanges","prev","next","allKeys","Set","Object","keys","changed","forEach","key","pv","nv","push","container","listWrap","opacity","transform","translateX","length","emptyContainer","emptyIcon","empty","reverse","keyExtractor","id","contentContainerStyle","listContent","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","detailOverlay","detailWrap","detailHeader","backBtn","backIcon","backText","detailHeaderCenter","detailAction","color","detailBody","detailBodyContent","metaCard","metaItem","metaLabel","metaValue","toLocaleString","metaDivider","changes","prevState","nextState","changesCard","changesTitle","changesTags","map","changeTag","changeTagText","title","sectionWithCopy","text","label","maxHeight","initiallyExpanded","create","flex","background","position","top","left","right","bottom","padding","alignItems","justifyContent","fontSize","textLight","marginBottom","textAlign","surface","borderRadius","overflow","flexDirection","width","height","marginRight","gap","fontWeight","paddingHorizontal","paddingVertical","primary","textSecondary","borderBottomWidth","hairlineWidth","borderBottomColor","border","marginTop","paddingBottom","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/constants';
+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":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { Colors } from '../../utils/constants';
+import { copyToComputer } from '../../utils/copyToComputer';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CopyButton = ({
+  text,
+  label,
+  compact
+}) => {
+  const [feedback, setFeedback] = useState(null);
+  const handleCopy = useCallback(() => {
+    try {
+      const result = copyToComputer(text, {
+        label
+      });
+      setFeedback(result.method === 'clipboard' ? 'copied' : 'logged');
+    } catch {
+      setFeedback('logged');
+    }
+    setTimeout(() => setFeedback(null), 2000);
+  }, [text, label]);
+  if (!text) return null;
+  const feedbackLabel = feedback === 'copied' ? 'Copied' : feedback === 'logged' ? 'Logged' : null;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [s.copyBtn, compact && s.copyBtnCompact],
+    onPress: handleCopy,
+    activeOpacity: 0.7,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [s.copyBtnText, compact && s.copyBtnTextCompact],
+      children: feedbackLabel ?? 'Copy'
+    })
+  });
+};
+const s = StyleSheet.create({
+  copyBtn: {
+    backgroundColor: Colors.background,
+    paddingHorizontal: 12,
+    paddingVertical: 5,
+    borderRadius: 8,
+    alignSelf: 'flex-end'
+  },
+  copyBtnCompact: {
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  copyBtnText: {
+    fontSize: 12,
+    color: Colors.textSecondary,
+    fontWeight: '500'
+  },
+  copyBtnTextCompact: {
+    fontSize: 11
+  }
+});
+//# sourceMappingURL=CopyButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","TouchableOpacity","Text","StyleSheet","Colors","copyToComputer","jsx","_jsx","CopyButton","text","label","compact","feedback","setFeedback","handleCopy","result","method","setTimeout","feedbackLabel","style","s","copyBtn","copyBtnCompact","onPress","activeOpacity","children","copyBtnText","copyBtnTextCompact","create","backgroundColor","background","paddingHorizontal","paddingVertical","borderRadius","alignSelf","fontSize","color","textSecondary","fontWeight"],"sourceRoot":"../../../../src","sources":["components/shared/CopyButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACjE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,cAAc,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW5D,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAQ,CAAC,KAAK;EACjF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAA6B,IAAI,CAAC;EAE1E,MAAMc,UAAU,GAAGf,WAAW,CAAC,MAAM;IACnC,IAAI;MACF,MAAMgB,MAAM,GAAGV,cAAc,CAACI,IAAI,EAAE;QAAEC;MAAM,CAAC,CAAC;MAC9CG,WAAW,CAACE,MAAM,CAACC,MAAM,KAAK,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAClE,CAAC,CAAC,MAAM;MACNH,WAAW,CAAC,QAAQ,CAAC;IACvB;IACAI,UAAU,CAAC,MAAMJ,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;EAC3C,CAAC,EAAE,CAACJ,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMS,aAAa,GACjBN,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAChCA,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAChC,IAAI;EAEN,oBACEL,IAAA,CAACN,gBAAgB;IACfkB,KAAK,EAAE,CAACC,CAAC,CAACC,OAAO,EAAEV,OAAO,IAAIS,CAAC,CAACE,cAAc,CAAE;IAChDC,OAAO,EAAET,UAAW;IACpBU,aAAa,EAAE,GAAI;IAAAC,QAAA,eAEnBlB,IAAA,CAACL,IAAI;MAACiB,KAAK,EAAE,CAACC,CAAC,CAACM,WAAW,EAAEf,OAAO,IAAIS,CAAC,CAACO,kBAAkB,CAAE;MAAAF,QAAA,EAC3DP,aAAa,IAAI;IAAM,CACpB;EAAC,CACS,CAAC;AAEvB,CAAC;AAED,MAAME,CAAC,GAAGjB,UAAU,CAACyB,MAAM,CAAC;EAC1BP,OAAO,EAAE;IACPQ,eAAe,EAAEzB,MAAM,CAAC0B,UAAU;IAClCC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDZ,cAAc,EAAE;IACdS,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDN,WAAW,EAAE;IACXS,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEhC,MAAM,CAACiC,aAAa;IAC3BC,UAAU,EAAE;EACd,CAAC;EACDX,kBAAkB,EAAE;IAClBQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}