capacitor-floating-bubble

An Capacitor library that creates floating bubbles on top of the screen

| Type | Supported platforms | |:-------:|:------------------:| | Android | ✅ | | iOS | ❌ | | PWA | ❌ |

Install

npm install capacitor-floating-bubble
npx cap sync

⚠️ WARNING⚠️

If necessary, overwrite the androidx.window version your-app/android/app/build.gradle

configurations.all {
    resolutionStrategy.eachDependency { details ->
        if (details.requested.group == 'androidx.window') {
            details.useVersion '1.1.0'
            details.because 'capacitor-floating-bubble is not compatible with 1.4.0'
        }
    }
}

Configuration

These config values are available:

| Prop | Type | Description | |-------------|:------:|---------------------------------------------------------------------------------| | imageBase64 | string | Image displayed inside bubble in base64 format. Image dimensions are 60x60 dpi. |

Example

In capacitor.config.json

{
  "plugins": {
    "FloatingBubble": {
      "imageBase64": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAwHpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMwCPxnio5gA7bxOKRJpW7Q8YsDieKmJ/nAgI4HbJ/3Cx4DmBm4NKm91mTgzh3VHEkO3Tkn3nlH5cjlOQ5nAi1EZsm/UqP+iOdTwI2aVy5C8ozEMid6NED5EUI3NCYa/hpCPYQIPZFDQDVW6dKuKyxbmiH+YBDLPPbt3+x6a7E+hLhRpmRMJD4AjVeA1JxmjMSj0Mr05GNVO8i/Ox2AL/FVWR+7PtpFAAABg2lDQ1BJQ0MgcHJvZmlsZQAAeJx9kT1Iw0AcxV9TpSIVh3Yo4pChOtlFRRxrFYpQIdQKrTqYXPoFTRqSFBdHwbXg4Mdi1cHFWVcHV0EQ/ABxF5wUXaTE/yWFFjEeHPfj3b3H3TtAaNWYZvUlAU23zWw6JeYLq2LoFSHEEEEQMZlZxpwkZeA7vu4R4Otdgmf5n/tzDKlFiwEBkTjJDNMm3iCe2bQNzvvEUVaRVeJz4gmTLkj8yHXF4zfOZZcFnhk1c9l54iixWO5hpYdZxdSIp4njqqZTvpD3WOW8xVmrNVjnnvyF4aK+ssx1mqNIYxFLkCBCQQNV1GAjQatOioUs7ad8/COuXyKXQq4qGDkWUIcG2fWD/8Hvbq3S1KSXFE4B/S+O8zEGhHaBdtNxvo8dp30CBJ+BK73rr7eA2U/Sm10tfgQMbwMX111N2QMud4DYkyGbsisFaQqlEvB+Rt9UACK3wOCa11tnH6cPQI66ytwAB4fAeJmy133ePdDb279nOv39AGDlcp99XZFDAAANemlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpiMWRiNjczZC1mNWJlLTQwNjMtYWMyNy1mM2UzMTE3ZmE4MGMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdjMzQxY2ItMzJjMi00ZDM2LWJjNTQtNGJiMDNhYWY0MzE3IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDNiMDhkYzgtNjk5MC00M2QyLTgzMjEtMTI5MTY0NjljNzU3IgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iTWFjIE9TIgogICBHSU1QOlRpbWVTdGFtcD0iMTc1MzM4NDg4Nzk5Njg5OSIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjM4IgogICB0aWZmOk9yaWVudGF0aW9uPSIxIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNTowNzoyNFQyMToyMToyNSswMjowMCIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjU6MDc6MjRUMjE6MjE6MjUrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplOGM1YjI4NS1mNjVkLTQ3MzgtOWE0MS1jNzEyZGE0YTdkNzYiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTWFjIE9TKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNS0wNy0yNFQyMToyMToyNyswMjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz5MMmHdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6QcYExUbeaJxWwAAIABJREFUeNrtfWl4XOWV5jnfXWrfS1KV9l2yZVveMMaA2QlmS4eQAJ2FdEK2Jp2ln0km/fT0ZJLO0skkkASaJB0mHUKnJ4NJ2LExxtgOxmCDsCzLsjZL1lbaSlLty733O/Pj3lpke56MRMTMM6P6ASXp1l3e7yzvec/5ytjy8e/B6ut/78VWIVgFaxWsVbBWwVoFaxWsVQhWwVoFaxWsVbBWwVoFaxWC/6vAwv9nwBKXdDQBXYhE4VdEgGhgoylaZFpLzAHnzGIXXGVoshNQ0Sew+FPF17gIvOcfQwCoH4YAAMTj8zw2wzMpFCXm8AmOEmKCfmTRPS0+uXEOXCmw/oTNGDfF1emhdN8RSkUA9dsFZKKpZotU0w6SOfeAuecvQgEBCanwPr8Q5yMFeaQoMZ/qP6bN9gNxfSEIUHSWm1uvYK4yQsQL7thYLrxgDf7US/C3X78cnM5b/9yPSFpm4Fim9yBoaa9N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"
    }
  }
}

⚠️ Expand Floating Bubble WebView ⚠️

File: bubbleWebView.html

Look at example-app

https://github.com/TomHamster/capacitor-floating-bubble/blob/main/example-app/src/public/bubbleWebView.html

and serve file from the main path of app assetsInclude: ['public/**'],

FloatingBubblePlugin API

• showBubble()
• closeBubble()
• addListener('onBubbleMessage', ...)
• sendToBubble(...)

showBubble()

showBubble() => Promise<void>

Show Floating Bubble

closeBubble()

closeBubble() => Promise<void>

Hide Floating Bubble

addListener('onBubbleMessage', ...)

addListener(type: 'onBubbleMessage', listener: (data: { message: string; }) => void) => void

Add Listener form 'onBubbleMessage' event , message from Bubble View

| Param | Type | | -------------- | ---------------------------------------------------- | | type | 'onBubbleMessage' | | listener | (data: { message: string; }) => void |

sendToBubble(...)

sendToBubble(message: { message: string; }) => void

Send Message to Bubble

| Param | Type | | ------------- | --------------------------------- | | message | { message: string; } |

Notice

This product includes software developed at Floating-Bubble-View by dofire (https://github.com/dofire/Floating-Bubble-View).