Meteor Connection Banner

screenshot of Meteor Connection Banner

A connection status banner for meteor apps in an easy package

Overview

The Meteor Connection Banner is an essential tool for any developer working with Meteor applications. It serves as a notification system that activates when the Meteor server experiences disconnection, providing users with a countdown timer and a reconnect option. This banner not only enhances user experience by keeping them informed but also promotes a more resilient application by guiding users through reconnection procedures when connectivity issues arise.

With its compatibility options and customization features, implementing this banner is straightforward. Whether you prefer to use it alongside Bootstrap and Font Awesome for enhanced styling or go for a plain version, the connection banner adapts well to your needs, making it an invaluable asset for any Meteor project.

Features

  • Countdown Timer: Displays a real-time countdown for users during server disconnection, enhancing user awareness of the reconnection process.
  • Reconnect Option: Offers a simple button for users to attempt reconnection to the server, ensuring a seamless experience.
  • Custom Text Support: Allows customization of the banner's text through Meteor.settings, enabling tailored messaging for users.
  • Compatibility with Bootstrap: Integrates effortlessly with Bootstrap, providing styled versions of the connection banner when used together.
  • Element IDs for Styling: Features specific IDs like #connection-lost-banner and #connection-try-reconnect for easy custom styling if desired.
  • Responsive Updates: Built to efficiently manage state with reactive variables, reducing update intervals and ensuring smooth operation.
  • Fixed Navbar Integration: Offers CSS adjustments for rendered banners when used alongside a fixed top navbar, maintaining a consistent layout appearance.