Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including ember-cli-visible with all npm packages installed. Try it out:

var emberCliVisible = require("ember-cli-visible")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ember-cli-visible v1.0.3

An addon to help with visibility states of your app, like if your tab and window are visible or not.


This is an ember-cli addon that helps you deal with whether or not your application is currently visible to the user or not. For instance, whether the user is on another tab or has blurred the browser entirely.

Just install in your app, and then controllers and routes can access the two main ways of interacting with this plugin: (boolean) and this.visible.state (string repsonse). E.g.

  import Ember from 'ember';

  export default Ember.Controller.extend({
    showNotifications: function() {
      return && this.get("settings.notify");

You can also use this.visible.state to get the current state of visibility. Either visible, hidden, blur, or init (rarely).


  • Run ember install:addon ember-cli-visible


  • ember server
  • Visit your app at http://localhost:4200.

Running Tests

  • ember test
  • ember test --server


  • ember build

For more information on using ember-cli, visit

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free