Rename react-native package to @callstack/react-native-visionos (#35)

* rename react-native package to @callstack/react-native-visionos

* fix typo

* Make JS and TS tests independent of react-native package name

* change name in template

* replace more refs in e2e tests

* revert tests changes

* disable js e2e tests for visionos

* bring back react-native for other platforms compat

* ci: run js, no e2e js

Author: thymikee

.circleci/configurations/jobs.yml

@@ -96,8 +96,8 @@ jobs:
       - run:
           name: "Run Tests: JavaScript Tests"
           command: node ./scripts/run-ci-javascript-tests.js --maxWorkers 2
-      - run_e2e:
-          platform: js
+      # - run_e2e:
+      #     platform: js
 
       # Optionally, run disabled tests
       - when:

jest.config.js

@@ -41,6 +41,9 @@ module.exports = {
     platforms: ['ios', 'android'],
   },
   moduleNameMapper: {
+    // These mappers allow out-of-tree platforms tests to seamlessly resolve RN imports
+    '^react-native/(.*)': '<rootDir>/packages/react-native/$1',
+    '^react-native$': '<rootDir>/packages/react-native/index.js',
     // This module is internal to Meta and used by their custom React renderer.
     // In tests, we can just use a mock.
     '^ReactNativeInternalFeatureFlags$':

packages/react-native/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "react-native",
+  "name": "@callstack/react-native-visionos",
   "version": "1000.0.0",
-  "description": "A framework for building native apps using React",
+  "description": "React Native for visionOS",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/facebook/react-native.git",
+    "url": "https://github.com/callstack/react-native-visionos.git",
     "directory": "packages/react-native"
   },
   "homepage": "https://reactnative.dev/",

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

@@ -54,6 +54,11 @@ module.exports = {
     codegenCommand,
   ],
   platforms: {
+    visionos: {
+      npmPackageName: '@callstack/react-native-visionos',
+      projectConfig: ios.projectConfig,
+      dependencyConfig: ios.dependencyConfig,
+    },
     ios: {
       projectConfig: ios.projectConfig,
       dependencyConfig: ios.dependencyConfig,

packages/react-native/template/package.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "18.2.0",
-    "react-native": "1000.0.0"
+    "react-native": "1000.0.0",
+    "@callstack/react-native-visionos": "1000.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

packages/react-native/types/tsconfig.json

@@ -1,15 +1,18 @@
 {
-    "compilerOptions": {
-      "module": "commonjs",
-      "lib": ["es6"],
-      "noImplicitAny": true,
-      "noImplicitThis": true,
-      "strictFunctionTypes": true,
-      "strictNullChecks": true,
-      "types": [],
-      "jsx": "react",
-      "noEmit": true,
-      "forceConsistentCasingInFileNames": true,
-      "paths": {"react-native": ["."]}
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": ["es6"],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictFunctionTypes": true,
+    "strictNullChecks": true,
+    "types": [],
+    "jsx": "react",
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "paths": {
+      "react-native": ["."],
+      "react-native/*": ["../*"]
     }
   }
+}