From e19dd9a305c82e074cf3c5ace39b91b8a5ded915 Mon Sep 17 00:00:00 2001
From: russellwheatley <russellwheatley85@gmail.com>
Date: Tue, 15 Apr 2025 16:38:22 +0100
Subject: [PATCH 1/5] test: create a test app for users to run

---
 package.json                        |   5 +-
 tests/test-app/examples/vertexai.js | 263 ++++++++++++++++++++++++++++
 tests/test-app/index.js             |   1 +
 tests/test-app/metro.config.js      |  77 ++++++++
 4 files changed, 345 insertions(+), 1 deletion(-)
 create mode 100644 tests/test-app/examples/vertexai.js
 create mode 100644 tests/test-app/index.js
 create mode 100644 tests/test-app/metro.config.js

diff --git a/package.json b/package.json
index 7ae788b574..93160eb783 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,10 @@
     "tests:macos:build": "cd tests && yarn build:macos",
     "tests:macos:pod:install": "cd tests && rm -f macos/Podfile.lock && cd macos && pod install",
     "tests:macos:test-cover": "cd tests && npx jet --target=macos --coverage",
-    "format:markdown": "prettier --write \"docs/**/*.md\""
+    "format:markdown": "prettier --write \"docs/**/*.md\"",
+    "example:app:bundler": "cd tests && yarn react-native start --config ./test-app/metro.config.js --reset-cache",
+    "example:app:run:ios": "cd tests && yarn react-native run-ios",
+    "example:app:run:android": "cd tests && yarn react-native run-android"
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
diff --git a/tests/test-app/examples/vertexai.js b/tests/test-app/examples/vertexai.js
new file mode 100644
index 0000000000..d8e65df109
--- /dev/null
+++ b/tests/test-app/examples/vertexai.js
@@ -0,0 +1,263 @@
+import React from 'react';
+import { AppRegistry, Button, View } from 'react-native';
+
+import { getApp } from '@react-native-firebase/app';
+import { getVertexAI, getGenerativeModel, Schema } from '@react-native-firebase/vertexai';
+
+function App() {
+  return (
+    <View>
+      <View style={{ height: 90 }} />
+      <Button
+        title="generateContent"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, { model: 'gemini-1.5-flash' });
+
+            const result = await model.generateContent('What is 2 + 2?');
+
+            console.log('result', result.response.text());
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+      <Button
+        title="generateContentStream"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, { model: 'gemini-1.5-flash' });
+
+            const result = await model.generateContentStream('Write me a short, funny rap');
+
+            let text = '';
+            for await (const chunk of result.stream) {
+              const chunkText = chunk.text();
+              console.log(chunkText);
+
+              text += chunkText;
+            }
+
+            console.log('result', text);
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+      <Button
+        title="generateContentStream multi-modal"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, { model: 'gemini-1.5-flash' });
+            const prompt = 'What can you see?';
+            const base64Emoji =
+              'iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANCSURBVEiJtZZPbBtFFMZ/M7ubXdtdb1xSFyeilBapySVU8h8OoFaooFSqiihIVIpQBKci6KEg9Q6H9kovIHoCIVQJJCKE1ENFjnAgcaSGC6rEnxBwA04Tx43t2FnvDAfjkNibxgHxnWb2e/u992bee7tCa00YFsffekFY+nUzFtjW0LrvjRXrCDIAaPLlW0nHL0SsZtVoaF98mLrx3pdhOqLtYPHChahZcYYO7KvPFxvRl5XPp1sN3adWiD1ZAqD6XYK1b/dvE5IWryTt2udLFedwc1+9kLp+vbbpoDh+6TklxBeAi9TL0taeWpdmZzQDry0AcO+jQ12RyohqqoYoo8RDwJrU+qXkjWtfi8Xxt58BdQuwQs9qC/afLwCw8tnQbqYAPsgxE1S6F3EAIXux2oQFKm0ihMsOF71dHYx+f3NND68ghCu1YIoePPQN1pGRABkJ6Bus96CutRZMydTl+TvuiRW1m3n0eDl0vRPcEysqdXn+jsQPsrHMquGeXEaY4Yk4wxWcY5V/9scqOMOVUFthatyTy8QyqwZ+kDURKoMWxNKr2EeqVKcTNOajqKoBgOE28U4tdQl5p5bwCw7BWquaZSzAPlwjlithJtp3pTImSqQRrb2Z8PHGigD4RZuNX6JYj6wj7O4TFLbCO/Mn/m8R+h6rYSUb3ekokRY6f/YukArN979jcW+V/S8g0eT/N3VN3kTqWbQ428m9/8k0P/1aIhF36PccEl6EhOcAUCrXKZXXWS3XKd2vc/TRBG9O5ELC17MmWubD2nKhUKZa26Ba2+D3P+4/MNCFwg59oWVeYhkzgN/JDR8deKBoD7Y+ljEjGZ0sosXVTvbc6RHirr2reNy1OXd6pJsQ+gqjk8VWFYmHrwBzW/n+uMPFiRwHB2I7ih8ciHFxIkd/3Omk5tCDV1t+2nNu5sxxpDFNx+huNhVT3/zMDz8usXC3ddaHBj1GHj/As08fwTS7Kt1HBTmyN29vdwAw+/wbwLVOJ3uAD1wi/dUH7Qei66PfyuRj4Ik9is+hglfbkbfR3cnZm7chlUWLdwmprtCohX4HUtlOcQjLYCu+fzGJH2QRKvP3UNz8bWk1qMxjGTOMThZ3kvgLI5AzFfo379UAAAAASUVORK5CYII=';
+
+            // Call generateContentStream with the text and images
+            const response = await model.generateContentStream([
+              prompt,
+              { inlineData: { mimeType: 'image/png', data: base64Emoji } },
+            ]);
+
+            let text = '';
+            for await (const chunk of response.stream) {
+              text += chunk.text();
+            }
+
+            console.log('Generated text:', text);
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+      <Button
+        title="generate JSON response"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const jsonSchema = Schema.object({
+              properties: {
+                characters: Schema.array({
+                  items: Schema.object({
+                    properties: {
+                      name: Schema.string(),
+                      accessory: Schema.string(),
+                      age: Schema.number(),
+                      species: Schema.string(),
+                    },
+                    optionalProperties: ['accessory'],
+                  }),
+                }),
+              },
+            });
+            const model = getGenerativeModel(vertexai, {
+              model: 'gemini-1.5-flash',
+              generationConfig: {
+                responseMimeType: 'application/json',
+                responseSchema: jsonSchema,
+              },
+            });
+
+            let prompt = "For use in a children's card game, generate 10 animal-based characters.";
+
+            let result = await model.generateContent(prompt);
+            console.log(result.response.text());
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+      <Button
+        title="startChat"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, { model: 'gemini-1.5-flash' });
+
+            const chat = model.startChat({
+              history: [
+                {
+                  role: 'user',
+                  parts: [{ text: 'Hello, I have 2 dogs in my house.' }],
+                },
+                {
+                  role: 'model',
+                  parts: [{ text: 'Great to meet you. What would you like to know?' }],
+                },
+              ],
+              generationConfig: {
+                maxOutputTokens: 100,
+              },
+            });
+
+            const msg = 'How many paws are in my house?';
+            const result = await chat.sendMessageStream(msg);
+
+            let text = '';
+            for await (const chunk of result.stream) {
+              const chunkText = chunk.text();
+              text += chunkText;
+            }
+            console.log(text);
+            chat.getHistory();
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+      <Button
+        title="countTokens"
+        onPress={async () => {
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, { model: 'gemini-1.5-flash' });
+
+            const result = await model.countTokens('What is 2 + 2?');
+
+            console.log('totalBillableCharacters', result.totalBillableCharacters);
+            console.log('totalTokens', result.totalTokens);
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+
+      <Button
+        title="function calling"
+        onPress={async () => {
+          // This function calls a hypothetical external API that returns
+          // a collection of weather information for a given location on a given date.
+          // `location` is an object of the form { city: string, state: string }
+          async function fetchWeather({ location, date }) {
+            // For demo purposes, this hypothetical response is hardcoded here in the expected format.
+            return {
+              temperature: 38,
+              chancePrecipitation: '56%',
+              cloudConditions: 'partlyCloudy',
+            };
+          }
+          const fetchWeatherTool = {
+            functionDeclarations: [
+              {
+                name: 'fetchWeather',
+                description: 'Get the weather conditions for a specific city on a specific date',
+                parameters: Schema.object({
+                  properties: {
+                    location: Schema.object({
+                      description:
+                        'The name of the city and its state for which to get ' +
+                        'the weather. Only cities in the USA are supported.',
+                      properties: {
+                        city: Schema.string({
+                          description: 'The city of the location.',
+                        }),
+                        state: Schema.string({
+                          description: 'The US state of the location.',
+                        }),
+                      },
+                    }),
+                    date: Schema.string({
+                      description:
+                        'The date for which to get the weather. Date must be in the' +
+                        ' format: YYYY-MM-DD.',
+                    }),
+                  },
+                }),
+              },
+            ],
+          };
+          try {
+            const app = getApp();
+            const vertexai = getVertexAI(app);
+            const model = getGenerativeModel(vertexai, {
+              model: 'gemini-1.5-flash',
+              tools: fetchWeatherTool,
+            });
+
+            const chat = model.startChat();
+            const prompt = 'What was the weather in Boston on October 17, 2024?';
+
+            // Send the user's question (the prompt) to the model using multi-turn chat.
+            let result = await chat.sendMessage(prompt);
+            const functionCalls = result.response.functionCalls();
+            let functionCall;
+            let functionResult;
+            // When the model responds with one or more function calls, invoke the function(s).
+            if (functionCalls.length > 0) {
+              for (const call of functionCalls) {
+                if (call.name === 'fetchWeather') {
+                  // Forward the structured input data prepared by the model
+                  // to the hypothetical external API.
+                  functionResult = await fetchWeather(call.args);
+                  functionCall = call;
+                }
+              }
+            }
+            result = await chat.sendMessage([
+              {
+                functionResponse: {
+                  name: functionCall.name, // "fetchWeather"
+                  response: functionResult,
+                },
+              },
+            ]);
+            console.log(result.response.text());
+          } catch (e) {
+            console.error(e);
+          }
+        }}
+      />
+    </View>
+  );
+}
+
+AppRegistry.registerComponent('testing', () => App);
diff --git a/tests/test-app/index.js b/tests/test-app/index.js
new file mode 100644
index 0000000000..7a2f267ee3
--- /dev/null
+++ b/tests/test-app/index.js
@@ -0,0 +1 @@
+require('./examples/vertexai');
diff --git a/tests/test-app/metro.config.js b/tests/test-app/metro.config.js
new file mode 100644
index 0000000000..a68f982c7b
--- /dev/null
+++ b/tests/test-app/metro.config.js
@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2016-present Invertase Limited & Contributors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this library except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+const { resolve, join } = require('path');
+const { readdirSync, statSync } = require('fs');
+
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const rootDir = resolve(__dirname, '..', '..');
+const packagesDir = resolve(rootDir, 'packages');
+
+const isDirectory = source => statSync(source).isDirectory();
+const firebaseModules = readdirSync(packagesDir)
+  .map(name => join(packagesDir, name))
+  .filter(isDirectory);
+
+const config = {
+  projectRoot: __dirname,
+  resolver: {
+    useWatchman: !process.env.CI,
+    blocklist: exclusionList([
+      /.*\/__fixtures__\/.*/,
+      /.*\/template\/project\/node_modules\/react-native\/.*/,
+      new RegExp(`^${escape(resolve(rootDir, 'docs'))}\\/.*$`),
+      new RegExp(`^${escape(resolve(rootDir, 'tests/ios'))}\\/.*$`),
+      new RegExp(
+        `^${escape(resolve(rootDir, 'packages/template/project/node_modules/react-native'))}\\/.*$`,
+      ),
+      new RegExp(`^${escape(resolve(rootDir, 'tests/e2e'))}\\/.*$`),
+      new RegExp(`^${escape(resolve(rootDir, 'tests/android'))}\\/.*$`),
+      new RegExp(`^${escape(resolve(rootDir, 'tests/functions'))}\\/.*$`),
+    ]),
+    extraNodeModules: new Proxy(
+      {},
+      {
+        get: (target, name) => {
+          if (typeof name !== 'string') {
+            return target[name];
+          }
+          if (name && name.startsWith && name.startsWith('@react-native-firebase')) {
+            const packageName = name.replace('@react-native-firebase/', '');
+            return join(__dirname, `../../packages/${packageName}`);
+          }
+          return join(__dirname, `../node_modules/${name}`);
+        },
+      },
+    ),
+  },
+  transformer: {
+    unstable_allowRequireContext: true,
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+  watchFolders: [resolve(__dirname, '..'), ...firebaseModules],
+};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);

