Skip to content

feat(ui): implement bulk instance editing capabilities #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
theguy000 wants to merge 10 commits into
base: main
Choose a base branch
from
Open

feat(ui): implement bulk instance editing capabilities #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
03b0194
feat(ui): implement bulk instance editing capabilities
theguy000 Mar 13, 2026
c04de25
style(ui): apply prettier formatting
theguy000 Mar 14, 2026
bb91443
removed unused imports
theguy000 Mar 14, 2026
79532f4
refactor: extract _getBulkInstanceNames helper to deduplicate bulk na…
theguy000 Mar 14, 2026
6d71857
fix: prevent reconcileWithBackend from pruning bulk-edit temp instance
theguy000 Mar 15, 2026
3b12472
ci: fix tauri-action version comment to match tag (action-v0.6.1)
theguy000 Mar 15, 2026
3ddab34
style: fix prettier formatting in App.svelte
theguy000 Mar 15, 2026
7c77694
Fix: exclude bulk-edit instance from Start All operation
theguy000 Mar 15, 2026
1df8dac
chore: format code with prettier
theguy000 Mar 15, 2026
bd90150
Merge origin/main into feat/bulk-edit
theguy000 Mar 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,11 @@ gen/
# Logs
*.log

# App State
desktop-state.json
desktop-config.json
rustatio.toml

# OS
.DS_Store
Thumbs.db
Expand Down
19 changes: 12 additions & 7 deletions ui/src/App.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,10 @@
return;
}

saveSession(insts, activeInst.id);
saveSession(
insts.filter(i => i.id !== 'bulk-edit'),
activeInst.id
);
}, 500);
}
});
Expand Down Expand Up @@ -1145,7 +1148,9 @@
// Start all instances with torrents loaded (bulk)
async function startAllInstances() {
const currentInstances = get(instances);
const instancesToStart = currentInstances.filter(inst => inst.torrent && !inst.isRunning);
const instancesToStart = currentInstances.filter(
inst => inst.id !== 'bulk-edit' && inst.torrent && !inst.isRunning
);

if (instancesToStart.length === 0) return;

Expand Down Expand Up @@ -1517,11 +1522,11 @@
statusIcon={$activeInstance?.statusIcon || null}
isRunning={$activeInstance?.isRunning || false}
isPaused={$activeInstance?.isPaused || false}
{startFaking}
{stopFaking}
{pauseFaking}
{resumeFaking}
{manualUpdate}
startFaking={$activeInstance?.torrent?.isBulk ? null : startFaking}
stopFaking={$activeInstance?.torrent?.isBulk ? null : stopFaking}
pauseFaking={$activeInstance?.torrent?.isBulk ? null : pauseFaking}
resumeFaking={$activeInstance?.torrent?.isBulk ? null : resumeFaking}
manualUpdate={$activeInstance?.torrent?.isBulk ? null : manualUpdate}
/>
{/if}

Expand Down
241 changes: 142 additions & 99 deletions ui/src/components/common/TorrentSelector.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@
ChevronDown,
ChevronRight,
Upload,
X,
} from '@lucide/svelte';
import { instanceActions } from '$lib/instanceStore.js';

let { torrent, selectTorrent, formatBytes } = $props();

Expand Down Expand Up @@ -94,7 +96,8 @@

<Card class="p-3">
<h2 class="mb-3 text-primary text-lg font-semibold flex items-center gap-2">
<FileText size={20} /> Torrent File
<FileText size={20} />
{torrent?.isBulk ? 'Torrent Files' : 'Torrent File'}
</h2>

