Updates chrome url and how object and array properties are expanded (#15)

* Update version to 0.1.1 and improve documentation

- Bumped version in package.json from 0.1.0 to 0.1.1.
- Updated Chrome Web Store link in README.md for direct access.
- Enhanced user guidance in Popup component regarding ad blockers affecting event visibility.

* Enhance PropertyRow component and update README

- Modified the initial state logic in PropertyRow to conditionally expand properties based on their type and length, improving user experience.
- Updated the Chrome Web Store link in README.md for direct access to the Analytics X-Ray extension.

* Update version to 0.1.2 in package.json

Author: agch-dev

README.md

@@ -67,7 +67,7 @@ Open to adding support for other Analytics services.
 
 ### Chrome Web Store
 
-1. Visit the [Chrome Web Store listing](https://chromewebstore.google.com/detail/nabnhcbhcecfohhaodnpoipanaaapkpi)
+1. Visit the [Chrome Web Store listing](https://chromewebstore.google.com/detail/analytics-x-ray/nabnhcbhcecfohhaodnpoipanaaapkpi)
 2. Click **"Add to Chrome"**
 3. Confirm the installation
 4. Open Chrome DevTools (F12 or Cmd+Option+I) and look for the "Analytics X-Ray" tab

package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytics-x-ray",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Analytics X-Ray is a tool that helps you analyze your analytics data.",
   "license": "MIT",
   "repository": {

src/pages/devtools/components/detail/primitives/PropertyRow/PropertyRow.tsx

@@ -33,11 +33,25 @@ export const PropertyRow = React.memo(
     onTogglePin,
     showPinButton = false,
   }: Readonly<PropertyRowProps>) {
-    const [state, setState] = useState<PropertyRowState>({
-      isExpanded: false,
-      copied: false,
-      useJsonView: false,
-      visibleChunks: new Set([0]), // First chunk visible by default
+    const [state, setState] = useState<PropertyRowState>(() => {
+      // Only expand top-level properties (depth === 0) by default
+      if (depth !== 0 || !isExpandable(value)) {
+        return {
+          isExpanded: false,
+          copied: false,
+          useJsonView: false,
+          visibleChunks: new Set([0]),
+        };
+      }
+      // For arrays, only expand if length < 50
+      // For objects, always expand (no length check)
+      const shouldExpand = Array.isArray(value) ? value.length < 50 : true;
+      return {
+        isExpanded: shouldExpand,
+        copied: false,
+        useJsonView: false,
+        visibleChunks: new Set([0]), // First chunk visible by default
+      };
     });
 
     // Helper for partial updates