ciajaf/super_ball
1
0
Fork 0
forked from npub1wsauh7vr2kwz5kpyk0hwzja35640a9gls5t/super_ball
Code Pull Requests Activity

Compare commits

base: ciajaf:master
Branches Tags
ciajaf:master laantungir:master npub1wsauh7vr2kwz5kpyk0hwzja35640a9gls5t:master
laantungir:v0.0.7 laantungir:v0.0.6 laantungir:v0.0.5 laantungir:v0.0.4 laantungir:v0.0.3 laantungir:v0.0.2
..
compare: laantungir:master
Branches Tags
laantungir:master ciajaf:master npub1wsauh7vr2kwz5kpyk0hwzja35640a9gls5t:master
laantungir:v0.0.7 laantungir:v0.0.6 laantungir:v0.0.5 laantungir:v0.0.4 laantungir:v0.0.3 laantungir:v0.0.2

1 Commits
master ... master

Author SHA1 Message Date
Your Name
5152bb6e5e Update the profile information in the fields if a profile already exists. 2025-12-01 14:28:49 -04:00
3 changed files with 104 additions and 204 deletions
Expand all files Collapse all files

49
Trash/trash.json Normal file
View File

@@ -0,0 +1,49 @@
Reply to a post from Primal
{
"kind": 1,
"created_at": 1763420960,
"content": "From Primal.",
"pubkey": "8ff74724ed641b3c28e5a86d7c5cbc49c37638ace8c6c38935860e7a5eedde0e",
"id": "555c77e419c6f34d1d36b6baf36489c5eb17d829645c940fc996d90c26df59a1",
"tags": [
[
"e",
"ac50dd87901863590d577fb9080ab294b8dd1b6b10563e9733d5bad817c735db",
"wss://nos.lol",
"root"
],
[
"p",
"8ff74724ed641b3c28e5a86d7c5cbc49c37638ace8c6c38935860e7a5eedde0e"
],
[
"r",
"wss://nostr.mom/"
],
[
"r",
"wss://relay.laantungir.net/"
]
],
"sig": "5ab8f7b43e972e2089ebc95f68c49cace183832a3f867801a85c689ce6797eaa52a60ba07847212019fc2361ffca276c74f9cd69402095c6c783faac2c827bde"
}
Reply to post from proposed superball builder change.
{
"id": "56e6dadc32afe11f13e83fcf8107ea8a819e4a96232d64eacafd10370224e685",
"sig": "3766102783acfc7654f134b1dc5fd716e89e154fc81a96c7f60d20a867e5b52919cdfa7a01151550880e4e8a2945ef05feb43c022bbd7761724ded8308254b1d",
"kind": 1,
"tags": [
[
"e",
"ac50dd87901863590d577fb9080ab294b8dd1b6b10563e9733d5bad817c735db",
"root"
]
],
"pubkey": "8ff74724ed641b3c28e5a86d7c5cbc49c37638ace8c6c38935860e7a5eedde0e",
"content": "Yeah, it is a great night.",
"created_at": 1763420892
}

26
web/superball-shared.css
View File

