Fig config plugin

Author: hellostu

apps/ipad-multiscenes-headless-example/app.config.ts

@@ -0,0 +1,26 @@
+import 'ts-node/register'
+import { ExpoConfig, ConfigContext } from '@expo/config'
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  name: 'ipad-multiscenes-headless-example',
+  slug: 'ipad-multiscenes-headless-example',
+  version: '1.0.0',
+  orientation: 'portrait',
+  scheme: 'ipad-miltiscenes',
+  userInterfaceStyle: 'automatic',
+  splash: {
+    resizeMode: 'contain',
+    backgroundColor: '#ffffff',
+  },
+  ios: {
+    supportsTablet: true,
+    bundleIdentifier: 'com.externaldisplay.ipad-example',
+    infoPlist: {
+      UIApplicationSceneManifest: {
+        UIApplicationSupportsMultipleScenes: true,
+      },
+      UIRequiresFullScreen: false,
+    },
+  },
+  plugins: ['./withMultipleSceneSupport.ts'],
+})

apps/ipad-multiscenes-headless-example/app.json

@@ -8,6 +8,7 @@
   },
   "main": "./index.tsx",
   "dependencies": {
+    "@expo/config-plugins": "^8.0.10",
     "expo": "~51.0.28",
     "expo-system-ui": "~3.0.7",
     "react": "18.2.0",
@@ -19,6 +20,7 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@types/react": "~18.2.45",
+    "ts-node": "^10.9.2",
     "typescript": "~5.3.3"
   },
   "private": true,

apps/ipad-multiscenes-headless-example/package.json

@@ -1,98 +1,45 @@
-import { ConfigPlugin, IOSConfig, BaseMods, withMod } from 'expo/config-plugins'
-import fs from 'fs'
+import { ConfigPlugin, withAppDelegate } from '@expo/config-plugins'
+import * as fs from 'fs'
+import * as path from 'path'
 
-/**
- * A plugin which adds new base modifiers to the prebuild config.
- */
-export function withAppDelegateBaseMod(config) {
-  return (
-    BaseMods.withGeneratedBaseMods <
-    'appDelegate' >
-    (config,
-    {
-      platform: 'ios',
-      providers: {
-        // Append a custom rule to supply AppDelegate data to mods on `mods.ios.appDelegate`
-        appDelegate:
-          BaseMods.provider <
-          IOSConfig.Paths.AppDelegateProjectFile >
-          {
-            // Get the local filepath that should be passed to the `read` method.
-            getFilePath({ modRequest: { projectRoot } }) {
-              return IOSConfig.Paths.getAppDelegateFilePath(projectRoot)
-            },
-            // Read the input file from the filesystem.
-            async read(filePath) {
-              return IOSConfig.Paths.getFileInfo(filePath)
-            },
-            // Write the resulting output to the filesystem.
-            async write(filePath: string, { modResults: { contents } }) {
-              // Modify the AppDelegate.m/mm file's contents
-              const modifiedContents = modifyAppDelegate(contents)
-              await fs.promises.writeFile(filePath, modifiedContents)
-            },
-          },
-      },
-    })
-  )
-}
-
-/**
- * Function to modify the AppDelegate.m/mm file contents.
- */
-function modifyAppDelegate(contents) {
+// Helper function to modify AppDelegate.m
+function modifyAppDelegate(appDelegate: string): string {
   const importStatement = `#import "RNExternalDisplayUtils.h"`
 
   // Add the import statement if it's not already present
-  if (!contents.includes(importStatement)) {
-    contents = `${importStatement}\n${contents}`
+  if (!appDelegate.includes(importStatement)) {
+    appDelegate = `${importStatement}\n${appDelegate}`
   }
 
-  const method = `
-  - (UISceneConfiguration *)application:(UIApplication *)application configurationForConnectingSceneSession:(UISceneSession *)connectingSceneSession options:(UISceneConnectionOptions *)options API_AVAILABLE(ios(13.0)) {
-    UISceneConfiguration * configuration =
-      [RNExternalAppDelegateUtil application:application
-        configurationForConnectingSceneSession:connectingSceneSession
-        options:options
-        sceneOptions:@{
-          @"headless": @YES
-        }
-      ];
-    return configuration;
-  }
-  `
+  const customMethod = `
+- (UISceneConfiguration *)application:(UIApplication *)application configurationForConnectingSceneSession:(UISceneSession *)connectingSceneSession options:(UISceneConnectionOptions *)options API_AVAILABLE(ios(13.0)) {
+  UISceneConfiguration * configuration =
+    [RNExternalAppDelegateUtil application:application
+      configurationForConnectingSceneSession:connectingSceneSession
+      options:options
+      sceneOptions:@{
+        @"headless": @YES
+      }
+    ];
+  return configuration;
+}
+`
 
-  // Add the method if it's not already present
-  if (
-    !contents.includes(
-      'application:(UIApplication *)application configurationForConnectingSceneSession',
-    )
-  ) {
-    contents = contents.replace('@end', `${method}\n@end`)
+  // Insert the method before the '@end' in AppDelegate
+  if (!appDelegate.includes('configurationForConnectingSceneSession')) {
+    appDelegate = appDelegate.replace('@end', `${customMethod}\n@end`)
   }
 
-  return contents
+  return appDelegate
 }
 
-/**
- * (Utility) Provides the AppDelegate file for modification.
- */
-export const withAppDelegate: ConfigPlugin<
-  Mod<IOSConfig.Paths.AppDelegateProjectFile>,
-> = (config, action) => {
-  return withMod(config, {
-    platform: 'ios',
-    mod: 'appDelegate',
-    action,
-  })
-}
+// Config plugin to modify AppDelegate.m
+const withMultipleSceneSupport: ConfigPlugin = (config) => {
+  return withAppDelegate(config, async (config) => {
+    config.modResults.contents = modifyAppDelegate(config.modResults.contents)
 
-// (Example) Log the contents of the AppDelegate mod results.
-export const withSimpleAppDelegateMod = (config) => {
-  return withAppDelegate(config, (config) => {
-    console.log('modify AppDelegate:', config.modResults)
     return config
   })
 }
 
-export default withAppDelegateBaseMod
+export default withMultipleSceneSupport