Browse Source
- Fixed node colors not updating when event kinds change by using inline styles instead of attributes - Implemented auto-disable feature for tag anchors when count exceeds 20 to prevent graph overload - Changed tag anchor behavior to completely hide disabled tags instead of just making them transparent - Enhanced NodeTooltip to handle arbitrary events differently: - Publication events (30040, 30041, 30818, 30023) route to /publication - Other events route to /events with raw content display - Added visual notification in Legend when tags are auto-disabled - Improved performance by fixing infinite update loops caused by state mutations 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>master
limina1
9 months ago
4 changed files with 331 additions and 150 deletions
@ -0,0 +1,92 @@
@@ -0,0 +1,92 @@
|
||||
/** |
||||
* Deterministic color mapping for event kinds |
||||
* Uses golden ratio to distribute colors evenly across the spectrum |
||||
*/ |
||||
|
||||
const GOLDEN_RATIO = 0.618033988749895; |
||||
|
||||
/** |
||||
* Get a deterministic color for an event kind |
||||
* @param kind - The event kind number |
||||
* @returns HSL color string |
||||
*/ |
||||
export function getEventKindColor(kind: number): string { |
||||
// Use golden ratio for better distribution
|
||||
const hue = (kind * GOLDEN_RATIO * 360) % 360; |
||||
|
||||
// Use different saturation/lightness for better visibility
|
||||
const saturation = 65 + (kind % 20); // 65-85%
|
||||
const lightness = 55 + ((kind * 3) % 15); // 55-70%
|
||||
|
||||
return `hsl(${Math.round(hue)}, ${saturation}%, ${lightness}%)`; |
||||
} |
||||
|
||||
/** |
||||
* Get a friendly name for an event kind |
||||
* @param kind - The event kind number |
||||
* @returns Human-readable name |
||||
*/ |
||||
export function getEventKindName(kind: number): string { |
||||
const kindNames: Record<number, string> = { |
||||
0: 'Metadata', |
||||
1: 'Text Note', |
||||
2: 'Recommend Relay', |
||||
3: 'Contact List', |
||||
4: 'Encrypted DM', |
||||
5: 'Event Deletion', |
||||
6: 'Repost', |
||||
7: 'Reaction', |
||||
8: 'Badge Award', |
||||
16: 'Generic Repost', |
||||
40: 'Channel Creation', |
||||
41: 'Channel Metadata', |
||||
42: 'Channel Message', |
||||
43: 'Channel Hide Message', |
||||
44: 'Channel Mute User', |
||||
1984: 'Reporting', |
||||
9734: 'Zap Request', |
||||
9735: 'Zap', |
||||
10000: 'Mute List', |
||||
10001: 'Pin List', |
||||
10002: 'Relay List', |
||||
22242: 'Client Authentication', |
||||
24133: 'Nostr Connect', |
||||
27235: 'HTTP Auth', |
||||
30000: 'Categorized People List', |
||||
30001: 'Categorized Bookmark List', |
||||
30008: 'Profile Badges', |
||||
30009: 'Badge Definition', |
||||
30017: 'Create or update a stall', |
||||
30018: 'Create or update a product', |
||||
30023: 'Long-form Content', |
||||
30024: 'Draft Long-form Content', |
||||
30040: 'Publication Index', |
||||
30041: 'Publication Content', |
||||
30078: 'Application-specific Data', |
||||
30311: 'Live Event', |
||||
30402: 'Classified Listing', |
||||
30403: 'Draft Classified Listing', |
||||
30617: 'Repository', |
||||
30818: 'Wiki Page', |
||||
31922: 'Date-Based Calendar Event', |
||||
31923: 'Time-Based Calendar Event', |
||||
31924: 'Calendar', |
||||
31925: 'Calendar Event RSVP', |
||||
31989: 'Handler recommendation', |
||||
31990: 'Handler information', |
||||
34550: 'Community Definition', |
||||
}; |
||||
|
||||
return kindNames[kind] || `Kind ${kind}`; |
||||
} |
||||
|
||||
/** |
||||
* Get the short label for an event kind (for node display) |
||||
* @param kind - The event kind number |
||||
* @returns Short label (usually just the kind number) |
||||
*/ |
||||
export function getEventKindLabel(kind: number): string { |
||||
// For now, just return the kind number
|
||||
// Could be extended to return short codes if needed
|
||||
return kind.toString(); |
||||
} |
||||
Loading…
Reference in new issue