chore: last expo sample for android and ios and session replay (#273)

.github/workflows/bundle-size.yml

@@ -10,4 +10,4 @@ jobs:
       - uses: actions/checkout@v4
       - uses: preactjs/compressed-size-action@v2
         with:
-          pattern: 'posthog-{web,node}/lib/**/*.js'
+          pattern: 'posthog-{web,node,react-native}/lib/**/*.js'

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 18
 
       - run: yarn install
       - run: yarn test
@@ -28,7 +28,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 18
 
       - run: yarn install
       - run: yarn build
@@ -42,10 +42,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 18
       - run: |
           yarn
-          cd examples/example-expo
+          cd examples/example-expo-latest
           yarn global add yalc
           yarn
           yarn tsc

.github/workflows/release.yml

@@ -29,11 +29,11 @@ jobs:
         with:
           path: ${{ matrix.package.name }}
 
-      - name: Set up Node 16
+      - name: Set up Node 18
         uses: actions/setup-node@v4
         if: steps.check-package-version.outputs.is-new-version == 'true'
         with:
-          node-version: 16
+          node-version: 18
           registry-url: https://registry.npmjs.org
 
       - name: Install dependencies

CONTRIBUTING.md

@@ -19,16 +19,12 @@ yarn test
 yarn test:rn
 ```
 
-### Running E2E tests with Detox
-
-See [Example Expo Readme](./examples/example-expo/README.md)
-
 ### Examples
 
 #### React Native
 
 ```sh
-cd examples/example-expo
+cd examples/example-expo-latest
 yarn && yarn start
 ```
 
@@ -45,5 +41,4 @@ Then run:
 ```sh
 cd examples/example-node
 yarn && yarn start
-# example-expo has some buttons that will talk to this server
 ```

examples/example-expo-latest/App.js → examples/example-expo-latest/App.tsx

@@ -1,29 +1,29 @@
-import React, { useState } from 'react';
-import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
-import PostHog from "posthog-react-native";
+import React, { useState } from 'react'
+import { StatusBar } from 'expo-status-bar'
+import { StyleSheet, Text, View } from 'react-native'
+import PostHog from 'posthog-react-native'
 
-export const posthog = new PostHog('phc_QFbR1y41s5sxnNTZoyKG2NJo2RlsCIWkUfdpawgb40D', {  
+export const posthog = new PostHog('phc_QFbR1y41s5sxnNTZoyKG2NJo2RlsCIWkUfdpawgb40D', {
   host: 'https://us.i.posthog.com',
   flushAt: 1,
   enableSessionReplay: true,
-  })
+})
 posthog.debug(true)
 
 export default function App() {
-  const [buttonText, setButtonText] = useState('Open up App.js to start working on your app!');
+  const [buttonText, setButtonText] = useState('Open up App.js to start working on your app!')
 
   const handleClick = () => {
-    posthog.capture('button_clicked', { name: 'example' });
-    setButtonText('button_clicked' + new Date().toISOString());
-  };
+    posthog.capture('button_clicked', { name: 'example' })
+    setButtonText('button_clicked' + new Date().toISOString())
+  }
 
   return (
     <View style={styles.container}>
       <Text onPress={handleClick}>{buttonText}</Text>
       <StatusBar style="auto" />
     </View>
-  );
+  )
 }
 
 const styles = StyleSheet.create({
@@ -33,4 +33,4 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
-});
+})

examples/example-expo-latest/package.json

@@ -3,10 +3,15 @@
   "version": "1.0.0",
   "main": "expo/AppEntry.js",
   "scripts": {
+    "preinstall": "yarn build:posthog",
+    "prestart": "yarn build:posthog",
     "start": "expo start",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "web": "expo start --web"
+    "web": "expo start --web",
+    "build:posthog": "yarn build:posthog:publish && yarn build:posthog:link",
+    "build:posthog:publish": "cd ../../posthog-react-native && yalc publish --replace",
+    "build:posthog:link": "yalc add posthog-react-native"
   },
   "dependencies": {
     "expo": "~51.0.28",
@@ -15,13 +20,15 @@
     "expo-file-system": "~17.0.1",
     "expo-localization": "~15.0.3",
     "expo-status-bar": "~1.12.1",
-    "posthog-react-native": "^3.3.0",
+    "posthog-react-native": "file:.yalc/posthog-react-native",
     "posthog-react-native-session-replay": "^0.1.1",
     "react": "18.2.0",
     "react-native": "0.74.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0"
+    "@babel/core": "^7.20.0",
+    "@types/react": "^18.3.9",
+    "typescript": "^5.6.2"
   },
   "private": true
 }

examples/example-expo-latest/tsconfig.json

@@ -1,4 +1,10 @@
 {
-  "compilerOptions": {},
+  "compilerOptions": {
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
   "extends": "expo/tsconfig.base"
 }