feat: add @callstack/out-of-tree-platforms to metro config

Author: okwasniewski

packages/react-native/template/metro.config.js

@@ -1,11 +1,20 @@
 const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const {getPlatformResolver} = require('@callstack/out-of-tree-platforms');
 
 /**
  * Metro configuration
  * https://facebook.github.io/metro/docs/configuration
  *
  * @type {import('metro-config').MetroConfig}
  */
-const config = {};
+
+
+const config = {
+    resolver: {
+        resolveRequest: getPlatformResolver({
+            platformNameMap: [{visionos: '@callstack/react-native-visionos'}],
+        }),
+    },
+};
 
 module.exports = mergeConfig(getDefaultConfig(__dirname), config);

packages/react-native/template/package.json

@@ -22,6 +22,7 @@
     "@react-native/eslint-config": "^0.74.0",
     "@react-native/metro-config": "^0.74.0",
     "@react-native/typescript-config": "^0.74.0",
+    "@callstack/out-of-tree-platforms": "^0.74.0",
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",