feat: visionOS support

lib/bootstrap.ts

@@ -180,24 +180,32 @@ injector.requireCommand("platform|update", "./commands/update-platform");
 injector.requireCommand("run|*all", "./commands/run");
 injector.requireCommand("run|ios", "./commands/run");
 injector.requireCommand("run|android", "./commands/run");
+injector.requireCommand("run|vision", "./commands/run");
+injector.requireCommand("run|visionos", "./commands/run");
 injector.requireCommand("typings", "./commands/typings");
 
 injector.requireCommand("preview", "./commands/preview");
 
 injector.requireCommand("debug|ios", "./commands/debug");
 injector.requireCommand("debug|android", "./commands/debug");
+injector.requireCommand("debug|vision", "./commands/debug");
+injector.requireCommand("debug|visionos", "./commands/debug");
 injector.requireCommand("fonts", "./commands/fonts");
 
 injector.requireCommand("prepare", "./commands/prepare");
 injector.requireCommand("build|ios", "./commands/build");
 injector.requireCommand("build|android", "./commands/build");
+// injector.requireCommand("build|vision", "./commands/build");
+// injector.requireCommand("build|visionos", "./commands/build");
 injector.requireCommand("deploy", "./commands/deploy");
 
 injector.require("testExecutionService", "./services/test-execution-service");
 injector.requireCommand("dev-test|android", "./commands/test");
 injector.requireCommand("dev-test|ios", "./commands/test");
 injector.requireCommand("test|android", "./commands/test");
 injector.requireCommand("test|ios", "./commands/test");
+// injector.requireCommand("test|vision", "./commands/test");
+// injector.requireCommand("test|visionos", "./commands/test");
 injector.requireCommand("test|init", "./commands/test-init");
 injector.requireCommand("dev-generate-help", "./commands/generate-help");
 

lib/commands/build.ts

@@ -108,7 +108,7 @@ export class BuildIosCommand extends BuildCommandBase implements ICommand {
 		$platformValidationService: IPlatformValidationService,
 		$logger: ILogger,
 		$buildDataService: IBuildDataService,
-		private $migrateController: IMigrateController
+		protected $migrateController: IMigrateController
 	) {
 		super(
 			$options,
@@ -221,3 +221,7 @@ export class BuildAndroidCommand extends BuildCommandBase implements ICommand {
 }
 
 injector.registerCommand("build|android", BuildAndroidCommand);
+
+// export class BuildVisionOsCommand extends BuildIosCommand implements ICommand {}
+// injector.registerCommand("build|vision", BuildVisionOsCommand);
+// injector.registerCommand("build|visionos", BuildVisionOsCommand);

lib/commands/create-project.ts

@@ -15,6 +15,8 @@ export class CreateProjectCommand implements ICommand {
 	private static BlankTemplateDescription = "A blank app";
 	private static BlankTsTemplateKey = "Blank Typescript";
 	private static BlankTsTemplateDescription = "A blank typescript app";
+	private static BlankVisionTemplateKey = "visionOS";
+	private static BlankVisionTemplateDescription = "A visionOS app";
 	private static HelloWorldTemplateKey = "Hello World";
 	private static HelloWorldTemplateDescription = "A Hello World app";
 	private static DrawerTemplateKey = "SideDrawer";
@@ -72,6 +74,16 @@ export class CreateProjectCommand implements ICommand {
 			selectedTemplate = constants.REACT_NAME;
 		} else if (this.$options.svelte) {
 			selectedTemplate = constants.SVELTE_NAME;
+		} else if (this.$options["vision-ng"]) {
+			selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-ng"];
+		} else if (this.$options["vision-react"]) {
+			selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-react"];
+		} else if (this.$options["vision-solid"]) {
+			selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-solid"];
+		} else if (this.$options["vision-svelte"]) {
+			selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-svelte"];
+		} else if (this.$options["vision-vue"]) {
+			selectedTemplate = constants.RESERVED_TEMPLATE_NAMES["vision-vue"];
 		} else {
 			selectedTemplate = this.$options.template;
 		}
@@ -262,6 +274,11 @@ can skip this prompt next time using the --template option, or the --ng, --react
 				value: "@nativescript/template-tab-navigation-ts",
 				description: CreateProjectCommand.TabsTemplateDescription,
 			},
+			{
+				key: CreateProjectCommand.BlankVisionTemplateKey,
+				value: "@nativescript/template-hello-world-ts-vision",
+				description: CreateProjectCommand.BlankVisionTemplateDescription,
+			},
 		];
 
 		return templates;
@@ -284,6 +301,11 @@ can skip this prompt next time using the --template option, or the --ng, --react
 				value: "@nativescript/template-tab-navigation-ng",
 				description: CreateProjectCommand.TabsTemplateDescription,
 			},
+			{
+				key: CreateProjectCommand.BlankVisionTemplateKey,
+				value: "@nativescript/template-hello-world-ng-vision",
+				description: CreateProjectCommand.BlankVisionTemplateDescription,
+			},
 		];
 
 		return templates;
