@ -2,639 +2,359 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { NostrClient } from '../lib/services/nostr/nostr-client.js';
import { KIND } from '../lib/types/nostr.js';
import type { NostrEvent } from '../lib/types/nostr.js';
import { nip19 } from 'nostr-tools';
import { ForkCountService } from '../lib/services/nostr/fork-count-service.js';
import { getPublicKeyWithNIP07 , isNIP07Available } from '../lib/services/nostr/nip07-signer.js'; import { getPublicKeyWithNIP07 , isNIP07Available } from '../lib/services/nostr/nip07-signer.js';
import { nip19 } from 'nostr-tools';
// Registered repos (with domain in clone URLs)
let registeredRepos = $state< Array < { event : NostrEvent ; npub : string ; repoName : string } > >([]);
let allRegisteredRepos = $state< Array < { event : NostrEvent ; npub : string ; repoName : string } > >([]);
// Local clones (repos without domain in clone URLs)
let localRepos = $state< Array < { npub : string ; repoName : string ; announcement : NostrEvent | null ; lastModified : number } > >([]);
let allLocalRepos = $state< Array < { npub : string ; repoName : string ; announcement : NostrEvent | null ; lastModified : number } > >([]);
let loading = $state(true);
let loadingLocal = $state(false);
let error = $state< string | null > (null);
let forkCounts = $state< Map < string , number > >(new Map());
let searchQuery = $state('');
let showOnlyMyContacts = $state(false);
let userPubkey = $state< string | null > (null); let userPubkey = $state< string | null > (null);
let userPubkeyHex = $state< string | null > (null); let userPubkeyHex = $state< string | null > (null);
let contactPubkeys = $state< Set < string > >(new Set()); let checkingAuth = $state(true);
let deletingRepo = $state< { npub : string ; repo : string } | null>(null);
import { DEFAULT_NOSTR_RELAYS } from '../lib/config.js';
const forkCountService = new ForkCountService(DEFAULT_NOSTR_RELAYS);
const nostrClient = new NostrClient(DEFAULT_NOSTR_RELAYS);
onMount(async () => { onMount(async () => {
await loadRepos(); await checkAuth();
await loadUserAndContacts();
}); });
async function loadUserAndContacts() { async function checkAuth() {
if (!isNIP07Available()) { checkingAuth = true;
return; if (isNIP07Available()) {
}
try {
userPubkey = await getPublicKeyWithNIP07();
// Convert npub to hex for API calls
try { try {
const decoded = nip19.decode(userPubkey); userPubkey = await getPublicKeyWithNIP07();
if (decoded.type === 'npub') { // Convert npub to hex for API calls
userPubkeyHex = decoded.data as string; try {
} const decoded = nip19.decode(userPubkey);
} catch { if (decoded.type === 'npub') {
userPubkeyHex = userPubkey; // Assume it's already hex userPubkeyHex = decoded.data as string;
}
contactPubkeys.add(userPubkeyHex); // Include user's own repos
// Fetch user's kind 3 contact list
const contactEvents = await nostrClient.fetchEvents([
{
kinds: [KIND.CONTACT_LIST],
authors: [userPubkeyHex],
limit: 1
}
]);
if (contactEvents.length > 0) {
const contactEvent = contactEvents[0];
// Extract pubkeys from 'p' tags
for (const tag of contactEvent.tags) {
if (tag[0] === 'p' && tag[1]) {
let pubkey = tag[1];
// Try to decode if it's an npub
try {
const decoded = nip19.decode(pubkey);
if (decoded.type === 'npub') {
pubkey = decoded.data as string;
}
} catch {
// Assume it's already a hex pubkey
}
if (pubkey) {
contactPubkeys.add(pubkey);
}
} }
} catch {
userPubkeyHex = userPubkey; // Assume it's already hex
} }
} catch (err) {
console.warn('Failed to load user pubkey:', err);
} }
} catch (err) {
console.warn('Failed to load user or contacts:', err);
} }
checkingAuth = false;
} }
async function loadRepos() { async function handleLogin() {
loading = true; if (isNIP07Available()) {
error = null; try {
await checkAuth();
try { if (userPubkey) {
const gitDomain = $page.data.gitDomain || 'localhost:6543'; // User is logged in, go to repos page
const url = `/api/repos/list?domain=${ encodeURIComponent ( gitDomain )} `; goto('/repos');
}
const response = await fetch(url, { } catch (err) {
headers: userPubkeyHex ? { console.error('Login failed:', err);
'X-User-Pubkey': userPubkeyHex alert('Failed to login. Please make sure you have a Nostr extension installed (like nos2x or Alby).');
} : {}
});
if (!response.ok) {
throw new Error(`Failed to load repositories: ${ response . statusText } `);
} }
} else {
const data = await response.json(); alert('Nostr extension not found. Please install a Nostr extension like nos2x or Alby to login.');
// Set registered repos
registeredRepos = data.registered || [];
allRegisteredRepos = [...registeredRepos];
// Load fork counts for registered repos (in parallel, but don't block)
loadForkCounts(registeredRepos.map(r => r.event)).catch(err => {
console.warn('[RepoList] Failed to load some fork counts:', err);
});
// Load local repos separately (async, don't block)
loadLocalRepos();
} catch (e) {
error = String(e);
console.error('[RepoList] Failed to load repos:', e);
} finally {
loading = false;
} }
} }
async function loadLocalRepos() { function handleViewPublic() {
loadingLocal = true; goto('/repos');
}
try { // Get page data for OpenGraph metadata
const gitDomain = $page.data.gitDomain || 'localhost:6543'; const pageData = $page.data as {
const url = `/api/repos/local?domain=${ encodeURIComponent ( gitDomain )} `; title?: string;
description?: string;
image?: string;
url?: string;
ogType?: string;
};
< / script >
const response = await fetch(url, { < svelte:head >
headers: userPubkeyHex ? { < title > { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } </ title >
'X-User-Pubkey': userPubkeyHex < meta name = "description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
} : {}
});
if (!response.ok) { <!-- OpenGraph / Facebook -->
console.warn('Failed to load local repos:', response.statusText); < meta property = "og:type" content = { pageData . ogType || 'website' } / >
return; < meta property = "og:title" content = { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } / >
} < meta property = "og:description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
< meta property = "og:url" content = { pageData . url || `https://$ { $page . url . host } $ { $page . url . pathname } ` } / >
{ #if pageData . image }
< meta property = "og:image" content = { pageData . image } / >
< meta property = "og:image:width" content = "1200" / >
< meta property = "og:image:height" content = "630" / >
{ /if }
const data = await response.json(); <!-- Twitter Card -->
localRepos = data || []; < meta name = "twitter:card" content = "summary_large_image" / >
allLocalRepos = [...localRepos]; < meta name = "twitter:title" content = { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } / >
} catch (e) { < meta name = "twitter:description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
console.warn('[RepoList] Failed to load local repos:', e); { #if pageData . image }
} finally { < meta name = "twitter:image" content = { pageData . image } / >
loadingLocal = false; { /if }
} < / svelte:head >
}
async function deleteLocalRepo(npub: string, repo: string) { < div class = "splash-container" >
if (!confirm(`Are you sure you want to delete the local clone of ${ repo } ? This will remove the repository from this server but will not delete the announcement on Nostr.`)) { < div class = "splash-background" >
return; < img src = "/logo.png" alt = "GitRepublic Logo" class = "splash-logo-bg" / >
} < / div >
deletingRepo = { npub , repo } ; < div class = "splash-content" >
< div class = "splash-header" >
< img src = "/logo.png" alt = "GitRepublic" class = "splash-logo" / >
< h1 class = "splash-title" > GitRepublic< / h1 >
< p class = "splash-subtitle" > Decentralized Git Hosting on Nostr< / p >
< / div >
try { < div class = "splash-message" >
const response = await fetch(`/api/repos/${ npub } /${ repo } /delete`, { { #if checkingAuth }
method: 'DELETE', < p class = "splash-text" > Checking authentication...< / p >
headers: userPubkeyHex ? { { :else if userPubkey }
'X-User-Pubkey': userPubkeyHex < p class = "splash-text" > Welcome back! You're logged in.< / p >
} : {} < p class = "splash-text-secondary" > You can now access all repositories you have permission to view.< / p >
}); { : else }
< p class = "splash-text" > Login for full functionality< / p >
< p class = "splash-text-secondary" > Access your private repositories, create new ones, and collaborate with others.< / p >
< p class = "splash-text-secondary" > Or browse public repositories without logging in.< / p >
{ /if }
< / div >
if (!response.ok) { < div class = "splash-actions" >
const error = await response.json(); { #if checkingAuth }
throw new Error(error.message || 'Failed to delete repository'); < div class = "splash-loading" > Loading...< / div >
} { :else if userPubkey }
< button class = "splash-button splash-button-primary" onclick = {() => goto ( '/repos' )} >
View Repositories
< / button >
{ : else }
< button class = "splash-button splash-button-primary" onclick = { handleLogin } >
Login with Nostr
< / button >
< button class = "splash-button splash-button-secondary" onclick = { handleViewPublic } >
View Public Repositories
< / button >
{ /if }
< / div >
// Remove from local repos list < div class = "splash-features" >
localRepos = localRepos.filter(r => !(r.npub === npub & & r.repoName === repo)); < div class = "feature-item" >
allLocalRepos = [...localRepos]; < strong > 🔐 Private Repositories< / strong >
< p > Control who can access your code< / p >
< / div >
< div class = "feature-item" >
< strong > 🌐 Decentralized< / strong >
< p > Built on Nostr protocol< / p >
< / div >
< div class = "feature-item" >
< strong > 🔧 Full Git Support< / strong >
< p > All standard Git operations< / p >
< / div >
< / div >
< / div >
< / div >
alert('Repository deleted successfully'); < style >
} catch (e) { .splash-container {
alert(`Failed to delete repository: ${ e instanceof Error ? e.message : String ( e )} `); min-height: 100vh;
} finally { display: flex;
deletingRepo = null; align-items: center;
} justify-content: center;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, var(--bg-primary, #f5f5f5) 0%, var(--bg-secondary, #e8e8e8) 100%);
} }
function registerRepo(npub: string, repo: string) { .splash-background {
// Navigate to signup page with repo pre-filled position: absolute;
goto(`/signup?npub=${ encodeURIComponent ( npub )} &repo=$ { encodeURIComponent ( repo )} `); top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.05;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
} }
async function loadForkCounts(repoEvents: NostrEvent[]) { .splash-logo-bg {
const counts = new Map< string , number > (); width: 80vw;
height: 80vh;
// Extract owner pubkey and repo name for each repo object-fit: contain;
const forkCountPromises = repoEvents.map(async (event) => { filter: blur(20px);
try {
const dTag = event.tags.find(t => t[0] === 'd')?.[1];
if (!dTag) return;
const repoKey = `${ event . pubkey } :${ dTag } `;
const count = await forkCountService.getForkCount(event.pubkey, dTag);
counts.set(repoKey, count);
} catch (err) {
// Ignore individual failures
}
});
await Promise.all(forkCountPromises);
forkCounts = counts;
} }
function getForkCount(event: NostrEvent): number { .splash-content {
const dTag = event.tags.find(t => t[0] === 'd')?.[1]; position: relative;
if (!dTag) return 0; z-index: 1;
const repoKey = `${ event . pubkey } :${ dTag } `; text-align: center;
return forkCounts.get(repoKey) || 0; padding: 3rem 2rem;
max-width: 800px;
width: 100%;
} }
function isOwner(npub: string, repoName: string): boolean { .splash-header {
if (!userPubkeyHex) return false; margin-bottom: 3rem;
try {
const decoded = nip19.decode(npub);
if (decoded.type === 'npub') {
return decoded.data === userPubkeyHex;
}
} catch {
// Invalid npub
}
return false;
} }
function goToSearch() { .splash-logo {
goto('/search'); width: 120px;
height: 120px;
margin: 0 auto 1.5rem;
display: block;
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
} }
function getRepoName(event: NostrEvent): string { .splash-title {
const nameTag = event.tags.find(t => t[0] === 'name' & & t[1]); font-size: 3.5rem;
if (nameTag?.[1]) return nameTag[1]; font-weight: 700;
margin: 0 0 0.5rem;
color: var(--text-primary, #1a1a1a);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
const dTag = event.tags.find(t => t[0] === 'd')?.[1]; .splash-subtitle {
if (dTag) return dTag; font-size: 1.5rem;
color: var(--text-secondary, #666);
margin: 0;
font-weight: 300;
}
return `Repository ${ event . id . slice ( 0 , 8 )} `; .splash-message {
margin-bottom: 3rem;
} }
function getRepoDescription(event: NostrEvent): string { .splash-text {
const descTag = event.tags.find(t => t[0] === 'description' & & t[1]); font-size: 1.5rem;
return descTag?.[1] || ''; color: var(--text-primary, #1a1a1a);
margin: 0 0 1rem;
font-weight: 500;
} }
function getRepoImage(event: NostrEvent): string | null { .splash-text-secondary {
const imageTag = event.tags.find(t => t[0] === 'image' & & t[1]); font-size: 1.1rem;
return imageTag?.[1] || null; color: var(--text-secondary, #666);
margin: 0.5rem 0;
line-height: 1.6;
} }
function getRepoBanner(event: NostrEvent): string | null { .splash-actions {
const bannerTag = event.tags.find(t => t[0] === 'banner' & & t[1]); display: flex;
return bannerTag?.[1] || null; gap: 1rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 4rem;
} }
function getCloneUrls(event: NostrEvent): string[] { .splash-button {
const urls: string[] = []; padding: 1rem 2.5rem;
font-size: 1.1rem;
font-weight: 600;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
min-width: 200px;
}
for (const tag of event.tags) { .splash-button-primary {
if (tag[0] === 'clone') { background: var(--accent, #007bff);
for (let i = 1; i < tag.length ; i ++) { color: white;
const url = tag[i]; box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
if (url && typeof url === 'string') { }
urls.push(url);
}
}
}
}
return urls; .splash-button-primary:hover {
background: var(--accent-hover, #0056b3);
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 123, 255, 0.4);
} }
function getNpubFromEvent(event: NostrEvent): string { .splash-button-secondary {
// Extract npub from clone URLs that match our domain background: white;
const gitDomain = $page.data.gitDomain || 'localhost:6543'; color: var(--accent, #007bff);
const cloneUrls = getCloneUrls(event); border: 2px solid var(--accent, #007bff);
}
for (const url of cloneUrls) {
if (url.includes(gitDomain)) {
// Extract npub from URL: https://domain/npub.../repo.git
const match = url.match(/\/(npub[a-z0-9]+)\//);
if (match) {
return match[1];
}
}
}
// Fallback: convert pubkey to npub if needed .splash-button-secondary:hover {
try { background: var(--accent, #007bff);
if (event.pubkey.startsWith('npub')) { color: white;
return event.pubkey; transform: translateY(-2px);
}
return nip19.npubEncode(event.pubkey);
} catch {
// If conversion fails, return pubkey as-is
return event.pubkey;
}
} }
function getRepoNameFromUrl(event: NostrEvent): string { .splash-loading {
const gitDomain = $page.data.gitDomain || 'localhost:6543'; font-size: 1.2rem;
const cloneUrls = getCloneUrls(event); color: var(--text-secondary, #666);
padding: 2rem;
}
for (const url of cloneUrls) { .splash-features {
if (url.includes(gitDomain)) { display: grid;
// Extract repo name from URL: https://domain/npub.../repo-name.git grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
const match = url.match(/\/(npub[a-z0-9]+)\/([^\/]+)\.git/); gap: 2rem;
if (match) { margin-top: 4rem;
return match[2]; padding-top: 3rem;
} border-top: 1px solid var(--border-color, #ddd);
} }
}
// Fallback to repo name from event .feature-item {
return getRepoName(event) ; text-align: center ;
} }
// Get page data for OpenGraph metadata .feature-item strong {
const pageData = $page.data as { display: block;
title?: string; font-size: 1.2rem;
description?: string; color: var(--text-primary, #1a1a1a);
image?: string; margin-bottom: 0.5rem;
url?: string; }
ogType?: string;
};
interface SearchResult { .feature-item p {
repo: NostrEvent ; font-size: 0.95rem ;
score: number ; color: var(--text-secondary, #666) ;
matchType: string ; margin: 0 ;
} }
function performSearch() { @media (max-width: 768px) {
if (!searchQuery.trim()) { .splash-title {
registeredRepos = [...allRegisteredRepos]; font-size: 2.5rem;
localRepos = [...allLocalRepos];
return;
} }
const query = searchQuery.trim().toLowerCase(); .splash-subtitle {
font-size: 1.2rem;
// Search registered repos
let registeredToSearch = allRegisteredRepos;
if (showOnlyMyContacts && contactPubkeys.size > 0) {
registeredToSearch = allRegisteredRepos.filter(item => {
const event = item.event;
// Check if owner is in contacts
if (contactPubkeys.has(event.pubkey)) return true;
// Check if any maintainer is in contacts
const maintainerTags = event.tags.filter(t => t[0] === 'maintainers');
for (const tag of maintainerTags) {
for (let i = 1; i < tag.length ; i ++) {
let maintainerPubkey = tag[i];
try {
const decoded = nip19.decode(maintainerPubkey);
if (decoded.type === 'npub') {
maintainerPubkey = decoded.data as string;
}
} catch {
// Assume it's already a hex pubkey
}
if (contactPubkeys.has(maintainerPubkey)) return true;
}
}
return false;
});
} }
const registeredResults: Array< { item : typeof allRegisteredRepos [ 0 ]; score : number } > = []; .splash-text {
for (const item of registeredToSearch) { font-size: 1.2rem;
const repo = item.event;
let score = 0;
const name = getRepoName(repo).toLowerCase();
const dTag = repo.tags.find(t => t[0] === 'd')?.[1]?.toLowerCase() || '';
const description = getRepoDescription(repo).toLowerCase();
if (name.includes(query)) score += 100;
if (dTag.includes(query)) score += 100;
if (description.includes(query)) score += 30;
if (score > 0) {
registeredResults.push({ item , score } );
}
} }
registeredResults.sort((a, b) => b.score - a.score || b.item.event.created_at - a.item.event.created_at); .splash-logo {
registeredRepos = registeredResults.map(r => r.item); width: 80px;
height: 80px;
// Search local repos }
const localResults: Array< { item : typeof allLocalRepos [ 0 ]; score : number } > = [];
for (const item of allLocalRepos) {
let score = 0;
const repoName = item.repoName.toLowerCase();
const announcement = item.announcement;
if (repoName.includes(query)) score += 100;
if (announcement) {
const name = getRepoName(announcement).toLowerCase();
const description = getRepoDescription(announcement).toLowerCase();
if (name.includes(query)) score += 100;
if (description.includes(query)) score += 30;
}
if (score > 0) { .splash-button {
localResults.push({ item , score } ) ; width: 100%;
} min-width: unset;
} }
localResults.sort((a, b) => b.score - a.score || b.item.lastModified - a.item.lastModified); .splash-features {
localRepos = localResults.map(r => r.item); grid-template-columns: 1fr;
gap: 1.5rem;
}
} }
// Reactive search when query or filter changes @media (prefers-color-scheme: dark) {
$effect(() => { .splash-container {
if (!loading) { background: linear-gradient(135deg, var(--bg-primary, #1a1a1a) 0%, var(--bg-secondary, #2d2d2d) 100%);
performSearch();
} }
});
< / script >
< svelte:head >
< title > { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } </ title >
< meta name = "description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
<!-- OpenGraph / Facebook -->
< meta property = "og:type" content = { pageData . ogType || 'website' } / >
< meta property = "og:title" content = { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } / >
< meta property = "og:description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
< meta property = "og:url" content = { pageData . url || `https://$ { $page . url . host } $ { $page . url . pathname } ` } / >
{ #if pageData . image }
< meta property = "og:image" content = { pageData . image } / >
< meta property = "og:image:width" content = "1200" / >
< meta property = "og:image:height" content = "630" / >
{ /if }
<!-- Twitter Card --> .splash-title {
< meta name = "twitter:card" content = "summary_large_image" / > color: var(--text-primary, #f5f5f5);
< meta name = "twitter:title" content = { pageData . title || 'GitRepublic - Decentralized Git Hosting on Nostr' } / > }
< meta name = "twitter:description" content = { pageData . description || 'A decentralized git hosting platform built on Nostr. Host your repositories, collaborate with others, and maintain full control of your code.' } / >
{ #if pageData . image }
< meta name = "twitter:image" content = { pageData . image } / >
{ /if }
< / svelte:head >
< div class = "container" >
< main >
< div class = "repos-header" >
< h2 > Repositories on { $page . data . gitDomain || 'localhost:6543' } </ h2 >
< button onclick = { loadRepos } disabled= { loading } >
{ loading ? 'Loading...' : 'Refresh' }
< / button >
< / div >
< div class = "search-section" >
< div class = "search-bar-container" >
< input
type="text"
bind:value={ searchQuery }
placeholder="Search by name, d-tag, pubkey, maintainers, clone URL, hex id/naddr/nevent, or fulltext..."
class="search-input"
disabled={ loading }
oninput={ performSearch }
/>
< / div >
{ #if isNIP07Available () && userPubkey }
< label class = "filter-checkbox" >
< input
type="checkbox"
bind:checked={ showOnlyMyContacts }
onchange={ performSearch }
/>
< span > Show only my repos and those of my contacts< / span >
< / label >
{ /if }
< / div >
{ #if error }
< div class = "error" >
Error loading repositories: { error }
< / div >
{ :else if loading }
< div class = "loading" > Loading repositories...< / div >
{ : else }
<!-- Registered Repositories Section -->
< div class = "repo-section" >
< div class = "section-header" >
< h3 > Registered Repositories< / h3 >
< span class = "section-badge" > { registeredRepos . length } </ span >
< / div >
{ #if registeredRepos . length === 0 }
< div class = "empty" > No registered repositories found.< / div >
{ : else }
< div class = "repos-list" >
{ #each registeredRepos as item }
{ @const repo = item . event }
{ @const repoImage = getRepoImage ( repo )}
{ @const repoBanner = getRepoBanner ( repo )}
< div class = "repo-card repo-card-registered" >
{ #if repoBanner }
< div class = "repo-card-banner" >
< img src = { repoBanner } alt="Banner" />
< / div >
{ /if }
< div class = "repo-card-content" >
< div class = "repo-header" >
{ #if repoImage }
< img src = { repoImage } alt="Repository" class = "repo-card-image" />
{ /if }
< div class = "repo-header-text" >
< h3 > { getRepoName ( repo )} </ h3 >
{ #if getRepoDescription ( repo )}
< p class = "description" > { getRepoDescription ( repo )} </ p >
{ /if }
< / div >
< a href = "/repos/ { item . npub } / { item . repoName } " class = "view-button" >
View & Edit →
< / a >
< / div >
< div class = "clone-urls" >
< strong > Clone URLs:< / strong >
{ #each getCloneUrls ( repo ) as url }
< code > { url } </ code >
{ /each }
< / div >
< div class = "repo-meta" >
< span > Created: { new Date ( repo . created_at * 1000 ). toLocaleDateString ()} </ span >
{ #if getForkCount ( repo ) > 0 }
{ @const forkCount = getForkCount ( repo )}
< span class = "fork-count" > 🍴 { forkCount } fork{ forkCount === 1 ? '' : 's' } </ span >
{ /if }
< / div >
< / div >
< / div >
{ /each }
< / div >
{ /if }
< / div >
<!-- Local Clones Section --> .splash-text {
< div class = "repo-section" > color: var(--text-primary, #f5f5f5);
< div class = "section-header" > }
< h3 > Local Clones< / h3 >
< span class = "section-badge" > { localRepos . length } </ span >
< span class = "section-description" > Repositories cloned locally but not registered with this domain< / span >
< / div >
{ #if loadingLocal }
< div class = "loading" > Loading local repositories...< / div >
{ :else if localRepos . length === 0 }
< div class = "empty" > No local clones found.< / div >
{ : else }
< div class = "repos-list" >
{ #each localRepos as item }
{ @const repo = item . announcement }
{ @const repoImage = repo ? getRepoImage ( repo ) : null }
{ @const repoBanner = repo ? getRepoBanner ( repo ) : null }
{ @const canDelete = isOwner ( item . npub , item . repoName )}
< div class = "repo-card repo-card-local" >
{ #if repoBanner }
< div class = "repo-card-banner" >
< img src = { repoBanner } alt="Banner" />
< / div >
{ /if }
< div class = "repo-card-content" >
< div class = "repo-header" >
{ #if repoImage }
< img src = { repoImage } alt="Repository" class = "repo-card-image" />
{ /if }
< div class = "repo-header-text" >
< h3 > { repo ? getRepoName ( repo ) : item . repoName } </ h3 >
{ #if repo && getRepoDescription ( repo )}
< p class = "description" > { getRepoDescription ( repo )} </ p >
{ : else }
< p class = "description" > No description available< / p >
{ /if }
< / div >
< div class = "repo-actions" >
< a href = "/repos/ { item . npub } / { item . repoName } " class = "view-button" >
View & Edit →
< / a >
{ #if canDelete }
< button
class="delete-button"
onclick={() => deleteLocalRepo ( item . npub , item . repoName )}
disabled={ deletingRepo ? . npub === item . npub && deletingRepo ? . repo === item . repoName }
>
{ deletingRepo ? . npub === item . npub && deletingRepo ? . repo === item . repoName ? 'Deleting...' : 'Delete' }
< / button >
{ /if }
< button
class="register-button"
onclick={() => registerRepo ( item . npub , item . repoName )}
>
Register
< / button >
< / div >
< / div >
{ #if repo }
< div class = "clone-urls" >
< strong > Clone URLs:< / strong >
{ #each getCloneUrls ( repo ) as url }
< code > { url } </ code >
{ /each }
< / div >
{ /if }
< div class = "repo-meta" >
< span > Last modified: { new Date ( item . lastModified ). toLocaleDateString ()} </ span >
{ #if repo }
< span > Created: { new Date ( repo . created_at * 1000 ). toLocaleDateString ()} </ span >
{ #if getForkCount ( repo ) > 0 }
{ @const forkCount = getForkCount ( repo )}
< span class = "fork-count" > 🍴 { forkCount } fork{ forkCount === 1 ? '' : 's' } </ span >
{ /if }
{ /if }
< / div >
< / div >
< / div >
{ /each }
< / div >
{ /if }
< / div >
{ /if }
< / main >
< / div >
.splash-button-secondary {
background: var(--bg-secondary, #2d2d2d);
border-color: var(--accent, #007bff);
}
}
< / style >
