How do i get access to Facebooks javascript api in a Kotlin React project?

Question

I have a project using "kotlinFrontend" to create a really nice react front end written in kotlin. How do i get access to the facebook js sdk (it is usually done withing script tags)

I have this code on my HTML template that includes the generated bundle containing

<script>
window.fbAsyncInit = function() {
    FB.init({
        appId      : '503127050093992',
        cookie     : true,
        xfbml      : true,
        version    : 'v3.2'
    });
    FB.AppEvents.logPageView();
};

(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

Inside my kotlin react code, how would i then be able to access the creatd FB obj?

kzm · Accepted Answer · 2019-01-14 18:05:34Z

0

Use external var FB

Type-safe way:

Get typescript definitions from facebook-js-sdk
Use ts2kt to convert it to Kotlin. Generated files might have some errors, but they are usually easy to fix.
Add these files to your project. You'll get external var FB: facebook.FacebookStatic that you can access.

Unsafe way:

Declare external var FB: dynamic

answered Jan 14, 2019 at 18:05

kzm

3953 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do i get access to Facebooks javascript api in a Kotlin React project?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related