From 3784e8729bee96e8a86585532162c0e0f45c1e8d Mon Sep 17 00:00:00 2001
From: ergosteur <1992147+ergosteur@users.noreply.github.com>
Date: Sat, 7 Mar 2026 05:12:14 -0500
Subject: [PATCH] debug: add verbose logging to permalink synchronization

---
 src/App.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 604d1c6..1e7f47e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -655,6 +655,14 @@ export default function App() {
 
   // Update URL based on state
   useEffect(() => {
+    console.log('[Permalink] State changed:', { 
+      currentArchive: currentArchive?.name, 
+      username, 
+      posts: allPosts.length, 
+      activeTab, 
+      selectedPost: selectedPost?.id 
+    });
+
     const params = new URLSearchParams();
     if (currentArchive) params.set('a', currentArchive.name);
     else if (allPosts.length > 0 && username) params.set('a', username); // Handle local archives too
@@ -663,11 +671,10 @@ export default function App() {
     if (selectedPost) params.set('p', selectedPost.id);
 
     const newSearch = params.toString();
-    // Normalize currentSearch to ensure we don't have mismatch due to encoding
     const currentSearch = new URLSearchParams(window.location.search).toString();
     
     if (newSearch !== currentSearch) {
-      console.log(`[Permalink] Updating URL state: ?${newSearch}`);
+      console.log(`[Permalink] Updating URL to: ?${newSearch}`);
       const newUrl = window.location.pathname + (newSearch ? `?${newSearch}` : '');
       window.history.replaceState(null, '', newUrl);
     }
@@ -683,9 +690,12 @@ export default function App() {
     const tab = params.get('t');
     const postId = params.get('p');
 
+    console.log('[Permalink] Initial read from URL:', { archiveName, tab, postId });
+
     if (archiveName) {
       const archive = serverArchives.find(a => a.name === archiveName);
       if (archive) {
+        console.log(`[Permalink] Auto-loading archive: ${archiveName}`);
         loadServerArchive(archive);
         if (tab && ['posts', 'reels', 'saved'].includes(tab)) {
           setActiveTab(tab as any);