feat(macos): add react-native-macos demo app

examples/demo/.gitignore

@@ -57,10 +57,14 @@ yarn-error.log
 
 # Ruby / CocoaPods
 /ios/Pods/
+/macos/Pods/
 /vendor/bundle/
 
 # Temporary files created by Metro to check the health of the file watcher
 .metro-health-check*
 
 # testing
 /coverage
+
+# local env files
+.env*.local

examples/demo/README.md

@@ -2,25 +2,39 @@
 
 ![Demo](demo.gif)
 
-## Running the iOS app
+## Running the example apps
 
 After cloning the repository, run the following:
 
 ```sh
 cd react-native-app-auth/Example
 yarn
-(cd ios && pod install)
-npx react-native run-ios
-```
-
-## Running the Android app
-
-After cloning the repository, run the following:
-
-```sh
-cd react-native-app-auth/Example
-yarn
-npx react-native run-android
+# Install the pods for the iOS example app
+cd ios && pod install
+# Install the pods for the macOS example app
+cd macos && pod install
+
+# From here on, you'll need two terminals.
+
+# [In terminal A]
+# Start the Metro bundler
+yarn start
+
+# [In terminal B]
+# Run the iOS app
+yarn ios
+
+# or:
+# Run the Android app
+yarn android
+
+# or:
+# Run the macOS app (after setting `applePlatform = "macos"` in metro.config.js)
+#
+# Note that we do not currently support running the macOS demo simultaneously
+# with iOS or Android apps, as we use the `applePlatform = "macos"` flag to
+# force Metro to resolve react-native-macos instead of react-native.
+yarn macos
 ```
 
 ### Notes

examples/demo/ios/Example.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

examples/demo/macos/.xcode.env

@@ -0,0 +1 @@
+export NODE_BINARY=$(command -v node)

examples/demo/macos/Example-macOS/AppDelegate.h

@@ -0,0 +1,11 @@
+#import <Cocoa/Cocoa.h>
+#import <RCTAppDelegate.h>
+#import <React/RCTLinkingManager.h>
+#import "RNAppAuthAuthorizationFlowManager.h"
+
+@interface AppDelegate : RCTAppDelegate <RNAppAuthAuthorizationFlowManager>
+
+@property(nonatomic, weak) id<RNAppAuthAuthorizationFlowManagerDelegate>
+    authorizationFlowManagerDelegate;
+
+@end

examples/demo/macos/Example-macOS/AppDelegate.mm

@@ -0,0 +1,60 @@
+#import "AppDelegate.h"
+
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTLinkingManager.h>
+
+@implementation AppDelegate
+
+- (void)applicationDidFinishLaunching:(NSNotification *)notification
+{
+  self.moduleName = @"Example";
+  // You can add your custom initial props in the dictionary below.
+  // They will be passed down to the ViewController used by React Native.
+  self.initialProps = @{};
+
+  return [super applicationDidFinishLaunching:notification];
+}
+
+- (void)applicationWillFinishLaunching:(NSNotification *)notification {
+  [[NSAppleEventManager sharedAppleEventManager] setEventHandler:self
+                           andSelector:@selector(getURL:withReplyEvent:)
+                         forEventClass:kInternetEventClass
+                            andEventID:kAEGetURL];
+}
+
+- (void)getURL:(NSAppleEventDescriptor *)event withReplyEvent:(NSAppleEventDescriptor *)reply
+{
+  NSString* urlString = [[event paramDescriptorForKeyword:keyDirectObject] stringValue];
+  NSURL *url = [NSURL URLWithString:urlString];
+
+  if ([self.authorizationFlowManagerDelegate resumeExternalUserAgentFlowWithURL:url]) {
+    return;
+  }
+
+  [RCTLinkingManager getUrlEventHandler:event withReplyEvent:reply];
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+/// This method controls whether the `concurrentRoot`feature of React18 is turned on or off.
+///
+/// @see: https://reactjs.org/blog/2022/03/29/react-v18.html
+/// @note: This requires to be rendering on Fabric (i.e. on the New Architecture).
+/// @return: `true` if the `concurrentRoot` feature is enabled. Otherwise, it returns `false`.
+- (BOOL)concurrentRootEnabled
+{
+#ifdef RN_FABRIC_ENABLED
+  return true;
+#else
+  return false;
+#endif
+}
+
+@end

examples/demo/macos/Example-macOS/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,58 @@
+{
+  "images" : [
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "16x16"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "16x16"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "32x32"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "32x32"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "128x128"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "128x128"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "256x256"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "256x256"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "512x512"
+    },
+    {
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "512x512"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

examples/demo/macos/Example-macOS/Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}