### Automatic Installation with Rozenite Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/getting-started.mdx Use this command for the recommended automatic installation. It detects your bundler, installs Rozenite, and configures your project. ```bash npx rozenite@latest init ``` ```bash yarn dlx rozenite@latest init ``` ```bash pnpm dlx rozenite@latest init ``` ```bash bunx rozenite@latest init ``` -------------------------------- ### Install Development Dependencies Source: https://github.com/callstackincubator/rozenite/blob/main/CONTRIBUTING.md Run this command to install all necessary dependencies for development. ```bash pnpm install ``` -------------------------------- ### Manual Installation for Metro Bundler Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/getting-started.mdx Install the Rozenite package for Metro bundler if you prefer manual setup or automatic installation fails. ```bash install -D @rozenite/metro ``` -------------------------------- ### Install React Navigation Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/react-navigation-plugin/README.md Install the plugin as a dependency using npm. ```bash npm install @rozenite/react-navigation-plugin ``` -------------------------------- ### Manual Installation for Re.Pack Bundler Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/getting-started.mdx Install the Rozenite package for Re.Pack bundler if you prefer manual setup or automatic installation fails. ```bash install -D @rozenite/repack ``` -------------------------------- ### Install Storage Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the Storage plugin as a development dependency. ```bash npm install -D @rozenite/storage-plugin ``` -------------------------------- ### Example: List Storages Tool Call Source: https://github.com/callstackincubator/rozenite/blob/main/packages/cli/skills/rozenite-agent/SKILL.md An example demonstrating how to call the `list-storages` tool within the `at-rozenite__mmkv-plugin` domain. The arguments are an empty JSON object. ```bash npx rozenite agent at-rozenite__mmkv-plugin call --tool list-storages --args '{}' --session ``` -------------------------------- ### Install File System Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the File System plugin as a development dependency. ```bash npm install -D @rozenite/file-system-plugin ``` -------------------------------- ### Setup React Native Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/plugin-development/plugin-development.md Integrate React Native functionality into your plugin. This example shows how to handle messages from DevTools panels and access React Native APIs. ```typescript import { DevToolsPluginClient } from '@rozenite/plugin-bridge'; import { Platform, Dimensions } from 'react-native'; // Use the same type-safe event map interface PluginEvents { 'user-data': { id: string; name: string; email: string; }; 'request-user-data': { type: 'userInfo'; }; } export default function setupPlugin( client: DevToolsPluginClient ) { // Handle messages from DevTools panels with full type safety client.onMessage('request-user-data', (data) => { // Access React Native APIs const deviceInfo = { platform: Platform.OS, version: Platform.Version, dimensions: Dimensions.get('window'), }; // Send type-safe response client.send('user-data', { id: 'user-123', name: 'John Doe', email: 'john@example.com', }); }); } ``` -------------------------------- ### Start Documentation Development Server Source: https://github.com/callstackincubator/rozenite/blob/main/CONTRIBUTING.md Run this command from the 'website' directory to start the documentation development server using rspress. ```bash pnpm run dev ``` -------------------------------- ### Example Usage of getTree Tool Source: https://github.com/callstackincubator/rozenite/blob/main/docs/react-agent-features/01-get-tree.md Demonstrates how to call the `getTree` tool using the Rozenite CLI. This example requests the entire React component tree without any specific filtering. ```bash rozenite agent react call --tool getTree --args '{}' --session ``` -------------------------------- ### Install Controls Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the Controls plugin as a development dependency. ```bash npm install -D @rozenite/controls-plugin ``` -------------------------------- ### Install Rozenite File System Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/file-system-plugin/README.md Install the core file system plugin package using npm. ```bash npm install @rozenite/file-system-plugin ``` -------------------------------- ### Install Network Activity Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the Network Activity plugin as a development dependency. ```bash npm install -D @rozenite/network-activity-plugin ``` -------------------------------- ### Usage Example Source: https://github.com/callstackincubator/rozenite/blob/main/packages/storage-plugin/README.md Demonstrates how to import and use the storage plugin with different storage adapters. ```APIDOC ## Usage ```ts import { createAsyncStorageAdapter, createMMKVStorageAdapter, createExpoSecureStorageAdapter, useRozeniteStoragePlugin, } from '@rozenite/storage-plugin'; const storages = [ createMMKVStorageAdapter({ storages: { user: userStorage, cache: cacheStorage, }, blacklist: /user:token|cache:.*Binary.*/, }), createAsyncStorageAdapter({ storage: AsyncStorage, }), createExpoSecureStorageAdapter({ storage: SecureStore, keys: ['token', 'session'], }), ]; useRozeniteStoragePlugin({ storages }); ``` ``` -------------------------------- ### Install Performance Monitor Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the Performance Monitor plugin as a development dependency. ```bash npm install -D @rozenite/performance-monitor-plugin ``` -------------------------------- ### Start Playground Dev Server (Local) Source: https://github.com/callstackincubator/rozenite/blob/main/apps/playground/README.md Starts the Expo development server from within the playground directory. Use this for local development. ```bash pnpm start ``` -------------------------------- ### Install Rozenite Agent SDK Source: https://github.com/callstackincubator/rozenite/blob/main/packages/agent-sdk/README.md Install the SDK as a project dependency using npm. ```bash npm install @rozenite/agent-sdk ``` -------------------------------- ### Install Rozenite CLI Source: https://github.com/callstackincubator/rozenite/blob/main/packages/cli/README.md Install the Rozenite CLI as part of the main Rozenite package using npm. ```bash npm install rozenite ``` -------------------------------- ### Install MMKV Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overview.mdx Installs the MMKV plugin as a development dependency. ```bash npm install -D @rozenite/mmkv-plugin ``` -------------------------------- ### Install TanStack Query Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/tanstack-query-plugin/README.md Install the plugin as a dependency using npm. ```bash npm install @rozenite/tanstack-query-plugin ``` -------------------------------- ### Install Network Activity Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/network-activity-plugin/README.md Install the Network Activity plugin as a dependency using npm. ```bash npm install @rozenite/network-activity-plugin ``` -------------------------------- ### Create and Start Rozenite Plugin Development Server Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/plugin-development/plugin-development.md Use these commands to generate a new plugin and start the development server. The server watches for file changes and hot reloads panels automatically. ```shell rozenite generate cd my-awesome-plugin rozenite dev ``` -------------------------------- ### Install Storage Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/storage-plugin/README.md Install the main storage plugin package. Optional peer dependencies are listed separately. ```bash npm install @rozenite/storage-plugin ``` -------------------------------- ### Install Expo FileSystem Provider Source: https://github.com/callstackincubator/rozenite/blob/main/packages/file-system-plugin/README.md Install the Expo FileSystem library as a provider for the Rozenite plugin. ```bash npm install expo-file-system ``` -------------------------------- ### Start Development Server for Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/cli/README.md Run the 'dev' command to start the development server with hot reload and file watchers. This is useful for active development and testing. ```bash npx rozenite dev ``` ```bash rozenite dev ./my-plugin ``` -------------------------------- ### Install Require Profiler Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/require-profiler-plugin/README.md Install the plugin as a dependency using npm. ```bash npm install @rozenite/require-profiler-plugin ``` -------------------------------- ### Start Expo Dev Server Source: https://github.com/callstackincubator/rozenite/blob/main/apps/playground/README.md Starts the Expo development server for the playground app. Use this from the root workspace. ```bash pnpm start:playground ``` -------------------------------- ### Install Rozenite for Web Source: https://github.com/callstackincubator/rozenite/blob/main/packages/web/README.md Add the @rozenite/web package as a development dependency to your project. ```bash pnpm add -D @rozenite/web ``` -------------------------------- ### Install rozenite-agent-sdk Skill Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/skills.mdx Use this command to install the `rozenite-agent-sdk` skill for SDK-driven scripts and automations with Node.js and TypeScript. This links the skill locally to your project. ```bash npx skills add https://github.com/callstackincubator/rozenite --skill rozenite-agent-sdk --agent codex ``` -------------------------------- ### Install rozenite-agent-sdk Skill Globally Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/skills.mdx Install the `rozenite-agent-sdk` skill globally for all projects. This allows you to use the SDK skill across different projects without reinstalling. ```bash npx skills add https://github.com/callstackincubator/rozenite --skill rozenite-agent-sdk --agent codex --global ``` -------------------------------- ### Install Performance Monitor Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/performance-monitor-plugin/README.md Install the plugin and its peer dependency using npm. This command should be run in your project's root directory. ```bash npm install @rozenite/performance-monitor-plugin react-native-performance ``` -------------------------------- ### Install Optional Peer Dependencies Source: https://github.com/callstackincubator/rozenite/blob/main/packages/storage-plugin/README.md Install optional peer dependencies based on the storage adapters you intend to use. ```bash npm install react-native-mmkv @react-native-async-storage/async-storage expo-secure-store ``` -------------------------------- ### Install rozenite-agent Skill Globally Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/skills.mdx Install the `rozenite-agent` skill globally for all projects. This is useful if you frequently use this skill across multiple projects. ```bash npx skills add https://github.com/callstackincubator/rozenite --skill rozenite-agent --agent codex --global ``` -------------------------------- ### Install Rozenite Plugin Bridge Source: https://github.com/callstackincubator/rozenite/blob/main/packages/plugin-bridge/README.md Install the plugin bridge as a dependency using npm. ```bash npm install @rozenite/plugin-bridge ``` -------------------------------- ### Install Rozenite Metro Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/metro/README.md Install the Metro plugin as a development dependency using npm. ```bash npm install --save-dev @rozenite/metro ``` -------------------------------- ### Install Performance Monitor Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/performance-monitor.mdx Install the Performance Monitor plugin and its peer dependencies using your package manager. ```bash npm install -D @rozenite/performance-monitor-plugin react-native-performance # or yarn add -D @rozenite/performance-monitor-plugin react-native-performance # or pnpm add -D @rozenite/performance-monitor-plugin react-native-performance ``` -------------------------------- ### Install Rozenite Re.Pack Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/repack/README.md Install the Rozenite plugin as a development dependency using npm. ```bash npm install --save-dev @rozenite/repack ``` -------------------------------- ### Install Rozenite Agent Bridge Source: https://github.com/callstackincubator/rozenite/blob/main/packages/agent-bridge/README.md Install the agent bridge as a dependency using npm. ```bash npm install @rozenite/agent-bridge ``` -------------------------------- ### Install React Navigation Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/react-navigation.mdx Install the React Navigation plugin as a development dependency using your package manager. ```bash npm install -D @rozenite/react-navigation-plugin ``` -------------------------------- ### Install Adapter Peer Dependencies Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/storage.mdx Install necessary peer dependencies for MMKV, AsyncStorage, and Expo Secure Store adapters. ```bash npm install -D react-native-mmkv @react-native-async-storage/async-storage expo-secure-store ``` -------------------------------- ### Install MMKV Plugin and Dependencies Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/mmkv.mdx Install the MMKV plugin and its peer dependencies using a package manager. ```bash npm install -D @rozenite/mmkv-plugin react-native-mmkv # or yarn add -D @rozenite/mmkv-plugin react-native-mmkv # or pnpm add -D @rozenite/mmkv-plugin react-native-mmkv ``` -------------------------------- ### Install Rozenite Vite Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/vite-plugin/README.md Install the Rozenite plugin as a development dependency using npm. ```bash npm install --save-dev @rozenite/vite-plugin ``` -------------------------------- ### Install Rozenite Overlay Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/overlay-plugin/README.md Install the Overlay plugin and its peer dependency react-native-svg using npm. ```bash npm install @rozenite/overlay-plugin react-native-svg ``` -------------------------------- ### Install TanStack Query Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/tanstack-query.mdx Install the TanStack Query plugin as a development dependency using your preferred package manager. ```bash npm install -D @rozenite/tanstack-query-plugin # or yarn add -D @rozenite/tanstack-query-plugin # or pnpm add -D @rozenite/tanstack-query-plugin ``` -------------------------------- ### Install SQLite Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/sqlite-plugin/README.md Install the Rozenite SQLite plugin using npm. This is the primary package for the plugin's functionality. ```bash npm install @rozenite/sqlite-plugin ``` -------------------------------- ### Install Controls Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/controls-plugin/README.md Install the Controls Plugin using npm. This command adds the necessary package to your project dependencies. ```bash npm install @rozenite/controls-plugin ``` -------------------------------- ### Install rozenite-agent Skill Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/skills.mdx Use this command to install the `rozenite-agent` skill for CLI-driven debugging with agents like Codex. This links the skill locally to your project. ```bash npx skills add https://github.com/callstackincubator/rozenite --skill rozenite-agent --agent codex ``` -------------------------------- ### Install RHF Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/rhf-plugin/README.md Install the RHF plugin using npm. Ensure `react-hook-form` is also installed as a peer dependency. ```bash npm install @rozenite/rhf-plugin ``` ```bash npm install react-hook-form ``` -------------------------------- ### Install Rozenite Packages with Dist-Tags Source: https://github.com/callstackincubator/rozenite/blob/main/RELEASING.md Install Rozenite packages from npm using specific dist-tags. Installing without a tag defaults to `latest` and should not pull prereleases. ```sh npm install rozenite npm install rozenite@rc npm install rozenite@canary ``` -------------------------------- ### Install RNFS Provider Source: https://github.com/callstackincubator/rozenite/blob/main/packages/file-system-plugin/README.md Install an RNFS-compatible filesystem module for the Rozenite plugin. ```bash npm install @dr.pogodin/react-native-fs ``` -------------------------------- ### Build Production Extension Source: https://github.com/callstackincubator/rozenite/blob/main/packages/chrome-extension/README.md Run this command to create a production-ready build of the extension. The output will be placed in the `dist/` directory. ```bash pnpm build ``` -------------------------------- ### Create Agent Client and Inspect Domains Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/sdk.mdx This script demonstrates the basic usage of the Agent SDK. It creates a client, opens a session, lists available domains, and logs the session ID and domain IDs. Use this as a starting point for interacting with your Rozenite-enabled application. ```typescript import { createAgentClient } from '@rozenite/agent-sdk'; async function inspectApp() { const client = createAgentClient(); return client.withSession(async (session) => { const domains = await session.domains.list(); return { sessionId: session.id, domains: domains.map((domain) => domain.id), }; }); } insp ectApp().then(console.log).catch(console.error); ``` -------------------------------- ### Optional Nitro Integration Installation Source: https://github.com/callstackincubator/rozenite/blob/main/packages/network-activity-plugin/README.md Install the react-native-nitro-fetch package for optional nitro integration. ```bash npm install react-native-nitro-fetch ``` -------------------------------- ### Install Redux DevTools Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/redux-devtools-plugin/README.md Install the Redux DevTools plugin as a development dependency. ```bash npm install -D @rozenite/redux-devtools-plugin ``` -------------------------------- ### Lazy Loading Example Source: https://github.com/callstackincubator/rozenite/blob/main/packages/require-profiler-plugin/README.md Demonstrates how to replace direct imports of heavy modules with lazy loading to optimize startup performance. ```typescript // Instead of loading heavy modules at startup: import HeavyModule from './HeavyModule'; // Consider lazy loading or code splitting: const HeavyModule = lazy(() => import('./HeavyModule')); // Or move to conditional/dynamic imports: if (condition) { const HeavyModule = await import('./HeavyModule'); } ``` -------------------------------- ### Build All Packages Source: https://github.com/callstackincubator/rozenite/blob/main/CONTRIBUTING.md Execute this command to build all packages within the monorepository. ```bash pnpm build:all ``` -------------------------------- ### Install Agent Bridge Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/adding-tools-to-your-application.mdx Install the agent bridge package as a dependency for your React Native application. ```bash npm install @rozenite/agent-bridge # or yarn add @rozenite/agent-bridge # or pnpm add @rozenite/agent-bridge ``` -------------------------------- ### Install MMKV Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/mmkv-plugin/README.md Install the MMKV plugin and its peer dependency react-native-mmkv using npm. ```bash npm install @rozenite/mmkv-plugin ``` ```bash npm install react-native-mmkv ``` -------------------------------- ### Install Expo Atlas Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/packages/expo-atlas-plugin/README.md Install the Expo Atlas plugin as a dependency using npm. ```bash npm install @rozenite/expo-atlas-plugin ``` -------------------------------- ### Install Rozenite Agent Shared Package Source: https://github.com/callstackincubator/rozenite/blob/main/packages/agent-shared/README.md Install the shared package as a dependency using npm. ```bash npm install @rozenite/agent-shared ``` -------------------------------- ### Initialize Rozenite Storage Plugin with Multiple Adapters Source: https://github.com/callstackincubator/rozenite/blob/main/packages/storage-plugin/README.md Configure and use the Rozenite Storage Plugin with MMKV, AsyncStorage, and Expo SecureStore adapters. Ensure all necessary storage instances and configurations are provided. ```typescript import { createAsyncStorageAdapter, createMMKVStorageAdapter, createExpoSecureStorageAdapter, useRozeniteStoragePlugin, } from '@rozenite/storage-plugin'; const storages = [ createMMKVStorageAdapter({ storages: { user: userStorage, cache: cacheStorage, }, blacklist: /user:token|cache:.*Binary.*/, }), createAsyncStorageAdapter({ storage: AsyncStorage, }), createExpoSecureStorageAdapter({ storage: SecureStore, keys: ['token', 'session'], }), ]; useRozeniteStoragePlugin({ storages }); ``` -------------------------------- ### Create AsyncStorage Adapter (v2 and v3) Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/storage.mdx Set up the AsyncStorage adapter. Use the v2 style with a direct AsyncStorage instance or the v3 style for instance-based configuration with optional blacklisting. ```typescript // v2 style createAsyncStorageAdapter({ storage: AsyncStorage, }); // v3 style (instance-based) createAsyncStorageAdapter({ storages: { auth: authStorageInstance, cache: { storage: cacheStorageInstance, name: 'Cache Instance', blacklist: /debug|temp/, }, }, }); ``` -------------------------------- ### Discover Plugin Domains and Tools via CLI Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/agent/making-your-plugin-agent-enabled.mdx These commands demonstrate how agents discover plugin domains and tools at runtime. The domain slug is derived from your `pluginId`. Ensure your plugin's agent tools are well-documented for agent users. ```bash rozenite agent domains --session --json ``` ```bash rozenite agent @my-org/my-rozenite-plugin tools --session --json ``` ```bash rozenite agent @my-org/my-rozenite-plugin call --tool echo --args '{"value":"hello"}' --session --json ``` -------------------------------- ### Add Rozenite to Web Entry Point Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/rozenite-for-web.mdx Include `require('@rozenite/web')` in your web application's entry point file (e.g., main.tsx or _layout.tsx) to initialize Rozenite. The import is internally guarded by `__DEV__`. ```javascript require('@rozenite/web'); ``` -------------------------------- ### Start React Profiling Source: https://github.com/callstackincubator/rozenite/blob/main/packages/cli/skills/rozenite-agent/domains/react.md Initiate the profiling of React component renders using `startProfiling`. You can optionally restart profiling if it's already running. ```javascript startProfiling({}) startProfiling({"shouldRestart":true}) ``` -------------------------------- ### Generate and Develop a New Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/plugin-development/plugin-development.md Use the Rozenite CLI to quickly generate a new plugin project and start the development server. ```shell npx rozenite generate cd my-awesome-plugin rozenite dev ``` -------------------------------- ### Install Require Profiler Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/require-profiler.mdx Install the Require Profiler plugin as a development dependency using your preferred package manager. ```bash npm install --save-dev @rozenite/require-profiler-plugin # or yarn add --dev @rozenite/require-profiler-plugin # or pnpm add --save-dev @rozenite/require-profiler-plugin ``` -------------------------------- ### Install Expo Atlas Plugin Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/expo-atlas.mdx Install the Expo Atlas plugin as a development dependency using your preferred package manager. ```bash npx rozenite install -D @rozenite/expo-atlas-plugin ``` -------------------------------- ### Define and Use an Agent Tool Source: https://github.com/callstackincubator/rozenite/blob/main/packages/agent-shared/README.md Demonstrates how to define an AgentTool with a name, description, and input schema, and how to import and log the AGENT_PLUGIN_ID. ```typescript import { AGENT_PLUGIN_ID, type AgentTool, type ToolCallMessage, } from '@rozenite/agent-shared'; const tool: AgentTool = { name: 'example.echo', description: 'Echo a value back to the caller.', inputSchema: { type: 'object', properties: { value: { type: 'string' }, }, required: ['value'], }, }; console.log(AGENT_PLUGIN_ID); ``` -------------------------------- ### Use Rozenite Agent SDK with Session Source: https://github.com/callstackincubator/rozenite/blob/main/packages/agent-sdk/README.md Create an agent client and use `withSession` for automated session lifecycle management. This example demonstrates listing domains, tools, and calling a tool with auto-pagination. ```typescript import { createAgentClient } from '@rozenite/agent-sdk'; const client = createAgentClient(); const result = await client.withSession(async (session) => { const domains = await session.domains.list(); const tools = await session.tools.list({ domain: 'network', }); const requests = await session.tools.call({ domain: 'network', tool: 'listRequests', args: { limit: 20 }, autoPaginate: { pagesLimit: 2 }, }); return { domains, tools, requests }; }); console.log(result); ``` -------------------------------- ### Install Overlay Plugin and react-native-svg Source: https://github.com/callstackincubator/rozenite/blob/main/website/src/docs/official-plugins/overlay.mdx Install the Overlay plugin and its peer dependency `react-native-svg` as development dependencies using your package manager. ```bash npm install -D @rozenite/overlay-plugin react-native-svg # or yarn add -D @rozenite/overlay-plugin react-native-svg # or pnpm add -D @rozenite/overlay-plugin react-native-svg ```