<!DOCTYPE html>
<html lang="en" hidden>
<head>
<meta charset=" utf-8" />
<link rel="preload" href="/assets/fonts/Inter-Light.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="/assets/fonts/Inter-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="/assets/fonts/Inter-SemiBold.ttf" as="font" type="font/ttf" crossorigin>
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/app.css">
<link rel="stylesheet" href="./assets/css/reset.css">
<link rel="stylesheet" href="./assets/css/fonts.css">
<link rel="stylesheet" href="./assets/css/components/copy-button.css">
<link rel="stylesheet" href="./assets/css/components/device.css">
<link rel="stylesheet" href="./assets/css/components/form-progress-head.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-error.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-footer.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-list.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-header.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-body.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings-list-item-dev.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-settings.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-languages.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-recover.css">
<link rel="stylesheet" href="./assets/css/profile-settings/profile-network-status.css">
<link rel="stylesheet" href="./assets/css/profile-settings/devices/devices-sync.css">
<link rel="stylesheet" href="./assets/css/profile-settings/devices/devices-main.css">
<link rel="stylesheet" href="./assets/css/profile-settings/wallet/wallets-setup.css">
<link rel="stylesheet" href="./assets/css/profile-settings/wallet/wallet-transfers.css">
<link rel="stylesheet" href="./assets/css/profile-settings/wallet/wallet-configuration.css">
<link rel="stylesheet" href="./assets/css/profile-settings/wallet/wallet-import-configuration.css">
<link rel="stylesheet" href="./assets/css/profile-settings/software-version.css">
<link rel="stylesheet" href="./assets/css/setup-layout/setup-layout.css">
<link rel="stylesheet" href="./assets/css/setup-layout/setup-identity-sync-device-layout.css">
<link rel="stylesheet" href="./assets/css/setup-layout/setup-identity-backup-layout.css">
<link rel="stylesheet" href="./assets/css/setup-layout/setup-identity-root-layout.css">
<link rel="stylesheet" href="./assets/css/room-info/room-info.css">
<link rel="stylesheet" href="./assets/css/room-info/room-info-header.css">
<link rel="stylesheet" href="./assets/css/room-info/room-info-body.css">
<link rel="stylesheet" href="./assets/css/room-list/room-list-item.css">
<link rel="stylesheet" href="./assets/css/chat.css">
<link rel="stylesheet" href="./assets/css/screen-share-permissions.css">
<link rel="stylesheet" href="./assets/css/call-members-preview.css">
<link rel="stylesheet" href="./assets/css/seek-slider.css">
<link rel="stylesheet" href="./assets/css/notifications.css">
<link rel="stylesheet" href="./assets/css/lightgallery.css">
<link rel="stylesheet" href="./assets/css/invite-modal.css">
<link rel="stylesheet" href="./assets/css/lg-video.css">
<link rel="stylesheet" href="./assets/css/emoji-picker.css">
<link rel="stylesheet" href="./assets/css/emojis.css">
<link rel="stylesheet" href="./assets/css/chat-editor.css">
<link rel="stylesheet" href="./assets/css/sync-devices-request-popup.css">
<link rel="stylesheet" href="./assets/css/room-start.css">
<link rel="stylesheet" href="./assets/css/tour.css">
<link rel="stylesheet" href="./assets/css/tos.css">
<link rel="stylesheet" href="./assets/css/account-secret-phrase-view.css">
<title>Keet</title>
</head>
<body>
<div id="app" class="app font-inter bg-background1 flex flex-col h-screen w-screen text-white"></div>
<div id="root-error" style="display:none;overflow:auto;flex-direction:column;width:90%;height:calc(90vh);margin:auto;margin-top:2rem;color:white;user-select:auto">
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;">
<div style="display:flex;align-items:center;justify-content:space-between;gap:16px;">
<span>Sorry! An error has occurred.</span>
<button style="background-color:#565864;padding:4px;border-radius:4px;font-size:12px;outline:none;" onclick="localStorage.clear()">Clear Cache</button>
</div>
<span>Please share this error to the Bug Bandits🐞 room.</span>
</div>
</div>
<script>
function appErrorHandler (event) {
const appElement = document.getElementById('app')
if (!appElement?.children.length) {
// app has failed to render anything, pure html error
const [htmlNode] = document.children
if (htmlNode?.hidden) {
// html element is set "hidden" initialy as per tailwind docs
// https://twind.dev/handbook/the-shim.html#prevent-fouc
htmlNode.hidden = false
}
const rootErrorElement = document.getElementById('root-error')
const messageElement = document.createElement('code')
messageElement.style.userSelect = 'text'
appElement.style.display = 'none'
rootErrorElement.style.display = 'flex'
let error = event?.error
if (!error) {
if (event?.reason) {
error = event.reason instanceof Error ? event.reason : new Error(event.reason)
} else {
error = new Error('UNKNOWN ERROR')
}
}
messageElement.innerText = `${error.message}\n${error.stack}`
rootErrorElement.appendChild(messageElement)
}
console.error('appErrorHandler', event)
}
window.addEventListener('error', appErrorHandler)
window.addEventListener('unhandledrejection', appErrorHandler)
</script>
<script type="module" src="./build/src/lib/live-reload.js"></script>
<script type="module" src="./build/src/index.js" defer></script>
<script>
fetch('./build/src/lib/gallery.js') // warm it up
</script>
</body>
</html>