@reactvision/react-viro 2.43.3 → 2.43.5

package/README.md

@@ -6,7 +6,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@reactvision/react-viro)](https://www.npmjs.com/package/@reactvision/react-viro)
 [![downloads](https://img.shields.io/npm/dm/@reactvision/react-viro?color=purple)](https://www.npmjs.com/package/@reactvision/react-viro)
-[![Discord](https://img.shields.io/discord/774471080713781259?label=Discord)](https://discord.gg/H3ksm5NhzT)
+[![Discord](https://img.shields.io/discord/774471080713781259?label=Discord)](https://discord.gg/yqqEGUjK)
 
 # ViroReact
 
@@ -37,28 +37,33 @@ If you are starting a fresh project with ViroReact, consider cloning one of our
 
 # Examples
 
-See our [Example projects](https://viro-community.readme.io/docs/examples) page. These are a little old (~2019) but are a great reference point for how to use bits of the library.
+Check out the [examples](./examples) directory for sample code demonstrating how to use ViroReact with automatic architecture detection and other features.
 
-# Need help? Or want to contribute?
+You can also see our [Example projects](https://viro-community.readme.io/docs/examples) page. These are a little old (~2019) but are a great reference point for how to use bits of the library.
 
-Whether you're looking for support with building your AR or VR application or you want to contribute to ViroReact, the best way to contact our team is via Discord. If you need more hands-on support with a project, you can visit our documentation site, where we have a [list of trusted partners whom you can hire to help with your project](https://viro-community.readme.io/docs/hire-a-viro-react-expert). 
+# Connect with the ReactVision Community
 
-<a href="https://discord.gg/H3ksm5NhzT">
+Whether you're looking for support with building your AR or VR application or you want to contribute to ViroReact, the best way to contact our team and connect with the ReactVision Community is via Discord. 
+
+<a href="https://discord.gg/yqqEGUjK">
    <img src="https://discordapp.com/api/guilds/774471080713781259/widget.png?style=banner2" alt="Discord Banner 2"/>
 </a>
 
+# External Support
+
+If you need hands-on support with a project, you can visit our documentation site, where we have a [list of trusted partners whom you can hire to help with your project](https://viro-community.readme.io/docs/hire-a-viro-react-expert). All partners are vetted by the ReactVision team and all have experience creating production-grade apps with Viro. 
+
+# Supporters
+A huge thank you to everyone who supports the ongoing development of ReactVision and Viro by [sponsoring us on GitHub](https://github.com/sponsors/ReactVision).
+- [devicecloud-dev](https://github.com/devicecloud-dev) - [Device Cloud](https://devicecloud.dev/)
+- [lentesta](https://github.com/lentesta)
+- [Looking Glass](http://looking-glass.space)
+
 # A little history...
 
 ViroReact was originally developed by the [Viro Media](http://www.viromedia.com/), but was open-sourced in 2019. In late 2020, the Viro Community was formed to help maintain and move the project onwards, updating it so it could run with modern versions of React Native, and start to add in new features.
 
-Following years of support, in 2025, [Morrow acquired ReactVision](https://www.themorrow.digital/blog/morrow-acquires-reactvision-and-viroreact-library) to help accelerate its development and give it the resources needed to enable ReactVision to capture the rapidly growing demand for ViroReact. ReactVision now has a team working full-time to help ensure the codebase is updated and ready for the future of XR / Spatial Computing. Our vision is to enable React Native developers to build AR and VR applications that can run across all XR devices (smartphones, smart glasses, and headsets) off of a single React Native codebase. 
+Following years of support, in 2025, [Morrow acquired ReactVision](https://www.themorrow.digital/blog/morrow-acquires-reactvision-and-viroreact-library) to help accelerate its development and give it the resources needed to enable ReactVision to capture the rapidly growing demand for ViroReact. ReactVision now has a team working full-time to help ensure the codebase is updated and ready for the future of XR / Spatial Computing. Our vision is to enable React Native developers to build AR and VR applications that can run across all XR devices (smartphones, smart glasses, and headsets) off of a single React Native codebase.
 
 We, as a community, owe a great debt to Viro Media and the people who developed this library originally. We hope to make them proud as it continues to develop and grow within ReactVision.
 
-# Supporters
-
-<p align="center">
-  <a href="https://themorrow.digital/">
-    <img src="readmes/morrow-supporter.png" alt="Morrow">
-  </a>
-</p>

package/components/AR/ViroARPlaneSelector.tsx

@@ -69,7 +69,7 @@ export class ViroARPlaneSelector extends React.Component<Props, State> {
 
   _getARPlanes() {
     // Always render a fixed number of planes, controlling visibility instead of conditional rendering
-    let arPlanes: JSX.Element[] = [];
+    let arPlanes: React.JSX.Element[] = [];
     let numPlanes = this.props.maxPlanes || _maxPlanes;
 
     // Create all plane slots (both detected and placeholder)

package/components/AR/ViroARSceneNavigator.tsx

@@ -28,7 +28,6 @@ import {
   ViroSceneDictionary,
 } from "../Types/ViroUtils";
 
-
 const ViroARSceneNavigatorModule = NativeModules.VRTARSceneNavigatorModule;
 
 let mathRandomOffset = 0;
@@ -42,7 +41,7 @@ type Props = ViewProps & {
     /**
      * The React Class to render for this scene.
      */
-    scene: () => JSX.Element;
+    scene: () => React.JSX.Element;
   };
   initialSceneKey?: string;
 
@@ -152,12 +151,25 @@ export class ViroARSceneNavigator extends React.Component<Props, State> {
    * @param point
    * @returns
    */
-  async _project(point: Viro3DPoint) {
+  _project = async (point: Viro3DPoint) => {
     return await ViroARSceneNavigatorModule.project(
       findNodeHandle(this),
       point
     );
-  }
+  };
+
+  /**
+   * TODO: Document _unproject
+   *
+   * @param point
+   * @returns
+   */
+  _unproject = async (point: Viro3DPoint) => {
+    return await ViroARSceneNavigatorModule.unproject(
+      findNodeHandle(this),
+      point
+    );
+  };
 
   /**
    * Gets a random tag string.
@@ -506,19 +518,6 @@ export class ViroARSceneNavigator extends React.Component<Props, State> {
     return -1;
   };
 
-  /**
-   * TODO: Document _unproject
-   *
-   * @param point
-   * @returns
-   */
-  _unproject = async (point: Viro3DPoint) => {
-    return await ViroARSceneNavigatorModule.unproject(
-      findNodeHandle(this),
-      point
-    );
-  };
-
   /**
    * [iOS Only]
    *

package/components/Material/ViroMaterials.ts

@@ -18,7 +18,8 @@ import {
 } from "react-native";
 // @ts-ignore
 import assetRegistry from "react-native/Libraries/Image/AssetRegistry";
-const resolveAssetSource = require("react-native/Libraries/Image/resolveAssetSource");
+// @ts-ignore
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
 import { ViroSource } from "../Types/ViroUtils";
 
 var MaterialManager = NativeModules.VRTMaterialManager;

package/components/Utilities/ViroVersion.ts

@@ -1 +1 @@
-export const VIRO_VERSION = "2.43.3";
+export const VIRO_VERSION = "2.43.5";

package/components/ViroVRSceneNavigator.tsx

@@ -59,7 +59,7 @@ type Props = ViewProps & {
    * describe a scene.
    */
   initialScene?: {
-    scene: () => JSX.Element;
+    scene: () => React.JSX.Element;
   };
 
   /**

package/dist/components/AR/ViroARPlaneSelector.d.ts

@@ -37,7 +37,7 @@ export declare class ViroARPlaneSelector extends React.Component<Props, State> {
         arPlaneSizes: number[];
     };
     render(): React.JSX.Element;
-    _getARPlanes(): JSX.Element[];
+    _getARPlanes(): React.JSX.Element[];
     _getOnClickSurface: (index: number, event: ViroClickStateEvent) => void;
     _onARPlaneUpdated: (index: number) => (updateMap: ViroPlaneUpdatedMap) => void;
     _onPlaneSelected: (updateMap: ViroPlaneUpdatedMap) => void;

package/dist/components/AR/ViroARSceneNavigator.d.ts

@@ -22,7 +22,7 @@ type Props = ViewProps & {
         /**
          * The React Class to render for this scene.
          */
-        scene: () => JSX.Element;
+        scene: () => React.JSX.Element;
     };
     initialSceneKey?: string;
     autofocus?: boolean;
@@ -83,7 +83,14 @@ export declare class ViroARSceneNavigator extends React.Component<Props, State>
      * @param point
      * @returns
      */
-    _project(point: Viro3DPoint): Promise<any>;
+    _project: (point: Viro3DPoint) => Promise<any>;
+    /**
+     * TODO: Document _unproject
+     *
+     * @param point
+     * @returns
+     */
+    _unproject: (point: Viro3DPoint) => Promise<any>;
     /**
      * Gets a random tag string.
      *
@@ -190,13 +197,6 @@ export declare class ViroARSceneNavigator extends React.Component<Props, State>
      * @returns the index of the scene
      */
     getSceneIndex: (sceneTag: string) => number;
-    /**
-     * TODO: Document _unproject
-     *
-     * @param point
-     * @returns
-     */
-    _unproject: (point: Viro3DPoint) => Promise<any>;
     /**
      * [iOS Only]
      *

package/dist/components/AR/ViroARSceneNavigator.js

@@ -110,9 +110,18 @@ class ViroARSceneNavigator extends React.Component {
      * @param point
      * @returns
      */
-    async _project(point) {
+    _project = async (point) => {
         return await ViroARSceneNavigatorModule.project((0, react_native_1.findNodeHandle)(this), point);
-    }
+    };
+    /**
+     * TODO: Document _unproject
+     *
+     * @param point
+     * @returns
+     */
+    _unproject = async (point) => {
+        return await ViroARSceneNavigatorModule.unproject((0, react_native_1.findNodeHandle)(this), point);
+    };
     /**
      * Gets a random tag string.
      *
@@ -403,15 +412,6 @@ class ViroARSceneNavigator extends React.Component {
         // Unable to find the given sceneTag, return -1
         return -1;
     };
-    /**
-     * TODO: Document _unproject
-     *
-     * @param point
-     * @returns
-     */
-    _unproject = async (point) => {
-        return await ViroARSceneNavigatorModule.unproject((0, react_native_1.findNodeHandle)(this), point);
-    };
     /**
      * [iOS Only]
      *

package/dist/components/Material/ViroMaterials.js

@@ -18,7 +18,8 @@ exports.ViroMaterials = void 0;
 const react_native_1 = require("react-native");
 // @ts-ignore
 const AssetRegistry_1 = __importDefault(require("react-native/Libraries/Image/AssetRegistry"));
-const resolveAssetSource = require("react-native/Libraries/Image/resolveAssetSource");
+// @ts-ignore
+const resolveAssetSource_1 = __importDefault(require("react-native/Libraries/Image/resolveAssetSource"));
 var MaterialManager = react_native_1.NativeModules.VRTMaterialManager;
 class ViroMaterials {
     static createMaterials(materials) {
@@ -33,13 +34,13 @@ class ViroMaterials {
                     if (prop === "ReflectiveTexture" || prop === "reflectiveTexture") {
                         var reflectiveShape = {};
                         for (var cubeMapTexture in material[prop]) {
-                            var cubeMapSource = resolveAssetSource(material[prop][cubeMapTexture]);
+                            var cubeMapSource = (0, resolveAssetSource_1.default)(material[prop][cubeMapTexture]);
                             reflectiveShape[cubeMapTexture] = cubeMapSource;
                         }
                         resultMaterial[prop] = reflectiveShape;
                     }
                     else if (material[prop].hasOwnProperty("source")) {
-                        var source = resolveAssetSource(material[prop]["source"]);
+                        var source = (0, resolveAssetSource_1.default)(material[prop]["source"]);
                         resultMaterial[prop] = material[prop];
                         resultMaterial[prop]["source"] = source;
                     }
@@ -51,7 +52,7 @@ class ViroMaterials {
                                 assetType = asset.type;
                             }
                         }
-                        var source = resolveAssetSource(material[prop]);
+                        var source = (0, resolveAssetSource_1.default)(material[prop]);
                         source["type"] = assetType;
                         resultMaterial[prop] = source;
                     }

package/dist/components/Utilities/ViroVersion.d.ts

@@ -1 +1 @@
-export declare const VIRO_VERSION = "2.43.3";
+export declare const VIRO_VERSION = "2.43.5";

package/dist/components/Utilities/ViroVersion.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VIRO_VERSION = void 0;
-exports.VIRO_VERSION = "2.43.3";
+exports.VIRO_VERSION = "2.43.5";

package/dist/components/ViroVRSceneNavigator.d.ts

@@ -37,7 +37,7 @@ type Props = ViewProps & {
      * describe a scene.
      */
     initialScene?: {
-        scene: () => JSX.Element;
+        scene: () => React.JSX.Element;
     };
     /**
      * Called when either the user physically decides to exit vr (hits

package/dist/dynamic-index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Viro React Native - New Architecture Required
+ *
+ * This library requires React Native's New Architecture (Fabric) to be enabled.
+ * Legacy architecture support has been removed as of version 2.43.1.
+ */
+declare global {
+    var nativeFabricUIManager: any;
+    var __turboModuleProxy: any;
+}
+export {};

package/dist/dynamic-index.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ * Viro React Native - New Architecture Required
+ *
+ * This library requires React Native's New Architecture (Fabric) to be enabled.
+ * Legacy architecture support has been removed as of version 2.43.1.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+// Strict New Architecture validation
+function validateNewArchitecture() {
+    // Check for New Architecture indicators
+    const hasFabricUIManager = !!global.nativeFabricUIManager;
+    const hasTurboModules = !!global.__turboModuleProxy;
+    if (!hasFabricUIManager && !hasTurboModules) {
+        throw new Error("ViroReact: New Architecture (Fabric) is required but not detected.\n\n" +
+            "This library requires React Native 0.76.9+ with New Architecture enabled.\n" +
+            "Please enable New Architecture in your app:\n\n" +
+            "1. Set 'newArchEnabled=true' in android/gradle.properties\n" +
+            "2. Set 'RCT_NEW_ARCH_ENABLED=1' in ios/.xcode.env\n" +
+            "3. Ensure you're using React Native 0.76.9 or higher\n\n" +
+            "For more information, visit: https://reactnative.dev/docs/new-architecture-intro");
+    }
+    console.log("ViroReact: New Architecture (Fabric) detected ✓");
+}
+// Validate New Architecture on module load
+validateNewArchitecture();
+// Export main components
+module.exports = require("./index");

package/dist/plugins/withViro.d.ts

@@ -51,6 +51,9 @@ export declare const DEFAULTS: {
 /**
  * Configures Viro to work with Expo projects.
  *
+ * IMPORTANT: This plugin requires React Native New Architecture (Fabric) to be enabled.
+ * ViroReact 2.43.1+ only supports New Architecture.
+ *
  * @param config Expo ConfigPlugin
  * @returns expo configuration
  */

package/dist/plugins/withViro.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULTS = void 0;
+const config_plugins_1 = require("@expo/config-plugins");
 const withViroAndroid_1 = require("./withViroAndroid");
 const withViroIos_1 = require("./withViroIos");
 const CAMERA_USAGE = "Allow $(PRODUCT_NAME) to use your camera";
@@ -24,10 +25,28 @@ exports.DEFAULTS = {
 /**
  * Configures Viro to work with Expo projects.
  *
+ * IMPORTANT: This plugin requires React Native New Architecture (Fabric) to be enabled.
+ * ViroReact 2.43.1+ only supports New Architecture.
+ *
  * @param config Expo ConfigPlugin
  * @returns expo configuration
  */
 const withViro = (config, props) => {
+    // Validate New Architecture is enabled
+    const newArchEnabled = config.plugins?.some((plugin) => Array.isArray(plugin) &&
+        plugin[0] === "expo-dev-client" &&
+        plugin[1]?.newArchEnabled === true) || config.newArchEnabled === true;
+    if (!newArchEnabled) {
+        config_plugins_1.WarningAggregator.addWarningAndroid("withViro", "ViroReact requires React Native New Architecture (Fabric) to be enabled. " +
+            "Please enable New Architecture in your app configuration. " +
+            'Add "newArchEnabled": true to your app.json/app.config.js expo configuration, ' +
+            "or ensure your React Native project has New Architecture enabled.");
+        config_plugins_1.WarningAggregator.addWarningIOS("withViro", "ViroReact requires React Native New Architecture (Fabric) to be enabled. " +
+            "Please enable New Architecture in your app configuration. " +
+            'Add "newArchEnabled": true to your app.json/app.config.js expo configuration, ' +
+            "or ensure your React Native project has New Architecture enabled.");
+    }
+    // Apply platform-specific configurations
     config = (0, withViroIos_1.withViroIos)(config, props);
     config = (0, withViroAndroid_1.withViroAndroid)(config, props);
     return config;

package/dist/plugins/withViroAndroid.js

@@ -54,72 +54,36 @@ const withBranchAndroid = (config) => {
                                 `      packages.add(new ReactViroPackage(ReactViroPackage.ViroPlatform.${viroConfig}))\n`;
                     }
                     else {
+                        // Use proper Kotlin syntax for newer formats
                         target =
                             target +
-                                `              packages.add(ReactViroPackage(ReactViroPackage.ViroPlatform.${viroConfig}))\n`;
+                                `            add(ReactViroPackage(ReactViroPackage.ViroPlatform.${viroConfig}))\n`;
                     }
                 }
                 if (isJava) {
                     data = (0, insertLinesHelper_1.insertLinesHelper)(target, "List<ReactPackage> packages = new PackageList(this).getPackages();", data);
                 }
                 else {
+                    // Handle various MainApplication.kt formats
                     if (data.includes("// packages.add(new MyReactNativePackage());")) {
-                        // console.log("[VIRO]: \n" + target);
-                        /**
-                         * ================================================================
-                         * HACK/EXPO PREBIULD BUG
-                         * ================================================================
-                         *
-                         * ```
-                         * // DOESN'T WORK - EXPO SDK 50 `npx expo prebuild` RESULT
-                         * override fun getPackages(): List<ReactPackage> {
-                         *   // Packages that cannot be autolinked yet can be added manually here, for example:
-                         *   // packages.add(new MyReactNativePackage());
-                         *   PackageList(this).packages.apply {
-                         *     add(ReactViroPackage(ReactViroPackage.ViroPlatform.GVR))
-                         *   }
-                         *   return PackageList(this).packages
-                         * }
-                         *
-                         * // DOES WORK - REACT NATIVE STARTER KIT 0.73.4
-                         * override fun getPackages(): List<ReactPackage> =
-                         *   PackageList(this).packages.apply {
-                         *     // Packages that cannot be autolinked yet can be added manually here, for example:
-                         *     // add(MyReactNativePackage())
-                         *     // https://viro-community.readme.io/docs/installation-instructions#5-now-add-the-viro-package-to-your-mainapplication
-                         *     // add(ReactViroPackage(ReactViroPackage.ViroPlatform.OVR_MOBILE))
-                         *     add(ReactViroPackage(ReactViroPackage.ViroPlatform.GVR))
-                         *     // add(ReactViroPackage(ReactViroPackage.ViroPlatform.AR))
-                         *   }
-                         * ```
-                         */
-                        /*
-                        data = data.replace(
-                          `override fun getPackages(): List<ReactPackage> {
-                        // Packages that cannot be autolinked yet can be added manually here, for example:
-                        // packages.add(new MyReactNativePackage());
-                        return PackageList(this).packages
-                      }`,
-                          `override fun getPackages(): List<ReactPackage> =
-                        PackageList(this).packages.apply {
-                          // Packages that cannot be autolinked yet can be added manually here, for example:
-                          // add(MyReactNativePackage())
-                        }`
-                        );*/
                         data = (0, insertLinesHelper_1.insertLinesHelper)(target, "// packages.add(new MyReactNativePackage());", data);
                     }
                     else if (data.includes("// add(MyReactNativePackage())")) {
-                        // console.log("[VIRO]: \n" + target);
                         data = (0, insertLinesHelper_1.insertLinesHelper)(target, "// add(MyReactNativePackage())", data);
                     }
+                    else if (data.includes("// packages.add(MyReactNativePackage())")) {
+                        // Handle newer Expo format: // packages.add(MyReactNativePackage())
+                        data = (0, insertLinesHelper_1.insertLinesHelper)(target, "// packages.add(MyReactNativePackage())", data);
+                    }
+                    else if (data.includes("val packages = PackageList(this).packages")) {
+                        // Handle newer format where packages is declared as val
+                        data = (0, insertLinesHelper_1.insertLinesHelper)(target, "val packages = PackageList(this).packages", data);
+                    }
                     else {
-                        throw new Error("Unable to insert Android packages into package list. Please create a new issue on GitHub and reference this message!");
+                        throw new Error("Unable to insert Android packages into package list. Please create a new issue on GitHub and reference this message! " +
+                            "Expected to find one of: '// packages.add(new MyReactNativePackage());', '// add(MyReactNativePackage())', " +
+                            "'// packages.add(MyReactNativePackage())', or 'val packages = PackageList(this).packages'");
                     }
-                    // data = insertLinesHelper(
-                    //   target,
-                    //   "// packages.add(new MyReactNativePackage());",
-                    //   data
-                    // );
                 }
                 fs_1.default.writeFile(mainApplicationPath, data, "utf-8", function (err) {
                     if (err)
@@ -131,15 +95,26 @@ const withBranchAndroid = (config) => {
     ]);
 };
 const withViroProjectBuildGradle = (config) => (0, config_plugins_1.withProjectBuildGradle)(config, async (newConfig) => {
+    // Enforce New Architecture requirement
+    if (!newConfig.modResults.contents.includes("newArchEnabled=true")) {
+        config_plugins_1.WarningAggregator.addWarningAndroid("withViroAndroid", "ViroReact requires New Architecture to be enabled. " +
+            'Please add "newArchEnabled=true" to your android/gradle.properties file.');
+    }
     newConfig.modResults.contents = newConfig.modResults.contents.replace(/minSdkVersion.*/, `minSdkVersion = 24`);
+    // Ensure New Architecture is enabled
+    //if (!newConfig.modResults.contents.includes("newArchEnabled=true")) {
+    //  newConfig.modResults.contents +=
+    //    "\n// ViroReact requires New Architecture\nnewArchEnabled=true\n";
+    //}
     newConfig.modResults.contents = newConfig.modResults.contents.replace(/classpath\("com.android.tools.build:gradle.*/, `classpath('com.android.tools.build:gradle:4.1.1')`);
     return newConfig;
 });
 const withViroAppBuildGradle = (config) => (0, config_plugins_1.withAppBuildGradle)(config, async (config) => {
-    config.modResults.contents = config.modResults.contents.replace(/implementation "com.facebook.react:react-native:\+"  \/\/ From node_modules/, `implementation "com.facebook.react:react-native:+"  // From node_modules
-
+    // ViroReact New Architecture (Fabric) Dependencies
+    const viroNewArchDependencies = `
     // ========================================================================
-    // https://viro-community.readme.io/docs/installation-instructions#2-in-your-androidappbuildgradle-add-the-following-lines-to-the-dependencies-section
+    // ViroReact New Architecture (Fabric) Dependencies
+    // https://viro-community.readme.io/docs/installation-instructions
     implementation project(':gvr_common')
     implementation project(':arcore_client')
     implementation project(path: ':react_viro')
@@ -149,22 +124,11 @@ const withViroAppBuildGradle = (config) => (0, config_plugins_1.withAppBuildGrad
     implementation 'androidx.media3:media3-exoplayer-hls:1.1.1'
     implementation 'androidx.media3:media3-exoplayer-smoothstreaming:1.1.1'
     implementation 'com.google.protobuf.nano:protobuf-javanano:3.1.0'
-    // ========================================================================`);
-    config.modResults.contents = config.modResults.contents.replace(/implementation\("com.facebook.react:react-android"\)/, `implementation("com.facebook.react:react-android")
-
-    // =====================================r===================================
-    // https://viro-community.readme.io/docs/installation-instructions#2-in-your-androidappbuildgradle-add-the-following-lines-to-the-dependencies-section
-    implementation project(':gvr_common')
-    implementation project(':arcore_client')
-    implementation project(path: ':react_viro')
-    implementation project(path: ':viro_renderer')
-    implementation 'androidx.media3:media3-exoplayer:1.1.1'
-    implementation 'androidx.media3:media3-exoplayer-dash:1.1.1'
-    implementation 'androidx.media3:media3-exoplayer-hls:1.1.1'
-    implementation 'androidx.media3:media3-exoplayer-smoothstreaming:1.1.1'
-    implementation 'com.google.protobuf.nano:protobuf-javanano:3.1.0'
-    // ========================================================================
-    `);
+    // ========================================================================`;
+    // Add Viro dependencies for legacy architecture (fallback)
+    config.modResults.contents = config.modResults.contents.replace(/implementation "com.facebook.react:react-native:\+"  \/\/ From node_modules/, `implementation "com.facebook.react:react-native:+"  // From node_modules${viroNewArchDependencies}`);
+    // Add Viro dependencies for new architecture (primary)
+    config.modResults.contents = config.modResults.contents.replace(/implementation\("com.facebook.react:react-android"\)/, `implementation("com.facebook.react:react-android")${viroNewArchDependencies}`);
     return config;
 });
 const withViroSettingsGradle = (config) => (0, config_plugins_1.withSettingsGradle)(config, async (config) => {

package/dist/plugins/withViroIos.js

@@ -14,8 +14,26 @@ const withViroPods = (config) => {
         async (newConfig) => {
             const root = newConfig.modRequest.platformProjectRoot;
             fs_1.default.readFile(`${root}/Podfile`, "utf-8", (err, data) => {
-                data = (0, insertLinesHelper_1.insertLinesHelper)(`  pod 'ViroReact', :path => '../node_modules/@reactvision/react-viro/ios'\n` +
-                    `  pod 'ViroKit', :path => '../node_modules/@reactvision/react-viro/ios/dist/ViroRenderer/'\n`, "post_install do |installer|", data, -1);
+                // Check for New Architecture environment variable
+                if (!data.includes('ENV["RCT_NEW_ARCH_ENABLED"]') &&
+                    !data.includes("RCT_NEW_ARCH_ENABLED=1")) {
+                    config_plugins_1.WarningAggregator.addWarningIOS("withViroIos", "ViroReact requires New Architecture to be enabled. " +
+                        "Please set RCT_NEW_ARCH_ENABLED=1 in your ios/.xcode.env file.");
+                }
+                // ViroReact with integrated Fabric support
+                let viroPods = `  # ViroReact with integrated New Architecture (Fabric) support\n` +
+                    `  # Automatically includes Fabric components when RCT_NEW_ARCH_ENABLED=1\n` +
+                    `  pod 'ViroReact', :path => '../node_modules/@reactvision/react-viro/ios'\n` +
+                    `  pod 'ViroKit', :path => '../node_modules/@reactvision/react-viro/ios/dist/ViroRenderer/'`;
+                // Add New Architecture enforcement
+                viroPods +=
+                    `\n\n  # Enforce New Architecture requirement\n` +
+                        `  # ViroReact 2.43.1+ requires React Native New Architecture\n` +
+                        `  if ENV['RCT_NEW_ARCH_ENABLED'] != '1'\n` +
+                        `    raise "ViroReact requires New Architecture to be enabled. Please set RCT_NEW_ARCH_ENABLED=1 in ios/.xcode.env"\n` +
+                        `  end`;
+                // Insert the pods into the Podfile
+                data = (0, insertLinesHelper_1.insertLinesHelper)(viroPods, "post_install do |installer|", data, -1);
                 fs_1.default.writeFile(`${root}/Podfile`, data, "utf-8", function (err) {
                     if (err)
                         console.log("Error writing Podfile");

package/ios/ViroReact.podspec

@@ -4,16 +4,54 @@ package = JSON.parse(File.read(File.join(__dir__, '../package.json')))
 
 Pod::Spec.new do |s|
   s.name                = 'ViroReact'
-  s.version             = '1.0'
-  s.summary             = 'Test description'
-  s.source              = { :http => 'https://s3-us-west-2.amazonaws.com/viro-docs/ViroReact.tar.gz'}
-  s.source_files        = 'dist/include'
-  s.public_header_files = 'dist/include/*.h'
-  s.vendored_libraries  = 'dist/lib/libViroReact.a'
-  s.homepage            = 'http://viromedia.com'
-  s.license             = {:type => 'Copyright', :text => "Copyright 2018 ViroMedia, Inc" }
-  s.author              = 'Viro Media'
+  s.version             = package['version']
+  s.summary             = 'Viro React Native library for AR/VR applications'
+  s.source              = { :git => 'https://github.com/ReactVision/viro.git', :tag => "v#{s.version}" }
+  s.homepage            = 'https://github.com/ReactVision/viro'
+  s.license             = { :type => 'MIT', :file => '../LICENSE' }
+  s.author              = 'ReactVision'
   s.requires_arc        = true
-  s.platform            = :ios, '10.0'
-  s.dependency 'React'
+  s.platform            = :ios, '12.0'
+  s.ios.deployment_target = '12.0'
+  
+  # Base source files (always included)
+  source_files_array = ['ViroReact/**/*.{h,m,mm}']
+  header_files_array = ['ViroReact/**/*.h']
+  
+  # Include dist files if they exist (for release builds)
+  if File.exist?(File.join(__dir__, 'dist/include'))
+    source_files_array << 'dist/include/**/*.{h,m,mm}'
+    header_files_array << 'dist/include/*.h'
+  end
+  
+  s.source_files        = source_files_array
+  s.public_header_files = header_files_array
+  
+  if File.exist?(File.join(__dir__, 'dist/lib/libViroReact.a'))
+    s.vendored_libraries = 'dist/lib/libViroReact.a'
+  end
+  
+  # React Native dependencies
+  s.dependency 'React-Core'
+  
+  # Fabric dependencies
+  s.dependency 'React-RCTFabric'
+  s.dependency 'React-Fabric'
+  s.dependency 'React-FabricComponents'
+  
+  # Fabric-specific build configuration
+  s.pod_target_xcconfig = { 
+    'CLANG_CXX_LANGUAGE_STANDARD' => 'c++17',
+    'HEADER_SEARCH_PATHS' => [
+      '"$(PODS_TARGET_SRCROOT)/ViroReact"',
+      '"$(PODS_TARGET_SRCROOT)/dist/include"',
+      '"$(PODS_ROOT)/Headers/Public"',
+      '"$(PODS_ROOT)/Headers/Public/ViroKit"',
+      '"$(PODS_ROOT)/ViroKit/dist/include"',
+      '"$(PODS_ROOT)/ViroKit/Headers"'
+    ].join(' '),
+    'GCC_PREPROCESSOR_DEFINITIONS' => '$(inherited) RCT_NEW_ARCH_ENABLED=1',
+    'OTHER_CPLUSPLUSFLAGS' => '$(inherited) -std=c++17'
+  }
+  
 end