I’m trying to integrate mixpanel to a js target bu...

# multiplatform

[jean]

I’m trying to integrate mixpanel to a js target but I’m not sure how to do it. That’s what I have for ios :

import cocoapods.Mixpanel.Mixpanel

actual class MixpanelFactory {
    actual fun createTracker(): Tracker {
        val actualMixpanel = Mixpanel("", mapOf<Any?, Any>(), 0)
        return object : Tracker {
            override fun sendEvent(event: Event) {
                actualMixpanel.track(event.name, event.asMap() as Map<Any?, Any>)
            }
        }
    }
}

I did add the npm dependency for the js target and tried something like this, to not avail :

@JsModule("mixpanel-browser")
external val mixpanel: Mixpanel

actual class MixpanelFactory {
    actual fun createTracker(): Tracker {
        val actualMixpanel = Mixpanel("")
        return object : Tracker {
            override fun sendEvent(event: Event) {
                actualMixpanel.track(event.name, event.asMap())
            }
        }
    }
}

// js code to use
var mixpanel = require('mixpanel-browser');
mixpanel.init("YOUR_TOKEN");
mixpanel.track("Sign up");

[jean]

for anyone that might be running into this problem too, it’s actually quite simple. All you need is love

val actualMixpanel = js("mixpanel")