Added logout event.

Author: Dimitar Tachev

demo-angular/app/app.component.html

@@ -1,6 +1,6 @@
 <StackLayout>
     <Label text="{{userId}}"></Label>
-    <FacebookLoginButton (login)="onLogin($event)"></FacebookLoginButton>
+    <FacebookLoginButton (login)="onLogin($event)" (logout)="onLogout($event)"></FacebookLoginButton>
     <Button text="Custom Login Button" (tap)="manualLogin()"></Button>
-    <Button text="Custom Logout Button" (tap)="logout()"></Button>
+    <Button text="Custom Logout Button" (tap)="manualLogout()"></Button>
 </StackLayout>

demo-angular/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component } from "@angular/core";
+import { Component, ChangeDetectorRef } from "@angular/core";
 import * as Facebook from "nativescript-facebook";
 
 @Component({
@@ -8,23 +8,34 @@ import * as Facebook from "nativescript-facebook";
 export class AppComponent {
     userId: string = "not logged in";
 
+    constructor(private ref: ChangeDetectorRef) {
+    }
+
     onLogin = function (eventData: Facebook.LoginEventData) {
         if (eventData.error) {
             alert("Error during login: " + eventData.error);
         } else {
             this.userId = "UserId: " + eventData.loginResponse.userId;
+            this.ref.detectChanges();
         }
     };
 
     manualLogin = function () {
         Facebook.login((error, loginResponse) => {
             this.userId = "UserId: " + loginResponse.userId;
+            this.ref.detectChanges();
         });
     };
 
-    logout = function () {
+    manualLogout = function () {
         Facebook.logout(() => {
             this.userId = "not logged in";
+            this.ref.detectChanges();
         });
     };
+
+    public onLogout() {
+        this.userId = "not logged in";
+        this.ref.detectChanges();
+    }
 }

demo/app/main-page.xml

@@ -3,7 +3,7 @@
   loaded="pageLoaded" class="page">
   <StackLayout>
     <Label text="{{ userId }}"></Label>
-    <Facebook:LoginButton login="{{ onLogin }}"></Facebook:LoginButton>
+    <Facebook:LoginButton login="{{ onLogin }}" logout="{{ onLogout }}"></Facebook:LoginButton>
     <Button text="Log Out" tap="{{ logout }}"></Button>
   </StackLayout>
 </Page>

demo/app/main-view-model.ts

@@ -12,6 +12,10 @@ export class HelloWorldModel extends Observable {
     }
   }
 
+  public onLogout() {
+    this.set("userId", "not logged in");
+  }
+
   public logout() {
     fbLogout(() => this.set("userId", "not logged in"));
   }

src/login-button.common.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":3,"metadata":{"LoginButtonBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ui/core/view","name":"View"},"members":{"initNativeView":[{"__symbolic":"method"}]},"statics":{"loginEvent":"login"}}}},{"__symbolic":"module","version":1,"metadata":{"LoginButtonBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ui/core/view","name":"View"},"members":{"initNativeView":[{"__symbolic":"method"}]},"statics":{"loginEvent":"login"}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"LoginButtonBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ui/core/view","name":"View"},"members":{"initNativeView":[{"__symbolic":"method"}]},"statics":{"loginEvent":"login","logoutEvent":"logout"}}}},{"__symbolic":"module","version":1,"metadata":{"LoginButtonBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ui/core/view","name":"View"},"members":{"initNativeView":[{"__symbolic":"method"}]},"statics":{"loginEvent":"login","logoutEvent":"logout"}}}}]

src/login-button.common.ts

@@ -2,13 +2,18 @@ import { View, Property } from "ui/core/view";
 import * as loginManager from './login-manager';
 import { LoginResponse } from './login-response';
 import { LoginEventData } from './login-event-data';
+import { EventData } from "data/observable";
 
 export abstract class LoginButtonBase extends View {
   public static loginEvent: string = "login";
+  public static logoutEvent: string = "logout";
 
   initNativeView() {
     loginManager._registerLoginCallback((error: Error, loginResponse: LoginResponse) => {
       this.notify(<LoginEventData>{ eventName: LoginButtonBase.loginEvent, object: this, error: error, loginResponse: loginResponse });
     });
+    loginManager._registerLogoutCallback(() => {
+      this.notify(<EventData>{ eventName: LoginButtonBase.logoutEvent, object: this });
+    });
   }
 }

src/login-button.ios.ts

@@ -37,7 +37,9 @@ class LoginButtonDelegate extends NSObject implements FBSDKLoginButtonDelegate {
   }
 
   loginButtonDidLogOut(loginButton: any) {
-    // TODO: Provide logout callback
+    if (loginManager.onLogoutCallback) {
+      loginManager.onLogoutCallback();
+    }
   }
 
   loginButtonWillLogin(loginButton: any) {

src/login-manager.android.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":3,"metadata":{"init":{"__symbolic":"function"},"_registerLoginCallback":{"__symbolic":"function"},"requestPublishPermissions":{"__symbolic":"function"},"requestReadPermissions":{"__symbolic":"function"},"login":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"init":{"__symbolic":"function"},"_registerLoginCallback":{"__symbolic":"function"},"requestPublishPermissions":{"__symbolic":"function"},"requestReadPermissions":{"__symbolic":"function"},"login":{"__symbolic":"function"}}}]
+[{"__symbolic":"module","version":3,"metadata":{"onLoginCallback":{"__symbolic":"error","message":"Variable not initialized","line":7,"character":11},"onLogoutCallback":{"__symbolic":"error","message":"Variable not initialized","line":8,"character":11},"_registerLogoutCallback":{"__symbolic":"function"},"init":{"__symbolic":"function"},"_registerLoginCallback":{"__symbolic":"function"},"requestPublishPermissions":{"__symbolic":"function"},"requestReadPermissions":{"__symbolic":"function"},"login":{"__symbolic":"function"},"logout":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"onLoginCallback":{"__symbolic":"error","message":"Variable not initialized","line":7,"character":11},"onLogoutCallback":{"__symbolic":"error","message":"Variable not initialized","line":8,"character":11},"_registerLogoutCallback":{"__symbolic":"function"},"init":{"__symbolic":"function"},"_registerLoginCallback":{"__symbolic":"function"},"requestPublishPermissions":{"__symbolic":"function"},"requestReadPermissions":{"__symbolic":"function"},"login":{"__symbolic":"function"},"logout":{"__symbolic":"function"}}}]

src/login-manager.android.ts

@@ -5,11 +5,16 @@ declare let com: any;
 const LOGIN_PERMISSIONS = ["public_profile", "email"];
 
 // TODO: add getter and setter
-let onLoginCallback;
+export let onLoginCallback;
+export let onLogoutCallback;
 let androidApplication;
 let _act: android.app.Activity;
 let loginManager;
 
+export function _registerLogoutCallback(callback: Function) {
+  onLogoutCallback = callback;
+}
+
 export function init(fbId: string) {
   setAppId(fbId);
   androidApplication = application.android;
@@ -23,6 +28,18 @@ export function init(fbId: string) {
   onLoginCallback = com.facebook.CallbackManager.Factory.create();
   loginManager = com.facebook.login.LoginManager.getInstance();
   loginManager.logOut();
+
+  // Workaround for firing the logout event in android:
+  // https://stackoverflow.com/questions/30233284/how-to-add-a-logout-callback-for-facebook-sdk-in-android
+  let LogoutAccessTokenTracker = com.facebook.AccessTokenTracker.extend({
+    onCurrentAccessTokenChanged: function (oldToken, newToken) {
+      if (oldToken != null && newToken == null && onLogoutCallback) {
+        onLogoutCallback();
+      }
+    }
+  });
+  let accessTokenTracker = new LogoutAccessTokenTracker();
+  accessTokenTracker.startTracking();
 }
 
 export function _registerLoginCallback(callback: Function) {

src/login-manager.d.ts

@@ -1,5 +1,7 @@
 export declare function _registerLoginCallback(callback: Function): void;
+export declare function _registerLogoutCallback(callback: Function): void;
 export declare let onLoginCallback: Function;
+export declare let onLogoutCallback: Function;
 
 /**
 * Sets the Facebook application Id for the current app and init the native facebook sdk.