From 97c9d992a32fc7da6b0af0049f2b7db654b8715a Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 10:47:09 -0400
Subject: [PATCH 01/11] Init package.json

---
 package-lock.json                             |  9 +++++++
 .../package.json                              | 24 +++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 packages/react-native-benchmarking-library/package.json

diff --git a/package-lock.json b/package-lock.json
index e5be8be..7754469 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15586,6 +15586,10 @@
         }
       }
     },
+    "node_modules/react-native-benchmarking-library": {
+      "resolved": "packages/react-native-benchmarking-library",
+      "link": true
+    },
     "node_modules/react-native-get-random-values": {
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/react-native-get-random-values/-/react-native-get-random-values-1.11.0.tgz",
@@ -19093,6 +19097,11 @@
     "packages/perf_hooks": {
       "version": "0.0.1"
     },
+    "packages/react-native-benchmarking-library": {
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {}
+    },
     "packages/react-native-release-profiler": {
       "version": "0.0.1"
     }
diff --git a/packages/react-native-benchmarking-library/package.json b/packages/react-native-benchmarking-library/package.json
new file mode 100644
index 0000000..f88d29a
--- /dev/null
+++ b/packages/react-native-benchmarking-library/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "react-native-benchmarking-library",
+  "version": "1.0.0",
+  "description": "Benchmarking utilities for React Native libraries and applications",
+  "main": "index.js",
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rebeckerspecialties/benchmarking-test-app.git"
+  },
+  "keywords": [
+    "Benchmarking",
+    "React",
+    "Native"
+  ],
+  "author": "",
+  "bugs": {
+    "url": "https://github.com/rebeckerspecialties/benchmarking-test-app/issues"
+  },
+  "homepage": "https://github.com/rebeckerspecialties/benchmarking-test-app#readme"
+}

From 825464c83891b7ca8af7355c74781aa4fe3624f2 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 10:58:05 -0400
Subject: [PATCH 02/11] Update setup

---
 package.json                                  |  3 +-
 .../example/App.js                            |  1 +
 .../example/babel.config.js                   | 16 ++++++++++
 .../example/metro.config.js                   | 18 +++++++++++
 .../example/tsconfig.json                     |  6 ++++
 .../package.json                              | 31 ++++++-------------
 .../src/index.tsx                             |  3 ++
 7 files changed, 56 insertions(+), 22 deletions(-)
 create mode 100644 packages/react-native-benchmarking-library/example/App.js
 create mode 100644 packages/react-native-benchmarking-library/example/babel.config.js
 create mode 100644 packages/react-native-benchmarking-library/example/metro.config.js
 create mode 100644 packages/react-native-benchmarking-library/example/tsconfig.json
 create mode 100644 packages/react-native-benchmarking-library/src/index.tsx

diff --git a/package.json b/package.json
index 4748073..00a6c94 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
     "react-native": "^0.75.0",
     "react-native-permissions": "^3.10.1",
     "react-native-wgpu": "^0.1.8",
-    "three": "^0.168.0"
+    "three": "^0.168.0",
+    "react-native-benchmarking-library": "file:./packages/react-native-benchmarking-library"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
diff --git a/packages/react-native-benchmarking-library/example/App.js b/packages/react-native-benchmarking-library/example/App.js
new file mode 100644
index 0000000..834a527
--- /dev/null
+++ b/packages/react-native-benchmarking-library/example/App.js
@@ -0,0 +1 @@
+export { default } from './src/App';
diff --git a/packages/react-native-benchmarking-library/example/babel.config.js b/packages/react-native-benchmarking-library/example/babel.config.js
new file mode 100644
index 0000000..7a437af
--- /dev/null
+++ b/packages/react-native-benchmarking-library/example/babel.config.js
@@ -0,0 +1,16 @@
+const path = require('path');
+const { getConfig } = require('react-native-builder-bob/babel-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+module.exports = function (api) {
+  api.cache(true);
+
+  return getConfig(
+    {
+      presets: ['babel-preset-expo'],
+    },
+    { root, pkg }
+  );
+};
diff --git a/packages/react-native-benchmarking-library/example/metro.config.js b/packages/react-native-benchmarking-library/example/metro.config.js
new file mode 100644
index 0000000..ccb291e
--- /dev/null
+++ b/packages/react-native-benchmarking-library/example/metro.config.js
@@ -0,0 +1,18 @@
+const path = require('path');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+module.exports = getConfig(getDefaultConfig(__dirname), {
+  root,
+  pkg,
+  project: __dirname,
+});
diff --git a/packages/react-native-benchmarking-library/example/tsconfig.json b/packages/react-native-benchmarking-library/example/tsconfig.json
new file mode 100644
index 0000000..facc3ec
--- /dev/null
+++ b/packages/react-native-benchmarking-library/example/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    // Avoid expo-cli auto-generating a tsconfig
+  }
+}
diff --git a/packages/react-native-benchmarking-library/package.json b/packages/react-native-benchmarking-library/package.json
index f88d29a..dae06d7 100644
--- a/packages/react-native-benchmarking-library/package.json
+++ b/packages/react-native-benchmarking-library/package.json
@@ -1,24 +1,13 @@
 {
   "name": "react-native-benchmarking-library",
-  "version": "1.0.0",
-  "description": "Benchmarking utilities for React Native libraries and applications",
-  "main": "index.js",
-  "devDependencies": {},
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/rebeckerspecialties/benchmarking-test-app.git"
-  },
-  "keywords": [
-    "Benchmarking",
-    "React",
-    "Native"
-  ],
-  "author": "",
-  "bugs": {
-    "url": "https://github.com/rebeckerspecialties/benchmarking-test-app/issues"
-  },
-  "homepage": "https://github.com/rebeckerspecialties/benchmarking-test-app#readme"
+  "version": "0.0.0",
+  "description": "Utilities for benchmarking JavaScript libraries in React Native applications",
+  "main": "src/index",
+  "author": " <> ()",
+  "license": "UNLICENSED",
+  "homepage": "#readme",
+  "create-react-native-library": {
+    "type": "library",
+    "version": "0.42.2"
+  }
 }
diff --git a/packages/react-native-benchmarking-library/src/index.tsx b/packages/react-native-benchmarking-library/src/index.tsx
new file mode 100644
index 0000000..9e42cf3
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/index.tsx
@@ -0,0 +1,3 @@
+export function multiply(a: number, b: number): Promise<number> {
+  return Promise.resolve(a * b);
+}

From cfe5dad51ae14acff686a794e4eeb4f1813798d1 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 11:14:29 -0400
Subject: [PATCH 03/11] Move files to library

---
 .../src/Benchmark.tsx                         | 60 ++++++++++++++++
 .../src/GraphicsBenchmark.tsx                 | 68 +++++++++++++++++++
 .../src/JavaScriptEngineVersion.tsx           | 11 +++
 .../src/WebGpuBenchmark.tsx                   | 68 +++++++++++++++++++
 .../src/index.tsx                             |  7 +-
 .../src/types.ts                              |  3 +
 .../tsconfig.json                             | 12 ++++
 7 files changed, 226 insertions(+), 3 deletions(-)
 create mode 100644 packages/react-native-benchmarking-library/src/Benchmark.tsx
 create mode 100644 packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
 create mode 100644 packages/react-native-benchmarking-library/src/JavaScriptEngineVersion.tsx
 create mode 100644 packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
 create mode 100644 packages/react-native-benchmarking-library/src/types.ts
 create mode 100644 packages/react-native-benchmarking-library/tsconfig.json

diff --git a/packages/react-native-benchmarking-library/src/Benchmark.tsx b/packages/react-native-benchmarking-library/src/Benchmark.tsx
new file mode 100644
index 0000000..e6a31c4
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/Benchmark.tsx
@@ -0,0 +1,60 @@
+import { useCallback, useState } from "react";
+import { Button, Text } from "react-native";
+import { startProfiling, stopProfiling } from "react-native-release-profiler";
+
+export interface BenchmarkProps {
+  name: string;
+  run: () => Promise<void>;
+  flamegraphEnabled: boolean;
+}
+
+export const Benchmark: React.FC<BenchmarkProps> = ({
+  name,
+  run,
+  flamegraphEnabled,
+}) => {
+  const [benchmarkRunTime, setBenchmarkRunTime] = useState<number | null>(null);
+  const [error, setError] = useState<Error>();
+  const [running, setRunning] = useState(false);
+  const [profileLocation, setProfileLocation] = useState("");
+
+  const onBeginBenchmark = useCallback(async () => {
+    setRunning(true);
+    if (flamegraphEnabled) startProfiling();
+    const startTime = Date.now();
+    await run().catch((err) => {
+      setError(err);
+    });
+    const timeDelta = Date.now() - startTime;
+
+    if (flamegraphEnabled) {
+      const profileLocation = await stopProfiling().catch((err) => {
+        return `${err}`;
+      });
+      setProfileLocation(profileLocation);
+      console.log(profileLocation);
+    }
+    setRunning(false);
+    setBenchmarkRunTime(timeDelta);
+  }, [run, flamegraphEnabled]);
+
+  if (error) {
+    return <Text>{`${error}`}</Text>;
+  }
+
+  if (running) {
+    return <Text>Running benchmark, please wait</Text>;
+  }
+
+  if (benchmarkRunTime) {
+    const completedLabel = `${name}Completed`;
+    return (
+      <>
+        <Text testID={completedLabel}>{benchmarkRunTime}</Text>
+        <Text testID="profileLocation">{profileLocation}</Text>
+      </>
+    );
+  }
+
+  return <Button title={name} testID={name} onPress={onBeginBenchmark} />;
+};
diff --git a/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx b/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
new file mode 100644
index 0000000..c37f7b5
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
@@ -0,0 +1,68 @@
+import { useCallback, useState } from "react";
+import { Button, Text } from "react-native";
+import { CanvasContext } from "./types";
+import { WebGpuBenchmark } from "./WebGpuBenchmark";
+
+enum BenchmarkState {
+  NOT_STARTED,
+  RUNNING,
+  COMPLETE,
+}
+
+export const GraphicsBenchmark: React.FC<{
+  name: string;
+  run: (
+    context: CanvasContext,
+    device: GPUDevice,
+    canvas: HTMLCanvasElement,
+    requestAnimationFrame: (callback: (time: number) => void) => number
+  ) => Promise<void>;
+}> = ({ run, name }) => {
+  const [benchmarkState, setBenchmarkState] = useState(
+    BenchmarkState.NOT_STARTED
+  );
+  const [benchmarkRunTime, setRunTime] = useState<number>();
+  const onComplete = useCallback((startTime: number) => {
+    const runTime = Date.now() - startTime;
+    setRunTime(runTime);
+    setBenchmarkState(BenchmarkState.COMPLETE);
+  }, []);
+
+  const [err, setError] = useState<Error>();
+
+  const onError = useCallback((err: Error) => {
+    setError(err);
+  }, []);
+
+  if (err) {
+    return (
+      <>
+        <Text>{err.message}</Text>
+      </>
+    );
+  }
+
+  if (benchmarkState === BenchmarkState.COMPLETE && benchmarkRunTime) {
+    const completedLabel = `${name}Completed`;
+    return (
+      <>
+        <Text testID={completedLabel}>{benchmarkRunTime}</Text>
+      </>
+    );
+  }
+
+  if (benchmarkState === BenchmarkState.NOT_STARTED) {
+    return (
+      <Button
+        title={name}
+        onPress={() => {
+          setBenchmarkState(BenchmarkState.RUNNING);
+        }}
+      />
+    );
+  }
+
+  return (
+    <WebGpuBenchmark run={run} onComplete={onComplete} onError={onError} />
+  );
+};
diff --git a/packages/react-native-benchmarking-library/src/JavaScriptEngineVersion.tsx b/packages/react-native-benchmarking-library/src/JavaScriptEngineVersion.tsx
new file mode 100644
index 0000000..9e52d7f
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/JavaScriptEngineVersion.tsx
@@ -0,0 +1,11 @@
+import { Text } from "react-native";
+
+export const JavaScriptEngineVersion: React.FC = () => {
+  if (isHermes()) {
+    return <Text testID="EngineVersion">Using Hermes</Text>;
+  }
+  return <Text testID="EngineVersion">Using JavaScriptCore</Text>;
+};
+
+const isHermes = () =>
+  !!(global as unknown as { HermesInternal: null | object }).HermesInternal;
diff --git a/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx b/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
new file mode 100644
index 0000000..8bba502
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
@@ -0,0 +1,68 @@
+import { StyleSheet, View, PixelRatio } from "react-native";
+import { Canvas, useCanvasEffect } from "react-native-wgpu";
+import { CanvasContext } from "./types";
+
+export const WebGpuBenchmark: React.FC<{
+  onComplete: (startTime: number) => void;
+  onError: (err: Error) => void;
+  run: (
+    context: CanvasContext,
+    device: GPUDevice,
+    canvas: HTMLCanvasElement,
+    requestAnimationFrame: (callback: (time: number) => void) => number
+  ) => Promise<void>;
+}> = ({ onComplete, run, onError }) => {
+  const ref = useCanvasEffect(async () => {
+    const startTime = Date.now();
+    const adapter = await navigator.gpu.requestAdapter();
+    if (!adapter) {
+      throw new Error("No adapter");
+    }
+
+    const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+    const requiredFeatures: GPUFeatureName[] =
+      presentationFormat === "bgra8unorm" ? ["bgra8unorm-storage"] : [];
+
+    const device = await adapter.requestDevice({
+      requiredFeatures,
+    });
+
+    const context = ref.current!.getContext("webgpu")!;
+    const canvas = context.canvas as HTMLCanvasElement;
+    canvas.width = canvas.clientWidth * PixelRatio.get();
+    canvas.height = canvas.clientHeight * PixelRatio.get();
+
+    if (!context) {
+      throw new Error("No context");
+    }
+
+    context.configure({
+      device,
+      format: presentationFormat,
+      usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC,
+      alphaMode: "opaque",
+    });
+
+    try {
+      await run(context, device, canvas, requestAnimationFrame);
+      onComplete(startTime);
+    } catch (err) {
+      onError(new Error(`Test failed with error: ${err}`));
+    }
+  });
+
+  return (
+    <View style={style.container}>
+      <Canvas ref={ref} style={style.webgpu} />
+    </View>
+  );
+};
+
+const style = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  webgpu: {
+    flex: 1,
+  },
+});
diff --git a/packages/react-native-benchmarking-library/src/index.tsx b/packages/react-native-benchmarking-library/src/index.tsx
index 9e42cf3..828d052 100644
--- a/packages/react-native-benchmarking-library/src/index.tsx
+++ b/packages/react-native-benchmarking-library/src/index.tsx
@@ -1,3 +1,4 @@
-export function multiply(a: number, b: number): Promise<number> {
-  return Promise.resolve(a * b);
-}
+export * from "./Benchmark";
+export * from "./GraphicsBenchmark";
+export * from "./WebGpuBenchmark";
+export * from "./JavaScriptEngineVersion";
diff --git a/packages/react-native-benchmarking-library/src/types.ts b/packages/react-native-benchmarking-library/src/types.ts
new file mode 100644
index 0000000..5e77096
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/types.ts
@@ -0,0 +1,3 @@
+export type CanvasContext = GPUCanvasContext & {
+  present: () => void;
+};
diff --git a/packages/react-native-benchmarking-library/tsconfig.json b/packages/react-native-benchmarking-library/tsconfig.json
new file mode 100644
index 0000000..17f7021
--- /dev/null
+++ b/packages/react-native-benchmarking-library/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": ["eslint-config-react-native-wcandillon/tsconfig.base"],
+  "compilerOptions": {
+    "noUncheckedIndexedAccess": false,
+    "paths": {
+      "react-native-wgpu": ["../../packages/webgpu/src/index"],
+      "three": ["../../node_modules/@types/three/src/Three.WebGPU.d.ts"]
+    },
+    "types": ["@webgpu/types"]
+  },
+  "exclude": ["node_modules/", "dist/"]
+}

