Unable to integrate with angular universal

[pravashupreti]

^
ReferenceError: document is not defined
at Object.google (C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\node_modules\angular2-social-login\dist\bundles\angular2-social-login.min.js:1:3652)
at C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\node_modules\angular2-social-login\dist\bundles\angular2-social-login.min.js:1:4502
at Array.forEach ()
at Function.e.loadProvidersScripts (C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\node_modules\angular2-social-login\dist\bundles\angular2-social-login.min.js:1:4478)
at Object. (C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\src\app\app.module.ts:228:27)
at Module._compile (module.js:573:30)
at Module.m._compile (C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\node_modules\ts-node\src\index.ts:392:23)
at Module._extensions..js (module.js:584:10)
at Object.require.extensions.(anonymous function) [as .ts] (C:\xampp\htdocs\SOFTWEBDEVELOPERS\classmonk\client\node_modules\ts-node\src\index.ts:395:12)
at Module.load (module.js:507:32)

[kpsrinivas]

At this point, it won't work with angular universal. There are some dom dependencies in the code. We need to figure out a way to execute logout. Let me look at it.

[imraqes]

@kpsrinivas @pravash-upreti

Yes you can use it with Angular Universal also

add this stuff in your app.component.ts

import { Angular2SocialLoginModule } from "angular2-social-login";

let providers = {
    "google": {
      "clientId": "GOOGLE_CLIENT_ID"
    },
    "linkedin": {
      "clientId": "LINKEDIN_CLIENT_ID"
    },
    "facebook": {
      "clientId": "FACEBOOK_CLIENT_ID",
      "apiVersion": "v2.4"
    }
  };

And Inside constructor you can do this

if(this.isBrowser){
            Angular2SocialLoginModule.loadProvidersScripts(providers);
}

isBrowser is basically to check if your running in server or browser.