paperfire-anon.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../polymerfire/firebase-auth.html">

<!--
`paperfire-anon`
an element to help manage anonymous authentication

@demo demo/index.html
-->

<dom-module id="paperfire-anon">
  <template>
    <style>
      :host {
        display: hidden;
      }

    </style>
    <firebase-auth id="auth" user="{{_user}}"></firebase-auth>

  </template>

  <script>
    Polymer({

      is: 'paperfire-anon',

      properties: {
        // true if user is authenticated
        authed: {
          type: Boolean,
          value: false,
          notify: true,
          reflectToAttribute: true
        },
        //logs to console
        debug: Boolean,
        // If true this will automatically check user and if null will login in anonymously.
        login: Boolean,
        // true if users logged in anonymously
        isAnonymous: {
          type: Boolean,
          value: false,
          notify: true,
          reflectToAttribute: true
        },
        // The current user's uid
        uid: {
          type: String,
          value: null,
          notify: true,
          reflectToAttribute: true
        },
        _user: {
          type: Object,
          observer: '_onSync'
        }
      },

      ready: function () {
        console.log('PAPERFIRE_ANON', 'READY', this.debug);
        var vm = this;
        var fb = this.$.auth.__data__.app;
        if (this.login) {
          fb.auth().onAuthStateChanged(function (user) {
            if (vm.debug)
              vm._debug('auth_state_changed', user);
            if (user) {
              console.log('ANON_USER', user);
              vm.uid = user.uid;
              vm.authed = true;
              vm.isAnonymous = user.isAnonymous;
            } else {
              console.log('NO USER');
              vm.authed = false;
              vm.uid = null;
              vm.isAnonymous = null;
              firebase.auth().signInAnonymously().catch(function (error) {
                console.error('ANON_SIGNIN:', error);
              });
            }
          });
        }
      },

      _onSync: function (user) {
        console.log('_onSync', user);
        if (user) {
          this.uid = user.uid;
          console.log('paperfire-anon', user);
          if (user.isAnonymous) {
            console.log('anonymous');
            this.isAnonymous = true;
          } else {
            false;
          }
        }
      },

      _debug: function (message, data) {
        console.log(message, data);
      }
    });
  </script>
</dom-module>