From 6bee97d1ac877c6e844044da7aeb92e37ff65f94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Thu, 14 Aug 2025 11:33:37 +0200
Subject: [PATCH] Decouple event search and compose

---
 src/lib/a/nav/AFooter.svelte           |  2 +-
 src/lib/nav/site-nav.ts                |  2 +-
 src/routes/events/compose/+page.svelte | 45 ++++++++++++++++++++++++++
 3 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/events/compose/+page.svelte

diff --git a/src/lib/a/nav/AFooter.svelte b/src/lib/a/nav/AFooter.svelte
index 28311dc..992efea 100644
--- a/src/lib/a/nav/AFooter.svelte
+++ b/src/lib/a/nav/AFooter.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <Footer class="mx-2">
-  <FooterCopyright href="/" by="GitCitadel" year={2025} />
+  <FooterCopyright href="/events?id=npub1s3ht77dq4zqnya8vjun5jp3p44pr794ru36d0ltxu65chljw8xjqd975wz" by="GitCitadel" year={2025} />
   <FooterLinkGroup class="mt-3 flex flex-wrap items-center text-sm text-gray-500 sm:mt-0 dark:text-gray-400">
     <FooterLink href="/about">About</FooterLink>
     <FooterLink href="/contact">Contact</FooterLink>
diff --git a/src/lib/nav/site-nav.ts b/src/lib/nav/site-nav.ts
index e1dfc56..66b6469 100644
--- a/src/lib/nav/site-nav.ts
+++ b/src/lib/nav/site-nav.ts
@@ -5,7 +5,7 @@ export const siteNav: NavItem[] = [
     title: 'Create',
     children: [
       { title: 'Compose notes', href: '/new/compose' },
-      { title: 'Publish events', href: '/events/publish' },
+      { title: 'Publish events', href: '/events/compose' },
     ]
   },
   {
diff --git a/src/routes/events/compose/+page.svelte b/src/routes/events/compose/+page.svelte
new file mode 100644
index 0000000..94f411c
--- /dev/null
+++ b/src/routes/events/compose/+page.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+  import { Heading, P } from "flowbite-svelte";
+  import EventInput from "$components/EventInput.svelte";
+  import { userPubkey, isLoggedIn } from "$lib/stores/authStore.Svelte.js";
+  import { activeInboxRelays, activeOutboxRelays } from "$lib/ndk.ts";
+
+  // AI-NOTE: 2025-01-24 - 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('🔌 Compose Page - Relay Configuration Updated:');
+        console.log('📥 Inbox Relays:', inboxRelays);
+        console.log('📤 Outbox Relays:', outboxRelays);
+        console.log(`📊 Total: ${inboxRelays.length} inbox, ${outboxRelays.length} outbox`);
+      });
+    }
+  });
+</script>
+
+<div class="w-full flex justify-center">
+  <div class="flex flex-col w-full max-w-4xl my-6 px-4 mx-auto">
+    <div class="main-leather flex flex-col space-y-6">
+      <Heading tag="h1" class="h-leather mb-2">Compose Event</Heading>
+
+      <P class="mb-3">
+        Use this page to compose and publish various types of events to the Nostr network.
+        You can create notes, articles, and other event types depending on your needs.
+      </P>
+
+      {#if isLoggedIn && userPubkey}
+        <EventInput />
+      {:else}
+        <div class="p-6 bg-gray-200 dark:bg-gray-700 rounded-lg text-center">
+          <Heading tag="h3" class="h-leather mb-4">Sign In Required</Heading>
+          <P>Please sign in to compose and publish events to the Nostr network.</P>
+        </div>
+      {/if}
+    </div>
+  </div>
+</div>