diff --git a/app/web/src/App.svelte b/app/web/src/App.svelte
index 8493e03..be23a71 100644
--- a/app/web/src/App.svelte
+++ b/app/web/src/App.svelte
@@ -2,6 +2,7 @@
import LoginModal from './LoginModal.svelte';
import { initializeNostrClient, fetchUserProfile, fetchAllEvents, fetchUserEvents, searchEvents, fetchEventById, fetchDeleteEventsByTarget, nostrClient, NostrClient } from './nostr.js';
import { NDKPrivateKeySigner } from '@nostr-dev-kit/ndk';
+ import { publishEventWithAuth } from './websocket-auth.js';
let isDarkTheme = false;
let showLoginModal = false;
@@ -58,6 +59,9 @@
let sprocketEnabled = false;
let sprocketUploadFile = null;
+ // Compose tab state
+ let composeEventJson = '';
+
// Kind name mapping based on repository kind definitions
const kindNames = {
0: "ProfileMetadata",
@@ -170,6 +174,51 @@
expandedEvents = expandedEvents; // Trigger reactivity
}
+ async function copyEventToClipboard(eventData, clickEvent) {
+ try {
+ // Create minified JSON (no indentation)
+ const minifiedJson = JSON.stringify(eventData);
+ await navigator.clipboard.writeText(minifiedJson);
+
+ // Show temporary feedback
+ const button = clickEvent.target.closest('.copy-json-btn');
+ if (button) {
+ const originalText = button.textContent;
+ button.textContent = '✅';
+ button.style.backgroundColor = '#4CAF50';
+ setTimeout(() => {
+ button.textContent = originalText;
+ button.style.backgroundColor = '';
+ }, 2000);
+ }
+ } catch (error) {
+ console.error('Failed to copy to clipboard:', error);
+ // Fallback for older browsers
+ try {
+ const textArea = document.createElement('textarea');
+ textArea.value = JSON.stringify(eventData);
+ document.body.appendChild(textArea);
+ textArea.select();
+ document.execCommand('copy');
+ document.body.removeChild(textArea);
+
+ const button = clickEvent.target.closest('.copy-json-btn');
+ if (button) {
+ const originalText = button.textContent;
+ button.textContent = '✅';
+ button.style.backgroundColor = '#4CAF50';
+ setTimeout(() => {
+ button.textContent = originalText;
+ button.style.backgroundColor = '';
+ }, 2000);
+ }
+ } catch (fallbackError) {
+ console.error('Fallback copy also failed:', fallbackError);
+ alert('Failed to copy to clipboard. Please copy manually.');
+ }
+ }
+ }
+
async function handleToggleChange() {
// Toggle state is already updated by bind:checked
console.log('Toggle changed, showOnlyMyEvents:', showOnlyMyEvents);
@@ -238,6 +287,21 @@
console.log('Signed delete event pubkey:', signedDeleteEvent.pubkey);
console.log('Delete event tags:', signedDeleteEvent.tags);
+ // Publish to the ORLY relay using WebSocket authentication
+ const relayUrl = `wss://${window.location.host}`;
+
+ try {
+ const result = await publishEventWithAuth(relayUrl, signedDeleteEvent, userSigner, userPubkey);
+
+ if (result.success) {
+ console.log('Delete event published successfully to ORLY relay');
+ } else {
+ console.error('Failed to publish delete event:', result.reason);
+ }
+ } catch (error) {
+ console.error('Error publishing delete event:', error);
+ }
+
// Determine if we should publish to external relays
// Only publish to external relays if:
// 1. User is deleting their own event, OR
@@ -820,6 +884,7 @@
{id: 'export', icon: '📤', label: 'Export'},
{id: 'import', icon: '💾', label: 'Import', requiresAdmin: true},
{id: 'events', icon: '📡', label: 'Events'},
+ {id: 'compose', icon: '✏️', label: 'Compose'},
{id: 'sprocket', icon: '⚙️', label: 'Sprocket', requiresOwner: true},
];
@@ -1478,6 +1543,106 @@
return base64Event;
}
+
+ // Compose tab functions
+ function reformatJson() {
+ try {
+ if (!composeEventJson.trim()) {
+ alert('Please enter some JSON to reformat');
+ return;
+ }
+ const parsed = JSON.parse(composeEventJson);
+ composeEventJson = JSON.stringify(parsed, null, 2);
+ } catch (error) {
+ alert('Invalid JSON: ' + error.message);
+ }
+ }
+
+ async function signEvent() {
+ try {
+ if (!composeEventJson.trim()) {
+ alert('Please enter an event to sign');
+ return;
+ }
+
+ if (!isLoggedIn || !userPubkey) {
+ alert('Please log in to sign events');
+ return;
+ }
+
+ if (!userSigner) {
+ alert('No signer available. Please log in with a valid authentication method.');
+ return;
+ }
+
+ const event = JSON.parse(composeEventJson);
+
+ // Update event with current user's pubkey and timestamp
+ event.pubkey = userPubkey;
+ event.created_at = Math.floor(Date.now() / 1000);
+
+ // Remove any existing id and sig to ensure fresh signing
+ delete event.id;
+ delete event.sig;
+
+ // Sign the event using the real signer
+ const signedEvent = await userSigner.signEvent(event);
+
+ // Update the compose area with the signed event
+ composeEventJson = JSON.stringify(signedEvent, null, 2);
+
+ // Show success feedback
+ alert('Event signed successfully!');
+ } catch (error) {
+ console.error('Error signing event:', error);
+ alert('Error signing event: ' + error.message);
+ }
+ }
+
+ async function publishEvent() {
+ try {
+ if (!composeEventJson.trim()) {
+ alert('Please enter an event to publish');
+ return;
+ }
+
+ if (!isLoggedIn) {
+ alert('Please log in to publish events');
+ return;
+ }
+
+ if (!userSigner) {
+ alert('No signer available. Please log in with a valid authentication method.');
+ return;
+ }
+
+ const event = JSON.parse(composeEventJson);
+
+ // Validate that the event has required fields
+ if (!event.id || !event.sig) {
+ alert('Event must be signed before publishing. Please click "Sign" first.');
+ return;
+ }
+
+ // Publish to the ORLY relay using WebSocket (same address as current page)
+ const relayUrl = `wss://${window.location.host}`;
+
+ // Use the authentication module to publish the event
+ const result = await publishEventWithAuth(relayUrl, event, userSigner, userPubkey);
+
+ if (result.success) {
+ alert('Event published successfully to ORLY relay!');
+ // Optionally clear the editor after successful publish
+ // composeEventJson = '';
+ } else {
+ alert(`Event publishing failed: ${result.reason || 'Unknown error'}`);
+ }
+
+ } catch (error) {
+ console.error('Error publishing event:', error);
+ alert('Error publishing event: ' + error.message);
+ }
+ }
@@ -1650,7 +1815,12 @@
{#if expandedEvents.has(event.id)}
-
{JSON.stringify(event, null, 2)}
+
+
{JSON.stringify(event, null, 2)}
+
+
Sprocket Script Management
@@ -1878,7 +2064,12 @@
{#if expandedEvents.has(event.id)}
-
{JSON.stringify(event, null, 2)}
+
+
{JSON.stringify(event, null, 2)}
+
+