@@ -142,8 +142,7 @@ button:active {
label { label {
display: block; display: block;
font-weight: bold; font-weight: bold;
margin-bottom: 2px; margin-bottom: 3px;
margin-top: 7px;
font-family: var(--font-family); font-family: var(--font-family);
color: var(--primary-color); color: var(--primary-color);
} }
@@ -745,6 +744,11 @@ small {
margin: 20px; margin: 20px;
} */ } */
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
textarea { textarea {
width: 100%; width: 100%;
@@ -784,20 +788,4 @@ textarea {
.tab-content.active { .tab-content.active {
display: block; display: block;
} }
.fetched-event {
background: var(--secondary-color);
border: 1px solid var(--muted-color);
border-radius: 4px;
padding: 10px;
font-family: var(--font-family);
font-size: 16px;
white-space: pre-wrap;
word-wrap: break-word;
max-height: 400px;
overflow-y: auto;
margin: 10px 0;
color: var(--primary-color);
display: none;
}

233
web/superball.html
View File

@@ -27,32 +27,29 @@
<!-- FINAL EVENT SECTION --> <!-- FINAL EVENT SECTION -->
<div class="section"> <div class="section">
<h2>Final Event (What gets posted at the end)</h2>
<div class="input-group"> <div class="input-group">
<div class="tabs"> <div class="tabs">
<div class="tab active" data-tab="tab1">Post</div> <div class="tab active" data-tab="tab1">Post</div>
<div class="tab" data-tab="tab2">Reply</div> <div class="tab" data-tab="tab2">Reply</div>
<div class="tab" data-tab="tab3">Create/Edit Profile</div> <div class="tab" data-tab="tab3">Create/Edit Profile</div>
<div class="tab" data-tab="tab4">Custom Event</div>
</div> </div>
<div class="tab-content active" id="tab1"> <div class="tab-content active" id="tab1">
<h3>Post</h3> <h3>Post</h3>
<label for="post-content">Message Content:</label> <label for="final-content">Message Content:</label>
<textarea id="post-content" rows="3" placeholder="Enter your message content..."></textarea> <textarea id="final-content" rows="3" placeholder="Enter your message content..."></textarea>
</div> </div>
<div class="tab-content" id="tab2"> <div class="tab-content" id="tab2">
<h3>Reply</h3> <h3>Reply</h3>
<label for="reply-id">EventId/NoteId/Nevent:</label> <label for="nevent">Nevent:</label>
<textarea id="reply-id" placeholder="Enter the nevent for the note..."></textarea> <textarea id="nevent" placeholder="Enter the nevent for the note..."></textarea>
<label for="fetched-event-display" id="fetched-event-label" style="display: none;">Event Replying To:</label>
<div id="fetched-event-display" class="fetched-event"></div>
<label for="reply-content">Message Content:</label> <label for="reply-content">Message Content:</label>
<textarea id="reply-content" rows="3" placeholder="Enter your message content..."></textarea> <textarea id="reply-content" rows="3" placeholder="Enter your message content..."></textarea>
</div> </div>
<div class="tab-content" id="tab3"> <div class="tab-content" id="tab3">
<h3>Create Profile</h3> <h3>Create/Edit Profile</h3>
<label for="name">Name:</label> <label for="name">Name:</label>
<textarea id="name" placeholder="Enter your name..."></textarea> <textarea id="name" placeholder="Enter your name..."></textarea>
<label for="about">About:</label> <label for="about">About:</label>
@@ -70,20 +67,9 @@
<label for="lud16">Lightning Address:</label> <label for="lud16">Lightning Address:</label>
<textarea id="lud16" placeholder="Enter your lightning address..."></textarea> <textarea id="lud16" placeholder="Enter your lightning address..."></textarea>
</div> </div>
<div class="tab-content" id="tab4">
<h3>Custom Event</h3>
<label for="kind">Event Kind:</label>
<textarea id="kind" placeholder="Enter your event kind. Ex: 0, 1, 30000..."></textarea>
<label for="content">Content:</label>
<textarea id="content" rows="3" placeholder="A short bio..."></textarea>
<label for="tags">Tags:</label>
<textarea id="tags" rows="3" placeholder="Tags in format [['p', 'pubkey...'], ['e', 'event_id', wss://nos.lol, 'pubkey...']]"></textarea>
</div>
</div> </div>
<button onclick="createFinalEvent()">Create Event That Will Be Published Publicly</button> <button onclick="createFinalEvent()">Create Event That Will Be Published Publicly</button>
<h2 style="padding-top: 16px;">Final Event (What gets posted at the end)</h2>
<div id="final-event-display" class="json-display"></div> <div id="final-event-display" class="json-display"></div>
</div> </div>
@@ -121,12 +107,12 @@
</div> </div>
<!-- Load the official nostr-tools bundle first --> <!-- Load the official nostr-tools bundle first -->
<script src="./nostr.bundle.js"></script> <!-- <script src="./nostr.bundle.js"></script> -->
<!-- <script src="https://laantungir.net/nostr-login-lite/nostr.bundle.js"></script> --> <script src="https://laantungir.net/nostr-login-lite/nostr.bundle.js"></script>
<!-- Load NOSTR_LOGIN_LITE main library --> <!-- Load NOSTR_LOGIN_LITE main library -->
<!-- <script src="https://laantungir.net/nostr-login-lite/nostr-lite.js"></script> --> <script src="https://laantungir.net/nostr-login-lite/nostr-lite.js"></script>
<script src="./nostr-lite.js"></script> <!-- <script src="./nostr-lite.js"></script> -->
<script> <script>
@@ -146,6 +132,11 @@
// Show corresponding content // Show corresponding content
const tabId = tab.getAttribute('data-tab'); const tabId = tab.getAttribute('data-tab');
document.getElementById(tabId).classList.add('active'); document.getElementById(tabId).classList.add('active');
// If tab3 (Create/Edit Profile) is activated, populate form with existing profile data
if (tabId === 'tab3' && userProfileData) {
populateProfileForm(userProfileData);
}
}); });
}); });
}); });
@@ -158,6 +149,7 @@
let bounceCounter = 0; let bounceCounter = 0;
let discoveredThrowers = []; let discoveredThrowers = [];
let userRelays = []; let userRelays = [];
let userProfileData = null; // Store loaded profile data
// Initialize NOSTR_LOGIN_LITE // Initialize NOSTR_LOGIN_LITE
async function initializeApp() { async function initializeApp() {
@@ -243,6 +235,7 @@
if (events.length > 0) { if (events.length > 0) {
console.log('SUCCESS', 'Profile event received'); console.log('SUCCESS', 'Profile event received');
const profile = JSON.parse(events[0].content); const profile = JSON.parse(events[0].content);
userProfileData = profile; // Store profile data globally
displayProfile(profile); displayProfile(profile);
} else { } else {
console.log('INFO', 'No profile found'); console.log('INFO', 'No profile found');
@@ -260,11 +253,6 @@
const name = profile.name || profile.display_name || profile.displayName || 'Anonymous User'; const name = profile.name || profile.display_name || profile.displayName || 'Anonymous User';
const about = profile.about || ''; const about = profile.about || '';
const picture = profile.picture || ''; const picture = profile.picture || '';
const display_name = profile.display_name || '';
const website = profile.website || '';
const banner = profile.banner || '';
const nip05 = profile.nip05 || '';
const lud16 = profile.lud16 || '';
document.getElementById('profile-name').textContent = name; document.getElementById('profile-name').textContent = name;
@@ -272,20 +260,26 @@
document.getElementById('profile-picture').src = picture; document.getElementById('profile-picture').src = picture;
} }
// Edit Profile section
document.getElementById('name').textContent = name;
document.getElementById('about').textContent = about;
document.getElementById('profile-pic').textContent = picture;
document.getElementById('display-name').textContent = display_name;
document.getElementById('website').textContent = website;
document.getElementById('banner').textContent = banner;
document.getElementById('nip05').textContent = nip05;
document.getElementById('lud16').textContent = lud16;
console.log('SUCCESS', `Profile displayed: ${name}`); console.log('SUCCESS', `Profile displayed: ${name}`);
} }
// Populate profile form with existing profile data
function populateProfileForm(profile) {
if (!profile) return;
// Populate each field with existing data if available
document.getElementById('name').value = profile.name || '';
document.getElementById('about').value = profile.about || '';
document.getElementById('profile-pic').value = profile.picture || '';
document.getElementById('display-name').value = profile.display_name || profile.displayName || '';
document.getElementById('website').value = profile.website || '';
document.getElementById('banner').value = profile.banner || '';
document.getElementById('nip05').value = profile.nip05 || '';
document.getElementById('lud16').value = profile.lud16 || '';
console.log('INFO', 'Profile form populated with existing data');
}
// Load user's NIP-65 relay list // Load user's NIP-65 relay list
async function loadUserRelayList() { async function loadUserRelayList() {
if (!userPubkey) return []; if (!userPubkey) return [];
@@ -800,79 +794,6 @@
} }
} }
// Load event from id
async function loadReplyTagsForEvent(id, knownRelays) {
if (!id) return;
console.log('INFO', `Loading event`, id);
try {
const pool = new window.NostrTools.SimplePool();
const relays = [relayUrl, 'wss://relay.laantungir.net', 'wss://nos.lol', 'wss://relay.primal.net', 'wss://relay.damus.io', 'wss://relay.nostr.band'].concat(knownRelays);
// Enable tracking
pool.trackRelays = true;
// Query for an event
const events = await pool.querySync(relays, {
ids: [id],
limit: 1
});
const event = events[0];
let returnEventTags = [];
let relaysSeenOn = [];
if (event) {
const seenRelays = pool.seenOn.get(event.id);
relaysSeenOn = seenRelays ? Array.from(seenRelays).map(r => r.url) : [];
}
pool.close(relays);
if (events.length > 0) {
// event is a nostr event with tags
const refs = window.NostrTools.nip10.parse(events[0])
// get the root event of the thread
if (refs.root) {
const relay = refs.root.relays.length > 0 ? refs.root.relays[0] : '';
if (refs.root.author) {
returnEventTags.push(['e', refs.root.id, relay, 'root', refs.root.author]);
}
else {
returnEventTags.push(['e', refs.root.id, relay, 'root']);
}
returnEventTags.push(['e', id, relaysSeenOn[0], 'reply', event.pubkey]);
if (refs.root.author)
returnEventTags.push(['p', refs.root.author, relay]);
returnEventTags.push(['p', event.pubkey, relaysSeenOn[0]]);
} else {
returnEventTags.push(['e', id, relaysSeenOn[0], 'root']);
returnEventTags.push(['p', event.pubkey]);
}
// get any referenced profiles
for (let profile of refs.profiles) {
if (!returnEventTags.some(tag => tag[0] === 'p' && tag[1] === profile.pubkey)) {
if (profile.relays.length > 0) {
returnEventTags.push(['p', profile.pubkey, profile.relays[0]]);
}
else {
returnEventTags.push(['p', profile.pubkey]);
}
}
}
return [events[0], returnEventTags];
} else {
console.log('INFO', 'Event not found');
return null;
}
} catch (error) {
console.log('ERROR', `Profile loading failed: ${error.message}`);
}
}
// Create final event (kind 1) // Create final event (kind 1)
async function createFinalEvent() { async function createFinalEvent() {
// Get the active tab // Get the active tab
@@ -880,9 +801,8 @@
// Get content based on active tab // Get content based on active tab
let content = ''; let content = '';
let replyEventId = ''; let nevent = '';
let replyEvent = {}; let neventData;
let replyTags = [];
let name = ''; let name = '';
let about = ''; let about = '';
let profilePic = ''; let profilePic = '';
@@ -891,16 +811,14 @@
let banner = ''; let banner = '';
let nip05 = ''; let nip05 = '';
let lud16 = ''; let lud16 = '';
let tags = '';
let kind = '';
switch(activeTab) { switch(activeTab) {
case 'tab1': // Post case 'tab1': // Post
content = document.getElementById('post-content').value.trim(); content = document.getElementById('final-content').value.trim();
break; break;
case 'tab2': // Reply case 'tab2': // Reply
content = document.getElementById('reply-content').value.trim(); content = document.getElementById('reply-content').value.trim();
replyEventId = document.getElementById('reply-id').value.trim(); nevent = document.getElementById('nevent').value.trim();
break; break;
case 'tab3': // Create Profile case 'tab3': // Create Profile
name = document.getElementById('name').value.trim(); name = document.getElementById('name').value.trim();
@@ -912,13 +830,8 @@
nip05 = document.getElementById('nip05').value.trim(); nip05 = document.getElementById('nip05').value.trim();
lud16 = document.getElementById('lud16').value.trim(); lud16 = document.getElementById('lud16').value.trim();
break; break;
case 'tab4': // Custom Event
kind = document.getElementById('kind').value.trim();
content = document.getElementById('content').value.trim();
tags = document.getElementById('tags').value.trim();
break;
} }
// Validate content based on tab // Validate content based on tab
if (activeTab === 'tab1') { if (activeTab === 'tab1') {
if (!content) { if (!content) {
@@ -930,39 +843,14 @@
alert('Please enter message content'); alert('Please enter message content');
return; return;
} }
let eventId = ''; if (!nevent.startsWith('nevent')) {
let knownRelays = []; alert('Please enter a valid nevent');
try {
if (replyEventId.startsWith('nevent')) {
const replyEventData = window.NostrTools.nip19.decode(replyEventId).data;
eventId = replyEventData.id;
knownRelays = replyEventData.relays;
} else if (replyEventId.startsWith('note')) {
eventId = window.NostrTools.nip19.decode(replyEventId).data;
} else {
eventId = replyEventId;
}
} catch (error) {
console.error(error);
alert('Error decoding nevent string', error.message);
return; return;
} }
const regex = /^[0-9a-f]{64}$/;
if (!regex.test(eventId)) {
alert('Invalid event ID');
}
try { try {
neventData = window.NostrTools.nip19.decode(nevent).data;
document.getElementById('fetched-event-display').textContent = 'Loading event...';
document.getElementById('fetched-event-display').style.display = 'block';
document.getElementById('fetched-event-label').style.display = 'block';
[ replyEvent, replyTags ] = await loadReplyTagsForEvent(eventId, knownRelays);
console.log("Event replying to: ", replyEvent)
document.getElementById('fetched-event-display').textContent = replyEvent.content;
} catch (error) { } catch (error) {
alert('Error fetching reply event', error.message); alert('Error decoding nevent string', error.message);
return; return;
} }
} else if (activeTab === 'tab3') { } else if (activeTab === 'tab3') {
@@ -970,22 +858,6 @@
alert('Please enter your name'); alert('Please enter your name');
return; return;
} }
} else if (activeTab === 'tab4') {
if (!kind) {
alert('Please enter the event kind');
return;
}
if (!/^-?\d+$/.test(kind)) {
alert("Please enter a valid integer for event kind.");
return; // Prevent form submission
}
try {
kind = Number(kind);
tags = JSON.parse(tags.replace(/'/g, '"'))
} catch (error) {
alert('Error parsing tags', error.message);
return;
}
} }
try { try {
@@ -1005,9 +877,12 @@
eventTemplate = { eventTemplate = {
kind: 1, kind: 1,
content: content, content: content,
tags: replyTags, tags: [['e', neventData.id, neventData.relays[0], 'root'], ['p', neventData.author]],
created_at: Math.floor(Date.now() / 1000) created_at: Math.floor(Date.now() / 1000)
}; };
neventData.relays.slice(1).forEach(relay => {
eventTemplate.tags.push(['r', relay]);
});
break; break;
case 'tab3': // Create Profile case 'tab3': // Create Profile
@@ -1027,15 +902,6 @@
created_at: Math.floor(Date.now() / 1000) created_at: Math.floor(Date.now() / 1000)
}; };
break; break;
case 'tab4': // Create Profile
eventTemplate = {
kind: kind,
content: content,
tags: tags,
created_at: Math.floor(Date.now() / 1000)
};
break;
} }
// Your existing event publishing logic here // Your existing event publishing logic here
@@ -2242,11 +2108,8 @@
bounceCounter = 0; bounceCounter = 0;
// Clear UI elements // Clear UI elements
document.getElementById('post-content').value = ''; document.getElementById('final-content').value = '';
document.getElementById('final-event-display').textContent = ''; document.getElementById('final-event-display').textContent = '';
document.getElementById('fetched-event-display').textContent = '';
document.getElementById('fetched-event-display').style.display = 'none';
document.getElementById('fetched-event-label').style.display = 'none';
document.getElementById('bounces-container').innerHTML = ''; document.getElementById('bounces-container').innerHTML = '';
// Hide the Add Bounce button since no final event exists // Hide the Add Bounce button since no final event exists