You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.5 KiB
69 lines
2.5 KiB
<script> |
|
import "../app.css"; |
|
import Navigation from "$lib/components/Navigation.svelte"; |
|
import { onMount } from "svelte"; |
|
import { page } from "$app/stores"; |
|
import { Alert } from "flowbite-svelte"; |
|
import { HammerSolid } from "flowbite-svelte-icons"; |
|
import { logCurrentRelayConfiguration, activeInboxRelays, activeOutboxRelays } from "$lib/ndk"; |
|
|
|
// Define children prop for Svelte 5 |
|
let { children } = $props(); |
|
|
|
// Get standard metadata for OpenGraph tags |
|
let title = "Library of Alexandria"; |
|
let currentUrl = $page.url.href; |
|
|
|
// Get default image and summary for the Alexandria website |
|
let image = "/screenshots/old_books.jpg"; |
|
let summary = |
|
"Alexandria is a digital library, utilizing Nostr events for curated publications and wiki pages."; |
|
|
|
// AI-NOTE: Refactored to avoid blocking $effect with logging operations |
|
// Reactive effect to log relay configuration when stores change - non-blocking approach |
|
$effect.pre(() => { |
|
const inboxRelays = $activeInboxRelays; |
|
const outboxRelays = $activeOutboxRelays; |
|
|
|
// Only log if we have relays (not empty arrays) |
|
if (inboxRelays.length > 0 || outboxRelays.length > 0) { |
|
// Defer logging to avoid blocking the reactive system |
|
requestAnimationFrame(() => { |
|
console.log('🔌 Relay Configuration Updated:'); |
|
console.log('📥 Inbox Relays:', inboxRelays); |
|
console.log('📤 Outbox Relays:', outboxRelays); |
|
console.log(`📊 Total: ${inboxRelays.length} inbox, ${outboxRelays.length} outbox`); |
|
}); |
|
} |
|
}); |
|
|
|
onMount(() => { |
|
const rect = document.body.getBoundingClientRect(); |
|
// document.body.style.height = `${rect.height}px`; |
|
}); |
|
</script> |
|
|
|
<svelte:head> |
|
<!-- Basic meta tags --> |
|
<title>{title}</title> |
|
<meta name="description" content={summary} /> |
|
|
|
<!-- OpenGraph meta tags --> |
|
<meta property="og:title" content={title} /> |
|
<meta property="og:description" content={summary} /> |
|
<meta property="og:url" content={currentUrl} /> |
|
<meta property="og:type" content="website" /> |
|
<meta property="og:site_name" content="Alexandria" /> |
|
<meta property="og:image" content={image} /> |
|
|
|
<!-- Twitter Card meta tags --> |
|
<meta name="twitter:card" content="summary_large_image" /> |
|
<meta name="twitter:title" content={title} /> |
|
<meta name="twitter:description" content={summary} /> |
|
<meta name="twitter:image" content={image} /> |
|
</svelte:head> |
|
|
|
<div class={"leather mt-[76px] w-full mx-auto flex flex-col items-center"}> |
|
<Navigation class="fixed top-0" /> |
|
{@render children()} |
|
</div>
|
|
|