Support yarn 4.5.0 and start migrating ipad example app to expo

Author: hellostu

.gitignore

@@ -36,6 +36,15 @@ node_modules/
 npm-debug.log
 yarn-error.log
 
+# yarn
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # BUCK
 buck-out/
 \.buckd/

.yarn/releases/yarn-4.5.0.cjs

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.5.0.cjs

.yarnrc.yml

@@ -21,7 +21,6 @@ In the output, you'll find options to open the app in a
 - [development build](https://docs.expo.dev/develop/development-builds/introduction/)
 - [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
 - [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
-- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
 
 You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
 

apps/external-display-example/README.md

@@ -12,7 +12,7 @@
     "expo-system-ui": "~3.0.7",
     "react": "18.2.0",
     "react-native": "0.74.5",
-    "react-native-external-display": "0.6.6",
+    "react-native-external-display": "workspace:*",
     "react-native-gesture-handler": "^2.20.0",
     "react-native-webview": "^13.12.3"
   },

apps/external-display-example/package.json

@@ -1,17 +1,10 @@
 {
-  "extends": "expo/tsconfig.base",
+  "extends": "../../node_modules/expo/tsconfig.base",
   "compilerOptions": {
     "strict": true,
     "paths": {
-      "@/*": [
-        "./*"
-      ]
+      "@/*": ["./*"]
     }
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    ".expo/types/**/*.ts",
-    "expo-env.d.ts"
-  ]
+  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
 }

apps/external-display-example/tsconfig.json

@@ -0,0 +1,18 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+ios/
+android/
+
+# macOS
+.DS_Store
+

apps/ipad-multiscenes-headless-example/.gitignore

@@ -0,0 +1,50 @@
+# IPadMultiScenesHeadlessExample
+
+## Usage
+
+To use this example, you can use Split View feature by default, or use Stage Manager (iOS 16.0+).
+
+To enable Stage Manager on iPad simulator:
+
+- Option 1 - Setting: Choose Home Screen & Multitasking. Tap Stage Manager at the bottom of the Home Screen & Multitasking screen.
+- Option 2 - Command: `xcrun simctl spawn booted defaults write -g SBChamoisWindowingEnabled -bool true`
+
+Please visit [Multiple Scenes support on iPad targets](../../docs/IOSMultipleScenesSupport.md) for more details.
+
+## Expo
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   yarn install
+   ```
+
+2. Run expo prebuild
+
+   ```bash
+    yarn expo prebuild --platform ios
+   ```
+
+3. Run the iOS App. Ensure you have an iPad simulator open.
+
+   ```bash
+   yarn ios
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.

apps/ipad-multiscenes-headless-example/.yarn/releases/yarn-4.5.0.cjs

@@ -0,0 +1,25 @@
+{
+  "expo": {
+    "name": "ipad-multiscenes-headless-example",
+    "slug": "ipad-multiscenes-headless-example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.externaldisplay.ipad-example",
+      "infoPlist": {
+        "UIApplicationSceneManifest": {
+          "UIApplicationSupportsMultipleScenes": true
+        },
+        "UIRequiresFullScreen": false
+      }
+    },
+    "plugins": ["./withMultipleSceneSupport.js"]
+  }
+}