-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
141 lines (122 loc) · 4.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<title>EauthJS Demo</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY=" crossorigin="anonymous" />
</head>
<body>
<div id="main">
{% if session.ens %}
<div class="py-5">
<h3>Hello, {{ session.ens }} ({{ session.address }})</h3>
<button class="btn btn-outline-dark" onclick="location.href='./logout'">Log out</button>
</div>
{% elseif session.address %}
<div class="py-5">
<h3>Hello, {{ session.address }}</h3>
<button class="btn btn-outline-dark" onclick="location.href='./logout'">Log out</button>
</div>
{% else %}
<div class="py-5">
<div class="py-3">
<h3>Using OAuth from <a href="https://github.com/pelith/node-eauth-server" target="_blank">node-eauth-server</a></h3>
<button id="eauth-login" class="btn btn-outline-dark">OAuth Login</button>
</div>
<div class="py-3">
<h3>Login using <a href="https://github.com/pelith/express-eauth" target="_blank">express-eauth</a> (showing results in console)</h3>
<button id="eth-login" class="btn btn-outline-dark">Signin with Ethereum Wallet</button>
</div>
<div class="py-3">
<h3>Login from Proxy (showing results in console)</h3>
<button id="eth-login-proxy" class="btn btn-outline-dark">Signin with Ethereum Wallet Using Proxy</button>
</div>
</div>
{% endif %}
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/fortmatic@latest/dist/fortmatic.js"></script>
<script type="text/javascript" src="https://unpkg.com/@walletconnect/web3-provider@1.2.1/dist/umd/index.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/@toruslabs/torus-embed@1.11.0/dist/torus.umd.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/authereum@latest/authereum.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@portis/web3@4.0.5/umd/index.js"></script>
<script type="text/javascript" src="https://unpkg.com/web3modal@1.9.3/dist/index.js"></script>
<script type="text/javascript" src="https://unpkg.com/eauth.js@latest/dist/eauth.umd.production.min.js"></script>
{% if not session.address %}
<script type="text/javascript">
const Web3Modal = window.Web3Modal.default
const WalletConnectProvider = window.WalletConnectProvider.default
const Eauth = window.Eauth.default
const providerOptions = {
walletconnect: {
package: WalletConnectProvider,
options: {
infuraId: '3c15ed5027f541278717d536db299ef4',
},
},
torus: {
package: Torus,
},
authereum: {
package: Authereum,
},
fortmatic: {
package: Fortmatic,
options: {
key: 'pk_live_CC75CEEE7D7E8630',
},
},
portis: {
package: Portis,
options: {
id: 'f36fb347-a067-42a8-82b7-ca77cf8b7277',
},
},
}
const web3Modal = new Web3Modal({
cacheProvider: false, // optional
providerOptions, // required
disableInjectedProvider: false, // optional. For MetaMask / Brave / Opera.
})
/* ----------- OAuth example----------- */
const eauthOauth = new Eauth({
OAUTH_CLIENT_ID: '{{ clientID }}',
OAUTH_URL: '{{ oauthURL }}',
OAUTH_REDIRECT_URI: '{{ redirectURI }}',
OAUTH_STATE: '{{ sessionID }}',
})
document.getElementById('eauth-login').onclick = (() => { eauthOauth.oauthLogin() })
/* ----------- SDK example----------- */
const eauthSimple = new Eauth({
AUTH_ROUTE: 'http://localhost:59011/auth',
})
async function onConnect() {
try {
const provider = await web3Modal.connect()
eauthSimple.ethLogin(provider, showResult)
} catch (e) {
console.log('Could not get a wallet connection', e)
}
}
document.getElementById('eth-login').onclick = (() => { onConnect() })
const showResult = function() {
console.log(eauthSimple.AUTH_RESPONSE)
}
/* ----------- Proxy example----------- */
const eauthProxy = new Eauth({
AUTH_ROUTE: 'http://localhost/eauth/auth',
})
const showProxyResult = function() {
console.log(eauthProxy.AUTH_RESPONSE)
}
async function onConnectProxy() {
try {
const provider = await web3Modal.connect()
eauthProxy.ethLogin(provider, showProxyResult)
} catch (e) {
console.log('Could not get a wallet connection', e)
}
}
document.getElementById('eth-login-proxy').onclick = (() => { onConnectProxy() })
</script>
{% endif %}
</body>
</html>