@@ -296,6 +318,11 @@ can skip this prompt next time using the --template option, or the --ng, --react
 				value: constants.RESERVED_TEMPLATE_NAMES.react,
 				description: CreateProjectCommand.HelloWorldTemplateDescription,
 			},
+			{
+				key: CreateProjectCommand.BlankVisionTemplateKey,
+				value: "@nativescript/template-blank-react-vision",
+				description: CreateProjectCommand.BlankVisionTemplateDescription,
+			},
 		];
 
 		return templates;
@@ -308,6 +335,11 @@ can skip this prompt next time using the --template option, or the --ng, --react
 				value: constants.RESERVED_TEMPLATE_NAMES.svelte,
 				description: CreateProjectCommand.HelloWorldTemplateDescription,
 			},
+			{
+				key: CreateProjectCommand.BlankVisionTemplateKey,
+				value: "@nativescript/template-blank-svelte-vision",
+				description: CreateProjectCommand.BlankVisionTemplateDescription,
+			},
 		];
 
 		return templates;
@@ -335,6 +367,11 @@ can skip this prompt next time using the --template option, or the --ng, --react
 				value: "@nativescript/template-tab-navigation-vue",
 				description: CreateProjectCommand.TabsTemplateDescription,
 			},
+			{
+				key: CreateProjectCommand.BlankVisionTemplateKey,
+				value: "@nativescript/template-blank-vue-vision",
+				description: CreateProjectCommand.BlankVisionTemplateDescription,
+			},
 		];
 
 		return templates;
@@ -346,6 +383,33 @@ can skip this prompt next time using the --template option, or the --ng, --react
 
 		const greyDollarSign = color.grey("$");
 		this.$logger.clearScreen();
