meteor-connection.html

<!--
This element manage and inspect the network connection between the Meteor client and server.

Example:

      <meteor-connection connected={{conn}} on-server-disconnected="_onDisconnect"></meteor-connection>
      <template is="dom-if" if="{{conn}}">
          <div>Meteor server is connected</div>
      </template>

-->

<script>
  Polymer({
    is: 'meteor-connection',

    /**
     * Fired when the connection is established.
     *
     * @event server-connected
     */

    /**
      * Fired when the server is disconnected.
      *
      * @event server-disconnected
      */

    properties: {
      /**
       * Meteor status object.
       */
      status: {
        type: Object,
        notify: true,
        readOnly: true
      },

      /**
       * the connected field from the status object.
       */
      connected: {
        type: Boolean,
        notify: true,
        readOnly: true,
        value: false
      }
    },
    /**
     * Disconnect the client from the server.
     */
    disconnect: function() {
      Meteor.disconnect();
    },
    /**
     * Force an immediate reconnection attempt if the client is not connected to the server.
     */
    reconnect: function() {
      Meteor.reconnect();
    },
    ready: function() {
      this._computation = Tracker.autorun(function() {
        var status = Meteor.status();

        if (this.connected != status.connected) {
          this.fire(status.connected ? 'server-connected' : 'server-disconnected', { status: status });
        }

        this._setStatus(status);
        this._setConnected(status.connected);
      }.bind(this));
    },
    detached: function() {
      if (this._computation)
        this._computation.stop();
    },
  });
</script>