ℹ️Device

• Bubble.io Plugin

• JavaScript SDK

🧋 Bubble.io Plugin

[Element] Natively - Device

Initialize:

• Refresh App Info action will be called on element load, so you can access it asap.

Make sure to not add a lot of 'Natively - Device' elements because it will send a request to a device each time on load.

Events:

• App Info received

• App went foreground - User opened the app - available starting from v2.12.2

• App went background - User minimized the app (closed without exiting) - available starting from v2.12.2

• Keyboard is visible - User taps an input and keyboard appears - available starting from v. 2.17.0

• Keyboard is hidden - User closes the keyboard - available starting from v. 2.17.0

States:

• Device - Device model (iOS can be decoded with this list)

• OS Version - Android/iOS version

• App Version

• Build Number

• Natively SDK Version

• OS Name - "Android" / "iOS"

• isDarkMode - Yes / No

• Orientation - "PORTRAIT" / "LANDSCAPE"

Actions:

• Refresh App Info

🛠 JavaScript SDK

Device App Info

const info = new NativelyInfo()
const app_info_callback = function (resp) {
        console.log(resp.device); // iPhone14,2
        console.log(resp.osVersion); // 15.6
        console.log(resp.osName); // iOS / Android
        console.log(resp.buildVersion); // 1.0.0
        console.log(resp.buildNumber); // 1
        console.log(resp.sdkVersion); // 3
        console.log(resp.isDarkMode); // true/false
};
info.getAppInfo(app_info_callback);
// available starting from v2.12.2
const app_state_callback = function (resp) {
        if (resp.state) {
                // User opened the app (iOS "active", android "resume")
                console.log("App went foreground")
        } else {
                // User minimized the app (closed without exiting)
                // (iOS "inactive", android "pause")
                console.log("App went background")
        }
};
info.app_state(app_state_callback);
// available starting from v2.15.4
const keyboard_visibility_callback = function (resp) {
        if (resp.visible) {
                // Keyboard is visible
                console.log("Keyboard is visible")
        } else {
                // Keyboard is hidden
                console.log("Keyboard is hidden")
        }
};
info.keyboard_visibility(keyboard_visibility_callback);

resp.device value for iOS can be decoded with this list

Need to recognize the app and the web users? Check this out: Browser Info