fix(example): add web script and fix benchmark crash on web

- Add `web` script to example package.json
- Add .web stub for BenchmarkDemo (placeholder on web)
- Add .web stub for frame-metrics module (no-op on web)

Author: janicduplessis

example/modules/frame-metrics/src/index.web.ts

@@ -0,0 +1,22 @@
+export type FrameMetricsResult = {
+  avgUiThreadTime: number;
+  p95UiThreadTime: number;
+  p99UiThreadTime: number;
+  avgAnimationTime?: number;
+  avgLayoutTime?: number;
+  avgDrawTime?: number;
+};
+
+export const isAndroid = false;
+
+export function startCollecting(): void {
+  // no-op on web
+}
+
+export function stopCollecting(): FrameMetricsResult {
+  return {
+    avgUiThreadTime: 0,
+    p95UiThreadTime: 0,
+    p99UiThreadTime: 0,
+  };
+}

example/package.json

@@ -7,6 +7,7 @@
     "android": "expo run:android",
     "ios": "expo run:ios",
     "start": "expo start",
+    "web": "expo start --web",
     "prebuild": "expo prebuild",
     "build:android": "expo prebuild --platform android --clean && cd android && ./gradlew assembleDebug --no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a",
     "build:ios": "expo prebuild --platform ios --clean && xcodebuild -workspace ios/EaseExample.xcworkspace -scheme EaseExample -configuration Debug -sdk iphonesimulator -arch x86_64 build"

example/src/demos/BenchmarkDemo.web.tsx

@@ -0,0 +1,22 @@
+import { View, Text, StyleSheet } from 'react-native';
+
+export function BenchmarkDemo() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>
+        Benchmark is only available on native platforms.
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 20,
+    alignItems: 'center',
+  },
+  text: {
+    color: '#8888aa',
+    fontSize: 14,
+  },
+});