From 46f7d4b4d88e7c3fa6076cf44280212932975581 Mon Sep 17 00:00:00 2001
From: russellwheatley <russellwheatley85@gmail.com>
Date: Wed, 16 Apr 2025 10:22:52 +0100
Subject: [PATCH 2/5] chore: update buttons in example

---
 tests/test-app/examples/vertexai.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/tests/test-app/examples/vertexai.js b/tests/test-app/examples/vertexai.js
index d8e65df109..2eb6bd4a1e 100644
--- a/tests/test-app/examples/vertexai.js
+++ b/tests/test-app/examples/vertexai.js
@@ -9,7 +9,7 @@ function App() {
     <View>
       <View style={{ height: 90 }} />
       <Button
-        title="generateContent"
+        title="Generate Content"
         onPress={async () => {
           try {
             const app = getApp();
@@ -25,7 +25,7 @@ function App() {
         }}
       />
       <Button
-        title="generateContentStream"
+        title="Generate Content Stream"
         onPress={async () => {
           try {
             const app = getApp();
@@ -49,7 +49,7 @@ function App() {
         }}
       />
       <Button
-        title="generateContentStream multi-modal"
+        title="Generate Content Stream multi-modal"
         onPress={async () => {
           try {
             const app = getApp();
@@ -77,7 +77,7 @@ function App() {
         }}
       />
       <Button
-        title="generate JSON response"
+        title="Generate JSON Response"
         onPress={async () => {
           try {
             const app = getApp();
@@ -115,7 +115,7 @@ function App() {
         }}
       />
       <Button
-        title="startChat"
+        title="Start Chat"
         onPress={async () => {
           try {
             const app = getApp();
@@ -154,7 +154,7 @@ function App() {
         }}
       />
       <Button
-        title="countTokens"
+        title="Count Tokens"
         onPress={async () => {
           try {
             const app = getApp();
@@ -172,7 +172,7 @@ function App() {
       />
 
       <Button
-        title="function calling"
+        title="Function Calling"
         onPress={async () => {
           // This function calls a hypothetical external API that returns
           // a collection of weather information for a given location on a given date.

From e733914b50edde8d144a6cb1bcc3815820d4cada Mon Sep 17 00:00:00 2001
From: russellwheatley <russellwheatley85@gmail.com>
Date: Wed, 16 Apr 2025 10:37:44 +0100
Subject: [PATCH 3/5] example app README

---
 tests/test-app/README.md | 30 ++++++++++++++++++++++++++++++
 tests/test-app/index.js  |  5 +++++
 2 files changed, 35 insertions(+)
 create mode 100644 tests/test-app/README.md

diff --git a/tests/test-app/README.md b/tests/test-app/README.md
new file mode 100644
index 0000000000..738c72cdf2
--- /dev/null
+++ b/tests/test-app/README.md
@@ -0,0 +1,30 @@
+# React Native Firebase Example App
+
+## Setup
+
+1. Follow the steps in the [test README](../README.md) up to and including step one (i.e. `Requirements`, `Cleaning dependencies` and `Install test project dependencies`).
+
+2. Choose which example app to run in the [index file](./index.js) by commenting out the apps you don't want to use.
+
+3. In your terminal, run the following to start the test app bundler:
+```bash
+yarn example:app:bundler
+```
+
+4. For vertexAI example, we have enforced Firebase App Check so the APIs will fail, and you will have to update the relevant service files (i.e. `../ios/GoogleService-Info.plist` and `../android/app/google-services.json`) for your Firebase project.
+
+## Run and build app for android
+
+Open a new terminal and run:
+
+```bash
+yarn example:app:run:android
+```
+
+## Run and build app for iOS
+
+Open a new terminal and run:
+
+```bash
+yarn example:app:run:ios
+```
\ No newline at end of file
diff --git a/tests/test-app/index.js b/tests/test-app/index.js
index 7a2f267ee3..494aae592b 100644
--- a/tests/test-app/index.js
+++ b/tests/test-app/index.js
@@ -1 +1,6 @@
+/**
+ * Add sample apps here
+ *
+ * comment out all imports but the one you wish to run
+ */
 require('./examples/vertexai');

From cc66916fa45eb45bef49b666953f432a9d56a012 Mon Sep 17 00:00:00 2001
From: Russell Wheatley <russellwheatley85@gmail.com>
Date: Wed, 16 Apr 2025 15:04:22 +0100
Subject: [PATCH 4/5] Update package.json

Co-authored-by: Mike Hardy <github@mikehardy.net>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 93160eb783..4b156e1cd3 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "tests:macos:test-cover": "cd tests && npx jet --target=macos --coverage",
     "format:markdown": "prettier --write \"docs/**/*.md\"",
     "example:app:bundler": "cd tests && yarn react-native start --config ./test-app/metro.config.js --reset-cache",
-    "example:app:run:ios": "cd tests && yarn react-native run-ios",
+    "example:app:run:ios": "cd tests && SIMCTL_CHILD_GULGeneratedClassDisposeDisabled=1 CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ yarn react-native run-ios",
     "example:app:run:android": "cd tests && yarn react-native run-android"
   },
   "devDependencies": {

From be64ca1788c6ed7e2b532e3953eac7c44cbd2261 Mon Sep 17 00:00:00 2001
From: Russell Wheatley <russellwheatley85@gmail.com>
Date: Wed, 16 Apr 2025 15:04:49 +0100
Subject: [PATCH 5/5] Update README.md

---
 tests/test-app/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/test-app/README.md b/tests/test-app/README.md
index 738c72cdf2..e034305941 100644
--- a/tests/test-app/README.md
+++ b/tests/test-app/README.md
@@ -21,10 +21,10 @@ Open a new terminal and run:
 yarn example:app:run:android
 ```
 
-## Run and build app for iOS
+## Run and build app for iOS
 
 Open a new terminal and run:
 
 ```bash
 yarn example:app:run:ios
-```
\ No newline at end of file
+```