Step 3 of 3 — Downloader
- Explo downloads tracks using one or both services. Enable what you have access to — if both are enabled, YouTube is tried first. + Explo downloads tracks using one or both services. Enable what you have + access to — if both are enabled, YouTube is tried first.
-
{/* YouTube section */}
setField('useSubdirectory', v)}
- disabled={isLocked('USE_SUBDIRECTORY')}
+ onChange={(v) => setField("useSubdirectory", v)}
+ disabled={isLocked("USE_SUBDIRECTORY")}
name="Use playlist subfolders"
desc="Create a subfolder per playlist inside the download directory"
/>
@@ -349,12 +595,13 @@ function Step3({ fields, setField, envSources, onBack, onFinish, saving }) {
setField('migrateDownloads', v)}
- disabled={isLocked('MIGRATE_DOWNLOADS')}
+ onChange={(v) => setField("migrateDownloads", v)}
+ disabled={isLocked("MIGRATE_DOWNLOADS")}
desc="Move completed downloads to a separate directory after transfer"
/>
@@ -368,8 +615,8 @@ function Step3({ fields, setField, envSources, onBack, onFinish, saving }) {
setField('useSubdirectory', v)}
- disabled={isLocked('USE_SUBDIRECTORY')}
+ onChange={(v) => setField("useSubdirectory", v)}
+ disabled={isLocked("USE_SUBDIRECTORY")}
name="Use playlist subfolders"
desc="Create a subfolder per playlist inside the download directory"
/>
@@ -385,127 +632,181 @@ function Step3({ fields, setField, envSources, onBack, onFinish, saving }) {
- )
+ );
}
// ── Wizard ────────────────────────────────────────────────────────────────────
// Owns all wizard state and calls wizardStep1/2/3 APIs to save each step.
// Receives existing config/envSources from App to pre-populate fields.
-export default function Wizard({ config, envSources, bgUrl, bgLoaded, onBgLoad, onComplete }) {
- const [step, setStep] = useState(1)
- const [saving, setSaving] = useState(false)
+export default function Wizard({
+ config,
+ envSources,
+ bgUrl,
+ bgLoaded,
+ onBgLoad,
+ onComplete,
+}) {
+ const [step, setStep] = useState(1);
+ const [saving, setSaving] = useState(false);
const [fields, setFields] = useState(() => {
- const s = (config.DOWNLOAD_SERVICES || '').split(',')
+ const s = (config.DOWNLOAD_SERVICES || "").split(",");
return {
// Step 1
- user: config.LISTENBRAINZ_USER || '',
- discoveryMode: config.LISTENBRAINZ_DISCOVERY || 'playlist',
+ user: config.LISTENBRAINZ_USER || "",
+ discoveryMode: config.LISTENBRAINZ_DISCOVERY || "playlist",
checked: {
- 'weekly-exploration': !!config.WEEKLY_EXPLORATION_SCHEDULE,
- 'weekly-jams': !!config.WEEKLY_JAMS_SCHEDULE,
- 'daily-jams': !!config.DAILY_JAMS_SCHEDULE,
+ "weekly-exploration": !!config.WEEKLY_EXPLORATION_SCHEDULE,
+ "weekly-jams": !!config.WEEKLY_JAMS_SCHEDULE,
+ "daily-jams": !!config.DAILY_JAMS_SCHEDULE,
},
// Step 2
- system: config.EXPLO_SYSTEM || '',
- systemUrl: config.SYSTEM_URL || '',
- apiKey: config.API_KEY || '',
- libraryName: config.LIBRARY_NAME || '',
- systemUsername: config.SYSTEM_USERNAME || '',
- systemPassword: config.SYSTEM_PASSWORD || '',
- playlistDir: config.PLAYLIST_DIR || '',
- sleepMinutes: config.SLEEP || '',
- publicPlaylist: config.PUBLIC_PLAYLIST === 'true',
+ system: config.EXPLO_SYSTEM || "",
+ systemUrl: config.SYSTEM_URL || "",
+ apiKey: config.API_KEY || "",
+ libraryName: config.LIBRARY_NAME || "",
+ systemUsername: config.SYSTEM_USERNAME || "",
+ systemPassword: config.SYSTEM_PASSWORD || "",
+ playlistDir: config.PLAYLIST_DIR || "",
+ sleepMinutes: config.SLEEP || "",
+ publicPlaylist: config.PUBLIC_PLAYLIST === "true",
// Step 3
- downloadDir: config.DOWNLOAD_DIR || '',
- useSubdirectory: config.USE_SUBDIRECTORY !== 'false',
- migrateDownloads: config.MIGRATE_DOWNLOADS === 'true',
- dlServices: { youtube: s.includes('youtube'), slskd: s.includes('slskd') },
- youtubeApiKey: config.YOUTUBE_API_KEY || '',
- trackExtension: config.TRACK_EXTENSION || '',
- filterList: config.FILTER_LIST || '',
- slskdUrl: config.SLSKD_URL || '',
- slskdApiKey: config.SLSKD_API_KEY || '',
- extensions: config.EXTENSIONS || '',
- }
- })
-
- const setField = (key, val) => setFields(prev => ({ ...prev, [key]: val }))
+ downloadDir: config.DOWNLOAD_DIR || "",
+ useSubdirectory: config.USE_SUBDIRECTORY !== "false",
+ migrateDownloads: config.MIGRATE_DOWNLOADS === "true",
+ dlServices: {
+ youtube: s.includes("youtube"),
+ slskd: s.includes("slskd"),
+ },
+ youtubeApiKey: config.YOUTUBE_API_KEY || "",
+ trackExtension: config.TRACK_EXTENSION || "",
+ filterList: config.FILTER_LIST || "",
+ slskdUrl: config.SLSKD_URL || "",
+ slskdApiKey: config.SLSKD_API_KEY || "",
+ extensions: config.EXTENSIONS || "",
+ adminAuthMethod: config.ADMIN_AUTH_METHOD || "password",
+ adminApiKey: config.ADMIN_API_KEY || "",
+ adminSystemUsername: config.ADMIN_SYSTEM_USERNAME || "",
+ adminSystemPassword: config.ADMIN_SYSTEM_PASSWORD || "",
+ };
+ });
+
+ const setField = (key, val) => setFields((prev) => ({ ...prev, [key]: val }));
const lockedKeys = Object.entries(envSources)
- .filter(([k, s]) => s === 'env' && !k.endsWith('_SCHEDULE') && !k.endsWith('_FLAGS'))
- .map(([k]) => k)
+ .filter(
+ ([k, s]) =>
+ s === "env" && !k.endsWith("_SCHEDULE") && !k.endsWith("_FLAGS"),
+ )
+ .map(([k]) => k);
async function handleStep1() {
- setSaving(true)
+ setSaving(true);
try {
- const playlists = Object.entries(fields.checked).filter(([, v]) => v).map(([k]) => k)
- await wizardStep1(fields.user.trim(), playlists, fields.discoveryMode)
+ const playlists = Object.entries(fields.checked)
+ .filter(([, v]) => v)
+ .map(([k]) => k);
+ await wizardStep1(fields.user.trim(), playlists, fields.discoveryMode);
if (playlists.length > 0) {
- prefetchPlaylists(fields.user.trim(), playlists, { source: 'wizard' }).catch(() => {})
+ prefetchPlaylists(fields.user.trim(), playlists, {
+ source: "wizard",
+ }).catch(() => {});
}
- setStep(2)
+ setStep(2);
} catch (e) {
- alert('Error saving: ' + e.message)
+ alert("Error saving: " + e.message);
} finally {
- setSaving(false)
+ setSaving(false);
}
}
async function handleStep2() {
- setSaving(true)
+ setSaving(true);
try {
await wizardStep2({
- system: fields.system, url: fields.systemUrl, api_key: fields.apiKey,
- library_name: fields.libraryName, username: fields.systemUsername,
- password: fields.systemPassword, playlist_dir: fields.playlistDir,
- sleep: fields.sleepMinutes, public_playlist: fields.publicPlaylist,
- })
- setStep(3)
+ system: fields.system,
+ url: fields.systemUrl,
+
+ auth_method: fields.authMethod,
+
+ api_key: fields.apiKey,
+ username: fields.systemUsername,
+ password: fields.systemPassword,
+
+ admin_credentials: fields.adminCredentials,
+ admin_auth_method: fields.adminAuthMethod,
+ admin_api_key: fields.adminApiKey,
+ admin_system_username: fields.adminSystemUsername,
+ admin_system_password: fields.adminSystemPassword,
+
+ library_name: fields.libraryName,
+ playlist_dir: fields.playlistDir,
+ sleep: fields.sleepMinutes,
+ public_playlist: fields.publicPlaylist,
+ });
+ setStep(3);
} catch (e) {
- alert('Error saving: ' + e.message)
+ alert("Error saving: " + e.message);
} finally {
- setSaving(false)
+ setSaving(false);
}
}
async function handleStep3() {
- setSaving(true)
+ setSaving(true);
try {
- const services = Object.entries(fields.dlServices).filter(([, v]) => v).map(([k]) => k)
+ const services = Object.entries(fields.dlServices)
+ .filter(([, v]) => v)
+ .map(([k]) => k);
await wizardStep3({
- download_dir: fields.downloadDir, use_subdirectory: fields.useSubdirectory,
- migrate_downloads: fields.migrateDownloads, download_services: services,
- youtube_api_key: fields.youtubeApiKey, track_extension: fields.trackExtension,
- filter_list: fields.filterList, slskd_url: fields.slskdUrl, slskd_api_key: fields.slskdApiKey,
+ download_dir: fields.downloadDir,
+ use_subdirectory: fields.useSubdirectory,
+ migrate_downloads: fields.migrateDownloads,
+ download_services: services,
+ youtube_api_key: fields.youtubeApiKey,
+ track_extension: fields.trackExtension,
+ filter_list: fields.filterList,
+ slskd_url: fields.slskdUrl,
+ slskd_api_key: fields.slskdApiKey,
extensions: fields.extensions,
- })
- onComplete()
+ });
+ onComplete();
} catch (e) {
- alert('Error saving: ' + e.message)
+ alert("Error saving: " + e.message);
} finally {
- setSaving(false)
+ setSaving(false);
}
}
return (
- - By default, slskd saves tracks to whichever download path is configured in your slskd instance. + By default, slskd saves tracks to whichever download path is + configured in your slskd instance.
-
+
{/* Artwork backdrop — blurred ambient glow, matches the Settings page treatment */}
-
+
- )
+ );
}
{bgUrl && (
@@ -513,39 +814,49 @@ export default function Wizard({ config, envSources, bgUrl, bgLoaded, onBgLoad,
-
Explo
+
+ Explo
+
{lockedKeys.length > 0 && (
- You've set the following in your Docker environment, so they can't be changed here:{' '}
- {lockedKeys.join(', ')}
+ You've set the following in your Docker environment, so they can't
+ be changed here: {lockedKeys.join(", ")}
)}
{step === 1 && (
setStep(1)} onNext={handleStep2} saving={saving}
+ onBack={() => setStep(1)}
+ onNext={handleStep2}
+ saving={saving}
/>
)}
{step === 3 && (
setStep(2)} onFinish={handleStep3} saving={saving}
+ onBack={() => setStep(2)}
+ onFinish={handleStep3}
+ saving={saving}
/>
)}