<input
Expand All @@ -119,52 +122,58 @@
<div class="font-medium text-sm truncate" title={torrent.name}>
{torrent.name}
</div>
<div class="text-xs text-muted-foreground flex items-center gap-2 mt-0.5">
<span>{formatBytes(torrent.total_size)}</span>
<span class="text-border">•</span>
<span>
{torrent.file_count || torrent.files?.length || 1} file{(torrent.file_count ||
torrent.files?.length ||
1) > 1
? 's'
: ''}
</span>
<span class="text-border">•</span>
<span>{trackers.length} tracker{trackers.length !== 1 ? 's' : ''}</span>
</div>
{#if !torrent.isBulk}
<div class="text-xs text-muted-foreground flex items-center gap-2 mt-0.5">
<span>{formatBytes(torrent.total_size)}</span>
<span class="text-border">•</span>
<span>
{torrent.file_count || torrent.files?.length || 1} file{(torrent.file_count ||
torrent.files?.length ||
1) > 1
? 's'
: ''}
</span>
<span class="text-border">•</span>
<span>{trackers.length} tracker{trackers.length !== 1 ? 's' : ''}</span>
</div>
{/if}
</div>
<Button onclick={handleFileSelect} variant="outline" class="h-8 px-3 text-xs">
{#snippet children()}
<span class="flex items-center gap-1.5">
<FolderOpen size={14} /> Change
</span>
{/snippet}
</Button>
{#if !torrent.isBulk}
<Button onclick={handleFileSelect} variant="outline" class="h-8 px-3 text-xs">
{#snippet children()}
<span class="flex items-center gap-1.5">
<FolderOpen size={14} /> Change
</span>
{/snippet}
</Button>
{/if}
</div>

<!-- Quick stats -->
<div class="grid grid-cols-4 border-t border-border">
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Size</div>
<div class="text-sm font-medium">{formatBytes(torrent.total_size)}</div>
</div>
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Pieces</div>
<div class="text-sm font-medium">{torrent.num_pieces?.toLocaleString() || 'N/A'}</div>
</div>
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Piece Size</div>
<div class="text-sm font-medium">
{torrent.piece_length ? formatBytes(torrent.piece_length) : 'N/A'}
{#if !torrent.isBulk}
<!-- Quick stats -->
<div class="grid grid-cols-4 border-t border-border">
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Size</div>
<div class="text-sm font-medium">{formatBytes(torrent.total_size)}</div>
</div>
</div>
<div class="p-2 text-center">
<div class="text-xs text-muted-foreground mb-0.5">Files</div>
<div class="text-sm font-medium">
{torrent.file_count || torrent.files?.length || 1}
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Pieces</div>
<div class="text-sm font-medium">{torrent.num_pieces?.toLocaleString() || 'N/A'}</div>
</div>
<div class="p-2 text-center border-r border-border">
<div class="text-xs text-muted-foreground mb-0.5">Piece Size</div>
<div class="text-sm font-medium">
{torrent.piece_length ? formatBytes(torrent.piece_length) : 'N/A'}
</div>
</div>
<div class="p-2 text-center">
<div class="text-xs text-muted-foreground mb-0.5">Files</div>
<div class="text-sm font-medium">
{torrent.file_count || torrent.files?.length || 1}
</div>
</div>
</div>
</div>
{/if}

<!-- Details toggle -->
<button
Expand All @@ -182,79 +191,113 @@
<!-- Expanded details -->
{#if showDetails}
<div class="border-t border-border p-3 flex flex-col gap-3 bg-background/50">
<!-- Info Hash -->
<div>
<div class="text-xs text-muted-foreground mb-1.5 flex items-center gap-1.5">
<Key size={12} /> Info Hash
</div>
<code
class="bg-muted text-primary px-2 py-1.5 rounded text-xs break-all font-mono block"
>
{torrent.info_hash
? Array.from(torrent.info_hash)
.map(b => b.toString(16).padStart(2, '0'))
.join('')
: 'N/A'}
</code>
</div>

<!-- Trackers -->
{#if trackers.length > 0}
{#if torrent.isBulk}
<!-- Bulk Files List -->
<div>
<div class="text-xs text-muted-foreground mb-1.5 flex items-center gap-1.5">
<Globe size={12} /> Trackers ({trackers.length})
<Files size={12} /> Selected Instances ({torrent.bulkNames?.length || 0})
</div>
<div class="flex flex-col gap-1 max-h-[100px] overflow-y-auto">
{#each trackers as tracker, index (tracker)}
<div class="flex items-center gap-2 text-xs">
{#if index === 0}
<span
class="px-1.5 py-0.5 rounded text-[0.6rem] font-medium uppercase bg-primary text-primary-foreground flex-shrink-0"
>
Primary
</span>
{:else}
<span class="text-muted-foreground w-12 flex-shrink-0 text-right"
>#{index + 1}</span
>
{/if}
<code class="text-stat-upload break-all font-mono flex-1 min-w-0">
{tracker}
</code>
<div class="flex flex-col gap-1 max-h-[150px] overflow-y-auto">
{#each torrent.bulkIds || [] as id, index (id)}
{@const name = torrent.bulkNames?.[index] || 'Unknown Torrent'}
<div
class="flex items-center justify-between gap-2 p-1.5 bg-muted rounded text-xs group"
>
<span class="font-mono truncate flex-1 min-w-0" title={name}>
{name}
</span>
<button
class="flex-shrink-0 p-1 rounded hover:bg-destructive/20 group-hover/btn bg-transparent border-0 cursor-pointer opacity-0 group-hover:opacity-100 transition-all"
onclick={() => instanceActions.removeTargetInstance(id)}
title="Remove from selection"
>
<X
size={12}
strokeWidth={2.5}
class="text-muted-foreground hover:text-destructive transition-colors"
/>
</button>
</div>
{/each}
</div>
</div>
{/if}

<!-- File List -->
{#if torrent.files && torrent.files.length > 0}
{:else}
<!-- Single Torrent Details -->
<!-- Info Hash -->
<div>
<div class="text-xs text-muted-foreground mb-1.5 flex items-center gap-1.5">
<Files size={12} /> Files ({torrent.files.length})
<Key size={12} /> Info Hash
</div>
{#if torrent.files.length <= 10}
<div class="flex flex-col gap-1 max-h-[150px] overflow-y-auto">
{#each torrent.files as file (file.path)}
<div
class="flex items-center justify-between gap-2 p-1.5 bg-muted rounded text-xs"
>
<span class="font-mono truncate flex-1 min-w-0">
{file.path?.join('/') || 'Unknown'}
</span>
<span class="text-muted-foreground flex-shrink-0">
{formatBytes(file.length)}
</span>
<code
class="bg-muted text-primary px-2 py-1.5 rounded text-xs break-all font-mono block"
>
{torrent.info_hash
? Array.from(torrent.info_hash)
.map(b => b.toString(16).padStart(2, '0'))
.join('')
: 'N/A'}
</code>
</div>

<!-- Trackers -->
{#if trackers.length > 0}
<div>
<div class="text-xs text-muted-foreground mb-1.5 flex items-center gap-1.5">
<Globe size={12} /> Trackers ({trackers.length})
</div>
<div class="flex flex-col gap-1 max-h-[100px] overflow-y-auto">
{#each trackers as tracker, index (tracker)}
<div class="flex items-center gap-2 text-xs">
{#if index === 0}
<span
class="px-1.5 py-0.5 rounded text-[0.6rem] font-medium uppercase bg-primary text-primary-foreground flex-shrink-0"
>
Primary
</span>
{:else}
<span class="text-muted-foreground w-12 flex-shrink-0 text-right"
>#{index + 1}</span
>
{/if}
<code class="text-stat-upload break-all font-mono flex-1 min-w-0">
{tracker}
</code>
</div>
{/each}
</div>
{:else}
<div class="text-xs text-muted-foreground italic">
{torrent.files.length} files (too many to display)
</div>
{/if}

<!-- File List -->
{#if torrent.files && torrent.files.length > 0}
<div>
<div class="text-xs text-muted-foreground mb-1.5 flex items-center gap-1.5">
<Files size={12} /> Files ({torrent.files.length})
</div>
{/if}
</div>
{#if torrent.files.length <= 10}
<div class="flex flex-col gap-1 max-h-[150px] overflow-y-auto">
{#each torrent.files as file (file.path)}
<div
class="flex items-center justify-between gap-2 p-1.5 bg-muted rounded text-xs"
>
<span class="font-mono truncate flex-1 min-w-0">
{file.path?.join('/') || 'Unknown'}
</span>
<span class="text-muted-foreground flex-shrink-0">
{formatBytes(file.length)}
</span>
</div>
{/each}
</div>
{:else}
<div class="text-xs text-muted-foreground italic">
{torrent.files.length} files (too many to display)
</div>
{/if}
</div>
{/if}
{/if}
<!-- End isBulk check -->
</div>
{/if}
</div>
Expand Down
6 changes: 6 additions & 0 deletions ui/src/components/grid/GridView.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,12 @@
await gridActions.resumeInstance(instance.id);
break;
case 'edit': {
const selected = gridActions.getSelectedIds();
if (selected.length > 1 && selected.includes(instance.id)) {
instanceActions.createBulkInstance(selected);
viewMode.set('standard');
break;
}
const ensuredId = await instanceActions.ensureInstance(instance.id, instance);
if (ensuredId) {
instanceActions.selectInstance(ensuredId);
Expand Down
8 changes: 5 additions & 3 deletions ui/src/components/layout/Sidebar.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,13 +54,15 @@

// Derived state
let hasMultipleInstancesWithTorrents = $derived(
$instances.filter(inst => inst.torrent).length > 1
$instances.filter(inst => inst.id !== 'bulk-edit' && inst.torrent).length > 1
);

let hasRunningInstances = $derived($instances.some(inst => inst.isRunning));
let hasRunningInstances = $derived(
$instances.some(inst => inst.id !== 'bulk-edit' && inst.isRunning)
);

let hasStoppedInstancesWithTorrents = $derived(
$instances.some(inst => inst.torrent && !inst.isRunning)
$instances.some(inst => inst.id !== 'bulk-edit' && inst.torrent && !inst.isRunning)
);

let hasPausedInstances = $derived($instances.some(inst => inst.isRunning && inst.isPaused));
Expand Down
Loading