+		let runDebugNotes: Array<string> = [];
+		if (
+			this.$options.vision ||
+			this.$options["vision-ng"] ||
+			this.$options["vision-react"] ||
+			this.$options["vision-solid"] ||
+			this.$options["vision-svelte"] ||
+			this.$options["vision-vue"]
+		) {
+			runDebugNotes = [
+				`Run the project on Vision Pro with:`,
+				"",
+				`  ${greyDollarSign} ${color.green("ns run visionos --no-hmr")}`,
+			];
+		} else {
+			runDebugNotes = [
+				`Run the project on multiple devices:`,
+				"",
+				`  ${greyDollarSign} ${color.green("ns run ios")}`,
+				`  ${greyDollarSign} ${color.green("ns run android")}`,
+				"",
+				"Debug the project with Chrome DevTools:",
+				"",
+				`  ${greyDollarSign} ${color.green("ns debug ios")}`,
+				`  ${greyDollarSign} ${color.green("ns debug android")}`,
+			];
+		}
 		this.$logger.info(
 			[
 				[
@@ -358,15 +422,7 @@ can skip this prompt next time using the --template option, or the --ng, --react
 					`cd ${relativePath}`
 				)} and then:`,
 				"",
-				`Run the project on multiple devices:`,
-				"",
-				`  ${greyDollarSign} ${color.green("ns run ios")}`,
-				`  ${greyDollarSign} ${color.green("ns run android")}`,
-				"",
-				"Debug the project with Chrome DevTools:",
-				"",
-				`  ${greyDollarSign} ${color.green("ns debug ios")}`,
-				`  ${greyDollarSign} ${color.green("ns debug android")}`,
+				...runDebugNotes,
 				``,
 				`For more options consult the docs or run ${color.green("ns --help")}`,
 				"",

lib/commands/run.ts

@@ -83,7 +83,7 @@ injector.registerCommand("run|*all", RunCommandBase);
 
 export class RunIosCommand implements ICommand {
 	@cache()
-	private get runCommand(): RunCommandBase {
+	protected get runCommand(): RunCommandBase {
 		const runCommand = this.$injector.resolve<RunCommandBase>(RunCommandBase);
 		runCommand.platform = this.platform;
 		return runCommand;
@@ -95,12 +95,12 @@ export class RunIosCommand implements ICommand {
 	}
 
 	constructor(
-		private $devicePlatformsConstants: Mobile.IDevicePlatformsConstants,
-		private $errors: IErrors,
-		private $injector: IInjector,
-		private $options: IOptions,
-		private $platformValidationService: IPlatformValidationService,
-		private $projectDataService: IProjectDataService
+		protected $devicePlatformsConstants: Mobile.IDevicePlatformsConstants,
+		protected $errors: IErrors,
+		protected $injector: IInjector,
+		protected $options: IOptions,
+		protected $platformValidationService: IPlatformValidationService,
+		protected $projectDataService: IProjectDataService
 	) {}
 
 	public async execute(args: string[]): Promise<void> {
@@ -112,12 +112,12 @@ export class RunIosCommand implements ICommand {
 
 		if (
 			!this.$platformValidationService.isPlatformSupportedForOS(
-				this.$devicePlatformsConstants.iOS,
+				this.platform,
 				projectData
 			)
 		) {
 			this.$errors.fail(
-				`Applications for platform ${this.$devicePlatformsConstants.iOS} can not be built on this OS`
+				`Applications for platform ${this.platform} can not be built on this OS`
 			);
 		}
 
@@ -127,7 +127,7 @@ export class RunIosCommand implements ICommand {
 				this.$options.provision,
 				this.$options.teamId,
 				projectData,
-				this.$devicePlatformsConstants.iOS.toLowerCase()
+				this.platform.toLowerCase()
 			));
 		return result;
 	}
@@ -196,3 +196,30 @@ export class RunAndroidCommand implements ICommand {
 }
 
 injector.registerCommand("run|android", RunAndroidCommand);
+
+export class RunVisionOSCommand extends RunIosCommand {
+	public get platform(): string {
+		return this.$devicePlatformsConstants.visionOS;
+	}
+
+	constructor(
+		protected $devicePlatformsConstants: Mobile.IDevicePlatformsConstants,
+		protected $errors: IErrors,
+		protected $injector: IInjector,
+		protected $options: IOptions,
+		protected $platformValidationService: IPlatformValidationService,
+		protected $projectDataService: IProjectDataService
+	) {
+		super(
+			$devicePlatformsConstants,
+			$errors,
+			$injector,
+			$options,
+			$platformValidationService,
+			$projectDataService
+		);
+	}
+}
+
+injector.registerCommand("run|vision", RunVisionOSCommand);
+injector.registerCommand("run|visionos", RunVisionOSCommand);

lib/common/definitions/mobile.d.ts

@@ -1037,6 +1037,10 @@ declare global {
 			 * The state of the simulator. Can be 'Shutdown' or 'Booted'
 			 */
 			state?: string;
+			/**
+			 * The platform of the device (iOS, visionOS)
+			 */
+			platform?: string;
 		}
 
 		interface IiOSSimResolver {
@@ -1192,6 +1196,8 @@ declare global {
 			platformNames: string[];
 			isAndroidPlatform(platform: string): boolean;
 			isiOSPlatform(platform: string): boolean;
+			isvisionOSPlatform(platform: string): boolean;
+			isApplePlatfrom(platform: string): boolean;
 			normalizePlatformName(platform: string): string;
 			validatePlatformName(platform: string): string;
 			buildDevicePath(...args: string[]): string;
@@ -1234,6 +1240,11 @@ declare global {
 		interface IDevicePlatformsConstants {
 			iOS: string;
 			Android: string;
+			visionOS: string;
+
+			isiOS(value: string): boolean;
+			isAndroid(value: string): boolean;
+			isvisionOS(value: string): boolean;
 		}
 
 		interface IDeviceApplication {

lib/common/mobile/device-platforms-constants.ts

@@ -1,8 +1,22 @@
 import { injector } from "../yok";
 
 export class DevicePlatformsConstants
-	implements Mobile.IDevicePlatformsConstants {
+	implements Mobile.IDevicePlatformsConstants
+{
 	public iOS = "iOS";
 	public Android = "Android";
+	public visionOS = "visionOS";
+
+	public isiOS(value: string) {
+		return value.toLowerCase() === this.iOS.toLowerCase();
+	}
+
+	public isAndroid(value: string) {
+		return value.toLowerCase() === this.Android.toLowerCase();
+	}
+
+	public isvisionOS(value: string) {
+		return value.toLowerCase() === this.visionOS.toLowerCase();
+	}
 }
 injector.register("devicePlatformsConstants", DevicePlatformsConstants);

lib/common/mobile/ios/simulator/ios-emulator-services.ts

@@ -23,6 +23,18 @@ class IosEmulatorServices implements Mobile.IiOSSimulatorService {
 		let error = null;
 
 		try {
+			if (
+				options.platform === this.$devicePlatformsConstants.visionOS &&
+				!options.emulatorIdOrName
+			) {
+				// find first available visionOS simulator (for now).
+				const { devices } = await this.tryGetiOSSimDevices();
+				options.emulatorIdOrName = devices.find(
+					(device) =>
+						device.platform === this.$devicePlatformsConstants.visionOS
+				)?.id;
+			}
+
 			await this.$iOSSimResolver.iOSSim.startSimulator({
 				device: options.imageIdentifier || options.emulatorIdOrName,
 				state: "None",
@@ -132,7 +144,7 @@ class IosEmulatorServices implements Mobile.IiOSSimulatorService {
 			isTablet: this.$mobileHelper.isiOSTablet(simDevice.name),
 			type: DeviceTypes.Emulator,
 			connectionTypes: [DeviceConnectionType.Local],
-			platform: this.$devicePlatformsConstants.iOS,
+			platform: simDevice.platform ?? this.$devicePlatformsConstants.iOS,
 		};
 	}
 }

lib/common/mobile/log-filter.ts

@@ -42,7 +42,9 @@ export class LogFilter implements Mobile.ILogFilter {
 		if (platform) {
 			if (
 				platform.toLowerCase() ===
-				this.$devicePlatformsConstants.iOS.toLowerCase()
+					this.$devicePlatformsConstants.iOS.toLowerCase() ||
+				platform.toLowerCase() ===
+					this.$devicePlatformsConstants.visionOS.toLowerCase()
 			) {
 				return this.$injector.resolve("iOSLogFilter");
 			} else if (