gun-p2p-auth.html

<link rel="import" href="../polymer/polymer.html">

<script src="../crypto-js/crypto-js.js" type="text/javascript"></script>
<script src="../kjur-jsrsasign/jsrsasign-latest-all-min.js" type="text/javascript"></script>
<script src="js/gun-p2p-auth.js" type="text/javascript"></script>

<!--
`gun-p2p-auth`

Authorize with GunDB

Just put `gun-p2p-auth`  in your page/element

     <gun-p2p-auth id="auth"></gun-p2p-auth>

and call its 'login'  or 'register'  functions

@demo demo/index.html 
-->

<dom-module id="gun-p2p-auth">
    <template>
        <style>
            :host {
                display: block;
            }
        </style>
    </template>

    <script>
        Polymer( {

            is: 'gun-p2p-auth',

            /*
             Don't forget that 'camelCase' properties need to be set
             as 'camel-case' on the element
             <gun-p2p-auth gun-var="">
             */

            properties: {
                /**
                 * Let the user provide its own variable if he wishes
                 * @type {String}
                 * @default  ['gun']
                 */
                gunVar: {
                    type: String,
                    value: 'gun'
                },

                gun: {
                    type: Object,
                    value: null
                },

                /**
                 * [useGunChain description]
                 * @type {Boolean}
                 */
                useGunChain: {
                    type: Boolean,
                    value: false
                },

                /**
                 * [noPut description]
                 * @type {Boolean}
                 */
                noPut: {
                    type: Boolean,
                    value: false
                },

                state: {
                    type: Object,
                    value: {
                        status: ''
                    }
                }
            },

            observers: [
                '_dataChanged(username)',
                '_dataChanged(password)'
            ],

            _dataChanged: function( changes ) {
                if( this.state.status !== 'loggedin' && this.username && this.password ) {
                    this.login( this.username, this.password );
                }
            },

            login: function( userName, password ) {
                var gun = this.gun || window[ this.gunVar ];
                var cb = ( this.loginCb ).bind( this );
                var opt = {
                    useGunChain: this.useGunChain,
                    noPut: this.noPut
                };

                this.set( 'state.status', 'checking' );

                gun.p2pAuthLogin( userName, password, opt, cb );
            },

            /**
             * User can override this callback from the outside<br>
             * ```
             *   gunp2pauth.loginCB = function(res) {
             *      // do something with the res
             *   }
             *  ```
             * @param  {Object} res [result from gun-p2p-auth.js]
             *
             */

            loginCb: function( res ) {
//                console.log( 'loginCb', res );
                this.set( 'state.status', res.status );
                this.set( 'state.prkey', res.prkey );

                this.set( 'state.usernode', res.usernode );
            },

            register: function( userName, password ) {
                // using vars for readability
                var gun = window[ this.gunVar ];
                var cb = this.registerCb;
                var opt = {
                    useGunChain: this.useGunChain,
                    noPut: this.noPut
                };
                gun.p2pAuthRegister( userName, password, opt, cb );
            },

            /**
             * User can override this callback from the outside<br>
             * ```
             *   gunp2pauth.registerCb = function(res) {
             *      // do something with the res
             *   }
             * ```
             * @param  {Object} res [result from gun-p2p-auth.js]
             *
             */

            registerCb: function( res ) {
                alert( 'Register result: ' + res.status );
            }

        } );
    </script>
</dom-module>