oidc-lib
Version:
A library for creating OIDC Service Providers
71 lines (56 loc) • 2.32 kB
HTML
<html lang="en">
<head>
<title>Minimal Demo Wallet</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--Import Google Icon Font-->
<!--link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"-->
<!-- Compiled and minified Materialize JS/CSS -->
<!--link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"-->
<!--Credential Handler API Polyfill-->
<script src="https://unpkg.com/credential-handler-polyfill@2.1.1/dist/credential-handler-polyfill.min.js"></script>
<script src="https://unpkg.com/web-credential-handler@1.0.1/dist/web-credential-handler.min.js"></script>
<script src="config.js"></script>
<!-- script src="js-helpers.js"></script>
<script src="install-wallet.js"></script>
<script src="mock-user-management.js"></script-->
<!--Simple cookie lib-->
<!--script src="https://cdn.jsdelivr.net/npm/js-cookie@beta/dist/js.cookie.min.js"></script-->
</head>
<body>
<div class="container">
<div class="card-panel">
<h5>Demo Wallet</h5>
<p>
By clicking 'Accept' on page load, you have registered this page with your
browser, and now it can act as a test wallet.
</p>
</div>
</div>
<script>
console.log('Registering wallet...');
// Registers this demo wallet with the current user's browser,
// from install-wallet.js
registerWalletWithBrowser()
.catch(e => console.error('Error in registerWalletWithBrowser:', e));
async function registerWalletWithBrowser() {
try {
await credentialHandlerPolyfill.loadOnce(MEDIATOR);
} catch(e) {
console.error('Error in loadOnce:', e);
}
console.log('Polyfill loaded.');
const workerUrl = window.location.origin + WALLET_LOCATION + 'wallet_worker.html';
console.log('Installing wallet worker handler at:', workerUrl);
const registration = await WebCredentialHandler.installHandler({url: workerUrl});
await registration.credentialManager.hints.set(
'test', {
name: 'TestUser',
enabledTypes: ['VerifiablePresentation', 'VerifiableCredential', 'AlumniCredential']
});
console.log('Wallet registered.');
}
</script>
</body>
</html>