diff --git a/src/lib/components/publications/Publication.svelte b/src/lib/components/publications/Publication.svelte
index 422abf6..fdfc7b1 100644
--- a/src/lib/components/publications/Publication.svelte
+++ b/src/lib/components/publications/Publication.svelte
@@ -7,7 +7,8 @@
SidebarGroup,
SidebarWrapper,
Heading,
- CloseButton, uiHelpers
+ CloseButton,
+ uiHelpers,
} from "flowbite-svelte";
import { getContext, onDestroy, onMount } from "svelte";
import {
@@ -37,13 +38,14 @@
import { Textarea, P } from "flowbite-svelte";
import { userStore } from "$lib/stores/userStore";
- let { rootAddress, publicationType, indexEvent, publicationTree, toc } = $props<{
- rootAddress: string;
- publicationType: string;
- indexEvent: NDKEvent;
- publicationTree: SveltePublicationTree;
- toc: TocType;
- }>();
+ let { rootAddress, publicationType, indexEvent, publicationTree, toc } =
+ $props<{
+ rootAddress: string;
+ publicationType: string;
+ indexEvent: NDKEvent;
+ publicationTree: SveltePublicationTree;
+ toc: TocType;
+ }>();
const ndk = getNdkContext();
@@ -64,23 +66,25 @@
// Toggle between mock and real data for testing (DEBUG MODE)
// Can be controlled via VITE_USE_MOCK_COMMENTS and VITE_USE_MOCK_HIGHLIGHTS environment variables
- let useMockComments = $state(import.meta.env.VITE_USE_MOCK_COMMENTS === "true");
- let useMockHighlights = $state(import.meta.env.VITE_USE_MOCK_HIGHLIGHTS === "true");
+ let useMockComments = $state(
+ import.meta.env.VITE_USE_MOCK_COMMENTS === "true",
+ );
+ let useMockHighlights = $state(
+ import.meta.env.VITE_USE_MOCK_HIGHLIGHTS === "true",
+ );
// Log initial state for debugging
- console.log('[Publication] Mock data initialized:', {
- useMockComments,
- useMockHighlights,
+ console.log("[Publication] Mock data initialized:", {
envVars: {
VITE_USE_MOCK_COMMENTS: import.meta.env.VITE_USE_MOCK_COMMENTS,
VITE_USE_MOCK_HIGHLIGHTS: import.meta.env.VITE_USE_MOCK_HIGHLIGHTS,
- }
+ },
});
// Derive all event IDs and addresses for highlight fetching
let allEventIds = $derived.by(() => {
const ids = [indexEvent.id];
- leaves.forEach(leaf => {
+ leaves.forEach((leaf) => {
if (leaf?.id) ids.push(leaf.id);
});
return ids;
@@ -88,7 +92,7 @@
let allEventAddresses = $derived.by(() => {
const addresses = [rootAddress];
- leaves.forEach(leaf => {
+ leaves.forEach((leaf) => {
if (leaf) {
const addr = leaf.tagAddress();
if (addr) addresses.push(addr);
@@ -99,11 +103,11 @@
// Filter comments for the root publication (kind 30040)
let articleComments = $derived(
- comments.filter(comment => {
+ comments.filter((comment) => {
// Check if comment targets the root publication via #a tag
- const aTag = comment.tags.find(t => t[0] === 'a');
+ const aTag = comment.tags.find((t) => t[0] === "a");
return aTag && aTag[1] === rootAddress;
- })
+ }),
);
// #region Loading
@@ -124,9 +128,11 @@
console.warn("[Publication] publicationTree is not available");
return;
}
-
- console.log(`[Publication] Loading ${count} more events. Current leaves: ${leaves.length}, loaded addresses: ${loadedAddresses.size}`);
-
+
+ console.log(
+ `[Publication] Loading ${count} more events. Current leaves: ${leaves.length}, loaded addresses: ${loadedAddresses.size}`,
+ );
+
isLoading = true;
try {
@@ -159,7 +165,9 @@
console.error("[Publication] Error loading more content:", error);
} finally {
isLoading = false;
- console.log(`[Publication] Finished loading. Total leaves: ${leaves.length}, loaded addresses: ${loadedAddresses.size}`);
+ console.log(
+ `[Publication] Finished loading. Total leaves: ${leaves.length}, loaded addresses: ${loadedAddresses.size}`,
+ );
}
}
@@ -196,12 +204,12 @@
lastElementRef = null;
loadedAddresses = new Set();
hasInitialized = false;
-
+
// Reset the publication tree iterator to prevent duplicate events
- if (typeof publicationTree.resetIterator === 'function') {
+ if (typeof publicationTree.resetIterator === "function") {
publicationTree.resetIterator();
}
-
+
// AI-NOTE: Use setTimeout to ensure iterator reset completes before loading
// This prevents race conditions where loadMore is called before the iterator is fully reset
setTimeout(() => {
@@ -298,7 +306,9 @@
const kind = parseInt(kindStr);
// Create comment event (kind 1111)
- const commentEvent = new (await import("@nostr-dev-kit/ndk")).NDKEvent(ndk);
+ const commentEvent = new (await import("@nostr-dev-kit/ndk")).NDKEvent(
+ ndk,
+ );
commentEvent.kind = 1111;
commentEvent.content = articleCommentContent;
@@ -330,10 +340,10 @@
articleCommentSuccess = false;
handleCommentPosted();
}, 1500);
-
} catch (err) {
console.error("[Publication] Error posting article comment:", err);
- articleCommentError = err instanceof Error ? err.message : "Failed to post comment";
+ articleCommentError =
+ err instanceof Error ? err.message : "Failed to post comment";
} finally {
isSubmittingArticleComment = false;
}
@@ -344,30 +354,36 @@
*/
async function handleDeletePublication() {
const confirmed = confirm(
- "Are you sure you want to delete this entire publication? This action will publish a deletion request to all relays."
+ "Are you sure you want to delete this entire publication? This action will publish a deletion request to all relays.",
);
if (!confirmed) return;
try {
- await deleteEvent({
- eventAddress: indexEvent.tagAddress(),
- eventKind: indexEvent.kind,
- reason: "User deleted publication",
- onSuccess: (deletionEventId) => {
- console.log("[Publication] Deletion event published:", deletionEventId);
- publicationDeleted = true;
-
- // Redirect after 2 seconds
- setTimeout(() => {
- goto("/publications");
- }, 2000);
+ await deleteEvent(
+ {
+ eventAddress: indexEvent.tagAddress(),
+ eventKind: indexEvent.kind,
+ reason: "User deleted publication",
+ onSuccess: (deletionEventId) => {
+ console.log(
+ "[Publication] Deletion event published:",
+ deletionEventId,
+ );
+ publicationDeleted = true;
+
+ // Redirect after 2 seconds
+ setTimeout(() => {
+ goto("/publications");
+ }, 2000);
+ },
+ onError: (error) => {
+ console.error("[Publication] Failed to delete publication:", error);
+ alert(`Failed to delete publication: ${error}`);
+ },
},
- onError: (error) => {
- console.error("[Publication] Failed to delete publication:", error);
- alert(`Failed to delete publication: ${error}`);
- },
- });
+ ndk,
+ );
} catch (error) {
console.error("[Publication] Error deleting publication:", error);
alert(`Error: ${error}`);
@@ -422,14 +438,19 @@
observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
- if (entry.isIntersecting && !isLoading && !isDone && publicationTree) {
+ if (
+ entry.isIntersecting &&
+ !isLoading &&
+ !isDone &&
+ publicationTree
+ ) {
loadMore(1);
}
});
},
{ threshold: 0.5 },
);
-
+
// AI-NOTE: Removed duplicate loadMore call
// Initial content loading is handled by the $effect that watches publicationTree
// This prevents duplicate loading when both onMount and $effect trigger
@@ -450,14 +471,11 @@
-
+
-
-
+
-
+
{#if publicationType !== "blog" && !isLeaf}
{#if $publicationColumnVisibility.toc}
-
+
publicationTree.setBookmark(address)}
+ onSectionFocused={(address: string) =>
+ publicationTree.setBookmark(address)}
onLoadMore={() => {
- if (!isLoading && !isDone && publicationTree) {
- loadMore(4);
- }
- }}
+ if (!isLoading && !isDone && publicationTree) {
+ loadMore(4);
+ }
+ }}
/>
-
{/if}
{/if}
-
{#if $publicationColumnVisibility.main}
-
+
@@ -521,7 +549,10 @@
-
{#if publicationDeleted}
@@ -542,7 +573,9 @@
-
+
showArticleCommentUI = !showArticleCommentUI}
+ onclick={() => (showArticleCommentUI = !showArticleCommentUI)}
>
- {showArticleCommentUI ? 'Close Comment' : 'Comment On Article'}
+ {showArticleCommentUI ? "Close Comment" : "Comment On Article"}
-