From 062059780d60470a7ecf51663ba8056ae7265a01 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 11:24:02 -0400
Subject: [PATCH 04/11] Create Benchmark Harness

---
 .../src/BenchmarkHarness.tsx                  | 68 +++++++++++++++++++
 .../src/index.tsx                             |  1 +
 2 files changed, 69 insertions(+)
 create mode 100644 packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx

diff --git a/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
new file mode 100644
index 0000000..4e294ce
--- /dev/null
+++ b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
@@ -0,0 +1,68 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * Generated with the TypeScript template
+ * https://github.com/react-native-community/react-native-template-typescript
+ *
+ * @format
+ */
+
+import { useCallback, useState } from "react";
+
+import { Button, SafeAreaView, StatusBar } from "react-native";
+import { Benchmark } from "./Benchmark";
+import { JavaScriptEngineVersion } from "./JavaScriptEngineVersion";
+import { GraphicsBenchmark } from "./GraphicsBenchmark";
+
+interface BenchmarkDescriptor {
+  benchmarkType: "headless" | "graphics";
+  title: string;
+  benchmarkFn: () => Promise<void>;
+}
+
+export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
+  items,
+}) => {
+  const [flamegraphEnabled, setFlamegraphEnabled] = useState(false);
+
+  const toggleFlamegraph = useCallback(() => {
+    setFlamegraphEnabled((enabled) => !enabled);
+  }, []);
+
+  const toggleFlamegraphTitle = flamegraphEnabled
+    ? "Disable Flamegraph"
+    : "Enable Flamegraph";
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView
+        style={{ flex: 1, backgroundColor: "white" }}
+        accessibilityLabel="benchmarkSafeArea"
+      >
+        <JavaScriptEngineVersion />
+        <Button
+          testID="toggleFlamegraph"
+          title={toggleFlamegraphTitle}
+          onPress={toggleFlamegraph}
+        />
+        {items.map(({ benchmarkType, title, benchmarkFn }) => {
+          switch (benchmarkType) {
+            case "graphics":
+              return <GraphicsBenchmark run={benchmarkFn} name={title} />;
+            case "headless":
+            default:
+              return (
+                <Benchmark
+                  flamegraphEnabled={flamegraphEnabled}
+                  name={title}
+                  run={benchmarkFn}
+                />
+              );
+          }
+        })}
+      </SafeAreaView>
+    </>
+  );
+};
diff --git a/packages/react-native-benchmarking-library/src/index.tsx b/packages/react-native-benchmarking-library/src/index.tsx
index 828d052..15c3d9e 100644
--- a/packages/react-native-benchmarking-library/src/index.tsx
+++ b/packages/react-native-benchmarking-library/src/index.tsx
@@ -2,3 +2,4 @@ export * from "./Benchmark";
 export * from "./GraphicsBenchmark";
 export * from "./WebGpuBenchmark";
 export * from "./JavaScriptEngineVersion";
+export * from "./BenchmarkHarness";

From a9779d7b9cde72a8d4d8d1fe739a4f3817af25ea Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 11:33:52 -0400
Subject: [PATCH 05/11] Add packages

---
 package-lock.json                             | 2032 +++++++++--------
 .../package.json                              |    6 +
 .../src/BenchmarkHarness.tsx                  |    9 +-
 3 files changed, 1050 insertions(+), 997 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7754469..b43c982 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "bitecs": "^0.3.40",
         "react": "18.2.0",
         "react-native": "^0.75.0",
+        "react-native-benchmarking-library": "file:./packages/react-native-benchmarking-library",
         "react-native-permissions": "^3.10.1",
         "react-native-wgpu": "^0.1.8",
         "three": "^0.168.0"
