Add MixpanelStarter: Modern Sample App with TypeScript & Context API (#334)

* Add MixpanelStarter sample application

Create a modern, production-ready React Native sample app that demonstrates
Mixpanel SDK integration with TypeScript, Context API, and best practices.

This sample bridges the gap between SimpleMixpanel (too basic) and
MixpanelDemo (too complex), showcasing 80% of common Mixpanel use cases.

Features:
- Context API pattern with useMixpanel hook for app-wide access
- TypeScript strict mode for type safety
- React Navigation 7 with bottom tabs (3 screens)
- 8 core SDK capabilities demonstrated:
  * User identification (identify, alias, anonymous-to-identified flow)
  * User profiles (getPeople().set, setOnce)
  * Event tracking with custom properties
  * Timed events (timeEvent for duration tracking)
  * Super properties (global context)
  * Privacy controls (optIn/Out, GDPR compliance)
  * Data management (reset for logout)
  * Manual flush

Project structure:
- src/contexts/MixpanelContext.tsx - Context provider + hook
- src/screens/ - 3 educational screens (Onboarding, Home, Settings)
- src/components/ - Reusable components (ErrorBoundary, ActionButton, InfoCard)
- src/types/ - TypeScript definitions
- src/constants/tracking.ts - Event names & property constants

Documentation:
- README.md - Comprehensive guide with quick start, patterns, Q&A
- INTEGRATION_GUIDE.md - Step-by-step integration checklist
- CLAUDE.md - AI assistant context for development

Technical details:
- React Native 0.82.1 with React 19.1.1
- Metro config optimized for parent package symlink resolution
- iOS code signing disabled for simulator-only use
- All dependencies properly configured
- Tests passing (MixpanelContext unit tests)
- TypeScript compilation successful with strict mode

* bump test_android runner to macos-latest

* Fix Android emulator boot timeout in CI workflow (#335)

* Initial plan

* Fix Android emulator boot timeout with increased timeout and proper configuration

Co-authored-by: jaredmixpanel <10504508+jaredmixpanel@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jaredmixpanel <10504508+jaredmixpanel@users.noreply.github.com>

* change arch in test_arndroid to match runner

* change arch in test_arndroid to match runner

* use ubuntu for android test

---------

Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jaredmixpanel <10504508+jaredmixpanel@users.noreply.github.com>

Author: jaredmixpanel

.github/workflows/node.js.yml

@@ -27,7 +27,7 @@ jobs:
       - run: npm test
 
   test_android:
-    runs-on: macos-13
+    runs-on: ubuntu-latest
     strategy:
       matrix:
         node-version: [18.x]
@@ -50,10 +50,16 @@ jobs:
       - name: Test Integration - Install dependencies
         working-directory: ./Samples/SimpleMixpanel
         run: yarn install
+      - name: Enable KVM
+        run: |
+          echo 'KERNEL=="kvm", GROUP="kvm", MODE="0666", OPTIONS+="static_node=kvm"' | sudo tee /etc/udev/rules.d/99-kvm4all.rules
+          sudo udevadm control --reload-rules
+          sudo udevadm trigger --name-match=kvm
       - name: Setup Android
         uses: reactivecircus/android-emulator-runner@v2.32.0
         with:
           api-level: 34
+          target: google_apis
           profile: Nexus 5X
           arch: x86_64
           working-directory: ./Samples/SimpleMixpanel/android
@@ -62,6 +68,7 @@ jobs:
         uses: reactivecircus/android-emulator-runner@v2.32.0
         with:
           api-level: 34
+          target: google_apis
           profile: Nexus 5X
           arch: x86_64
           working-directory: ./Samples/SimpleMixpanel

Samples/MixpanelStarter/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

Samples/MixpanelStarter/.env.example

@@ -0,0 +1,4 @@
+# Mixpanel Configuration
+# Get your token from: https://mixpanel.com/project/YOUR_PROJECT_ID/settings#project
+
+MIXPANEL_TOKEN="YOUR_MIXPANEL_PROJECT_TOKEN"

Samples/MixpanelStarter/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

Samples/MixpanelStarter/.gitignore

@@ -0,0 +1,75 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

Samples/MixpanelStarter/.prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+};

Samples/MixpanelStarter/.watchmanconfig

@@ -0,0 +1 @@
+{}

Samples/MixpanelStarter/App.tsx

@@ -0,0 +1,10 @@
+/**
+ * MixpanelStarter - Sample React Native App
+ * Demonstrates Mixpanel SDK integration with modern patterns
+ *
+ * @format
+ */
+
+import App from './src/App';
+
+export default App;