Meteor Status is a package which automatically alerts users when the connection to the server has been lost. It also shows a countdown (in seconds) until the next retry and allows users to manually retry in the meantime.
Here is how it looks like:
This package should be compatible with packages like Smart Disconnect as the alert does not show up in case of a manual disconnect (triggered with Meteor.disconnect()).
Also, the first connection attempt (when the application is loaded for the first time) only shows the alert message on mobile (Cordova).
Add the package in your Meteor application with this command:
meteor add 255kb:meteor-status
Add the template before the body closing tag or anywhere else if you use the option style=false (see below):
<body>
...
{{> meteorStatus}}
</body>
You can add the following options to the template:
style=true: remove style/UI/positioning (only displays the text and the link)lang='en': change language (currently 'fr', 'en', 'es', 'zh' and 'ar' supported, default to 'en')position='bottom': change positioning for styled version ('top' or 'bottom', default to bottom)showLink=true: display the retry link or not (true or false, default to true)msgText='... %delay%': override the message (add '%delay%' in the string to insert the number of seconds until the next retry)linkText='...': override the link text
Example:
<body>
...
{{> meteorStatus style=false lang='fr' position='top' showLink=false msgText='Custom message'}}
</body>
- added Arabic language
- added Spanish language
- added option to show/hide the retry link
- added the possibility to override the texts (message and link)
- alert does not show on first connection on cordova anymore (avoid having the alert showed at every startup)
- alert does not show on first retry when disconnected (avoid alert appearing too frequently when having a laggy mobile connection)
- removed unneeded dependency (session)
- new language (chinese)
- package rewritten to allow multiple instances, also lighter
- no more jquery dependency
- higher z-index for styled version
- ability to position to top
- lighter unstyled version (text only, no wrapping div)
- Improved default design (font and link style)
- Option to disable UI/design (text only)
- switch to local reactive vars instead of session vars
- added i18n support and French language
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent