chore: add apple-sign-in demo

Author: NathanWalker

apps/demo/src/plugin-demos/apple-sign-in.ts

@@ -1,15 +1,10 @@
 import { Observable, EventData, Page } from '@nativescript/core';
 import { DemoSharedAppleSignIn } from '@demo/shared';
-import { } from '@nativescript/apple-sign-in';
+import { SignIn } from '@nativescript/apple-sign-in';
 
 export function navigatingTo(args: EventData) {
 	const page = <Page>args.object;
 	page.bindingContext = new DemoModel();
 }
 
-
-export class DemoModel extends DemoSharedAppleSignIn {
-	login(args) {
-		console.log('login');
-	}
-}
+export class DemoModel extends DemoSharedAppleSignIn {}

apps/demo/src/plugin-demos/apple-sign-in.xml

@@ -4,6 +4,6 @@
         </ActionBar>
     </Page.actionBar>
     <StackLayout class="p-20">
-        <ui:SignInButton tap="{{ login }}"/>
+        <ui:SignInButton tap="{{ login }}" height="56"/>
     </StackLayout>
 </Page>

packages/apple-sign-in/README.md

@@ -47,7 +47,7 @@ user sign themself in (after they pressed a nice button for instance).
 ```typescript
 import { SignIn, User } from "@nativescript/apple-sign-in";
 
-signIn(
+SignIn.signIn(
     {
         // by default you don't get these details, but if you provide these scopes you will (and the user will get to choose which ones are allowed)
         scopes: ["EMAIL", "FULLNAME"]

tools/assets/App_Resources/iOS/app.entitlements

@@ -2,7 +2,9 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
   <dict>
-    <key>com.apple.developer.contacts.notes</key>
-    <true/>
+    <key>com.apple.developer.applesignin</key>
+    <array>
+      <string>Default</string>
+    </array>
   </dict>
 </plist>

tools/demo/apple-sign-in/index.ts

@@ -1,9 +1,16 @@
 import { DemoSharedBase } from '../utils';
-import {  } from '@nativescript/apple-sign-in';
+import { SignIn, User } from '@nativescript/apple-sign-in';
 
 export class DemoSharedAppleSignIn extends DemoSharedBase {
-
-  testIt() {
-    console.log('test apple-sign-in!');
-  }
-}
+	login() {
+		SignIn.signIn({
+			// by default you don't get these details, but if you provide these scopes you will (and the user will get to choose which ones are allowed)
+			scopes: ['EMAIL', 'FULL_NAME'],
+		})
+			.then((result: User) => {
+				console.log('Signed in, user: ' + result);
+				console.log('Signed in, familyName: ' + result.fullName.familyName);
+			})
+			.catch((err) => console.log('Error signing in: ' + err));
+	}
+}