silberengel
/
gc-alexandria
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

reduce console logging noise

master
silberengel 3 months ago
parent
c7e47698f3
commit
5fd2783d6b
8 changed files with 13 additions and 440 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/lib/components/publications/CommentButton.svelte
  2. 50
      src/lib/components/publications/CommentLayer.svelte
  3. 213
      src/lib/components/publications/HighlightLayer.svelte
  4. 26
      src/lib/components/publications/HighlightSelectionHandler.svelte
  5. 129
      src/lib/components/publications/Publication.svelte
  6. 18
      src/lib/components/publications/PublicationSection.svelte
  7. 1
      src/lib/components/publications/TableOfContents.svelte
  8. 2
      src/routes/publication/[type]/[identifier]/+page.svelte

14
src/lib/components/publications/CommentButton.svelte
Unescape View File

@ -129,12 +129,6 @@
commentEvent.tags.push(["e", eventId, relayHint]); commentEvent.tags.push(["e", eventId, relayHint]);
} }
console.log("[CommentButton] Created NIP-22 comment event:", {
kind: commentEvent.kind,
tags: commentEvent.tags,
content: commentEvent.content,
});
return commentEvent; return commentEvent;
} }
@ -179,8 +173,6 @@
await commentEvent.sign($userStore.signer); await commentEvent.sign($userStore.signer);
} }
console.log("[CommentButton] Signed comment event:", commentEvent.rawEvent());
// Build relay list following the same pattern as eventServices // Build relay list following the same pattern as eventServices
const relays = [ const relays = [
...communityRelays, ...communityRelays,
@ -191,8 +183,6 @@
// Remove duplicates // Remove duplicates
const uniqueRelays = Array.from(new Set(relays)); const uniqueRelays = Array.from(new Set(relays));
console.log("[CommentButton] Publishing to relays:", uniqueRelays);
const signedEvent = { const signedEvent = {
...plainEvent, ...plainEvent,
id: commentEvent.id, id: commentEvent.id,
@ -217,11 +207,9 @@
clearTimeout(timeout); clearTimeout(timeout);
if (ok) { if (ok) {
publishedCount++; publishedCount++;
console.log(`[CommentButton] Published to ${relayUrl}`);
WebSocketPool.instance.release(ws); WebSocketPool.instance.release(ws);
resolve(); resolve();
} else { } else {
console.warn(`[CommentButton] ${relayUrl} rejected: ${message}`);
WebSocketPool.instance.release(ws); WebSocketPool.instance.release(ws);
reject(new Error(message)); reject(new Error(message));
} }
@ -240,8 +228,6 @@
throw new Error("Failed to publish to any relays"); throw new Error("Failed to publish to any relays");
} }
console.log(`[CommentButton] Published to ${publishedCount} relay(s)`);
// Success! // Success!
success = true; success = true;
commentContent = ""; commentContent = "";

50
src/lib/components/publications/CommentLayer.svelte
Unescape View File

@ -36,7 +36,6 @@
async function fetchComments() { async function fetchComments() {
// Prevent concurrent fetches // Prevent concurrent fetches
if (loading) { if (loading) {
console.log("[CommentLayer] Already loading, skipping fetch");
return; return;
} }
@ -55,8 +54,6 @@
// AI-NOTE: Mock mode allows testing comment UI without publishing to relays // AI-NOTE: Mock mode allows testing comment UI without publishing to relays
// This is useful for development and demonstrating the comment system // This is useful for development and demonstrating the comment system
if (useMockComments) { if (useMockComments) {
console.log(`[CommentLayer] MOCK MODE - Generating mock comments for ${allAddresses.length} sections`);
try { try {
// Generate mock comment data // Generate mock comment data
const mockComments = generateMockCommentsForSections(allAddresses); const mockComments = generateMockCommentsForSections(allAddresses);
@ -64,7 +61,6 @@
// Convert to NDKEvent instances (same as real events) // Convert to NDKEvent instances (same as real events)
comments = mockComments.map(rawEvent => new NDKEventClass(ndk, rawEvent)); comments = mockComments.map(rawEvent => new NDKEventClass(ndk, rawEvent));
console.log(`[CommentLayer] Generated ${comments.length} mock comments`);
loading = false; loading = false;
return; return;
} catch (err) { } catch (err) {
@ -74,11 +70,6 @@
} }
} }
console.log(`[CommentLayer] Fetching comments for:`, {
eventIds: allEventIds,
addresses: allAddresses
});
try { try {
// Build filter for kind 1111 comment events // Build filter for kind 1111 comment events
// IMPORTANT: Use only #a tags because filters are AND, not OR // IMPORTANT: Use only #a tags because filters are AND, not OR
@ -96,8 +87,6 @@
filter["#e"] = allEventIds; filter["#e"] = allEventIds;
} }
console.log(`[CommentLayer] Fetching with filter:`, JSON.stringify(filter, null, 2));
// Build explicit relay set (same pattern as HighlightLayer) // Build explicit relay set (same pattern as HighlightLayer)
const relays = [ const relays = [
...communityRelays, ...communityRelays,
@ -105,7 +94,6 @@
...$activeInboxRelays, ...$activeInboxRelays,
]; ];
const uniqueRelays = Array.from(new Set(relays)); const uniqueRelays = Array.from(new Set(relays));
console.log(`[CommentLayer] Fetching from ${uniqueRelays.length} relays:`, uniqueRelays);
/** /**
* Use WebSocketPool with nostr-tools protocol instead of NDK * Use WebSocketPool with nostr-tools protocol instead of NDK
@ -131,14 +119,12 @@
const checkAllResponses = () => { const checkAllResponses = () => {
responseCount++; responseCount++;
if (responseCount >= totalRelays && loading) { if (responseCount >= totalRelays && loading) {
console.log(`[CommentLayer] All ${totalRelays} relays have responded, clearing loading state`);
loading = false; loading = false;
} }
}; };
const fetchPromises = uniqueRelays.map(async (relayUrl) => { const fetchPromises = uniqueRelays.map(async (relayUrl) => {
try { try {
console.log(`[CommentLayer] Connecting to ${relayUrl}`);
const ws = await WebSocketPool.instance.acquire(relayUrl); const ws = await WebSocketPool.instance.acquire(relayUrl);
return new Promise<void>((resolve) => { return new Promise<void>((resolve) => {
@ -173,19 +159,8 @@
try { try {
const message = JSON.parse(event.data); const message = JSON.parse(event.data);
// Log ALL messages from relay.nostr.band for debugging
if (relayUrl.includes('relay.nostr.band')) {
console.log(`[CommentLayer] RAW message from ${relayUrl}:`, message);
}
if (message[0] === "EVENT" && message[1] === subscriptionId) { if (message[0] === "EVENT" && message[1] === subscriptionId) {
const rawEvent = message[2]; const rawEvent = message[2];
console.log(`[CommentLayer] EVENT from ${relayUrl}:`, {
id: rawEvent.id,
kind: rawEvent.kind,
content: rawEvent.content.substring(0, 50),
tags: rawEvent.tags
});
// Avoid duplicates // Avoid duplicates
if (!receivedEventIds.has(rawEvent.id)) { if (!receivedEventIds.has(rawEvent.id)) {
@ -194,16 +169,11 @@
// Convert to NDKEvent // Convert to NDKEvent
const ndkEvent = new NDKEventClass(ndk, rawEvent); const ndkEvent = new NDKEventClass(ndk, rawEvent);
comments = [...comments, ndkEvent]; comments = [...comments, ndkEvent];
console.log(`[CommentLayer] Added comment, total now: ${comments.length}`);
} }
} else if (message[0] === "EOSE" && message[1] === subscriptionId) { } else if (message[0] === "EOSE" && message[1] === subscriptionId) {
console.log(`[CommentLayer] EOSE from ${relayUrl} (${responseCount + 1}/${totalRelays})`);
// Close subscription and release connection // Close subscription and release connection
releaseConnection(); releaseConnection();
safeResolve(); safeResolve();
} else if (message[0] === "NOTICE") {
console.warn(`[CommentLayer] NOTICE from ${relayUrl}:`, message[1]);
} }
} catch (err) { } catch (err) {
console.error(`[CommentLayer] Error processing message from ${relayUrl}:`, err); console.error(`[CommentLayer] Error processing message from ${relayUrl}:`, err);
@ -214,11 +184,6 @@
// Send REQ // Send REQ
const req = ["REQ", subscriptionId, filter]; const req = ["REQ", subscriptionId, filter];
if (relayUrl.includes('relay.nostr.band')) {
console.log(`[CommentLayer] Sending REQ to ${relayUrl}:`, JSON.stringify(req));
} else {
console.log(`[CommentLayer] Sending REQ to ${relayUrl}`);
}
ws.send(JSON.stringify(req)); ws.send(JSON.stringify(req));
// Timeout per relay (5 seconds) // Timeout per relay (5 seconds)
@ -240,16 +205,6 @@
// Ensure loading is cleared even if checkAllResponses didn't fire // Ensure loading is cleared even if checkAllResponses didn't fire
loading = false; loading = false;
console.log(`[CommentLayer] Fetched ${comments.length} comments`);
if (comments.length > 0) {
console.log(`[CommentLayer] Comments summary:`, comments.map(c => ({
content: c.content.substring(0, 30) + "...",
address: c.tags.find(t => t[0] === "a")?.[1],
author: c.pubkey.substring(0, 8)
})));
}
} catch (err) { } catch (err) {
console.error(`[CommentLayer] Error fetching comments:`, err); console.error(`[CommentLayer] Error fetching comments:`, err);
loading = false; loading = false;
@ -265,8 +220,6 @@
const currentCount = eventIds.length + eventAddresses.length; const currentCount = eventIds.length + eventAddresses.length;
const hasEventData = currentCount > 0; const hasEventData = currentCount > 0;
console.log(`[CommentLayer] Event data effect - count: ${currentCount}, lastFetched: ${lastFetchedCount}, loading: ${loading}`);
// Only fetch if: // Only fetch if:
// 1. We have event data // 1. We have event data
// 2. The count has changed since last fetch // 2. The count has changed since last fetch
@ -279,7 +232,6 @@
// Debounce: wait 500ms for more events to arrive before fetching // Debounce: wait 500ms for more events to arrive before fetching
fetchTimeout = setTimeout(() => { fetchTimeout = setTimeout(() => {
console.log(`[CommentLayer] Event data stabilized at ${currentCount} events, fetching comments...`);
lastFetchedCount = currentCount; lastFetchedCount = currentCount;
fetchComments(); fetchComments();
}, 500); }, 500);
@ -297,8 +249,6 @@
* Public method to refresh comments (e.g., after creating a new one) * Public method to refresh comments (e.g., after creating a new one)
*/ */
export function refresh() { export function refresh() {
console.log("[CommentLayer] Manual refresh triggered");
// Clear existing comments // Clear existing comments
comments = []; comments = [];

213
src/lib/components/publications/HighlightLayer.svelte
Unescape View File

@ -75,7 +75,6 @@
async function fetchHighlights() { async function fetchHighlights() {
// Prevent concurrent fetches // Prevent concurrent fetches
if (loading) { if (loading) {
console.log("[HighlightLayer] Already loading, skipping fetch");
return; return;
} }
@ -99,10 +98,6 @@
// AI-NOTE: Mock mode allows testing highlight UI without publishing to relays // AI-NOTE: Mock mode allows testing highlight UI without publishing to relays
// This is useful for development and demonstrating the highlight system // This is useful for development and demonstrating the highlight system
if (useMockHighlights) { if (useMockHighlights) {
console.log(
`[HighlightLayer] MOCK MODE - Generating mock highlights for ${allAddresses.length} sections`,
);
try { try {
// Generate mock highlight data // Generate mock highlight data
const mockHighlights = generateMockHighlightsForSections(allAddresses); const mockHighlights = generateMockHighlightsForSections(allAddresses);
@ -112,9 +107,6 @@
(rawEvent) => new NDKEventClass(ndk, rawEvent), (rawEvent) => new NDKEventClass(ndk, rawEvent),
); );
console.log(
`[HighlightLayer] Generated ${highlights.length} mock highlights`,
);
loading = false; loading = false;
return; return;
} catch (err) { } catch (err) {
@ -127,11 +119,6 @@
} }
} }
console.log(`[HighlightLayer] Fetching highlights for:`, {
eventIds: allEventIds,
addresses: allAddresses,
});
try { try {
// Build filter for kind 9802 highlight events // Build filter for kind 9802 highlight events
// IMPORTANT: Use only #a tags because filters are AND, not OR // IMPORTANT: Use only #a tags because filters are AND, not OR
@ -149,11 +136,6 @@
filter["#e"] = allEventIds; filter["#e"] = allEventIds;
} }
console.log(
`[HighlightLayer] Fetching with filter:`,
JSON.stringify(filter, null, 2),
);
// Build explicit relay set (same pattern as HighlightSelectionHandler and CommentButton) // Build explicit relay set (same pattern as HighlightSelectionHandler and CommentButton)
const relays = [ const relays = [
...communityRelays, ...communityRelays,
@ -161,10 +143,6 @@
...$activeInboxRelays, ...$activeInboxRelays,
]; ];
const uniqueRelays = Array.from(new Set(relays)); const uniqueRelays = Array.from(new Set(relays));
console.log(
`[HighlightLayer] Fetching from ${uniqueRelays.length} relays:`,
uniqueRelays,
);
/** /**
* Use WebSocketPool with nostr-tools protocol instead of NDK * Use WebSocketPool with nostr-tools protocol instead of NDK
@ -186,7 +164,6 @@
const fetchPromises = uniqueRelays.map(async (relayUrl) => { const fetchPromises = uniqueRelays.map(async (relayUrl) => {
try { try {
console.log(`[HighlightLayer] Connecting to ${relayUrl}`);
const ws = await WebSocketPool.instance.acquire(relayUrl); const ws = await WebSocketPool.instance.acquire(relayUrl);
return new Promise<void>((resolve) => { return new Promise<void>((resolve) => {
@ -220,22 +197,8 @@
try { try {
const message = JSON.parse(event.data); const message = JSON.parse(event.data);
// Log ALL messages from relay.nostr.band for debugging
if (relayUrl.includes("relay.nostr.band")) {
console.log(
`[HighlightLayer] RAW message from ${relayUrl}:`,
message,
);
}
if (message[0] === "EVENT" && message[1] === subscriptionId) { if (message[0] === "EVENT" && message[1] === subscriptionId) {
const rawEvent = message[2]; const rawEvent = message[2];
console.log(`[HighlightLayer] EVENT from ${relayUrl}:`, {
id: rawEvent.id,
kind: rawEvent.kind,
content: rawEvent.content.substring(0, 50),
tags: rawEvent.tags,
});
// Avoid duplicates // Avoid duplicates
if (!receivedEventIds.has(rawEvent.id)) { if (!receivedEventIds.has(rawEvent.id)) {
@ -244,27 +207,16 @@
// Convert to NDKEvent // Convert to NDKEvent
const ndkEvent = new NDKEventClass(ndk, rawEvent); const ndkEvent = new NDKEventClass(ndk, rawEvent);
highlights = [...highlights, ndkEvent]; highlights = [...highlights, ndkEvent];
console.log(
`[HighlightLayer] Added highlight, total now: ${highlights.length}`,
);
} }
} else if ( } else if (
message[0] === "EOSE" && message[0] === "EOSE" &&
message[1] === subscriptionId message[1] === subscriptionId
) { ) {
eoseCount++; eoseCount++;
console.log(
`[HighlightLayer] EOSE from ${relayUrl} (${eoseCount}/${uniqueRelays.length})`,
);
// Close subscription and release connection // Close subscription and release connection
releaseConnection(); releaseConnection();
safeResolve(); safeResolve();
} else if (message[0] === "NOTICE") {
console.warn(
`[HighlightLayer] NOTICE from ${relayUrl}:`,
message[1],
);
} }
} catch (err) { } catch (err) {
console.error( console.error(
@ -278,14 +230,6 @@
// Send REQ // Send REQ
const req = ["REQ", subscriptionId, filter]; const req = ["REQ", subscriptionId, filter];
if (relayUrl.includes("relay.nostr.band")) {
console.log(
`[HighlightLayer] Sending REQ to ${relayUrl}:`,
JSON.stringify(req),
);
} else {
console.log(`[HighlightLayer] Sending REQ to ${relayUrl}`);
}
ws.send(JSON.stringify(req)); ws.send(JSON.stringify(req));
// Timeout per relay (5 seconds) // Timeout per relay (5 seconds)
@ -305,19 +249,6 @@
// Wait for all relays to respond or timeout // Wait for all relays to respond or timeout
await Promise.all(fetchPromises); await Promise.all(fetchPromises);
console.log(`[HighlightLayer] Fetched ${highlights.length} highlights`);
if (highlights.length > 0) {
console.log(
`[HighlightLayer] Highlights summary:`,
highlights.map((h) => ({
content: h.content.substring(0, 30) + "...",
address: h.tags.find((t) => t[0] === "a")?.[1],
author: h.pubkey.substring(0, 8),
})),
);
}
loading = false; loading = false;
// Rendering is handled by the visibility/highlights effect // Rendering is handled by the visibility/highlights effect
@ -341,9 +272,6 @@
targetAddress?: string, targetAddress?: string,
): boolean { ): boolean {
if (!containerRef) { if (!containerRef) {
console.log(
`[HighlightLayer] Cannot highlight by position - no containerRef`,
);
return false; return false;
} }
@ -353,30 +281,10 @@
const sectionElement = document.getElementById(targetAddress); const sectionElement = document.getElementById(targetAddress);
if (sectionElement) { if (sectionElement) {
searchRoot = sectionElement; searchRoot = sectionElement;
console.log(
`[HighlightLayer] Highlighting in specific section: ${targetAddress}`,
);
} else {
console.log(
`[HighlightLayer] Section ${targetAddress} not found in DOM, searching globally`,
);
} }
} }
console.log( return highlightByOffset(searchRoot, offsetStart, offsetEnd, color);
`[HighlightLayer] Applying position-based highlight ${offsetStart}-${offsetEnd}`,
);
const result = highlightByOffset(searchRoot, offsetStart, offsetEnd, color);
if (result) {
console.log(
`[HighlightLayer] Successfully applied position-based highlight`,
);
} else {
console.log(`[HighlightLayer] Failed to apply position-based highlight`);
}
return result;
} }
/** /**
@ -391,9 +299,6 @@
targetAddress?: string, targetAddress?: string,
): void { ): void {
if (!containerRef || !text || text.trim().length === 0) { if (!containerRef || !text || text.trim().length === 0) {
console.log(
`[HighlightLayer] Cannot highlight - containerRef: ${!!containerRef}, text: "${text}"`,
);
return; return;
} }
@ -403,21 +308,9 @@
const sectionElement = document.getElementById(targetAddress); const sectionElement = document.getElementById(targetAddress);
if (sectionElement) { if (sectionElement) {
searchRoot = sectionElement; searchRoot = sectionElement;
console.log(
`[HighlightLayer] Searching in specific section: ${targetAddress}`,
);
} else {
console.log(
`[HighlightLayer] Section ${targetAddress} not found in DOM, searching globally`,
);
} }
} }
console.log(
`[HighlightLayer] Searching for text: "${text}" in`,
searchRoot,
);
// Use TreeWalker to find all text nodes // Use TreeWalker to find all text nodes
const walker = document.createTreeWalker( const walker = document.createTreeWalker(
searchRoot, searchRoot,
@ -432,22 +325,11 @@
} }
// Search for the highlight text in text nodes // Search for the highlight text in text nodes
console.log(
`[HighlightLayer] Searching through ${textNodes.length} text nodes`,
);
for (const textNode of textNodes) { for (const textNode of textNodes) {
const nodeText = textNode.textContent || ""; const nodeText = textNode.textContent || "";
const index = nodeText.toLowerCase().indexOf(text.toLowerCase()); const index = nodeText.toLowerCase().indexOf(text.toLowerCase());
if (index !== -1) { if (index !== -1) {
console.log(
`[HighlightLayer] Found match in text node:`,
nodeText.substring(
Math.max(0, index - 20),
Math.min(nodeText.length, index + text.length + 20),
),
);
const parent = textNode.parentNode; const parent = textNode.parentNode;
if (!parent) continue; if (!parent) continue;
@ -479,44 +361,26 @@
parent.replaceChild(fragment, textNode); parent.replaceChild(fragment, textNode);
console.log(`[HighlightLayer] Highlighted text:`, match);
return; // Only highlight first occurrence to avoid multiple highlights return; // Only highlight first occurrence to avoid multiple highlights
} }
} }
console.log(`[HighlightLayer] No match found for text: "${text}"`);
} }
/** /**
* Render all highlights on the page * Render all highlights on the page
*/ */
function renderHighlights() { function renderHighlights() {
console.log(
`[HighlightLayer] renderHighlights called - visible: ${visible}, containerRef: ${!!containerRef}, highlights: ${highlights.length}`,
);
if (!visible || !containerRef) { if (!visible || !containerRef) {
console.log(
`[HighlightLayer] Skipping render - visible: ${visible}, containerRef: ${!!containerRef}`,
);
return; return;
} }
if (highlights.length === 0) { if (highlights.length === 0) {
console.log(`[HighlightLayer] No highlights to render`);
return; return;
} }
// Clear existing highlights // Clear existing highlights
clearHighlights(); clearHighlights();
console.log(`[HighlightLayer] Rendering ${highlights.length} highlights`);
console.log(`[HighlightLayer] Container element:`, containerRef);
console.log(
`[HighlightLayer] Container has children:`,
containerRef.children.length,
);
// Apply each highlight // Apply each highlight
for (const highlight of highlights) { for (const highlight of highlights) {
const content = highlight.content; const content = highlight.content;
@ -531,42 +395,19 @@
const hasOffset = const hasOffset =
offsetTag && offsetTag[1] !== undefined && offsetTag[2] !== undefined; offsetTag && offsetTag[1] !== undefined && offsetTag[2] !== undefined;
console.log(`[HighlightLayer] Rendering highlight:`, {
hasOffset,
offsetTag,
content: content.substring(0, 50),
contentLength: content.length,
targetAddress,
color,
allTags: highlight.tags,
});
if (hasOffset) { if (hasOffset) {
// Use position-based highlighting // Use position-based highlighting
const offsetStart = parseInt(offsetTag[1], 10); const offsetStart = parseInt(offsetTag[1], 10);
const offsetEnd = parseInt(offsetTag[2], 10); const offsetEnd = parseInt(offsetTag[2], 10);
if (!isNaN(offsetStart) && !isNaN(offsetEnd)) { if (!isNaN(offsetStart) && !isNaN(offsetEnd)) {
console.log(
`[HighlightLayer] Using position-based highlighting: ${offsetStart}-${offsetEnd}`,
);
highlightByPosition(offsetStart, offsetEnd, color, targetAddress); highlightByPosition(offsetStart, offsetEnd, color, targetAddress);
} else { } else if (content && content.trim().length > 0) {
console.log(
`[HighlightLayer] Invalid offset values, falling back to text search`,
);
if (content && content.trim().length > 0) {
findAndHighlightText(content, color, targetAddress);
}
}
} else {
// Fall back to text-based highlighting
console.log(`[HighlightLayer] Using text-based highlighting`);
if (content && content.trim().length > 0) {
findAndHighlightText(content, color, targetAddress); findAndHighlightText(content, color, targetAddress);
} else {
console.log(`[HighlightLayer] Skipping highlight - empty content`);
} }
} else if (content && content.trim().length > 0) {
// Fall back to text-based highlighting
findAndHighlightText(content, color, targetAddress);
} }
} }
@ -595,10 +436,6 @@
parent.normalize(); parent.normalize();
} }
}); });
console.log(
`[HighlightLayer] Cleared ${highlightElements.length} highlights`,
);
} }
// Track the last fetched event count to know when to refetch // Track the last fetched event count to know when to refetch
@ -610,10 +447,6 @@
const currentCount = eventIds.length + eventAddresses.length; const currentCount = eventIds.length + eventAddresses.length;
const hasEventData = currentCount > 0; const hasEventData = currentCount > 0;
console.log(
`[HighlightLayer] Event data effect - count: ${currentCount}, lastFetched: ${lastFetchedCount}, loading: ${loading}`,
);
// Only fetch if: // Only fetch if:
// 1. We have event data // 1. We have event data
// 2. The count has changed since last fetch // 2. The count has changed since last fetch
@ -626,9 +459,6 @@
// Debounce: wait 500ms for more events to arrive before fetching // Debounce: wait 500ms for more events to arrive before fetching
fetchTimeout = setTimeout(() => { fetchTimeout = setTimeout(() => {
console.log(
`[HighlightLayer] Event data stabilized at ${currentCount} events, fetching highlights...`,
);
lastFetchedCount = currentCount; lastFetchedCount = currentCount;
fetchHighlights(); fetchHighlights();
}, 500); }, 500);
@ -646,14 +476,8 @@
$effect(() => { $effect(() => {
// This effect runs when either visible or highlights.length changes // This effect runs when either visible or highlights.length changes
const highlightCount = highlights.length; const highlightCount = highlights.length;
console.log(
`[HighlightLayer] Visibility/highlights effect - visible: ${visible}, highlights: ${highlightCount}`,
);
if (visible && highlightCount > 0) { if (visible && highlightCount > 0) {
console.log(
`[HighlightLayer] Both visible and highlights ready, rendering...`,
);
renderHighlights(); renderHighlights();
} else if (!visible) { } else if (!visible) {
clearHighlights(); clearHighlights();
@ -673,9 +497,6 @@
*/ */
async function fetchAuthorProfiles() { async function fetchAuthorProfiles() {
const uniquePubkeys = Array.from(groupedHighlights.keys()); const uniquePubkeys = Array.from(groupedHighlights.keys());
console.log(
`[HighlightLayer] Fetching profiles for ${uniquePubkeys.length} authors`,
);
for (const pubkey of uniquePubkeys) { for (const pubkey of uniquePubkeys) {
try { try {
@ -713,27 +534,17 @@
* Scroll to a specific highlight in the document * Scroll to a specific highlight in the document
*/ */
function scrollToHighlight(highlight: NDKEvent) { function scrollToHighlight(highlight: NDKEvent) {
console.log(
`[HighlightLayer] scrollToHighlight called for:`,
highlight.content.substring(0, 50),
);
if (!containerRef) { if (!containerRef) {
console.warn(`[HighlightLayer] No containerRef available`);
return; return;
} }
const content = highlight.content; const content = highlight.content;
if (!content || content.trim().length === 0) { if (!content || content.trim().length === 0) {
console.warn(`[HighlightLayer] No content in highlight`);
return; return;
} }
// Find the highlight mark element // Find the highlight mark element
const highlightMarks = containerRef.querySelectorAll("mark.highlight"); const highlightMarks = containerRef.querySelectorAll("mark.highlight");
console.log(
`[HighlightLayer] Found ${highlightMarks.length} highlight marks in DOM`,
);
// Try exact match first // Try exact match first
for (const mark of highlightMarks) { for (const mark of highlightMarks) {
@ -741,9 +552,6 @@
const searchText = content.toLowerCase(); const searchText = content.toLowerCase();
if (markText === searchText) { if (markText === searchText) {
console.log(
`[HighlightLayer] Found exact match, scrolling and flashing`,
);
// Scroll to this element // Scroll to this element
mark.scrollIntoView({ behavior: "smooth", block: "center" }); mark.scrollIntoView({ behavior: "smooth", block: "center" });
@ -762,9 +570,6 @@
const searchText = content.toLowerCase(); const searchText = content.toLowerCase();
if (markText.includes(searchText) || searchText.includes(markText)) { if (markText.includes(searchText) || searchText.includes(markText)) {
console.log(
`[HighlightLayer] Found partial match, scrolling and flashing`,
);
mark.scrollIntoView({ behavior: "smooth", block: "center" }); mark.scrollIntoView({ behavior: "smooth", block: "center" });
mark.classList.add("highlight-flash"); mark.classList.add("highlight-flash");
setTimeout(() => { setTimeout(() => {
@ -773,11 +578,6 @@
return; return;
} }
} }
console.warn(
`[HighlightLayer] Could not find highlight mark for:`,
content.substring(0, 50),
);
} }
/** /**
@ -790,7 +590,6 @@
try { try {
await navigator.clipboard.writeText(naddr); await navigator.clipboard.writeText(naddr);
copyFeedback = highlight.id; copyFeedback = highlight.id;
console.log(`[HighlightLayer] Copied naddr to clipboard:`, naddr);
// Clear feedback after 2 seconds // Clear feedback after 2 seconds
setTimeout(() => { setTimeout(() => {
@ -812,8 +611,6 @@
* Public method to refresh highlights (e.g., after creating a new one) * Public method to refresh highlights (e.g., after creating a new one)
*/ */
export function refresh() { export function refresh() {
console.log("[HighlightLayer] Manual refresh triggered");
// Clear existing highlights // Clear existing highlights
highlights = []; highlights = [];
clearHighlights(); clearHighlights();

26
src/lib/components/publications/HighlightSelectionHandler.svelte
Unescape View File

@ -97,7 +97,6 @@
// Don't use closest('.publication-leather') as Details also has that class // Don't use closest('.publication-leather') as Details also has that class
const publicationSection = target.closest("section[id]") as HTMLElement; const publicationSection = target.closest("section[id]") as HTMLElement;
if (!publicationSection) { if (!publicationSection) {
console.log("[HighlightSelectionHandler] No section[id] found, aborting");
return; return;
} }
@ -105,14 +104,6 @@
const sectionAddress = publicationSection.dataset.eventAddress; const sectionAddress = publicationSection.dataset.eventAddress;
const sectionEventId = publicationSection.dataset.eventId; const sectionEventId = publicationSection.dataset.eventId;
console.log("[HighlightSelectionHandler] Selection in section:", {
element: publicationSection,
address: sectionAddress,
eventId: sectionEventId,
allDataAttrs: publicationSection.dataset,
sectionId: publicationSection.id,
});
currentSelection = selection; currentSelection = selection;
selectedText = text; selectedText = text;
selectedSectionAddress = sectionAddress; selectedSectionAddress = sectionAddress;
@ -155,12 +146,6 @@
selectedSectionAddress || publicationEvent.tagAddress(); selectedSectionAddress || publicationEvent.tagAddress();
const useEventId = selectedSectionEventId || publicationEvent.id; const useEventId = selectedSectionEventId || publicationEvent.id;
console.log("[HighlightSelectionHandler] Creating highlight with:", {
address: useAddress,
eventId: useEventId,
fallbackUsed: !selectedSectionAddress,
});
const tags: string[][] = []; const tags: string[][] = [];
// Always prefer addressable events for publications // Always prefer addressable events for publications
@ -227,11 +212,6 @@
// Remove duplicates // Remove duplicates
const uniqueRelays = Array.from(new Set(relays)); const uniqueRelays = Array.from(new Set(relays));
console.log(
"[HighlightSelectionHandler] Publishing to relays:",
uniqueRelays,
);
const signedEvent = { const signedEvent = {
...plainEvent, ...plainEvent,
id: event.id, id: event.id,
@ -256,15 +236,9 @@
clearTimeout(timeout); clearTimeout(timeout);
if (ok) { if (ok) {
publishedCount++; publishedCount++;
console.log(
`[HighlightSelectionHandler] Published to ${relayUrl}`,
);
WebSocketPool.instance.release(ws); WebSocketPool.instance.release(ws);
resolve(); resolve();
} else { } else {
console.warn(
`[HighlightSelectionHandler] ${relayUrl} rejected: ${message}`,
);
WebSocketPool.instance.release(ws); WebSocketPool.instance.release(ws);
reject(new Error(message)); reject(new Error(message));
} }

129
src/lib/components/publications/Publication.svelte
Unescape View File

@ -86,13 +86,6 @@
import.meta.env.VITE_USE_MOCK_HIGHLIGHTS === "true", import.meta.env.VITE_USE_MOCK_HIGHLIGHTS === "true",
); );
// Log initial state for debugging
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 // Derive all event IDs and addresses for highlight fetching
let allEventIds = $derived.by(() => { let allEventIds = $derived.by(() => {
@ -183,7 +176,6 @@
const { done, value } = iterResult; const { done, value } = iterResult;
if (done) { if (done) {
console.log("[Publication] Iterator done, no more events");
isDone = true; isDone = true;
break; break;
} }
@ -198,17 +190,14 @@
// AI-NOTE: Add event immediately to leaves so user sees it right away // AI-NOTE: Add event immediately to leaves so user sees it right away
leaves = [...leaves, value]; leaves = [...leaves, value];
newEvents.push(value); newEvents.push(value);
console.log(`[Publication] Added event ${i + 1}/${count} immediately. Total: ${leaves.length}`);
} else { } else {
newEvents.push(null); newEvents.push(null);
} }
} else { } else {
consecutiveNulls++; consecutiveNulls++;
console.log(`[Publication] Got null event (${consecutiveNulls}/${MAX_CONSECUTIVE_NULLS} consecutive nulls)`);
// Break early if we're getting too many nulls - likely no more content // Break early if we're getting too many nulls - likely no more content
if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) { if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) {
console.log("[Publication] Too many consecutive null events, assuming no more content");
isDone = true; isDone = true;
break; break;
} }
@ -222,58 +211,24 @@
consecutiveNulls++; consecutiveNulls++;
if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) { if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) {
console.log("[Publication] Too many errors/consecutive nulls, stopping load");
break; break;
} }
} }
} }
// Log final summary (events already added incrementally above) // Check if we got valid events
const validEvents = newEvents.filter(e => e !== null); const validEvents = newEvents.filter(e => e !== null);
if (validEvents.length > 0) { if (validEvents.length === 0 && newEvents.length > 0) {
console.log(
`[Publication] Load complete. Added ${validEvents.length} events. Total: ${leaves.length}`,
);
// Log sentinel position after adding content
requestAnimationFrame(() => {
requestAnimationFrame(() => {
if (sentinelRef) {
const rect = sentinelRef.getBoundingClientRect();
const viewportHeight = window.innerHeight;
const distanceBelowViewport = rect.top - viewportHeight;
console.log("[Publication] Sentinel position after loadMore", {
leavesCount: leaves.length,
sentinelTop: rect.top,
viewportHeight,
distanceBelowViewport,
isConnected: sentinelRef.isConnected,
});
}
});
});
} else if (newEvents.length > 0) {
// We got through the loop but no valid events - might be done // We got through the loop but no valid events - might be done
console.log("[Publication] Completed load but got no valid events", {
newEventsLength: newEvents.length,
consecutiveNulls,
});
if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) { if (consecutiveNulls >= MAX_CONSECUTIVE_NULLS) {
isDone = true; isDone = true;
} }
} else {
console.warn("[Publication] loadMore completed but no events were loaded", {
count,
newEventsLength: newEvents.length,
validEventsLength: validEvents.length,
});
} }
} catch (error) { } catch (error) {
console.error("[Publication] Error loading more content:", error); console.error("[Publication] Error loading more content:", error);
// Don't mark as done on error - might be transient network issue // Don't mark as done on error - might be transient network issue
} finally { } finally {
isLoading = false; isLoading = false;
console.log(`[Publication] Load complete. isLoading: ${isLoading}, isDone: ${isDone}, leaves: ${leaves.length}`);
// AI-NOTE: The ResizeObserver effect will handle checking sentinel position // AI-NOTE: The ResizeObserver effect will handle checking sentinel position
// after content actually renders, so we don't need aggressive post-load checks here // after content actually renders, so we don't need aggressive post-load checks here
@ -353,31 +308,14 @@
* Loads sections before a given address in the TOC order. * Loads sections before a given address in the TOC order.
*/ */
async function loadSectionsBefore(referenceAddress: string, count: number = AUTO_LOAD_BATCH_SIZE) { async function loadSectionsBefore(referenceAddress: string, count: number = AUTO_LOAD_BATCH_SIZE) {
console.log("[Publication] loadSectionsBefore called:", {
referenceAddress,
count,
hasPublicationTree: !!publicationTree,
hasToc: !!toc,
isLoading,
isLoadingUpward
});
if (!publicationTree || !toc) { if (!publicationTree || !toc) {
console.log("[Publication] loadSectionsBefore: Early return (missing dependencies)");
return; return;
} }
const allAddresses = getAllSectionAddresses(); const allAddresses = getAllSectionAddresses();
const referenceIndex = allAddresses.indexOf(referenceAddress); const referenceIndex = allAddresses.indexOf(referenceAddress);
console.log("[Publication] loadSectionsBefore: Reference index:", {
referenceIndex,
totalAddresses: allAddresses.length,
referenceAddress
});
if (referenceIndex === -1 || referenceIndex === 0) { if (referenceIndex === -1 || referenceIndex === 0) {
console.log("[Publication] loadSectionsBefore: Early return (not found or at beginning)");
return; // Not found or already at beginning return; // Not found or already at beginning
} }
@ -390,14 +328,7 @@
!loadedAddresses.has(addr) && !existingAddresses.has(addr) !loadedAddresses.has(addr) && !existingAddresses.has(addr)
); );
console.log("[Publication] loadSectionsBefore: Addresses to load:", {
total: addressesToLoad.length,
filtered: addressesToLoadFiltered.length,
addresses: addressesToLoadFiltered
});
if (addressesToLoadFiltered.length === 0) { if (addressesToLoadFiltered.length === 0) {
console.log("[Publication] loadSectionsBefore: Early return (no addresses to load)");
return; return;
} }
@ -419,19 +350,8 @@
} }
} }
console.log("[Publication] loadSectionsBefore: Loaded events:", {
total: newEvents.length,
valid: newEvents.filter(e => e !== null).length
});
if (newEvents.length > 0) { if (newEvents.length > 0) {
const beforeCount = leaves.length;
leaves = insertEventsInOrder(newEvents, allAddresses); leaves = insertEventsInOrder(newEvents, allAddresses);
console.log("[Publication] loadSectionsBefore: Updated leaves:", {
before: beforeCount,
after: leaves.length,
added: leaves.length - beforeCount
});
} }
isLoading = false; isLoading = false;
@ -500,14 +420,12 @@
*/ */
async function jumpToSection(targetAddress: string, windowSize: number = JUMP_WINDOW_SIZE) { async function jumpToSection(targetAddress: string, windowSize: number = JUMP_WINDOW_SIZE) {
if (!publicationTree || !toc) { if (!publicationTree || !toc) {
console.warn("[Publication] publicationTree or toc not available for jump-to-section");
return; return;
} }
// Check if target is already loaded // Check if target is already loaded
const alreadyLoaded = leaves.some(leaf => leaf?.tagAddress() === targetAddress); const alreadyLoaded = leaves.some(leaf => leaf?.tagAddress() === targetAddress);
if (alreadyLoaded) { if (alreadyLoaded) {
console.log(`[Publication] Section ${targetAddress} already loaded, scrolling to it`);
// Scroll to the section // Scroll to the section
const element = document.getElementById(targetAddress); const element = document.getElementById(targetAddress);
if (element) { if (element) {
@ -520,7 +438,6 @@
const targetIndex = allAddresses.indexOf(targetAddress); const targetIndex = allAddresses.indexOf(targetAddress);
if (targetIndex === -1) { if (targetIndex === -1) {
console.warn(`[Publication] Target address ${targetAddress} not found in TOC`);
return; return;
} }
@ -545,7 +462,6 @@
// There's a gap - fill it // There's a gap - fill it
gapStartIndex = lastLoadedIndex + 1; gapStartIndex = lastLoadedIndex + 1;
gapEndIndex = jumpStartIndex - 1; gapEndIndex = jumpStartIndex - 1;
console.log(`[Publication] Gap detected: sections ${gapStartIndex}-${gapEndIndex} need to be loaded`);
} }
// Collect all addresses to load (gap + jump window) // Collect all addresses to load (gap + jump window)
@ -569,8 +485,6 @@
} }
} }
console.log(`[Publication] Jump-to-section: loading ${addressesToLoad.length} sections (gap: ${gapStartIndex >= 0 ? `${gapStartIndex}-${gapEndIndex}` : 'none'}, window: ${jumpStartIndex}-${jumpEndIndex})`);
// Load events // Load events
const windowEvents: Array<{ address: string; event: NDKEvent | null; index: number }> = []; const windowEvents: Array<{ address: string; event: NDKEvent | null; index: number }> = [];
for (const address of addressesToLoad) { for (const address of addressesToLoad) {
@ -601,8 +515,6 @@
// Update observer after DOM updates // Update observer after DOM updates
updateFirstSectionObserver(); updateFirstSectionObserver();
}, 100); }, 100);
console.log(`[Publication] Jump-to-section complete. Loaded ${windowEvents.length} sections around ${targetAddress}`);
} }
/** /**
@ -617,11 +529,8 @@
*/ */
async function backgroundLoadAllEvents() { async function backgroundLoadAllEvents() {
if (!publicationTree || !toc) { if (!publicationTree || !toc) {
console.warn("[Publication] publicationTree or toc is not available for background loading");
return; return;
} }
console.log("[Publication] Starting background load of all events in level-layers (throttled)");
// Throttling configuration // Throttling configuration
const BATCH_SIZE = 10; // Process 3 addresses at a time const BATCH_SIZE = 10; // Process 3 addresses at a time
@ -663,8 +572,8 @@
queue.push(childAddress); queue.push(childAddress);
// Resolve the child event to populate TOC (non-blocking) // Resolve the child event to populate TOC (non-blocking)
publicationTree.getEvent(childAddress).catch((error: unknown) => { publicationTree.getEvent(childAddress).catch(() => {
console.debug(`[Publication] Error fetching child event ${childAddress}:`, error); // Silently handle errors in background loading
}); });
} }
} }
@ -682,15 +591,11 @@
} }
} }
console.log(`[Publication] Completed level, processed ${currentLevelAddresses.length} addresses, queued ${queue.length} for next level`);
// Delay between levels to give main loading priority // Delay between levels to give main loading priority
if (queue.length > 0) { if (queue.length > 0) {
await new Promise(resolve => setTimeout(resolve, LEVEL_DELAY_MS)); await new Promise(resolve => setTimeout(resolve, LEVEL_DELAY_MS));
} }
} }
console.log("[Publication] Background load complete, processed", processedAddresses.size, "addresses");
} }
// #endregion // #endregion
@ -708,8 +613,6 @@
if (publicationTree === publicationTreeInstance && hasInitialized) { if (publicationTree === publicationTreeInstance && hasInitialized) {
return; // Already initialized with this tree, don't reset return; // Already initialized with this tree, don't reset
} }
console.log("[Publication] New publication tree detected, resetting state");
// Reset state when publicationTree changes // Reset state when publicationTree changes
leaves = []; leaves = [];
@ -726,7 +629,6 @@
} }
// Load initial content after reset // Load initial content after reset
console.log("[Publication] Loading initial content");
hasInitialized = true; hasInitialized = true;
loadMore(INITIAL_LOAD_COUNT); loadMore(INITIAL_LOAD_COUNT);
@ -735,11 +637,9 @@
// Wait a bit for toc to be initialized // Wait a bit for toc to be initialized
setTimeout(() => { setTimeout(() => {
if (toc && publicationTree) { if (toc && publicationTree) {
backgroundLoadAllEvents().catch((error) => { backgroundLoadAllEvents().catch(() => {
console.error("[Publication] Error in background loading:", error); // Silently handle errors in background loading
}); });
} else {
console.warn("[Publication] toc or publicationTree not available for background loading");
} }
}, 100); }, 100);
}); });
@ -802,7 +702,6 @@
} }
function handleCommentPosted() { function handleCommentPosted() {
console.log("[Publication] Comment posted, refreshing comment layer");
// Refresh the comment layer after a short delay to allow relay indexing // Refresh the comment layer after a short delay to allow relay indexing
setTimeout(() => { setTimeout(() => {
if (commentLayerRef) { if (commentLayerRef) {
@ -855,8 +754,6 @@
await commentEvent.sign(); await commentEvent.sign();
await commentEvent.publish(); await commentEvent.publish();
console.log("[Publication] Article comment published:", commentEvent.id);
articleCommentSuccess = true; articleCommentSuccess = true;
articleCommentContent = ""; articleCommentContent = "";
@ -891,11 +788,7 @@
eventAddress: indexEvent.tagAddress(), eventAddress: indexEvent.tagAddress(),
eventKind: indexEvent.kind, eventKind: indexEvent.kind,
reason: "User deleted publication", reason: "User deleted publication",
onSuccess: (deletionEventId) => { onSuccess: () => {
console.log(
"[Publication] Deletion event published:",
deletionEventId,
);
publicationDeleted = true; publicationDeleted = true;
// Redirect after 2 seconds // Redirect after 2 seconds
@ -936,7 +829,6 @@
// AI-NOTE: TOC updates happen in parallel as sections mount, improving performance // AI-NOTE: TOC updates happen in parallel as sections mount, improving performance
const entry = toc.getEntry(address); const entry = toc.getEntry(address);
if (!entry) { if (!entry) {
console.warn(`[Publication] No parent found for ${address}`);
return; return;
} }
toc.buildTocFromDocument(el, entry); toc.buildTocFromDocument(el, entry);
@ -1004,29 +896,24 @@
*/ */
async function handleUpwardLoad(referenceAddress: string, source: "top-sentinel" | "first-section") { async function handleUpwardLoad(referenceAddress: string, source: "top-sentinel" | "first-section") {
if (isLoadingUpward) { if (isLoadingUpward) {
console.log(`[Publication] Upward load from ${source} ignored (already loading)`);
return; return;
} }
const now = Date.now(); const now = Date.now();
if ((now - lastUpwardLoadTime) < UPWARD_LOAD_DEBOUNCE_MS) { if ((now - lastUpwardLoadTime) < UPWARD_LOAD_DEBOUNCE_MS) {
console.log(`[Publication] Upward load from ${source} debounced, time since last:`, now - lastUpwardLoadTime);
return; return;
} }
const firstSection = leaves.filter(l => l !== null)[0]; const firstSection = leaves.filter(l => l !== null)[0];
if (!firstSection || firstSection.tagAddress() === rootAddress) { if (!firstSection || firstSection.tagAddress() === rootAddress) {
console.log(`[Publication] Upward load from ${source} skipped (no valid first section or at root)`);
return; return;
} }
const firstAddress = firstSection.tagAddress(); const firstAddress = firstSection.tagAddress();
if (referenceAddress !== firstAddress && source === "first-section") { if (referenceAddress !== firstAddress && source === "first-section") {
console.log(`[Publication] Upward load from first-section skipped (address mismatch)`);
return; return;
} }
console.log(`[Publication] Upward load from ${source}, loading sections before:`, firstAddress);
isLoadingUpward = true; isLoadingUpward = true;
lastUpwardLoadTime = now; lastUpwardLoadTime = now;
@ -1043,7 +930,6 @@
try { try {
await loadSectionsBefore(firstAddress, AUTO_LOAD_BATCH_SIZE); await loadSectionsBefore(firstAddress, AUTO_LOAD_BATCH_SIZE);
console.log(`[Publication] Upward load from ${source} complete`);
// Wait for DOM stabilization before updating observer // Wait for DOM stabilization before updating observer
setTimeout(() => { setTimeout(() => {
@ -1240,7 +1126,6 @@
// Refresh highlights after a short delay to allow relay indexing // Refresh highlights after a short delay to allow relay indexing
setTimeout(() => { setTimeout(() => {
if (highlightLayerRef) { if (highlightLayerRef) {
console.log("[Publication] Refreshing highlights after creation");
highlightLayerRef.refresh(); highlightLayerRef.refresh();
} }
}, 500); }, 500);

18
src/lib/components/publications/PublicationSection.svelte
Unescape View File

@ -63,10 +63,6 @@
leafEvent.then((e) => { leafEvent.then((e) => {
if (e?.id) { if (e?.id) {
leafEventId = e.id; leafEventId = e.id;
console.log(
`[PublicationSection] Set leafEventId for ${address}:`,
e.id,
);
} }
}); });
}); });
@ -205,11 +201,7 @@
eventAddress: address, eventAddress: address,
eventKind: event.kind, eventKind: event.kind,
reason: "User deleted section", reason: "User deleted section",
onSuccess: (deletionEventId) => { onSuccess: () => {
console.log(
"[PublicationSection] Deletion event published:",
deletionEventId,
);
// Refresh the page to reflect the deletion // Refresh the page to reflect the deletion
window.location.reload(); window.location.reload();
}, },
@ -231,14 +223,6 @@
} }
ref(sectionRef); ref(sectionRef);
// Log data attributes for debugging
console.log(`[PublicationSection] Section mounted:`, {
address,
leafEventId,
dataAddress: sectionRef.dataset.eventAddress,
dataEventId: sectionRef.dataset.eventId,
});
}); });
</script> </script>

1
src/lib/components/publications/TableOfContents.svelte
Unescape View File

@ -92,7 +92,6 @@
const currentEntries = entries; const currentEntries = entries;
const lastEntry = currentEntries[currentEntries.length - 1]; const lastEntry = currentEntries[currentEntries.length - 1];
if (lastEntry && lastEntry.address === address) { if (lastEntry && lastEntry.address === address) {
console.debug('[TableOfContents] Last entry clicked, triggering load more');
onLoadMore?.(); onLoadMore?.();
} }
} }

2
src/routes/publication/[type]/[identifier]/+page.svelte
Unescape View File

@ -90,8 +90,6 @@
function initializePublicationComponents(event: NDKEvent) { function initializePublicationComponents(event: NDKEvent) {
if (!data.ndk) return; if (!data.ndk) return;
console.log("[Publication] Initializing publication components for event:", event.tagAddress());
publicationTree = new SveltePublicationTree(event, data.ndk); publicationTree = new SveltePublicationTree(event, data.ndk);
toc = new TableOfContents( toc = new TableOfContents(
event.tagAddress(), event.tagAddress(),

Write Preview
Loading…
Cancel
Save