Login with popular EOS wallets

Module dependencies

``
scatter-core
scatterjs-plugin-eosjs
eosjs@20.0.0
@waxio/waxjs@0.0.11
anchor-link@2.0.1
`

Installation

`
// better utilize node v14.20
npm i --save @cryptolions/ulm-eosio
`

Patch for scatter libs compatible with your angular app

`
// put the code below in patch.js in root of your project and (node patch.js)
const fs = require('fs');
const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';

fs.readFile(f, 'utf8', function (err,data) {
if (err) {
return console.log(err);
}
var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true}');

fs.writeFile(f, result, 'utf8', function (err) {
if (err) return console.log(err);
});
});
`

Usage

$3

`
import { LoginEOSModule } from '@cryptolions/ulm-eosio';

...
// @NgModule config example
LoginEOSModule.forRoot({
appName: 'your_app_name',
httpEndpoint: 'https://bp.cryptolions.io',
chain: 'aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906',
verbose: false,
blockchain: 'eos',
host: 'bp.cryptolions.io',
port: 443,
protocol: 'https',
expireInSeconds: 5
}),
...

`

$3

`

`

$3

`
import { Component, OnInit } from '@angular/core';
import { LoginEOSService } from '@cryptolions/ulm-eosio';

@Component({
selector: 'login',
templateUrl: './login.component.html'
})
export class LoginComponent {
constructor(public loginEOSService: LoginEOSService){}
}

`

$3

`
// example of login/logout button
Login
Logout
`

Events

`
// you can subscribe for loggedin events
this.loginEOSService.loggedIn.subscribe(res => {
// do something
});
`

Example of usage with transaction

`
this.loginEOSService.eos.transaction({
actions: [{ 'your actions' }]
}, {
blocksBehind: 'your blocksBehind',
expireSeconds: 'your expireSeconds',
}).then((result: any) => {
// do something
}).catch(err => {
this.loginEOSService.contractError(err);
});
`

Example of usage with get_table_rows

`
this.loginEOSService.rpc.get_table_rows({
'your data'
}).then((result: any) => {
// do something
}).catch(err => {
this.loginEOSService.contractError(err);
});
`

Show messages

`
this.loginEOSService.contractError(err);
this.loginEOSService.showMessage('your message text');
`

Important notes

`
- ledger only works on sites that use https
- in order to use WAX Cloud Wallet, WAX (uppercase!) must be present in the appName
- in order to use MYKEY, EOS (uppercase!) must be present in the appName
- in order to use Proton Wallet, XPR (uppercase!) must be present in the appName
`

Testing with private key

`
// add to localstorage
account: '${your_name}'
privateKey: '${your_private_key}'
walletConnected: 'connected'
``