feat: platform visionOS

Author: thymikee

packages/create-app/src/lib/__tests__/bin.test.ts

@@ -4,6 +4,7 @@ import { PLATFORMS, PLUGINS } from '../templates.js';
 test('formatConfig', () => {
   expect(formatConfig(PLATFORMS, PLUGINS)).toMatchInlineSnapshot(`
     "import { pluginPlatformIOS } from '@callstack/rnef-plugin-platform-ios';
+    import { pluginPlatformVisionOS } from '@callstack/rnef-plugin-platform-visionos';
     import { pluginPlatformAndroid } from '@callstack/rnef-plugin-platform-android';
     import { pluginMetro } from '@callstack/rnef-plugin-metro';
     import { pluginRepack } from '@callstack/rnef-plugin-repack';
@@ -15,6 +16,7 @@ test('formatConfig', () => {
       },
       platforms: {
         ios: pluginPlatformIOS(),
+        visionos: pluginPlatformVisionOS(),
         android: pluginPlatformAndroid(),
       },
     };

packages/create-app/src/lib/templates.ts

@@ -60,6 +60,14 @@ export const PLATFORMS: TemplateInfo[] = [
     directory: 'template',
     importName: 'pluginPlatformIOS',
   },
+  {
+    type: 'npm',
+    name: 'visionos',
+    packageName: '@callstack/rnef-plugin-platform-visionos',
+    version: 'latest',
+    directory: 'template',
+    importName: 'pluginPlatformVisionOS',
+  },
   {
     type: 'npm',
     name: 'android',

packages/plugin-platform-visionos/README.md

@@ -0,0 +1,11 @@
+# plugin-platform-visionos
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build plugin-platform-visionos` to build the library.
+
+## Running unit tests
+
+Run `nx test plugin-platform-visionos` to execute the unit tests via [Vitest](https://vitest.dev/).

packages/plugin-platform-visionos/eslint.config.js

@@ -0,0 +1,3 @@
+import baseConfig from '../../eslint.config.js';
+
+export default baseConfig;

packages/plugin-platform-visionos/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@callstack/rnef-plugin-platform-visionos",
+  "version": "0.0.1",
+  "type": "module",
+  "exports": {
+    "types": "./dist/src/index.d.ts",
+    "import": "./dist/src/index.js"
+  },
+  "dependencies": {
+    "@react-native-community/cli-config-apple": "^15.1.2",
+    "tslib": "^2.3.0",
+    "@callstack/rnef-plugin-platform-apple": "workspace:*"
+  },
+  "devDependencies": {
+    "@callstack/rnef-config": "workspace:*"
+  }
+}

packages/plugin-platform-visionos/project.json

@@ -0,0 +1,23 @@
+{
+  "name": "plugin-platform-visionos",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/plugin-platform-visionos/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "packages/plugin-platform-visionos/dist",
+        "main": "packages/plugin-platform-visionos/src/index.ts",
+        "tsConfig": "packages/plugin-platform-visionos/tsconfig.lib.json",
+        "assets": [
+          "packages/plugin-platform-visionos/*.md",
+          "packages/plugin-platform-visionos/src/template/**/*",
+          "packages/plugin-platform-visionos/react-native.config.*"
+        ]
+      }
+    }
+  }
+}

packages/plugin-platform-visionos/react-native.config.ts

@@ -0,0 +1,13 @@
+import {
+  getProjectConfig,
+  getDependencyConfig,
+} from '@react-native-community/cli-config-apple';
+
+export default {
+  platforms: {
+    visionos: {
+      projectConfig: getProjectConfig({ platformName: 'visionos' }),
+      dependencyConfig: getDependencyConfig({ platformName: 'visionos' }),
+    },
+  },
+};

packages/plugin-platform-visionos/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/pluginPlatformVisionOS.js';

packages/plugin-platform-visionos/src/lib/__tests__/dummy.test.ts

@@ -0,0 +1,5 @@
+import { test, expect } from 'vitest';
+
+test('dummy test', () => {
+  expect(true).toBe(true);
+});

packages/plugin-platform-visionos/src/lib/pluginPlatformVisionOS.ts

@@ -0,0 +1,58 @@
+import type { PluginOutput, PluginApi } from '@callstack/rnef-config';
+import {
+  createBuild,
+  createRun,
+  getRunOptions,
+  getBuildOptions,
+  RunFlags,
+  BuildFlags,
+} from '@callstack/rnef-plugin-platform-apple';
+import { getProjectConfig } from '@react-native-community/cli-config-apple';
+
+const projectConfig = getProjectConfig({ platformName: 'visionos' });
+const buildOptions = getBuildOptions({ platformName: 'visionos' });
+const runOptions = getRunOptions({ platformName: 'visionos' });
+
+export const pluginPlatformVisionOS =
+  () =>
+  (api: PluginApi): PluginOutput => {
+    api.registerCommand({
+      name: 'build:visionos',
+      description: 'Build visionOS app.',
+      action: async (args) => {
+        const projectRoot = api.getProjectRoot();
+        const config = projectConfig(projectRoot, {});
+
+        if (config) {
+          await createBuild('visionos', config, args as BuildFlags);
+        } else {
+          throw new Error('visionOS project not found.');
+        }
+      },
+      options: buildOptions,
+    });
+
+    api.registerCommand({
+      name: 'run:visionos',
+      description: 'Run visionOS app.',
+      action: async (args) => {
+        const projectRoot = api.getProjectRoot();
+        const config = projectConfig(projectRoot, {});
+
+        if (config) {
+          await createRun('visionos', config, args as RunFlags, projectRoot);
+        } else {
+          throw new Error('visionOS project not found.');
+        }
+      },
+      // @ts-expect-error: fix `simulator` is not defined in `RunFlags`
+      options: runOptions,
+    });
+
+    return {
+      name: 'plugin-platform-visionos',
+      description: 'RNEF plugin for everything visionOS.',
+    };
+  };
+
+export default pluginPlatformVisionOS;