feat(sample): Add collapsible sections for device data display

Display device data in expandable/collapsible sections instead of raw JSON.
Uses reflection to dynamically iterate over DeviceData properties, so new
fields are automatically included without code changes.

Changes:
- Add collapsible section UI with tap to expand/collapse
- Show summary at top, detailed JSON in collapsible sections below
- Add kotlin-reflect dependency for dynamic property iteration
- All sections collapsed by default

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: oschwald

gradle/libs.versions.toml

@@ -42,6 +42,7 @@ material = "1.12.0"
 [libraries]
 # Kotlin
 kotlin-stdlib = { module = "org.jetbrains.kotlin:kotlin-stdlib", version.ref = "kotlin" }
+kotlin-reflect = { module = "org.jetbrains.kotlin:kotlin-reflect", version.ref = "kotlin" }
 kotlinx-coroutines-core = { module = "org.jetbrains.kotlinx:kotlinx-coroutines-core", version.ref = "coroutines" }
 kotlinx-coroutines-android = { module = "org.jetbrains.kotlinx:kotlinx-coroutines-android", version.ref = "coroutines" }
 kotlinx-serialization-json = { module = "org.jetbrains.kotlinx:kotlinx-serialization-json", version.ref = "serialization" }

sample/build.gradle.kts

@@ -1,18 +1,28 @@
 plugins {
     alias(libs.plugins.android.application)
     alias(libs.plugins.kotlin.android)
+    alias(libs.plugins.kotlin.serialization)
     alias(libs.plugins.detekt)
     alias(libs.plugins.ktlint)
 }
 
 android {
     namespace = "com.maxmind.device.sample"
-    compileSdk = libs.versions.compileSdk.get().toInt()
+    compileSdk =
+        libs.versions.compileSdk
+            .get()
+            .toInt()
 
     defaultConfig {
         applicationId = "com.maxmind.device.sample"
-        minSdk = libs.versions.minSdk.get().toInt()
-        targetSdk = libs.versions.targetSdk.get().toInt()
+        minSdk =
+            libs.versions.minSdk
+                .get()
+                .toInt()
+        targetSdk =
+            libs.versions.targetSdk
+                .get()
+                .toInt()
         versionCode = 1
         versionName = "1.0"
 
@@ -24,7 +34,7 @@ android {
             isMinifyEnabled = true
             proguardFiles(
                 getDefaultProguardFile("proguard-android-optimize.txt"),
-                "proguard-rules.pro"
+                "proguard-rules.pro",
             )
         }
         debug {
@@ -52,8 +62,10 @@ dependencies {
 
     // Kotlin
     implementation(libs.kotlin.stdlib)
+    implementation(libs.kotlin.reflect)
     implementation(libs.kotlinx.coroutines.core)
     implementation(libs.kotlinx.coroutines.android)
+    implementation(libs.kotlinx.serialization.json)
 
     // AndroidX
     implementation(libs.androidx.core.ktx)

sample/src/main/java/com/maxmind/device/sample/MainActivity.kt

@@ -1,14 +1,23 @@
 package com.maxmind.device.sample
 
+import android.graphics.Typeface
 import android.os.Bundle
 import android.util.Log
+import android.util.TypedValue
+import android.view.View
+import android.widget.LinearLayout
+import android.widget.TextView
 import androidx.appcompat.app.AppCompatActivity
 import androidx.lifecycle.lifecycleScope
 import com.google.android.material.snackbar.Snackbar
 import com.maxmind.device.DeviceTracker
 import com.maxmind.device.config.SdkConfig
 import com.maxmind.device.sample.databinding.ActivityMainBinding
 import kotlinx.coroutines.launch
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+import kotlinx.serialization.serializer
+import kotlin.reflect.full.memberProperties
 
 /**
  * Main activity demonstrating the MaxMind Device Tracker usage.
@@ -17,6 +26,7 @@ class MainActivity : AppCompatActivity() {
 
     private lateinit var binding: ActivityMainBinding
     private var logText = StringBuilder()
+    private val json = Json { prettyPrint = true }
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -92,6 +102,25 @@ class MainActivity : AppCompatActivity() {
             appendLog("  SDK Version: ${deviceData.build.sdkVersion}")
             appendLog("  Screen: ${deviceData.display.widthPixels}x${deviceData.display.heightPixels} (${deviceData.display.densityDpi}dpi)")
             appendLog("  Timestamp: ${deviceData.deviceTime}")
+            appendLog("")
+
+            // Dynamically add collapsible sections for each property
+            deviceData::class.memberProperties.forEach { prop ->
+                val value = prop.getter.call(deviceData)
+                if (value != null) {
+                    val content = try {
+                        json.encodeToString(serializer(prop.returnType), value)
+                    } catch (e: Exception) {
+                        value.toString()
+                    }
+                    addCollapsibleSection(prop.name, content)
+                }
+            }
+
+            // Scroll to top to show summary first
+            binding.scrollView.post {
+                binding.scrollView.fullScroll(android.view.View.FOCUS_UP)
+            }
 
             showMessage("Device data collected")
         } catch (e: Exception) {
@@ -102,6 +131,46 @@ class MainActivity : AppCompatActivity() {
         }
     }
 
+    private fun addCollapsibleSection(title: String, content: String) {
+        val header = TextView(this).apply {
+            text = "▶ $title"
+            setTypeface(typeface, Typeface.BOLD)
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 14f)
+            setPadding(0, dpToPx(12), 0, dpToPx(4))
+            setTextColor(getColor(R.color.section_header))
+        }
+
+        val contentView = TextView(this).apply {
+            text = content
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 12f)
+            typeface = Typeface.MONOSPACE
+            setPadding(dpToPx(16), dpToPx(4), 0, dpToPx(12))
+            setTextColor(getColor(R.color.section_content))
+            setBackgroundColor(getColor(R.color.surface))
+            visibility = View.GONE
+        }
+
+        header.setOnClickListener {
+            if (contentView.visibility == View.GONE) {
+                contentView.visibility = View.VISIBLE
+                header.text = "▼ $title"
+            } else {
+                contentView.visibility = View.GONE
+                header.text = "▶ $title"
+            }
+        }
+
+        binding.logContainer.addView(header)
+        binding.logContainer.addView(contentView)
+    }
+
+    private fun dpToPx(dp: Int): Int =
+        TypedValue.applyDimension(
+            TypedValue.COMPLEX_UNIT_DIP,
+            dp.toFloat(),
+            resources.displayMetrics
+        ).toInt()
+
     private fun sendDeviceData() {
         try {
             val sdk = DeviceTracker.getInstance()
@@ -143,6 +212,11 @@ class MainActivity : AppCompatActivity() {
     private fun clearLog() {
         logText.clear()
         binding.tvLog.text = ""
+        // Remove all views except the tvLog TextView
+        val childCount = binding.logContainer.childCount
+        if (childCount > 1) {
+            binding.logContainer.removeViews(1, childCount - 1)
+        }
         appendLog("Log cleared.")
     }
 

sample/src/main/res/layout/activity_main.xml

@@ -115,15 +115,23 @@
                     android:clipToPadding="false"
                     android:fillViewport="true">
 
-                    <TextView
-                        android:id="@+id/tvLog"
+                    <LinearLayout
+                        android:id="@+id/logContainer"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
-                        android:fontFamily="monospace"
-                        android:textSize="12sp"
-                        android:textIsSelectable="true"
-                        tools:text="Log output will appear here..." />
+                        android:orientation="vertical">
+
+                        <TextView
+                            android:id="@+id/tvLog"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
+                            android:fontFamily="monospace"
+                            android:textSize="12sp"
+                            android:textIsSelectable="true"
+                            tools:text="Log output will appear here..." />
+
+                    </LinearLayout>
 
                 </ScrollView>