2024-07-16 01:55:47 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
2024-07-18 23:43:05 -05:00
|
|
|
|
2024-07-16 01:55:47 -05:00
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Logto elements dev page</title>
|
2024-10-25 01:09:20 -05:00
|
|
|
<link rel="stylesheet" href="src/account/style.css">
|
|
|
|
<script type="module" src="src/account/index.ts"></script>
|
2024-07-16 01:55:47 -05:00
|
|
|
</head>
|
2024-10-25 01:09:20 -05:00
|
|
|
<body style="background-color: #ecebf5;">
|
2024-10-22 02:29:21 -05:00
|
|
|
<logto-account-provider>
|
2024-10-25 01:09:20 -05:00
|
|
|
<logto-username></logto-username>
|
2024-10-22 02:29:21 -05:00
|
|
|
</logto-account-provider>
|
2024-07-16 01:55:47 -05:00
|
|
|
</body>
|
2024-07-18 23:43:05 -05:00
|
|
|
|
2024-10-25 01:09:20 -05:00
|
|
|
<script type="module">
|
|
|
|
import { LogtoAccountApi } from './src/account/api/index.ts';
|
|
|
|
|
|
|
|
// Replace with your logto endpoint when developing locally
|
|
|
|
const LOGTO_ENDPOINT = 'TEST_LOGTO_ENDPOINT';
|
|
|
|
const ACCESS_TOKEN = 'TEST_ACCESS_TOKEN';
|
|
|
|
|
|
|
|
const provider = document.querySelector('logto-account-provider');
|
|
|
|
const api = new LogtoAccountApi(LOGTO_ENDPOINT, () => ACCESS_TOKEN);
|
|
|
|
provider.accountApi = api;
|
|
|
|
</script>
|
|
|
|
|
2024-07-16 01:55:47 -05:00
|
|
|
</html>
|