Fix build step for @callstack/out-of-tree-platforms (#46)

* feat: setup @callstack/out-of-tree-platforms to build properly

* feat: add build packages step to `oot-release.js` script

* chore: format package.json

Author: okwasniewski

.circleci/verdaccio.yml

@@ -19,6 +19,10 @@ packages:
   '@react-native/*':
     access: $all
     publish: $all
+    proxy: npmjs
+  '@callstack/*':
+    access: $all
+    publish: $all
   '@*/*':
     access: $all
     publish: $authenticated

packages/out-of-tree-platforms/.gitignore

@@ -0,0 +1,2 @@
+# Build output
+/dist

packages/out-of-tree-platforms/index.js.flow

@@ -0,0 +1 @@
+export * from './src';

packages/out-of-tree-platforms/package.json

@@ -2,23 +2,26 @@
   "name": "@callstack/out-of-tree-platforms",
   "version": "0.74.0",
   "description": "Utils for React Native out of tree platforms.",
-  "license": "MIT",
+  "keywords": ["out-of-tree", "react-native"],
+  "homepage": "https://github.com/callstack/react-native-visionos/tree/HEAD/packages/out-of-tree-platforms#readme",
+  "bugs": "https://github.com/callstack/react-native-visionos/issues",
   "repository": {
     "type": "git",
     "url": "https://github.com/callstack/react-native-visionos.git",
     "directory": "packages/out-of-tree-platforms"
   },
-  "homepage": "https://github.com/callstack/react-native-visionos/tree/HEAD/packages/out-of-tree-platforms#readme",
-  "keywords": [
-    "out-of-tree",
-    "react-native"
+  "license": "MIT",
+  "exports": { 
+    ".": "./dist/index.js",
+    "./package.json": "./package.json" 
+  },
+  "files": [
+    "dist"
   ],
-  "bugs": "https://github.com/facebook/react-native/issues",
+  "devDependencies": { 
+    "metro-resolver": "^0.80.0"
+  },
   "engines": {
     "node": ">=18"
-  },
-  "exports": "./index.js",
-  "devDependencies": {
-    "metro-resolver": "^0.80.0"
   }
 }

packages/out-of-tree-platforms/index.js renamed to packages/out-of-tree-platforms/src/index.js

@@ -18,7 +18,7 @@ type ResolverConfig = {
  * Creates a custom Metro resolver that maps platform extensions to package names.
  * To be used in app's `metro.config.js` as `resolver.resolveRequest`.
  */
-const getPlatformResolver = (config: ResolverConfig): CustomResolver => {
+export const getPlatformResolver = (config: ResolverConfig): CustomResolver => {
   return (context, moduleName, platform) => {
     // `customResolverOptions` is populated through `?resolver.platformExtension` query params
     // in the jsBundleURLForBundleRoot method of the react-native/React/Base/RCTBundleURLProvider.mm
@@ -42,5 +42,3 @@ const getPlatformResolver = (config: ResolverConfig): CustomResolver => {
     return context.resolveRequest(context, modifiedModuleName, platform);
   };
 };
-
-module.exports = {getPlatformResolver};

scripts/build/config.js

@@ -45,6 +45,10 @@ const buildConfig /*: BuildConfig */ = {
     'community-cli-plugin': {
       target: 'node',
     },
+    'out-of-tree-platforms': {
+      target: 'node',
+      emitTypeScriptDefs: true,
+    },
     'dev-middleware': {
       target: 'node',
       emitTypeScriptDefs: true,

scripts/oot-release.js

@@ -9,11 +9,14 @@
 const forEachPackage = require('./monorepo/for-each-package');
 const {applyPackageVersions, publishPackage} = require('./npm-utils');
 const updateTemplatePackage = require('./update-template-package');
+const {execSync} = require('child_process');
 const fs = require('fs');
 const path = require('path');
 const {cat, echo, exit} = require('shelljs');
 const yargs = require('yargs');
 
+const REPO_ROOT = path.resolve(__dirname, '../');
+
 /**
  * This script updates core packages to the version of React Native that we are basing on,
  * updates internal visionOS packages and releases them.
@@ -116,6 +119,12 @@ function releaseOOT(
   });
   echo(`Updating template and it's dependencies to ${reactNativeVersion}`);
 
+  echo('Building packages...\n');
+  execSync('node ./scripts/build/build.js', {
+    cwd: REPO_ROOT,
+    stdio: [process.stdin, process.stdout, process.stderr],
+  });
+
   // Release visionOS packages only if OTP is passed
   if (!oneTimePassword) {
     return;