The Ultimate Auto-Translator for Bubble 🌍⚡
Say goodbye to slow page loads and API limits! Polyglot is a fully autonomous, highly optimized translation engine that translates your entire Bubble app on the fly based on your user's browser language.
✨ Key Features:
🎯 Viewport-First Translation (Lazy-Load): Polyglot now uses an IntersectionObserver to only translate text that is currently visible on the screen. It translates as the user scrolls, saving massive bandwidth and API limits!
⚡ Priority Queueing: CTAs, Buttons, Headers, and Menus are instantly bumped to the front of the translation queue so your app is usable immediately, while paragraphs load in the background.
🧠 Smart LRU Caching: Translated text is now saved in the browser's localStorage with a dynamic LRU (Least Recently Used) algorithm. If a user refreshes or returns to your app, translations load instantly in 0ms!
🛡️ Anti-Loop & DOM Batching: Rebuilt with a smart MutationObserver that batches DOM changes and debounces requests, guaranteeing zero memory leaks or CPU freezing on huge pages.
⏪ Instant Reversion: If the user switches back to your app's original language, Polyglot instantly restores the native text and strips all injected layers, returning your app to 100% native performance.
🎯 Scope Limitation: You can now target specific sections of your app (e.g., main-container) instead of scanning the entire page.
Demo Page:
https://demo-app-56978.bubbleapps.io/version-test/polyglot/1778511520016x248546014273768100Editor:
https://bubble.io/page?id=demo-app-56978&test_plugin=1766516527018x653250647584407600_current&tab=Design&name=polyglot