@@ -179,10 +180,12 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.0.tgz",
+      "integrity": "sha512-INCKxTtbXtcNbUZ3YXutwMpEleqttcswhAdee7dhuoVrD2cnuc3PqtERBtxkX5nziX9vnBL8WXmSGwv8CuPV6g==",
       "dependencies": {
-        "@babel/highlight": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -190,8 +193,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.25.2",
-      "license": "MIT",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.0.tgz",
+      "integrity": "sha512-qETICbZSLe7uXv9VE8T/RWOdIE5qqyTucOt4zLYMafj2MRO271VGgLd4RACJMeBO37UPWhXiKMBk7YlJ0fOzQA==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -242,23 +246,26 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.0.tgz",
+      "integrity": "sha512-/AIkAmInnWwgEAJGQr9vY0c66Mj6kjkE2ZPB1PurTRaRAh3U+J45sAQMjQDJdh4WbR3l0x5xkimXBKyBXXAu2w==",
       "dependencies": {
-        "@babel/types": "^7.25.0",
+        "@babel/parser": "^7.26.0",
+        "@babel/types": "^7.26.0",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -276,12 +283,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.25.2",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
       "dependencies": {
-        "@babel/compat-data": "^7.25.2",
-        "@babel/helper-validator-option": "^7.24.8",
-        "browserslist": "^4.23.1",
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -290,15 +298,16 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.25.0",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-member-expression-to-functions": "^7.24.8",
-        "@babel/helper-optimise-call-expression": "^7.24.7",
-        "@babel/helper-replace-supers": "^7.25.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
-        "@babel/traverse": "^7.25.0",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -351,11 +360,12 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.24.8",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
+      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
       "dependencies": {
-        "@babel/traverse": "^7.24.8",
-        "@babel/types": "^7.24.8"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -389,29 +399,32 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
+      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.8",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-wrap-function": "^7.25.0",
-        "@babel/traverse": "^7.25.0"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -421,12 +434,13 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
+      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
       "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.24.8",
-        "@babel/helper-optimise-call-expression": "^7.24.7",
-        "@babel/traverse": "^7.25.0"
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -447,44 +461,49 @@
       }
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
+      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.8",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.8",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
       "dependencies": {
-        "@babel/template": "^7.25.0",
-        "@babel/traverse": "^7.25.0",
-        "@babel/types": "^7.25.0"
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -501,24 +520,12 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/parser": {
-      "version": "7.25.3",
-      "license": "MIT",
+      "version": "7.26.1",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.1.tgz",
+      "integrity": "sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==",
       "dependencies": {
-        "@babel/types": "^7.25.2"
+        "@babel/types": "^7.26.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -748,7 +755,6 @@
     },
     "node_modules/@babel/plugin-syntax-bigint": {
       "version": "7.8.3",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -1012,13 +1018,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.8",
-        "@babel/helper-remap-async-to-generator": "^7.25.0",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/traverse": "^7.25.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1069,11 +1075,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.24.7",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1098,14 +1105,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.25.0",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-compilation-targets": "^7.24.8",
-        "@babel/helper-plugin-utils": "^7.24.8",
-        "@babel/helper-replace-supers": "^7.25.0",
-        "@babel/traverse": "^7.25.0",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -1996,26 +2004,46 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.25.0",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.25.0",
-        "@babel/types": "^7.25.0"
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.3",
-      "license": "MIT",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "dependencies": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse--for-generate-function-map": {
+      "name": "@babel/traverse",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.0",
-        "@babel/parser": "^7.25.3",
-        "@babel/template": "^7.25.0",
-        "@babel/types": "^7.25.2",
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2024,12 +2052,12 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.25.2",
-      "license": "MIT",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.8",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2186,13 +2214,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@callstack/react-native-visionos/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@callstack/react-native-visionos/node_modules/react-devtools-core": {
       "version": "5.3.1",
       "license": "MIT",
@@ -2234,16 +2255,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@callstack/react-native-visionos/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "dev": true,
@@ -2648,7 +2659,6 @@
     },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "camelcase": "^5.3.1",
@@ -2663,7 +2673,6 @@
     },
     "node_modules/@istanbuljs/schema": {
       "version": "0.1.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -2730,25 +2739,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@jest/console/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/console/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/core": {
       "version": "29.7.0",
       "dev": true,
@@ -2840,14 +2830,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@jest/core/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/core/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -2888,17 +2870,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/@jest/core/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/create-cache-key-function": {
       "version": "29.7.0",
       "license": "MIT",
@@ -3063,14 +3034,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@jest/reporters/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/reporters/node_modules/istanbul-lib-instrument": {
       "version": "6.0.3",
       "dev": true,
@@ -3108,17 +3071,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/@jest/reporters/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/schemas": {
       "version": "29.6.3",
       "license": "MIT",
@@ -3180,7 +3132,6 @@
     },
     "node_modules/@jest/transform": {
       "version": "29.7.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.11.6",
@@ -3205,7 +3156,6 @@
     },
     "node_modules/@jest/transform/node_modules/ansi-styles": {
       "version": "4.3.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -3219,7 +3169,6 @@
     },
     "node_modules/@jest/transform/node_modules/chalk": {
       "version": "4.1.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
@@ -3234,7 +3183,6 @@
     },
     "node_modules/@jest/transform/node_modules/color-convert": {
       "version": "2.0.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -3245,28 +3193,8 @@
     },
     "node_modules/@jest/transform/node_modules/color-name": {
       "version": "1.1.4",
-      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@jest/transform/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/types": {
       "version": "29.6.3",
       "license": "MIT",
@@ -3323,23 +3251,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@jest/types/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/types/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "license": "MIT",
@@ -3557,23 +3468,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@react-native-community/cli-clean/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@react-native-community/cli-clean/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-config": {
       "version": "14.0.0",
       "license": "MIT",
@@ -3655,13 +3549,6 @@
         }
       }
     },
-    "node_modules/@react-native-community/cli-config/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-config/node_modules/import-fresh": {
       "version": "3.3.0",
       "license": "MIT",
@@ -3709,16 +3596,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/@react-native-community/cli-config/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-debugger-ui": {
       "version": "14.0.0",
       "license": "MIT",
@@ -3789,13 +3666,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@react-native-community/cli-doctor/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-doctor/node_modules/semver": {
       "version": "7.6.3",
       "license": "ISC",
@@ -3806,16 +3676,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@react-native-community/cli-doctor/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-hermes": {
       "version": "12.3.6",
       "resolved": "https://registry.npmjs.org/@react-native-community/cli-hermes/-/cli-hermes-12.3.6.tgz",
@@ -3949,22 +3809,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@react-native-community/cli-hermes/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@react-native-community/cli-hermes/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+    "node_modules/@react-native-community/cli-hermes/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -4012,21 +3860,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@react-native-community/cli-hermes/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-platform-android": {
       "version": "14.0.0",
       "license": "MIT",
@@ -4080,23 +3913,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@react-native-community/cli-platform-android/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@react-native-community/cli-platform-android/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-platform-apple": {
       "version": "14.0.0",
       "license": "MIT",
@@ -4150,23 +3966,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/@react-native-community/cli-platform-apple/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@react-native-community/cli-platform-apple/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-platform-ios": {
       "version": "14.0.0",
       "license": "MIT",
@@ -4267,13 +4066,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@react-native-community/cli-tools/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-tools/node_modules/locate-path": {
       "version": "6.0.0",
       "license": "MIT",
@@ -4310,16 +4102,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@react-native-community/cli-tools/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli-types": {
       "version": "14.0.0",
       "license": "MIT",
@@ -4382,13 +4164,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@react-native-community/cli/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/cli/node_modules/locate-path": {
       "version": "6.0.0",
       "license": "MIT",
@@ -4425,16 +4200,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@react-native-community/cli/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native-community/eslint-config": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@react-native-community/eslint-config/-/eslint-config-3.2.0.tgz",
@@ -4952,13 +4717,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@react-native/community-cli-plugin/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native/community-cli-plugin/node_modules/locate-path": {
       "version": "6.0.0",
       "license": "MIT",
@@ -4995,16 +4753,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@react-native/community-cli-plugin/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@react-native/debugger-frontend": {
       "version": "0.75.2",
       "license": "BSD-3-Clause",
@@ -5618,7 +5366,6 @@
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.20.7",
@@ -5630,7 +5377,6 @@
     },
     "node_modules/@types/babel__generator": {
       "version": "7.6.8",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.0.0"
@@ -5638,7 +5384,6 @@
     },
     "node_modules/@types/babel__template": {
       "version": "7.4.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.1.0",
@@ -5647,7 +5392,6 @@
     },
     "node_modules/@types/babel__traverse": {
       "version": "7.20.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.20.7"
@@ -5655,7 +5399,6 @@
     },
     "node_modules/@types/graceful-fs": {
       "version": "4.1.9",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/node": "*"
@@ -7133,7 +6876,6 @@
     },
     "node_modules/babel-jest": {
       "version": "29.7.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jest/transform": "^29.7.0",
@@ -7153,7 +6895,6 @@
     },
     "node_modules/babel-jest/node_modules/ansi-styles": {
       "version": "4.3.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -7167,7 +6908,6 @@
     },
     "node_modules/babel-jest/node_modules/chalk": {
       "version": "4.1.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
@@ -7182,7 +6922,6 @@
     },
     "node_modules/babel-jest/node_modules/color-convert": {
       "version": "2.0.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -7193,31 +6932,10 @@
     },
     "node_modules/babel-jest/node_modules/color-name": {
       "version": "1.1.4",
-      "dev": true,
       "license": "MIT"
     },
-    "node_modules/babel-jest/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-jest/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/babel-plugin-istanbul": {
       "version": "6.1.1",
-      "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -7232,7 +6950,6 @@
     },
     "node_modules/babel-plugin-jest-hoist": {
       "version": "29.6.3",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.3.3",
@@ -7277,6 +6994,27 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/babel-plugin-syntax-hermes-parser": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.23.1.tgz",
+      "integrity": "sha512-uNLD0tk2tLUjGFdmCk+u/3FEw2o+BAwW4g+z2QVlxJrzZYOOPADroEcNtTPt5lNiScctaUmnsTkVEnOwZUOLhA==",
+      "dependencies": {
+        "hermes-parser": "0.23.1"
+      }
+    },
+    "node_modules/babel-plugin-syntax-hermes-parser/node_modules/hermes-estree": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.23.1.tgz",
+      "integrity": "sha512-eT5MU3f5aVhTqsfIReZ6n41X5sYn4IdQL0nvz6yO+MMlPxw49aSARHLg/MSehQftyjnrE8X6bYregzSumqc6cg=="
+    },
+    "node_modules/babel-plugin-syntax-hermes-parser/node_modules/hermes-parser": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.23.1.tgz",
+      "integrity": "sha512-oxl5h2DkFW83hT4DAUJorpah8ou4yvmweUzLJmmr6YV2cezduCdlil1AvU/a/xSsAFo4WUcNA4GoV5Bvq6JffA==",
+      "dependencies": {
+        "hermes-estree": "0.23.1"
+      }
+    },
     "node_modules/babel-plugin-transform-flow-enums": {
       "version": "0.0.2",
       "license": "MIT",
@@ -7286,7 +7024,6 @@
     },
     "node_modules/babel-preset-current-node-syntax": {
       "version": "1.1.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/plugin-syntax-async-generators": "^7.8.4",
@@ -7311,7 +7048,6 @@
     },
     "node_modules/babel-preset-jest": {
       "version": "29.6.3",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "babel-plugin-jest-hoist": "^29.6.3",
@@ -7437,7 +7173,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.3",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "funding": [
         {
           "type": "opencollective",
@@ -7452,12 +7190,11 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001646",
-        "electron-to-chromium": "^1.5.4",
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
         "node-releases": "^2.0.18",
-        "update-browserslist-db": "^1.1.0"
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -7579,7 +7316,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001651",
+      "version": "1.0.30001675",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001675.tgz",
+      "integrity": "sha512-/wV1bQwPrkLiQMjaJF5yUMVM/VdRPOCU8QZ+PmG6uW6DvYSrNY1bpwHI/3mOcUosLaJCzYDi5o91IQB51ft6cg==",
       "funding": [
         {
           "type": "opencollective",
@@ -7593,27 +7332,7 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chalk": {
-      "version": "2.4.2",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
+      ]
     },
     "node_modules/char-regex": {
       "version": "1.0.2",
@@ -8097,25 +7816,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/create-jest/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/create-jest/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/cron-parser": {
       "version": "4.9.0",
       "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-4.9.0.tgz",
@@ -8642,8 +8342,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.7",
-      "license": "ISC"
+      "version": "1.5.49",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.49.tgz",
+      "integrity": "sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A=="
     },
     "node_modules/emittery": {
       "version": "0.13.1",
@@ -8888,8 +8589,9 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.2",
-      "license": "MIT",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "engines": {
         "node": ">=6"
       }
@@ -9647,14 +9349,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/eslint/node_modules/js-yaml": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -9707,17 +9401,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/eslint/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/eslint/node_modules/type-fest": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
@@ -9955,7 +9638,6 @@
     },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/fast-levenshtein": {
@@ -10469,7 +10151,6 @@
     },
     "node_modules/get-package-type": {
       "version": "0.1.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.0.0"
@@ -10665,10 +10346,11 @@
       }
     },
     "node_modules/has-flag": {
-      "version": "3.0.0",
-      "license": "MIT",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/has-property-descriptors": {
@@ -11412,7 +11094,6 @@
     },
     "node_modules/istanbul-lib-coverage": {
       "version": "3.2.2",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=8"
@@ -11420,7 +11101,6 @@
     },
     "node_modules/istanbul-lib-instrument": {
       "version": "5.2.1",
-      "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/core": "^7.12.3",
@@ -11446,25 +11126,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/istanbul-lib-report/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-report/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/istanbul-lib-source-maps": {
       "version": "4.0.1",
       "dev": true,
@@ -11595,29 +11256,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jake/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jake/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
@@ -11733,14 +11371,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-circus/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-circus/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -11770,19 +11400,8 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-circus/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-cli": {
-      "version": "29.7.0",
+    "node_modules/jest-cli": {
+      "version": "29.7.0",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11858,25 +11477,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-cli/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-cli/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-config": {
       "version": "29.7.0",
       "dev": true,
@@ -11966,14 +11566,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-config/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-config/node_modules/parse-json": {
       "version": "5.2.0",
       "dev": true,
@@ -12020,17 +11612,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-config/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-diff": {
       "version": "29.7.0",
       "dev": true,
@@ -12090,14 +11671,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-diff/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-diff/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -12127,17 +11700,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-diff/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-docblock": {
       "version": "29.7.0",
       "dev": true,
@@ -12209,14 +11771,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-each/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-each/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -12246,17 +11800,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-each/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-environment-node": {
       "version": "29.7.0",
       "license": "MIT",
@@ -12281,7 +11824,6 @@
     },
     "node_modules/jest-haste-map": {
       "version": "29.7.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
@@ -12403,14 +11945,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-matcher-utils/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-matcher-utils/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -12440,17 +11974,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-matcher-utils/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-message-util": {
       "version": "29.7.0",
       "license": "MIT",
@@ -12510,13 +12033,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/jest-message-util/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-message-util/node_modules/pretty-format": {
       "version": "29.7.0",
       "license": "MIT",
@@ -12543,16 +12059,6 @@
       "version": "18.3.1",
       "license": "MIT"
     },
-    "node_modules/jest-message-util/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-mock": {
       "version": "29.7.0",
       "license": "MIT",
@@ -12583,7 +12089,6 @@
     },
     "node_modules/jest-regex-util": {
       "version": "29.6.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -12665,25 +12170,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-resolve/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-resolve/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-runner": {
       "version": "29.7.0",
       "dev": true,
@@ -12760,25 +12246,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-runner/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-runner/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-runtime": {
       "version": "29.7.0",
       "dev": true,
@@ -12856,25 +12323,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-runtime/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-snapshot": {
       "version": "29.7.0",
       "dev": true,
@@ -12950,14 +12398,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-snapshot/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-snapshot/node_modules/pretty-format": {
       "version": "29.7.0",
       "dev": true,
@@ -12998,17 +12438,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/jest-snapshot/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "license": "MIT",
@@ -13065,23 +12494,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/jest-util/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-util/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-validate": {
       "version": "29.7.0",
       "license": "MIT",
@@ -13148,13 +12560,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/jest-validate/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-validate/node_modules/pretty-format": {
       "version": "29.7.0",
       "license": "MIT",
@@ -13181,16 +12586,6 @@
       "version": "18.3.1",
       "license": "MIT"
     },
-    "node_modules/jest-validate/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-watcher": {
       "version": "29.7.0",
       "dev": true,
@@ -13254,25 +12649,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-watcher/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watcher/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-worker": {
       "version": "29.7.0",
       "license": "MIT",
@@ -13286,13 +12662,6 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-worker/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-worker/node_modules/supports-color": {
       "version": "8.1.1",
       "license": "MIT",
@@ -13416,23 +12785,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/jscodeshift/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jscodeshift/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jscodeshift/node_modules/write-file-atomic": {
       "version": "2.4.3",
       "license": "ISC",
@@ -13443,13 +12795,14 @@
       }
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "license": "MIT",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-buffer": {
@@ -13777,25 +13130,8 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/log-symbols/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/log-symbols/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/logkitty": {
-      "version": "0.7.1",
+    "node_modules/logkitty": {
+      "version": "0.7.1",
       "license": "MIT",
       "dependencies": {
         "ansi-fragments": "^0.2.1",
@@ -14343,13 +13679,6 @@
         "ms": "2.0.0"
       }
     },
-    "node_modules/metro/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/metro/node_modules/hermes-estree": {
       "version": "0.23.0",
       "license": "MIT"
@@ -14382,16 +13711,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/metro/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/metro/node_modules/ws": {
       "version": "7.5.10",
       "license": "MIT",
@@ -14917,13 +14236,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/ora/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/ora/node_modules/strip-ansi": {
       "version": "6.0.1",
       "license": "MIT",
@@ -14934,16 +14246,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/ora/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "license": "MIT",
@@ -15149,8 +14451,9 @@
       "link": true
     },
     "node_modules/picocolors": {
-      "version": "1.0.1",
-      "license": "ISC"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -15304,23 +14607,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/pretty-format/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pretty-format/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/process": {
       "version": "0.11.10",
       "license": "MIT",
@@ -15482,7 +14768,8 @@
     },
     "node_modules/react": {
       "version": "18.2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -16093,16 +15380,6 @@
         "ms": "2.0.0"
       }
     },
-    "node_modules/react-native-macos/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/react-native-macos/node_modules/hermes-estree": {
       "version": "0.15.0",
       "dev": true,
@@ -16179,19 +15456,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/react-native-macos/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/react-native-permissions": {
       "version": "3.10.1",
       "license": "MIT",
@@ -16290,9 +15554,9 @@
       }
     },
     "node_modules/react-native-wgpu": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/react-native-wgpu/-/react-native-wgpu-0.1.8.tgz",
-      "integrity": "sha512-tLl6vEk/3fYN3zN1n+5wKjPJetJ5fpzMipnwHdNXasQRGMW+kWWTKJjRqZ4rKgJJ72v4qZprpMeFd7lzHqahVA==",
+      "version": "0.1.18",
+      "resolved": "https://registry.npmjs.org/react-native-wgpu/-/react-native-wgpu-0.1.18.tgz",
+      "integrity": "sha512-GVW5RBd6HAo72E2vJz2bls39nfU8Ome0ADA+H9Y0Uy8Hvb5k0kYlxAJneTA+1hyd1f2KvqKyouqlVj7dniSpqQ==",
       "peerDependencies": {
         "react": "*",
         "react-native": "*"
@@ -16631,13 +15895,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/react-native/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/react-native/node_modules/locate-path": {
       "version": "6.0.0",
       "license": "MIT",
@@ -16709,16 +15966,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/react-native/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/react-refresh": {
       "version": "0.14.2",
       "license": "MIT",
@@ -16992,7 +16239,6 @@
     },
     "node_modules/resolve-from": {
       "version": "5.0.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -17753,13 +16999,14 @@
       "license": "MIT"
     },
     "node_modules/supports-color": {
-      "version": "5.5.0",
-      "license": "MIT",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dependencies": {
-        "has-flag": "^3.0.0"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/supports-preserve-symlinks-flag": {
@@ -17860,7 +17107,6 @@
     },
     "node_modules/test-exclude": {
       "version": "6.0.0",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
@@ -17932,13 +17178,6 @@
       "version": "1.0.5",
       "license": "BSD-3-Clause"
     },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "license": "MIT",
@@ -18316,7 +17555,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.0",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "funding": [
         {
           "type": "opencollective",
@@ -18331,10 +17572,9 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.2",
-        "picocolors": "^1.0.1"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -18466,23 +17706,6 @@
       "version": "1.1.4",
       "license": "MIT"
     },
-    "node_modules/wait-port/node_modules/has-flag": {
-      "version": "4.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wait-port/node_modules/supports-color": {
-      "version": "7.2.0",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/walker": {
       "version": "1.0.8",
       "license": "Apache-2.0",
@@ -18899,7 +18122,6 @@
     },
     "node_modules/write-file-atomic": {
       "version": "4.0.2",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "imurmurhash": "^0.1.4",
@@ -19098,9 +18320,835 @@
       "version": "0.0.1"
     },
     "packages/react-native-benchmarking-library": {
-      "version": "1.0.0",
-      "license": "ISC",
-      "devDependencies": {}
+      "version": "0.0.0",
+      "license": "UNLICENSED",
+      "dependencies": {
+        "react": "^18.3.1",
+        "react-native": "^0.76.1",
+        "react-native-release-profiler": "^0.0.1",
+        "react-native-wgpu": "^0.1.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/assets-registry": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.76.1.tgz",
+      "integrity": "sha512-1mcDjyvC4Z+XYtY+Abl6pW9P49l/9HJmRChX7EHF1SoXe7zPAPBoAqeZsJNtf8dhJR3u/eGvapr1yJq8T/psEg==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/babel-plugin-codegen": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.76.1.tgz",
+      "integrity": "sha512-V9bGLyEdAF39nvn4L5gaJcPX1SvCHPJhaT3qfpVGvCnl7WPhdRyCq++WsN8HXlpo6WOAf6//oruLnLdl3RNM4Q==",
+      "dependencies": {
+        "@react-native/codegen": "0.76.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/babel-preset": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.76.1.tgz",
+      "integrity": "sha512-b6YRmA13CmVuTQKHRen/Q0glHwmZFZoEDs+MJ1NL0UNHq9V5ytvdwTW1ntkmjtXuTnPMzkwYvumJBN9UTZjkBA==",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-proposal-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.4",
+        "@babel/plugin-transform-async-to-generator": "^7.24.7",
+        "@babel/plugin-transform-block-scoping": "^7.25.0",
+        "@babel/plugin-transform-class-properties": "^7.25.4",
+        "@babel/plugin-transform-classes": "^7.25.4",
+        "@babel/plugin-transform-computed-properties": "^7.24.7",
+        "@babel/plugin-transform-destructuring": "^7.24.8",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+        "@babel/plugin-transform-for-of": "^7.24.7",
+        "@babel/plugin-transform-function-name": "^7.25.1",
+        "@babel/plugin-transform-literals": "^7.25.2",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-numeric-separator": "^7.24.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.8",
+        "@babel/plugin-transform-parameters": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+        "@babel/plugin-transform-react-display-name": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.25.2",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.7",
+        "@babel/plugin-transform-regenerator": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+        "@babel/plugin-transform-spread": "^7.24.7",
+        "@babel/plugin-transform-sticky-regex": "^7.24.7",
+        "@babel/plugin-transform-typescript": "^7.25.2",
+        "@babel/plugin-transform-unicode-regex": "^7.24.7",
+        "@babel/template": "^7.25.0",
+        "@react-native/babel-plugin-codegen": "0.76.1",
+        "babel-plugin-syntax-hermes-parser": "^0.23.1",
+        "babel-plugin-transform-flow-enums": "^0.0.2",
+        "react-refresh": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/codegen": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.76.1.tgz",
+      "integrity": "sha512-7lE0hk2qq27wVeK5eF654v7XsKoRa7ficrfSwIDEDZ1aLB2xgUzLrsq+glSAP9EuzT6ycHhtD3QyqI+TqnlS/A==",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "glob": "^7.1.1",
+        "hermes-parser": "0.23.1",
+        "invariant": "^2.2.4",
+        "jscodeshift": "^0.14.0",
+        "mkdirp": "^0.5.1",
+        "nullthrows": "^1.1.1",
+        "yargs": "^17.6.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/community-cli-plugin": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.76.1.tgz",
+      "integrity": "sha512-dECc1LuleMQDX/WK2oJInrYCpHb3OFBJxYkhPOAXb9HiktMWRA9T93qqpTDshmtLdYqvxeO9AM5eeoSL412WnQ==",
+      "dependencies": {
+        "@react-native/dev-middleware": "0.76.1",
+        "@react-native/metro-babel-transformer": "0.76.1",
+        "chalk": "^4.0.0",
+        "execa": "^5.1.1",
+        "invariant": "^2.2.4",
+        "metro": "^0.81.0",
+        "metro-config": "^0.81.0",
+        "metro-core": "^0.81.0",
+        "node-fetch": "^2.2.0",
+        "readline": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@react-native-community/cli-server-api": "*"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-community/cli-server-api": {
+          "optional": true
+        }
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/debugger-frontend": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.76.1.tgz",
+      "integrity": "sha512-0gExx7GR8o2ctGfjIZ9+x54iFbg0eP6+kMYzRA6AcgmFAmMGLADMmjtObCN0CqGeZyWtdVVqcv5mAwRwmMlNWA==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/dev-middleware": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.76.1.tgz",
+      "integrity": "sha512-htaFSN2dwI0CinsMxjRuvIVdSDN6d6TDPeOJczM1bdAYalZX1M58knTKs5LJDComW5tleOCAg5lS5tIeFlM9+Q==",
+      "dependencies": {
+        "@isaacs/ttlcache": "^1.4.1",
+        "@react-native/debugger-frontend": "0.76.1",
+        "chrome-launcher": "^0.15.2",
+        "chromium-edge-launcher": "^0.2.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "nullthrows": "^1.1.1",
+        "open": "^7.0.3",
+        "selfsigned": "^2.4.1",
+        "serve-static": "^1.13.1",
+        "ws": "^6.2.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/gradle-plugin": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.76.1.tgz",
+      "integrity": "sha512-X7rNFltPa9QYxvYrQGaSCw7U57C+y+DwspXf4AnLZj0bQm9tL6UYpijh5vE3VmPcHn76/RNU2bpFjVvWg6gjqw==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/js-polyfills": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.76.1.tgz",
+      "integrity": "sha512-HO3fzJ0FnrnQGmxdXxh2lcGGAMfaX9h1Pg1Zh38MkVw35/KnZHxHqxg6cruze6iWwZdfqSoIcQoalmMuAHby7Q==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/metro-babel-transformer": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.76.1.tgz",
+      "integrity": "sha512-LUAKqgsrioXS2a+pE0jak8sutTbLo3T34KWv7mdVUZ5lUACpqkIql1EFtIQlWjIcR4oZE480CkPbRHBI681tkQ==",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@react-native/babel-preset": "0.76.1",
+        "hermes-parser": "0.23.1",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/normalize-colors": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.76.1.tgz",
+      "integrity": "sha512-/+CUk/wGWIdXbJYVLw/q6Fs8Z0x91zzfXIbNiZUdSW1TNEDmytkF371H8a1/Nx3nWa1RqCMVsaZHCG4zqxeDvg=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/@react-native/virtualized-lists": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.76.1.tgz",
+      "integrity": "sha512-uWJfv0FC3zmlYORr0Sa17ngbAaw6K9yw4MAkBZyFeTM+W6AJRvTVyR1Mes/MU+vIyGFChnTcyaQrQz8jWqADOA==",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.6",
+        "react": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/chromium-edge-launcher": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz",
+      "integrity": "sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==",
+      "dependencies": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0",
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/chromium-edge-launcher/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/hermes-estree": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.23.1.tgz",
+      "integrity": "sha512-eT5MU3f5aVhTqsfIReZ6n41X5sYn4IdQL0nvz6yO+MMlPxw49aSARHLg/MSehQftyjnrE8X6bYregzSumqc6cg=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/hermes-parser": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.23.1.tgz",
+      "integrity": "sha512-oxl5h2DkFW83hT4DAUJorpah8ou4yvmweUzLJmmr6YV2cezduCdlil1AvU/a/xSsAFo4WUcNA4GoV5Bvq6JffA==",
+      "dependencies": {
+        "hermes-estree": "0.23.1"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.81.0.tgz",
+      "integrity": "sha512-kzdzmpL0gKhEthZ9aOV7sTqvg6NuTxDV8SIm9pf9sO8VVEbKrQk5DNcwupOUjgPPFAuKUc2NkT0suyT62hm2xg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "accepts": "^1.3.7",
+        "chalk": "^4.0.0",
+        "ci-info": "^2.0.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "denodeify": "^1.2.1",
+        "error-stack-parser": "^2.0.6",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "hermes-parser": "0.24.0",
+        "image-size": "^1.0.2",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.6.3",
+        "jsc-safe-url": "^0.2.2",
+        "lodash.throttle": "^4.1.1",
+        "metro-babel-transformer": "0.81.0",
+        "metro-cache": "0.81.0",
+        "metro-cache-key": "0.81.0",
+        "metro-config": "0.81.0",
+        "metro-core": "0.81.0",
+        "metro-file-map": "0.81.0",
+        "metro-resolver": "0.81.0",
+        "metro-runtime": "0.81.0",
+        "metro-source-map": "0.81.0",
+        "metro-symbolicate": "0.81.0",
+        "metro-transform-plugins": "0.81.0",
+        "metro-transform-worker": "0.81.0",
+        "mime-types": "^2.1.27",
+        "nullthrows": "^1.1.1",
+        "serialize-error": "^2.1.0",
+        "source-map": "^0.5.6",
+        "strip-ansi": "^6.0.0",
+        "throat": "^5.0.0",
+        "ws": "^7.5.10",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "metro": "src/cli.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-babel-transformer": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.81.0.tgz",
+      "integrity": "sha512-Dc0QWK4wZIeHnyZ3sevWGTnnSkIDDn/SWyfrn99zbKbDOCoCYy71PAn9uCRrP/hduKLJQOy+tebd63Rr9D8tXg==",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "hermes-parser": "0.24.0",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-babel-transformer/node_modules/hermes-estree": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.24.0.tgz",
+      "integrity": "sha512-LyoXLB7IFzeZW0EvAbGZacbxBN7t6KKSDqFJPo3Ydow7wDlrDjXwsdiAHV6XOdvEN9MEuWXsSIFN4tzpyrXIHw=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-babel-transformer/node_modules/hermes-parser": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.24.0.tgz",
+      "integrity": "sha512-IJooSvvu2qNRe7oo9Rb04sUT4omtZqZqf9uq9WM25Tb6v3usmvA93UqfnnoWs5V0uYjEl9Al6MNU10MCGKLwpg==",
+      "dependencies": {
+        "hermes-estree": "0.24.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-cache": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.81.0.tgz",
+      "integrity": "sha512-DyuqySicHXkHUDZFVJmh0ygxBSx6pCKUrTcSgb884oiscV/ROt1Vhye+x+OIHcsodyA10gzZtrVtxIFV4l9I4g==",
+      "dependencies": {
+        "exponential-backoff": "^3.1.1",
+        "flow-enums-runtime": "^0.0.6",
+        "metro-core": "0.81.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-cache-key": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.81.0.tgz",
+      "integrity": "sha512-qX/IwtknP9bQZL78OK9xeSvLM/xlGfrs6SlUGgHvrxtmGTRSsxcyqxR+c+7ch1xr05n62Gin/O44QKg5V70rNQ==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-config": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.81.0.tgz",
+      "integrity": "sha512-6CinEaBe3WLpRlKlYXXu8r1UblJhbwD6Gtnoib5U8j6Pjp7XxMG9h/DGMeNp9aGLDu1OieUqiXpFo7O0/rR5Kg==",
+      "dependencies": {
+        "connect": "^3.6.5",
+        "cosmiconfig": "^5.0.5",
+        "flow-enums-runtime": "^0.0.6",
+        "jest-validate": "^29.6.3",
+        "metro": "0.81.0",
+        "metro-cache": "0.81.0",
+        "metro-core": "0.81.0",
+        "metro-runtime": "0.81.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-core": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.81.0.tgz",
+      "integrity": "sha512-CVkM5YCOAFkNMvJai6KzA0RpztzfEKRX62/PFMOJ9J7K0uq/UkOFLxcgpcncMIrfy0PbfEj811b69tjULUQe1Q==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "lodash.throttle": "^4.1.1",
+        "metro-resolver": "0.81.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-file-map": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.81.0.tgz",
+      "integrity": "sha512-zMDI5uYhQCyxbye/AuFx/pAbsz9K+vKL7h1ShUXdN2fz4VUPiyQYRsRqOoVG1DsiCgzd5B6LW0YW77NFpjDQeg==",
+      "dependencies": {
+        "anymatch": "^3.0.3",
+        "debug": "^2.2.0",
+        "fb-watchman": "^2.0.0",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.6.3",
+        "micromatch": "^4.0.4",
+        "node-abort-controller": "^3.1.1",
+        "nullthrows": "^1.1.1",
+        "walker": "^1.0.7"
+      },
+      "engines": {
+        "node": ">=18.18"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-minify-terser": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.81.0.tgz",
+      "integrity": "sha512-U2ramh3W822ZR1nfXgIk+emxsf5eZSg10GbQrT0ZizImK8IZ5BmJY+BHRIkQgHzWFpExOVxC7kWbGL1bZALswA==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "terser": "^5.15.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-resolver": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.81.0.tgz",
+      "integrity": "sha512-Uu2Q+buHhm571cEwpPek8egMbdSTqmwT/5U7ZVNpK6Z2ElQBBCxd7HmFAslKXa7wgpTO2FAn6MqGeERbAtVDUA==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-runtime": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.81.0.tgz",
+      "integrity": "sha512-6oYB5HOt37RuGz2eV4A6yhcl+PUTwJYLDlY9vhT+aVjbUWI6MdBCf69vc4f5K5Vpt+yOkjy+2LDwLS0ykWFwYw==",
+      "dependencies": {
+        "@babel/runtime": "^7.25.0",
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-source-map": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.81.0.tgz",
+      "integrity": "sha512-TzsVxhH83dyxg4A4+L1nzNO12I7ps5IHLjKGZH3Hrf549eiZivkdjYiq/S5lOB+p2HiQ+Ykcwtmcja95LIC62g==",
+      "dependencies": {
+        "@babel/traverse": "^7.25.3",
+        "@babel/traverse--for-generate-function-map": "npm:@babel/traverse@^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-symbolicate": "0.81.0",
+        "nullthrows": "^1.1.1",
+        "ob1": "0.81.0",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-symbolicate": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.81.0.tgz",
+      "integrity": "sha512-C/1rWbNTPYp6yzID8IPuQPpVGzJ2rbWYBATxlvQ9dfK5lVNoxcwz77hjcY8ISLsRRR15hyd/zbjCNKPKeNgE1Q==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-source-map": "0.81.0",
+        "nullthrows": "^1.1.1",
+        "source-map": "^0.5.6",
+        "through2": "^2.0.1",
+        "vlq": "^1.0.0"
+      },
+      "bin": {
+        "metro-symbolicate": "src/index.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-transform-plugins": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.81.0.tgz",
+      "integrity": "sha512-uErLAPBvttGCrmGSCa0dNHlOTk3uJFVEVWa5WDg6tQ79PRmuYRwzUgLhVzn/9/kyr75eUX3QWXN79Jvu4txt6Q==",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "flow-enums-runtime": "^0.0.6",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro-transform-worker": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.81.0.tgz",
+      "integrity": "sha512-HrQ0twiruhKy0yA+9nK5bIe3WQXZcC66PXTvRIos61/EASLAP2DzEmW7IxN/MGsfZegN2UzqL2CG38+mOB45vg==",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "metro": "0.81.0",
+        "metro-babel-transformer": "0.81.0",
+        "metro-cache": "0.81.0",
+        "metro-cache-key": "0.81.0",
+        "metro-minify-terser": "0.81.0",
+        "metro-source-map": "0.81.0",
+        "metro-transform-plugins": "0.81.0",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro/node_modules/hermes-estree": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.24.0.tgz",
+      "integrity": "sha512-LyoXLB7IFzeZW0EvAbGZacbxBN7t6KKSDqFJPo3Ydow7wDlrDjXwsdiAHV6XOdvEN9MEuWXsSIFN4tzpyrXIHw=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro/node_modules/hermes-parser": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.24.0.tgz",
+      "integrity": "sha512-IJooSvvu2qNRe7oo9Rb04sUT4omtZqZqf9uq9WM25Tb6v3usmvA93UqfnnoWs5V0uYjEl9Al6MNU10MCGKLwpg==",
+      "dependencies": {
+        "hermes-estree": "0.24.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/metro/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/ob1": {
+      "version": "0.81.0",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.81.0.tgz",
+      "integrity": "sha512-6Cvrkxt1tqaRdWqTAMcVYEiO5i1xcF9y7t06nFdjFqkfPsEloCf8WwhXdwBpNUkVYSQlSGS7cDgVQR86miBfBQ==",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/react-devtools-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-5.3.2.tgz",
+      "integrity": "sha512-crr9HkVrDiJ0A4zot89oS0Cgv0Oa4OG1Em4jit3P3ZxZSKPMYyMjfwMqgcJna9o625g8oN87rBm8SWWrSTBZxg==",
+      "dependencies": {
+        "shell-quote": "^1.6.1",
+        "ws": "^7"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/react-devtools-core/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/react-native": {
+      "version": "0.76.1",
+      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.76.1.tgz",
+      "integrity": "sha512-z4KnbrnnAvloRs9NGnah3u6/LK3IbtNMrvByxa3ifigbMlsMY4WPRYV9lvt/hH4Mzt8bfuI+utnOxFyJTTq3lg==",
+      "dependencies": {
+        "@jest/create-cache-key-function": "^29.6.3",
+        "@react-native/assets-registry": "0.76.1",
+        "@react-native/codegen": "0.76.1",
+        "@react-native/community-cli-plugin": "0.76.1",
+        "@react-native/gradle-plugin": "0.76.1",
+        "@react-native/js-polyfills": "0.76.1",
+        "@react-native/normalize-colors": "0.76.1",
+        "@react-native/virtualized-lists": "0.76.1",
+        "abort-controller": "^3.0.0",
+        "anser": "^1.4.9",
+        "ansi-regex": "^5.0.0",
+        "babel-jest": "^29.7.0",
+        "babel-plugin-syntax-hermes-parser": "^0.23.1",
+        "base64-js": "^1.5.1",
+        "chalk": "^4.0.0",
+        "commander": "^12.0.0",
+        "event-target-shim": "^5.0.1",
+        "flow-enums-runtime": "^0.0.6",
+        "glob": "^7.1.1",
+        "invariant": "^2.2.4",
+        "jest-environment-node": "^29.6.3",
+        "jsc-android": "^250231.0.0",
+        "memoize-one": "^5.0.0",
+        "metro-runtime": "^0.81.0",
+        "metro-source-map": "^0.81.0",
+        "mkdirp": "^0.5.1",
+        "nullthrows": "^1.1.1",
+        "pretty-format": "^29.7.0",
+        "promise": "^8.3.0",
+        "react-devtools-core": "^5.3.1",
+        "react-refresh": "^0.14.0",
+        "regenerator-runtime": "^0.13.2",
+        "scheduler": "0.24.0-canary-efb381bbf-20230505",
+        "semver": "^7.1.3",
+        "stacktrace-parser": "^0.1.10",
+        "whatwg-fetch": "^3.0.0",
+        "ws": "^6.2.3",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "react-native": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.6",
+        "react": "^18.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "packages/react-native-benchmarking-library/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "packages/react-native-benchmarking-library/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
     },
     "packages/react-native-release-profiler": {
       "version": "0.0.1"
diff --git a/packages/react-native-benchmarking-library/package.json b/packages/react-native-benchmarking-library/package.json
index dae06d7..6512306 100644
--- a/packages/react-native-benchmarking-library/package.json
+++ b/packages/react-native-benchmarking-library/package.json
@@ -9,5 +9,11 @@
   "create-react-native-library": {
     "type": "library",
     "version": "0.42.2"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-native": "^0.76.1",
+    "react-native-release-profiler": "^0.0.1",
+    "react-native-wgpu": "^0.1.18"
   }
 }
diff --git a/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
index 4e294ce..6915e39 100644
--- a/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
+++ b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
@@ -10,7 +10,7 @@
 
 import { useCallback, useState } from "react";
 
-import { Button, SafeAreaView, StatusBar } from "react-native";
+import { Button, View } from "react-native";
 import { Benchmark } from "./Benchmark";
 import { JavaScriptEngineVersion } from "./JavaScriptEngineVersion";
 import { GraphicsBenchmark } from "./GraphicsBenchmark";
@@ -36,10 +36,9 @@ export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
 
   return (
     <>
-      <StatusBar barStyle="dark-content" />
-      <SafeAreaView
+      <View
         style={{ flex: 1, backgroundColor: "white" }}
-        accessibilityLabel="benchmarkSafeArea"
+        accessibilityLabel="benchmarkView"
       >
         <JavaScriptEngineVersion />
         <Button
@@ -62,7 +61,7 @@ export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
               );
           }
         })}
-      </SafeAreaView>
+      </View>
     </>
   );
 };

From 3edf04e286a28578646cea351aa7745208bea3d7 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 11:55:31 -0400
Subject: [PATCH 06/11] Utilize utils in benchmarking-test-app

---
 apps/benchmarking-test-app/App.tsx            | 127 +++++++++---------
 apps/benchmarking-test-app/ios/Podfile.lock   |   4 +-
 apps/benchmarking-test-app/package.json       |   1 +
 .../src/JavaScriptEngineVersion.tsx           |  11 --
 .../src/benchmarks/Benchmark.tsx              |  60 ---------
 .../src/benchmarks/index.ts                   |   1 -
 .../graphicsBenchmarks/GraphicsBenchmark.tsx  |  68 ----------
 .../graphicsBenchmarks/WebGpuBenchmark.tsx    |  68 ----------
 package-lock.json                             |   1 +
 .../src/BenchmarkHarness.tsx                  |  22 ++-
 .../src/GraphicsBenchmark.tsx                 |  10 +-
 .../src/WebGpuBenchmark.tsx                   |  14 +-
 12 files changed, 95 insertions(+), 292 deletions(-)
 delete mode 100644 apps/benchmarking-test-app/src/JavaScriptEngineVersion.tsx
 delete mode 100644 apps/benchmarking-test-app/src/benchmarks/Benchmark.tsx
 delete mode 100644 apps/benchmarking-test-app/src/graphicsBenchmarks/GraphicsBenchmark.tsx
 delete mode 100644 apps/benchmarking-test-app/src/graphicsBenchmarks/WebGpuBenchmark.tsx

diff --git a/apps/benchmarking-test-app/App.tsx b/apps/benchmarking-test-app/App.tsx
index 344faa4..fa7f48a 100644
--- a/apps/benchmarking-test-app/App.tsx
+++ b/apps/benchmarking-test-app/App.tsx
@@ -8,17 +8,13 @@
  * @format
  */
 
-import { useCallback, useState } from "react";
-
-import { Button, SafeAreaView, StatusBar } from "react-native";
-import { Benchmark, simpleBenchmark } from "./src/benchmarks";
+import { SafeAreaView, StatusBar } from "react-native";
+import { simpleBenchmark } from "./src/benchmarks";
 import { bitEcsBenchmark } from "./src/benchmarks/bitEcsBenchmark";
 import { threeJsBenchmark } from "./src/benchmarks/threeJsBenchmark";
-import { JavaScriptEngineVersion } from "./src/JavaScriptEngineVersion";
 import { hyperfluxBenchmark } from "./src/benchmarks/hyperfluxBenchmark";
 import { irEcsBenchmark } from "./src/benchmarks/irEcsBenchmark";
 import { runHelloTriangle } from "./src/graphicsBenchmarks/HelloTriangle";
-import { GraphicsBenchmark } from "./src/graphicsBenchmarks/GraphicsBenchmark";
 import { runSignedDistanceField } from "./src/graphicsBenchmarks/SignedDistanceField";
 import { runDragonFxaa } from "./src/graphicsBenchmarks/DragonFxaa";
 import { runRayTracer } from "./src/graphicsBenchmarks/RayTracer";
@@ -26,18 +22,70 @@ import {
   runScreenSpaceGlobalIllumination,
   runScreenSpaceReflection,
 } from "./src/graphicsBenchmarks/ScreenSpaceGlobalIllumination";
+import {
+  BenchmarkDescriptor,
+  BenchmarkHarness,
+} from "react-native-benchmarking-library";
 
-const App = () => {
-  const [flamegraphEnabled, setFlamegraphEnabled] = useState(false);
-
-  const toggleFlamegraph = useCallback(() => {
-    setFlamegraphEnabled((enabled) => !enabled);
-  }, []);
-
-  const toggleFlamegraphTitle = flamegraphEnabled
-    ? "Disable Flamegraph"
-    : "Enable Flamegraph";
+const BENCHMARK_MATRIX: BenchmarkDescriptor[] = [
+  {
+    title: "simpleBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: simpleBenchmark,
+  },
+  {
+    title: "bitEcsBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: bitEcsBenchmark,
+  },
+  {
+    title: "threeJsBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: threeJsBenchmark,
+  },
+  {
+    title: "hyperfluxBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: hyperfluxBenchmark,
+  },
+  {
+    title: "irEcsBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: irEcsBenchmark,
+  },
+  {
+    title: "triangleWebGpuBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runHelloTriangle,
+  },
+  {
+    title: "sdfWebGpuBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runSignedDistanceField,
+  },
+  {
+    title: "dragonFxaaBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runDragonFxaa,
+  },
+  {
+    title: "ssgiBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runScreenSpaceGlobalIllumination,
+  },
+  {
+    title: "ssrBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runScreenSpaceReflection,
+  },
+  {
+    title: "rayTracerBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: runRayTracer,
+  },
+];
 
+const App = () => {
   return (
     <>
       <StatusBar barStyle="dark-content" />
@@ -45,52 +93,7 @@ const App = () => {
         style={{ flex: 1, backgroundColor: "white" }}
         accessibilityLabel="benchmarkSafeArea"
       >
-        <JavaScriptEngineVersion />
-        <Button
-          testID="toggleFlamegraph"
-          title={toggleFlamegraphTitle}
-          onPress={toggleFlamegraph}
-        />
-        <Benchmark
-          flamegraphEnabled={flamegraphEnabled}
-          name="simpleBenchmark"
-          run={simpleBenchmark}
-        />
-        <Benchmark
-          flamegraphEnabled={flamegraphEnabled}
-          name="bitEcsBenchmark"
-          run={bitEcsBenchmark}
-        />
-        <Benchmark
-          flamegraphEnabled={flamegraphEnabled}
-          name="threeJsBenchmark"
-          run={threeJsBenchmark}
-        />
-        <Benchmark
-          flamegraphEnabled={flamegraphEnabled}
-          name="hyperfluxBenchmark"
-          run={hyperfluxBenchmark}
-        />
-        <Benchmark
-          flamegraphEnabled={flamegraphEnabled}
-          name="irEcsBenchmark"
-          run={irEcsBenchmark}
-        />
-        <GraphicsBenchmark
-          run={runHelloTriangle}
-          name="triangleWebGpuBenchmark"
-        />
-        <GraphicsBenchmark
-          run={runSignedDistanceField}
-          name="sdfWebGpuBenchmark"
-        />
-        <GraphicsBenchmark run={runDragonFxaa} name="dragonFxaaBenchmark" />
-        <GraphicsBenchmark
-          run={runScreenSpaceGlobalIllumination}
-          name="ssgiBenchmark"
-        />
-        <GraphicsBenchmark run={runScreenSpaceReflection} name="ssrBenchmark" />
-        <GraphicsBenchmark run={runRayTracer} name="rayTracerBenchmark" />
+        <BenchmarkHarness items={BENCHMARK_MATRIX} />
       </SafeAreaView>
     </>
   );
diff --git a/apps/benchmarking-test-app/ios/Podfile.lock b/apps/benchmarking-test-app/ios/Podfile.lock
index 5ca8221..6efd0e7 100644
--- a/apps/benchmarking-test-app/ios/Podfile.lock
+++ b/apps/benchmarking-test-app/ios/Podfile.lock
@@ -1260,7 +1260,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-wgpu (0.1.8):
+  - react-native-wgpu (0.1.18):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1828,7 +1828,7 @@ SPEC CHECKSUMS:
   React-microtasksnativemodule: a6501ae1ad0b09070e3c00f5e8150106c0dcde65
   react-native-get-random-values: 21325b2244dfa6b58878f51f9aa42821e7ba3d06
   react-native-release-profiler: d4395df9845d1a30fc77a9e8bd15f08c09fe47f5
-  react-native-wgpu: 336ca48df0124ddce4290340306b6f5a93bb892c
+  react-native-wgpu: d43605822e044e7d5b6ec2ff459d47494766b0b9
   React-nativeconfig: 271a4a10146950e1ff9825e7f0f84898502a7d84
   React-NativeModulesApple: 445c2907955516f0e9abb4b6ce6b7db5531e42ea
   React-perflogger: 9c9a8c6b3a0c8956d4201772759a1285450ae301
diff --git a/apps/benchmarking-test-app/package.json b/apps/benchmarking-test-app/package.json
index 6bcf01d..ec82c76 100644
--- a/apps/benchmarking-test-app/package.json
+++ b/apps/benchmarking-test-app/package.json
@@ -28,6 +28,7 @@
     "node-schedule": "^2.1.1",
     "react": "18.2.0",
     "react-native": "^0.75.0",
+    "react-native-benchmarking-library": "file:../../packages/react-native-benchmarking-library",
     "react-native-get-random-values": "^1.11.0",
     "react-native-permissions": "^3.10.1",
     "react-native-release-profiler": "^0.2.1",
diff --git a/apps/benchmarking-test-app/src/JavaScriptEngineVersion.tsx b/apps/benchmarking-test-app/src/JavaScriptEngineVersion.tsx
deleted file mode 100644
index 9e52d7f..0000000
--- a/apps/benchmarking-test-app/src/JavaScriptEngineVersion.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Text } from "react-native";
-
-export const JavaScriptEngineVersion: React.FC = () => {
-  if (isHermes()) {
-    return <Text testID="EngineVersion">Using Hermes</Text>;
-  }
-  return <Text testID="EngineVersion">Using JavaScriptCore</Text>;
-};
-
-const isHermes = () =>
-  !!(global as unknown as { HermesInternal: null | object }).HermesInternal;
diff --git a/apps/benchmarking-test-app/src/benchmarks/Benchmark.tsx b/apps/benchmarking-test-app/src/benchmarks/Benchmark.tsx
deleted file mode 100644
index e6a31c4..0000000
--- a/apps/benchmarking-test-app/src/benchmarks/Benchmark.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useCallback, useState } from "react";
-import { Button, Text } from "react-native";
-import { startProfiling, stopProfiling } from "react-native-release-profiler";
-
-export interface BenchmarkProps {
-  name: string;
-  run: () => Promise<void>;
-  flamegraphEnabled: boolean;
-}
-
-export const Benchmark: React.FC<BenchmarkProps> = ({
-  name,
-  run,
-  flamegraphEnabled,
-}) => {
-  const [benchmarkRunTime, setBenchmarkRunTime] = useState<number | null>(null);
-  const [error, setError] = useState<Error>();
-  const [running, setRunning] = useState(false);
-  const [profileLocation, setProfileLocation] = useState("");
-
-  const onBeginBenchmark = useCallback(async () => {
-    setRunning(true);
-    if (flamegraphEnabled) startProfiling();
-    const startTime = Date.now();
-    await run().catch((err) => {
-      setError(err);
-    });
-    const timeDelta = Date.now() - startTime;
-
-    if (flamegraphEnabled) {
-      const profileLocation = await stopProfiling().catch((err) => {
-        return `${err}`;
-      });
-      setProfileLocation(profileLocation);
-      console.log(profileLocation);
-    }
-    setRunning(false);
-    setBenchmarkRunTime(timeDelta);
-  }, [run, flamegraphEnabled]);
-
-  if (error) {
-    return <Text>{`${error}`}</Text>;
-  }
-
-  if (running) {
-    return <Text>Running benchmark, please wait</Text>;
-  }
-
-  if (benchmarkRunTime) {
-    const completedLabel = `${name}Completed`;
-    return (
-      <>
-        <Text testID={completedLabel}>{benchmarkRunTime}</Text>
-        <Text testID="profileLocation">{profileLocation}</Text>
-      </>
-    );
-  }
-
-  return <Button title={name} testID={name} onPress={onBeginBenchmark} />;
-};
diff --git a/apps/benchmarking-test-app/src/benchmarks/index.ts b/apps/benchmarking-test-app/src/benchmarks/index.ts
index 4548ff0..7ebe4e0 100644
--- a/apps/benchmarking-test-app/src/benchmarks/index.ts
+++ b/apps/benchmarking-test-app/src/benchmarks/index.ts
@@ -1,2 +1 @@
-export * from "./Benchmark";
 export * from "./simpleBenchmark";
diff --git a/apps/benchmarking-test-app/src/graphicsBenchmarks/GraphicsBenchmark.tsx b/apps/benchmarking-test-app/src/graphicsBenchmarks/GraphicsBenchmark.tsx
deleted file mode 100644
index c37f7b5..0000000
--- a/apps/benchmarking-test-app/src/graphicsBenchmarks/GraphicsBenchmark.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useCallback, useState } from "react";
-import { Button, Text } from "react-native";
-import { CanvasContext } from "./types";
-import { WebGpuBenchmark } from "./WebGpuBenchmark";
-
-enum BenchmarkState {
-  NOT_STARTED,
-  RUNNING,
-  COMPLETE,
-}
-
-export const GraphicsBenchmark: React.FC<{
-  name: string;
-  run: (
-    context: CanvasContext,
-    device: GPUDevice,
-    canvas: HTMLCanvasElement,
-    requestAnimationFrame: (callback: (time: number) => void) => number
-  ) => Promise<void>;
-}> = ({ run, name }) => {
-  const [benchmarkState, setBenchmarkState] = useState(
-    BenchmarkState.NOT_STARTED
-  );
-  const [benchmarkRunTime, setRunTime] = useState<number>();
-  const onComplete = useCallback((startTime: number) => {
-    const runTime = Date.now() - startTime;
-    setRunTime(runTime);
-    setBenchmarkState(BenchmarkState.COMPLETE);
-  }, []);
-
-  const [err, setError] = useState<Error>();
-
-  const onError = useCallback((err: Error) => {
-    setError(err);
-  }, []);
-
-  if (err) {
-    return (
-      <>
-        <Text>{err.message}</Text>
-      </>
-    );
-  }
-
-  if (benchmarkState === BenchmarkState.COMPLETE && benchmarkRunTime) {
-    const completedLabel = `${name}Completed`;
-    return (
-      <>
-        <Text testID={completedLabel}>{benchmarkRunTime}</Text>
-      </>
-    );
-  }
-
-  if (benchmarkState === BenchmarkState.NOT_STARTED) {
-    return (
-      <Button
-        title={name}
-        onPress={() => {
-          setBenchmarkState(BenchmarkState.RUNNING);
-        }}
-      />
-    );
-  }
-
-  return (
-    <WebGpuBenchmark run={run} onComplete={onComplete} onError={onError} />
-  );
-};
diff --git a/apps/benchmarking-test-app/src/graphicsBenchmarks/WebGpuBenchmark.tsx b/apps/benchmarking-test-app/src/graphicsBenchmarks/WebGpuBenchmark.tsx
deleted file mode 100644
index 8bba502..0000000
--- a/apps/benchmarking-test-app/src/graphicsBenchmarks/WebGpuBenchmark.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { StyleSheet, View, PixelRatio } from "react-native";
-import { Canvas, useCanvasEffect } from "react-native-wgpu";
-import { CanvasContext } from "./types";
-
-export const WebGpuBenchmark: React.FC<{
-  onComplete: (startTime: number) => void;
-  onError: (err: Error) => void;
-  run: (
-    context: CanvasContext,
-    device: GPUDevice,
-    canvas: HTMLCanvasElement,
-    requestAnimationFrame: (callback: (time: number) => void) => number
-  ) => Promise<void>;
-}> = ({ onComplete, run, onError }) => {
-  const ref = useCanvasEffect(async () => {
-    const startTime = Date.now();
-    const adapter = await navigator.gpu.requestAdapter();
-    if (!adapter) {
-      throw new Error("No adapter");
-    }
-
-    const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
-    const requiredFeatures: GPUFeatureName[] =
-      presentationFormat === "bgra8unorm" ? ["bgra8unorm-storage"] : [];
-
-    const device = await adapter.requestDevice({
-      requiredFeatures,
-    });
-
-    const context = ref.current!.getContext("webgpu")!;
-    const canvas = context.canvas as HTMLCanvasElement;
-    canvas.width = canvas.clientWidth * PixelRatio.get();
-    canvas.height = canvas.clientHeight * PixelRatio.get();
-
-    if (!context) {
-      throw new Error("No context");
-    }
-
-    context.configure({
-      device,
-      format: presentationFormat,
-      usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC,
-      alphaMode: "opaque",
-    });
-
-    try {
-      await run(context, device, canvas, requestAnimationFrame);
-      onComplete(startTime);
-    } catch (err) {
-      onError(new Error(`Test failed with error: ${err}`));
-    }
-  });
-
-  return (
-    <View style={style.container}>
-      <Canvas ref={ref} style={style.webgpu} />
-    </View>
-  );
-};
-
-const style = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  webgpu: {
-    flex: 1,
-  },
-});
diff --git a/package-lock.json b/package-lock.json
index b43c982..e0a82af 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -55,6 +55,7 @@
         "node-schedule": "^2.1.1",
         "react": "18.2.0",
         "react-native": "^0.75.0",
+        "react-native-benchmarking-library": "file:../../packages/react-native-benchmarking-library",
         "react-native-get-random-values": "^1.11.0",
         "react-native-permissions": "^3.10.1",
         "react-native-release-profiler": "^0.2.1",
diff --git a/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
index 6915e39..5b2d47a 100644
--- a/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
+++ b/packages/react-native-benchmarking-library/src/BenchmarkHarness.tsx
@@ -14,12 +14,19 @@ import { Button, View } from "react-native";
 import { Benchmark } from "./Benchmark";
 import { JavaScriptEngineVersion } from "./JavaScriptEngineVersion";
 import { GraphicsBenchmark } from "./GraphicsBenchmark";
+import { graphicsBenchmarkFn } from "./WebGpuBenchmark";
 
-interface BenchmarkDescriptor {
-  benchmarkType: "headless" | "graphics";
-  title: string;
-  benchmarkFn: () => Promise<void>;
-}
+export type BenchmarkDescriptor =
+  | {
+      benchmarkType: "headless";
+      title: string;
+      benchmarkFn: () => Promise<void>;
+    }
+  | {
+      benchmarkType: "graphics";
+      title: string;
+      benchmarkFn: graphicsBenchmarkFn;
+    };
 
 export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
   items,
@@ -49,7 +56,9 @@ export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
         {items.map(({ benchmarkType, title, benchmarkFn }) => {
           switch (benchmarkType) {
             case "graphics":
-              return <GraphicsBenchmark run={benchmarkFn} name={title} />;
+              return (
+                <GraphicsBenchmark run={benchmarkFn} name={title} key={title} />
+              );
             case "headless":
             default:
               return (
@@ -57,6 +66,7 @@ export const BenchmarkHarness: React.FC<{ items: BenchmarkDescriptor[] }> = ({
                   flamegraphEnabled={flamegraphEnabled}
                   name={title}
                   run={benchmarkFn}
+                  key={title}
                 />
               );
           }
diff --git a/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx b/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
index c37f7b5..f46a956 100644
--- a/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
+++ b/packages/react-native-benchmarking-library/src/GraphicsBenchmark.tsx
@@ -1,7 +1,6 @@
 import { useCallback, useState } from "react";
 import { Button, Text } from "react-native";
-import { CanvasContext } from "./types";
-import { WebGpuBenchmark } from "./WebGpuBenchmark";
+import { graphicsBenchmarkFn, WebGpuBenchmark } from "./WebGpuBenchmark";
 
 enum BenchmarkState {
   NOT_STARTED,
@@ -11,12 +10,7 @@ enum BenchmarkState {
 
 export const GraphicsBenchmark: React.FC<{
   name: string;
-  run: (
-    context: CanvasContext,
-    device: GPUDevice,
-    canvas: HTMLCanvasElement,
-    requestAnimationFrame: (callback: (time: number) => void) => number
-  ) => Promise<void>;
+  run: graphicsBenchmarkFn;
 }> = ({ run, name }) => {
   const [benchmarkState, setBenchmarkState] = useState(
     BenchmarkState.NOT_STARTED
diff --git a/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx b/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
index 8bba502..53920c7 100644
--- a/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
+++ b/packages/react-native-benchmarking-library/src/WebGpuBenchmark.tsx
@@ -2,15 +2,17 @@ import { StyleSheet, View, PixelRatio } from "react-native";
 import { Canvas, useCanvasEffect } from "react-native-wgpu";
 import { CanvasContext } from "./types";
 
+export type graphicsBenchmarkFn = (
+  context: CanvasContext,
+  device: GPUDevice,
+  canvas: HTMLCanvasElement,
+  requestAnimationFrame: (callback: (time: number) => void) => number
+) => Promise<void>;
+
 export const WebGpuBenchmark: React.FC<{
   onComplete: (startTime: number) => void;
   onError: (err: Error) => void;
-  run: (
-    context: CanvasContext,
-    device: GPUDevice,
-    canvas: HTMLCanvasElement,
-    requestAnimationFrame: (callback: (time: number) => void) => number
-  ) => Promise<void>;
+  run: graphicsBenchmarkFn;
 }> = ({ onComplete, run, onError }) => {
   const ref = useCanvasEffect(async () => {
     const startTime = Date.now();

From 6b4fc0537d564c20c560651d855716d16ed2a746 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 11:57:14 -0400
Subject: [PATCH 07/11] Remove example app

---
 .../example/App.js                             |  1 -
 .../example/babel.config.js                    | 16 ----------------
 .../example/metro.config.js                    | 18 ------------------
 .../example/tsconfig.json                      |  6 ------
 4 files changed, 41 deletions(-)
 delete mode 100644 packages/react-native-benchmarking-library/example/App.js
 delete mode 100644 packages/react-native-benchmarking-library/example/babel.config.js
 delete mode 100644 packages/react-native-benchmarking-library/example/metro.config.js
 delete mode 100644 packages/react-native-benchmarking-library/example/tsconfig.json

diff --git a/packages/react-native-benchmarking-library/example/App.js b/packages/react-native-benchmarking-library/example/App.js
deleted file mode 100644
index 834a527..0000000
--- a/packages/react-native-benchmarking-library/example/App.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './src/App';
diff --git a/packages/react-native-benchmarking-library/example/babel.config.js b/packages/react-native-benchmarking-library/example/babel.config.js
deleted file mode 100644
index 7a437af..0000000
--- a/packages/react-native-benchmarking-library/example/babel.config.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const path = require('path');
-const { getConfig } = require('react-native-builder-bob/babel-config');
-const pkg = require('../package.json');
-
-const root = path.resolve(__dirname, '..');
-
-module.exports = function (api) {
-  api.cache(true);
-
-  return getConfig(
-    {
-      presets: ['babel-preset-expo'],
-    },
-    { root, pkg }
-  );
-};
diff --git a/packages/react-native-benchmarking-library/example/metro.config.js b/packages/react-native-benchmarking-library/example/metro.config.js
deleted file mode 100644
index ccb291e..0000000
--- a/packages/react-native-benchmarking-library/example/metro.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const path = require('path');
-const { getDefaultConfig } = require('@expo/metro-config');
-const { getConfig } = require('react-native-builder-bob/metro-config');
-const pkg = require('../package.json');
-
-const root = path.resolve(__dirname, '..');
-
-/**
- * Metro configuration
- * https://facebook.github.io/metro/docs/configuration
- *
- * @type {import('metro-config').MetroConfig}
- */
-module.exports = getConfig(getDefaultConfig(__dirname), {
-  root,
-  pkg,
-  project: __dirname,
-});
diff --git a/packages/react-native-benchmarking-library/example/tsconfig.json b/packages/react-native-benchmarking-library/example/tsconfig.json
deleted file mode 100644
index facc3ec..0000000
--- a/packages/react-native-benchmarking-library/example/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    // Avoid expo-cli auto-generating a tsconfig
-  }
-}

From 75af768052cf2fbfac2c7a89e6b7e41da1bb883c Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 13:35:34 -0400
Subject: [PATCH 08/11] Update npm metadata

---
 .../package.json                               | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-benchmarking-library/package.json b/packages/react-native-benchmarking-library/package.json
index 6512306..c2868bb 100644
--- a/packages/react-native-benchmarking-library/package.json
+++ b/packages/react-native-benchmarking-library/package.json
@@ -1,11 +1,23 @@
 {
   "name": "react-native-benchmarking-library",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "description": "Utilities for benchmarking JavaScript libraries in React Native applications",
   "main": "src/index",
-  "author": " <> ()",
+  "author": "",
   "license": "UNLICENSED",
-  "homepage": "#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rebeckerspecialties/benchmarking-test-app.git"
+  },
+  "keywords": [
+    "Benchmarking",
+    "React",
+    "Native"
+  ],
+  "bugs": {
+    "url": "https://github.com/rebeckerspecialties/benchmarking-test-app/issues"
+  },
+  "homepage": "https://github.com/rebeckerspecialties/benchmarking-test-app#readme",
   "create-react-native-library": {
     "type": "library",
     "version": "0.42.2"

From fd9fc9c97a52b2891a79f31c118b372b53f6d27d Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 13:38:34 -0400
Subject: [PATCH 09/11] Add README

---
 packages/react-native-benchmarking-library/README.md    | 3 +++
 packages/react-native-benchmarking-library/package.json | 3 +++
 2 files changed, 6 insertions(+)
 create mode 100644 packages/react-native-benchmarking-library/README.md

diff --git a/packages/react-native-benchmarking-library/README.md b/packages/react-native-benchmarking-library/README.md
new file mode 100644
index 0000000..622af68
--- /dev/null
+++ b/packages/react-native-benchmarking-library/README.md
@@ -0,0 +1,3 @@
+# React Native Benchmarking Library
+
+Utilities for benchmarking JavaScript libraries in React Native applications
diff --git a/packages/react-native-benchmarking-library/package.json b/packages/react-native-benchmarking-library/package.json
index c2868bb..8b52daf 100644
--- a/packages/react-native-benchmarking-library/package.json
+++ b/packages/react-native-benchmarking-library/package.json
@@ -14,6 +14,9 @@
     "React",
     "Native"
   ],
+  "files": [
+    "src"
+  ],
   "bugs": {
     "url": "https://github.com/rebeckerspecialties/benchmarking-test-app/issues"
   },

From 486e3d4649d3fcf66c88a8c7fce28e0b71b35aa6 Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 13:41:33 -0400
Subject: [PATCH 10/11] Use semver instead of file dep

---
 apps/benchmarking-test-app/package.json | 2 +-
 package-lock.json                       | 6 +++---
 package.json                            | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/benchmarking-test-app/package.json b/apps/benchmarking-test-app/package.json
index ec82c76..f7ee4c8 100644
--- a/apps/benchmarking-test-app/package.json
+++ b/apps/benchmarking-test-app/package.json
@@ -28,7 +28,7 @@
     "node-schedule": "^2.1.1",
     "react": "18.2.0",
     "react-native": "^0.75.0",
-    "react-native-benchmarking-library": "file:../../packages/react-native-benchmarking-library",
+    "react-native-benchmarking-library": "1.0.0",
     "react-native-get-random-values": "^1.11.0",
     "react-native-permissions": "^3.10.1",
     "react-native-release-profiler": "^0.2.1",
diff --git a/package-lock.json b/package-lock.json
index e0a82af..26935bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
         "bitecs": "^0.3.40",
         "react": "18.2.0",
         "react-native": "^0.75.0",
-        "react-native-benchmarking-library": "file:./packages/react-native-benchmarking-library",
+        "react-native-benchmarking-library": "1.0.0",
         "react-native-permissions": "^3.10.1",
         "react-native-wgpu": "^0.1.8",
         "three": "^0.168.0"
@@ -55,7 +55,7 @@
         "node-schedule": "^2.1.1",
         "react": "18.2.0",
         "react-native": "^0.75.0",
-        "react-native-benchmarking-library": "file:../../packages/react-native-benchmarking-library",
+        "react-native-benchmarking-library": "1.0.0",
         "react-native-get-random-values": "^1.11.0",
         "react-native-permissions": "^3.10.1",
         "react-native-release-profiler": "^0.2.1",
@@ -18321,7 +18321,7 @@
       "version": "0.0.1"
     },
     "packages/react-native-benchmarking-library": {
-      "version": "0.0.0",
+      "version": "1.0.0",
       "license": "UNLICENSED",
       "dependencies": {
         "react": "^18.3.1",
diff --git a/package.json b/package.json
index 00a6c94..836d887 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "react-native-permissions": "^3.10.1",
     "react-native-wgpu": "^0.1.8",
     "three": "^0.168.0",
-    "react-native-benchmarking-library": "file:./packages/react-native-benchmarking-library"
+    "react-native-benchmarking-library": "1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

From fd6ddf5ca923286b5eeaf4a03f2b86a2819576fe Mon Sep 17 00:00:00 2001
From: Henry Allen <hmallen99@gmail.com>
Date: Wed, 30 Oct 2024 15:05:06 -0400
Subject: [PATCH 11/11] Update README

---
 .../README.md                                 | 180 ++++++++++++++++++
 1 file changed, 180 insertions(+)

diff --git a/packages/react-native-benchmarking-library/README.md b/packages/react-native-benchmarking-library/README.md
index 622af68..e70c93c 100644
--- a/packages/react-native-benchmarking-library/README.md
+++ b/packages/react-native-benchmarking-library/README.md
@@ -1,3 +1,183 @@
 # React Native Benchmarking Library
 
 Utilities for benchmarking JavaScript libraries in React Native applications
+
+## Quick Start
+
+For the simplest benchmark setup, use the `BenchmarkHarness` component:
+
+```tsx
+const BENCHMARK_MATRIX = [
+  {
+    title: "simpleBenchmark",
+    benchmarkType: "headless",
+    benchmarkFn: simpleBenchmark,
+  },
+  {
+    title: "fxaaBenchmark",
+    benchmarkType: "graphics",
+    benchmarkFn: fxaaBenchmark,
+  },
+];
+
+const App = () => {
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView
+        style={{ flex: 1, backgroundColor: "white" }}
+        accessibilityLabel="benchmarkSafeArea"
+      >
+        <BenchmarkHarness items={BENCHMARK_MATRIX} />
+      </SafeAreaView>
+    </>
+  );
+};
+```
+
+## Writing a headless benchmark function
+
+A headless benchmark simply needs to resolve a Promise when execution completes. A good benchmark function should have sufficient iterations to reduce variability. For example:
+
+```ts
+const simpleBenchmark = async () => {
+  for (let i = 0; i < 100; i++) {
+    await new Promise((resolve) => {
+      setTimeout(resolve, i);
+    });
+  }
+};
+```
+
+## Writing a graphics benchmark function
+
+A graphics benchmark function takes in the GPU context and Canvas and resolves when execution completes. For example:
+
+```ts
+// https://webgpu.github.io/webgpu-samples/?sample=helloTriangle
+import { redFragWGSL, triangleVertWGSL } from "./shaders/triangleShader";
+import { CanvasContext } from "./types";
+
+export const runHelloTriangle = async (
+  context: CanvasContext,
+  device: GPUDevice,
+  _canvas: HTMLCanvasElement,
+  requestAnimationFrame: (callback: (time: number) => void) => number
+) => {
+  const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+  const pipeline = device.createRenderPipeline({
+    layout: "auto",
+    vertex: {
+      module: device.createShaderModule({
+        code: triangleVertWGSL,
+      }),
+      entryPoint: "main",
+    },
+    fragment: {
+      module: device.createShaderModule({
+        code: redFragWGSL,
+      }),
+      entryPoint: "main",
+      targets: [
+        {
+          format: presentationFormat,
+        },
+      ],
+    },
+    primitive: {
+      topology: "triangle-list",
+    },
+  });
+
+  const uniformBufferSize = 4;
+  const uniformBuffer = device.createBuffer({
+    size: uniformBufferSize,
+    usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
+  });
+
+  const uniformBindGroup = device.createBindGroup({
+    layout: pipeline.getBindGroupLayout(0),
+    entries: [
+      {
+        binding: 0,
+        resource: {
+          buffer: uniformBuffer,
+        },
+      },
+    ],
+  });
+
+  return new Promise<void>((resolve) => {
+    let frame = 0;
+    const animate = () => {
+      const textureView = context.getCurrentTexture().createView();
+
+      const renderPassDescriptor: GPURenderPassDescriptor = {
+        colorAttachments: [
+          {
+            view: textureView,
+            clearValue: [0, 0, 0, 1],
+            loadOp: "clear",
+            storeOp: "store",
+          },
+        ],
+      };
+      const commandEncoder = device.createCommandEncoder();
+
+      const floatBuffer = new Float32Array(1);
+      floatBuffer.fill(frame, 0);
+      frame++;
+
+      device.queue.writeBuffer(
+        uniformBuffer,
+        0,
+        floatBuffer.buffer,
+        floatBuffer.byteOffset,
+        floatBuffer.byteLength
+      );
+
+      const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
+      passEncoder.setPipeline(pipeline);
+      passEncoder.setBindGroup(0, uniformBindGroup);
+      passEncoder.draw(3);
+      passEncoder.end();
+
+      device.queue.submit([commandEncoder.finish()]);
+      context.present();
+
+      if (frame >= 500) {
+        resolve();
+      } else {
+        requestAnimationFrame(() => animate());
+      }
+    };
+
+    requestAnimationFrame(animate);
+  });
+};
+```
+
+## Customized Setup
+
+By default, the `BenchmarkHarness` will include a toggle for generating flamegraphs, and will log the JavaScript Engine being used (Hermes or JavaScriptCore). If these options are not needed, or more configuration options are desired, the `Benchmark`, `GraphicsBenchmark`, and `JavaScriptEngineVersion` components can be used independently.
+
+```tsx
+const App = () => {
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView
+        style={{ flex: 1, backgroundColor: "white" }}
+        accessibilityLabel="benchmarkSafeArea"
+      >
+        <Benchmark
+          flamegraphEnabled={true}
+          name={"simpleBenchmark"}
+          run={simpleBenchmark}
+          key={"simpleBenchmark"}
+        />
+      </SafeAreaView>
+    </>
+  );
+};
+```