- setTagSide(null)}
- />
- )}
);
}
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index b60406d..5be1732 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -5,7 +5,6 @@ import { useInfo } from "../App";
import { Alert, Button, Card, Field, Toggle, inputCls } from "../ui";
import { useToast } from "../toast";
import { BackupsCard } from "./Backups";
-import { ArtSettingsCard } from "./ArtSettings";
export function SettingsPage() {
const info = useInfo();
@@ -80,8 +79,6 @@ export function SettingsPage() {
-
- {(o.action === "tags" || o.action === "move") && {o.detail?.side}}
- {o.rel_slave || o.rel_master}
+ (`/pairs/${pairId}/album?side=${side}&path=${encodeURIComponent(folder)}`),
- gcTime: 0,
- });
- const [albumEdits, setAlbumEdits] = useState>({});
- const [rowEdits, setRowEdits] = useState>>({});
- const [art, setArt] = useState(null);
- const [picking, setPicking] = useState(false);
- const [embed, setEmbed] = useState(true);
- const [folderFile, setFolderFile] = useState(true);
- const [separate, setSeparate] = useState(false);
-
- const songs = useMemo(() => {
- const s = (data.data?.songs ?? []).filter((x) => x.editable);
- return [...s].sort(
- (a, b) =>
- num(a.fields.disc) - num(b.fields.disc) || num(a.fields.track) - num(b.fields.track) || a.rel.localeCompare(b.rel),
- );
- }, [data.data]);
- const blocked = (data.data?.songs ?? []).filter((x) => !x.editable);
-
- const common = useMemo(() => {
- const c: Record = {};
- for (const f of ALBUM_FIELDS) {
- const vals = songs.map((s) => s.fields[f.id] ?? "");
- c[f.id] = { value: vals[0] ?? "", mixed: vals.some((v) => v !== vals[0]) };
- }
- return c;
- }, [songs]);
-
- const albumValue = (id: string) => albumEdits[id] ?? (common[id]?.mixed ? "" : common[id]?.value ?? "");
- const rowValue = (s: AlbumSong, id: string) => rowEdits[s.rel]?.[id] ?? s.fields[id] ?? "";
- const setRow = (rel: string, id: string, v: string) => setRowEdits((r) => ({ ...r, [rel]: { ...r[rel], [id]: v } }));
-
- const albumChanged = Object.keys(albumEdits).filter((id) => common[id]?.mixed || albumEdits[id] !== common[id]?.value);
- const rowChanges = songs
- .map((s) => ({
- path: s.rel,
- set: Object.fromEntries(Object.entries(rowEdits[s.rel] ?? {}).filter(([id, v]) => v !== (s.fields[id] ?? ""))),
- }))
- .filter((r) => Object.keys(r.set).length > 0);
- const hasChanges = albumChanged.length > 0 || rowChanges.length > 0 || !!art;
-
- // "Number tracks in order": 1..n within each disc, with the disc's total.
- const numberTracks = () => {
- const byDisc = new Map();
- for (const s of songs) {
- const d = num(rowValue(s, "disc")) || 1;
- byDisc.set(d, [...(byDisc.get(d) ?? []), s]);
- }
- const next: Record> = { ...rowEdits };
- for (const list of byDisc.values()) {
- list.forEach((s, i) => {
- next[s.rel] = { ...next[s.rel], track: String(i + 1), track_total: String(list.length) };
- });
- }
- setRowEdits(next);
- if (byDisc.size > 1) setAlbumEdits((a) => ({ ...a, disc_total: String(byDisc.size) }));
- };
- const artistFromAlbumArtist = () => {
- const aa = albumValue("album_artist");
- if (!aa) return;
- setRowEdits((r) => Object.fromEntries(songs.map((s) => [s.rel, { ...r[s.rel], artist: aa }])));
- };
-
- const save = useMutation({
- mutationFn: () =>
- api.post(`/pairs/${pairId}/tags`, {
- side,
- paths: songs.map((s) => s.rel),
- set: Object.fromEntries(albumChanged.map((id) => [id, albumEdits[id].trim()])),
- files: rowChanges.map((r) => ({ path: r.path, set: Object.fromEntries(Object.entries(r.set).map(([k, v]) => [k, v.trim()])) })),
- art: art ? { token: art.token, embed, folder_file: folderFile } : undefined,
- separate,
- }),
- onSuccess: () => {
- toast("ok", dry ? "Started (dry run): recorded as planned only" : `Saving the album (${songs.length} songs)…`);
- qc.invalidateQueries({ queryKey: ["files"] });
- qc.invalidateQueries({ queryKey: ["pair", pairId] });
- onClose();
- },
- onError: (e) => toast("err", e.message),
- });
-
- const shared = songs.filter((s) => s.links > 1).length;
- const embeddable = songs.filter((s) => s.embed_cover).length;
- const currentCover = data.data
- ? data.data.folder_cover
- ? coverURL(pairId, side, folder)
- : songs.find((s) => s.has_cover)
- ? coverURL(pairId, side, songs.find((s) => s.has_cover)!.rel)
- : null
- : null;
- useEffect(() => setPicking(false), [art]);
-
- return (
-
- {data.isLoading && {data.error.message} }
- {data.data && songs.length === 0 && No editable songs in this folder. }
- {data.data && songs.length > 0 && (
-
- );
-}
diff --git a/web/src/pages/Art.tsx b/web/src/pages/Art.tsx
deleted file mode 100644
index b6d3c98..0000000
--- a/web/src/pages/Art.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { ImageOff, Link2, Search, Upload } from "lucide-react";
-import { api, artThumb, type ArtResult, type ArtSettings, type PreparedArt } from "../api";
-import { Alert, Badge, Button, Spinner, cx, formatBytes, inputCls } from "../ui";
-
-const SOURCE_LABEL: Record = {
- itunes: "iTunes",
- deezer: "Deezer",
- musicbrainz: "MusicBrainz",
- duckduckgo: "DuckDuckGo",
- google: "Google",
-};
-
-/** Shows a cover image, or a placeholder when there is none. */
-export function CoverImage({ src, className }: { src?: string | null; className?: string }) {
- const [failed, setFailed] = useState(false);
- useEffect(() => setFailed(false), [src]);
- if (!src || failed)
- return (
- 
setFailed(true)} />;
-}
-
-/**
- * Finds a new cover: search the art sources (square images only), paste an
- * image address, or upload a file. The chosen image is prepared on the server
- * (converted to JPEG, resized) and returned as a token to apply later.
- */
-export function ArtPicker({
- artist,
- album,
- onChoose,
-}: {
- artist: string;
- album: string;
- onChoose: (p: PreparedArt) => void;
-}) {
- const settings = useQuery({ queryKey: ["art-settings"], queryFn: () => api.get<{ settings: ArtSettings }>("/art/settings") });
- const [q, setQ] = useState({ artist, album, text: "" });
- const [free, setFree] = useState(false);
- const [sources, setSources] = useState(null);
- const [url, setUrl] = useState("");
- const [broken, setBroken] = useState>(new Set());
- const fileRef = useRef(null);
- const enabled = settings.data?.settings.sources ?? [];
- const googleReady = !!settings.data?.settings.google_key && !!settings.data?.settings.google_cx;
- const usable = enabled.filter((s) => s !== "google" || googleReady);
- const active = sources ?? usable;
-
- const search = useMutation({
- mutationFn: () => {
- const p = new URLSearchParams({ sources: active.join(",") });
- if (free) p.set("q", q.text);
- else {
- p.set("artist", q.artist);
- p.set("album", q.album);
- }
- return api.get<{ results: ArtResult[]; errors: Record }>(`/art/search?${p}`);
- },
- });
- // Search right away with the album's own tags.
- useEffect(() => {
- if (settings.data && (artist || album)) search.mutate();
- }, [settings.data]); // eslint-disable-line react-hooks/exhaustive-deps
-
- const prepare = useMutation({
- mutationFn: (u: string) => api.post("/art/prepare", { url: u }),
- onSuccess: onChoose,
- });
- const upload = useMutation({
- mutationFn: async (f: File) => {
- const form = new FormData();
- form.append("image", f);
- const res = await fetch("/api/art/upload", { method: "POST", credentials: "same-origin", headers: { "X-Playlink-Request": "1" }, body: form });
- const data = await res.json().catch(() => ({}));
- if (!res.ok) throw new Error(data.error ?? res.statusText);
- return data as PreparedArt;
- },
- onSuccess: onChoose,
- });
- const busy = prepare.isPending || upload.isPending;
-
- return (
- (null);
- useEffect(() => {
- if (data.data) setS(data.data.settings);
- }, [data.data]);
- const dirty = s && data.data && JSON.stringify(s) !== JSON.stringify(data.data.settings);
- const save = useMutation({
- mutationFn: () => api.put("/art/settings", s),
- onSuccess: () => {
- toast("ok", "Album art settings saved");
- qc.invalidateQueries({ queryKey: ["art-settings"] });
- },
- onError: (e) => toast("err", e.message),
- });
- if (!s) return null;
- const toggle = (id: string) => setS({ ...s, sources: s.sources.includes(id) ? s.sources.filter((x) => x !== id) : [...s.sources, id] });
-
- return (
-
-
- );
-}
diff --git a/web/src/pages/Organize.tsx b/web/src/pages/Organize.tsx
deleted file mode 100644
index 7b9b2df..0000000
--- a/web/src/pages/Organize.tsx
+++ /dev/null
@@ -1,585 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AlertTriangle, ArrowRight, ChevronDown, ChevronRight, Folder, FolderPlus, FolderTree, Tags as TagsIcon, Trash2 } from "lucide-react";
-import { api, type FolderNaming, type Job, type Naming, type OrganizeItem, type OrganizePlan, type Pair, type Side } from "../api";
-import { useInfo } from "../App";
-import { Alert, Badge, Button, Card, Field, Modal, Spinner, cx, inputCls } from "../ui";
-import { useToast } from "../toast";
-import { TagEditor } from "./Tags";
-
-type NamingInfo = { defaults: Naming; presets: { name: string; config: Naming }[]; tokens: [string, string][]; folder_default: FolderNaming };
-type FormatKey = "artist_folder" | "album_folder" | "track_format" | "multi_disc_format";
-// Where a token is inserted: a main format, or one of a folder rule's (rule = its index).
-type FieldRef = { rule: number | null; key: FormatKey; el: HTMLInputElement };
-type Scope = Side | "both";
-
-const FORMAT_FIELDS: { key: FormatKey; label: string; hint: string }[] = [
- { key: "artist_folder", label: "Artist folder", hint: "One folder name. Leave empty for no artist folder (Album/01 Title)." },
- { key: "album_folder", label: "Album folder", hint: "One folder name, inside the artist folder if there is one." },
- { key: "track_format", label: "Track", hint: "File name inside the album folder. May add subfolders with /." },
- { key: "multi_disc_format", label: "Multi-disc track", hint: "Used when an album has more than one disc." },
-];
-
-export function OrganizeTab({ pair }: { pair: Pair }) {
- const info = useInfo();
- if (info.data && !info.data.tag_editing)
- return Organizing reads tags with ffmpeg and ffprobe, which were not found. The Docker image includes both. ;
- return (
- ("/naming"), staleTime: Infinity });
- const [cfg, setCfg] = useState(pair.naming);
- const [auto, setAuto] = useState(pair.auto_organize);
- const [showTokens, setShowTokens] = useState(false);
- const focused = useRef(null);
- const saved = JSON.stringify(pair.naming);
- useEffect(() => {
- setCfg(pair.naming);
- setAuto(pair.auto_organize);
- }, [pair.id, saved, pair.auto_organize]); // eslint-disable-line react-hooks/exhaustive-deps
- const dirty = JSON.stringify(cfg) !== saved || auto !== pair.auto_organize;
-
- // Examples are rendered by the server with the same code as real renames.
- const [debounced, setDebounced] = useState(cfg);
- useEffect(() => {
- const t = setTimeout(() => setDebounced(cfg), 250);
- return () => clearTimeout(t);
- }, [cfg]);
- const examples = useQuery({
- queryKey: ["naming-examples", JSON.stringify(debounced)],
- queryFn: () => api.post<{ examples: { label: string; path: string }[]; error?: string }>("/naming/examples", debounced),
- });
-
- const save = useMutation({
- mutationFn: () =>
- api.put(`/pairs/${pair.id}`, {
- name: pair.name,
- master_root: pair.master_root,
- slave_root: pair.slave_root,
- quarantine_dir: pair.quarantine_dir,
- extensions: pair.extensions,
- auto_link_identical: pair.auto_link_identical,
- scan_interval_minutes: pair.scan_interval_minutes,
- retention_days: pair.retention_days,
- settle_minutes: pair.settle_minutes,
- approx_matching: pair.approx_matching,
- approx_threshold: pair.approx_threshold,
- auto_organize: auto,
- naming: cfg,
- }),
- onSuccess: () => {
- toast("ok", "Naming saved");
- qc.invalidateQueries({ queryKey: ["pair", pair.id] });
- qc.invalidateQueries({ queryKey: ["pairs"] });
- },
- onError: (e) => toast("err", e.message),
- });
-
- const folders = cfg.folders ?? [];
- const setField = (rule: number | null, key: FormatKey, v: string) =>
- setCfg(rule === null ? { ...cfg, [key]: v } : { ...cfg, folders: folders.map((r, i) => (i === rule ? { ...r, [key]: v } : r)) });
- const insert = (token: string) => {
- const f = focused.current;
- if (!f) return;
- const v = f.rule === null ? cfg[f.key] : (folders[f.rule]?.[f.key] ?? "");
- const start = f.el.selectionStart ?? v.length;
- const end = f.el.selectionEnd ?? v.length;
- setField(f.rule, f.key, v.slice(0, start) + token + v.slice(end));
- requestAnimationFrame(() => {
- f.el.focus();
- f.el.setSelectionRange(start + token.length, start + token.length);
- });
- };
-
- return (
-
- setField(null, k, v)} onFocus={(key, el) => (focused.current = { rule: null, key, el })} />
-
-
- );
-}
-
-// ---- rename now ----
-
-function RenameNowCard({ pair }: { pair: Pair }) {
- const [scope, setScope] = useState("both");
- const [open, setOpen] = useState(false);
- const running = pair.job?.state === "running";
- return (
-
- setOpen(false)} />}
-
- );
-}
-
-type Stage = { kind: "checking"; job?: Job } | { kind: "ready" } | { kind: "error"; message: string };
-
-function RenameFilesDialog({ pair, scope, onClose }: { pair: Pair; scope: Scope; onClose: () => void }) {
- const qc = useQueryClient();
- const toast = useToast();
- const dry = useInfo().data?.dry_run ?? true;
- const [stage, setStage] = useState({ kind: "checking" });
- const [data, setData] = useState<{ plan: OrganizePlan; items: OrganizeItem[] } | null>(null);
- const [view, setView] = useState<"changes" | "skipped">("changes");
- const [sel, setSel] = useState>(new Set());
- const [editTags, setEditTags] = useState(null);
-
- // Start a check and follow its job until it finishes.
- const check = async () => {
- setStage({ kind: "checking" });
- try {
- const job = await api.post(`/pairs/${pair.id}/organize/preview`, { side: scope });
- for (;;) {
- await new Promise((r) => setTimeout(r, 600));
- const j = await api.get(`/pairs/${pair.id}/job`);
- if (!j || j.id !== job.id) break;
- if (j.state !== "running") {
- if (j.state !== "done") throw new Error(j.error || j.state);
- break;
- }
- setStage({ kind: "checking", job: j });
- }
- const res = await api.get<{ plan: OrganizePlan | null; items: OrganizeItem[] }>(`/pairs/${pair.id}/organize/plan`);
- if (!res.plan) throw new Error("The check did not produce a result. Try again.");
- setData({ plan: res.plan, items: res.items });
- setSel(new Set(res.items.filter((i) => i.move).map((i) => i.id)));
- setStage({ kind: "ready" });
- } catch (e) {
- setStage({ kind: "error", message: (e as Error).message });
- }
- };
- useEffect(() => {
- check();
- }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
- const moves = useMemo(() => (data?.items ?? []).filter((i) => i.move), [data]);
- const skipped = useMemo(() => (data?.items ?? []).filter((i) => !i.move), [data]);
- // Group the changes by the folder they end up in.
- const groups = useMemo(() => {
- const m = new Map();
- for (const it of moves) {
- const key = `${it.side}\u0000${it.to!.split("/").slice(0, -1).join("/")}`;
- m.set(key, [...(m.get(key) ?? []), it]);
- }
- return [...m.entries()].sort(([a], [b]) => a.localeCompare(b));
- }, [moves]);
- const both = (data?.plan.sides.length ?? 0) > 1;
- const toggle = (ids: number[], on: boolean) =>
- setSel((s) => {
- const n = new Set(s);
- ids.forEach((id) => (on ? n.add(id) : n.delete(id)));
- return n;
- });
-
- const apply = useMutation({
- mutationFn: () => api.post(`/pairs/${pair.id}/organize/apply`, { ids: sel.size === moves.length ? [] : [...sel] }),
- onSuccess: () => {
- toast(
- "ok",
- dry ? "Started (dry run): renames are recorded as planned only" : `Renaming ${sel.size} files. The library is rescanned afterwards.`,
- );
- qc.invalidateQueries({ queryKey: ["pair", pair.id] });
- onClose();
- },
- onError: (e) => toast("err", e.message),
- });
-
- return (
-
- {stage.kind === "checking" && (
- setEditTags(null)} />}
-
- );
-}
-
-function Stat({ label, value, tone }: { label: string; value: number; tone?: string }) {
- return (
- ;
- inside?: string;
- onChange: (key: FormatKey, v: string) => void;
- onFocus: (key: FormatKey, el: HTMLInputElement) => void;
-}) {
- return (
- (pair ?? blank);
const [exts, setExts] = useState((pair?.extensions ?? []).join(", "));
@@ -59,9 +52,6 @@ export function PairForm({ pair, open, onClose }: { pair?: Pair; open: boolean;
settle_minutes: f.settle_minutes,
approx_matching: f.approx_matching,
approx_threshold: f.approx_threshold,
- // Edited on the Organize tab; sent unchanged so saving here keeps it.
- auto_organize: f.auto_organize,
- library_type: f.library_type,
extensions: exts.split(",").map((s) => s.trim()).filter(Boolean),
});
const set = (k: K, v: PairInput[K]) => {
@@ -78,7 +68,7 @@ export function PairForm({ pair, open, onClose }: { pair?: Pair; open: boolean;
onSuccess: () => {
qc.invalidateQueries({ queryKey: ["pairs"] });
qc.invalidateQueries({ queryKey: ["pair"] });
- toast("ok", pair ? "Library pair updated" : "Library pair created. Start with the Tune-up, master library first.");
+ toast("ok", pair ? "Library pair updated" : "Library pair created. Run a scan to find matches.");
onClose();
},
});
@@ -89,25 +79,6 @@ export function PairForm({ pair, open, onClose }: { pair?: Pair; open: boolean;
set("name", e.target.value)} />
-
-
- {tab === "tune-up" && setEditing(false)} />
diff --git a/web/src/pages/Review.tsx b/web/src/pages/Review.tsx
index 98d604c..da7a153 100644
--- a/web/src/pages/Review.tsx
+++ b/web/src/pages/Review.tsx
@@ -1,8 +1,7 @@
import { useEffect, useState } from "react";
import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AlertTriangle, ArrowRight, ArrowUpCircle, Disc3, Download, ListMusic, Tags as TagsIcon, ChevronDown, ChevronRight, CopyCheck, EyeOff, Eye, Link2, Search, Crown } from "lucide-react";
-import { ApiError, api, type Match, type Page, type Pair, type ProbeInfo, type Side } from "../api";
-import { TagEditor } from "./Tags";
+import { AlertTriangle, ArrowRight, ArrowUpCircle, Disc3, Download, ListMusic, ChevronDown, ChevronRight, CopyCheck, EyeOff, Eye, Link2, Search, Crown } from "lucide-react";
+import { ApiError, api, type Match, type Page, type Pair, type ProbeInfo } from "../api";
import { Alert, Badge, Button, Card, Empty, Modal, Spinner, cx, formatBytes, formatDuration, inputCls, statusTone } from "../ui";
import { useToast } from "../toast";
import { AlbumView, BulkBar, TriCheckbox, toggleIDs, type Selection } from "./Bulk";
@@ -25,7 +24,6 @@ const kindLabel: Record = {
fuzzy: "similar title",
elsewhere: "same top folder, other subfolder",
approximate: "approximate match",
- inode: "same file, other path",
none: "no match",
};
@@ -377,7 +375,6 @@ const rows: [string, (p: ProbeInfo, size: number) => string][] = [
function ComparePanel({ m, onDone }: { m: Match; onDone: () => void }) {
const toast = useToast();
const [confirm, setConfirm] = useState(null);
- const [tagSide, setTagSide] = useState(null);
const mp = m.master_probe;
const sp = m.slave_probe;
const v = m.verdict;
@@ -492,13 +489,6 @@ function ComparePanel({ m, onDone }: { m: Match; onDone: () => void }) {
-
-
-
- {tagSide && (
-
+ {o.rel_slave}
- {o.detail?.changes && (
-
- {Object.entries(o.detail.changes).map(([k, [from, to]]) => (
-
- )}
{o.rel_new && o.rel_new !== o.rel_slave && o.rel_new !== o.rel_master && (
- {k.replace("_", " ")}: {from || "(none)"} → {to || "(removed)"}
-
- ))}
- now {o.rel_new}
)}
@@ -190,12 +178,6 @@ function undoText(o: Operation) {
return "The hardlink is removed from the slave library. The master file is not affected.";
case "remove":
return "The hardlink is recreated in the slave library.";
- case "move":
- return `The file is moved back from "${o.rel_new}" to "${o.rel_slave || o.rel_master}"${o.detail?.sidecars?.length ? ", with its lyrics file" : ""}, and the library is rescanned.`;
- case "tags":
- return o.detail?.mode === "inplace"
- ? "The previous version of the file is written back from quarantine, restoring the old tags everywhere the file is linked."
- : "The previous file is put back from quarantine, restoring the old tags.";
case "rename":
return `The slave folder is renamed back from "${o.rel_new}" to "${o.rel_slave}", and the library is rescanned.`;
}
diff --git a/web/src/pages/Album.tsx b/web/src/pages/Album.tsx
deleted file mode 100644
index 8962671..0000000
--- a/web/src/pages/Album.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Image as ImageIcon, Link2, ListOrdered, RotateCcw, UserRound } from "lucide-react";
-import { api, coverURL, type Album, type AlbumSong, type PreparedArt, type Side } from "../api";
-import { useInfo } from "../App";
-import { Alert, Button, Modal, Spinner, Toggle, cx, inputCls } from "../ui";
-import { useToast } from "../toast";
-import { ArtPicker, ChosenArt, CoverImage } from "./Art";
-
-// Album-level fields apply to every song; row fields are per song.
-const ALBUM_FIELDS: { id: string; label: string; wide?: boolean }[] = [
- { id: "album", label: "Album", wide: true },
- { id: "album_artist", label: "Album artist", wide: true },
- { id: "date", label: "Year / date" },
- { id: "genre", label: "Genre" },
- { id: "disc_total", label: "Discs" },
- { id: "composer", label: "Composer", wide: true },
- { id: "comment", label: "Comment", wide: true },
-];
-const ROW_FIELDS = ["disc", "track", "title", "artist"] as const;
-
-const num = (s?: string) => parseInt(s ?? "", 10) || 0;
-
-/**
- * Edits a whole album at once, AudioShell-style: album fields for every song,
- * a grid for each song's number, title and artist, and the album art.
- */
-export function AlbumEditor({ pairId, side, folder, onClose }: { pairId: number; side: Side; folder: string; onClose: () => void }) {
- const qc = useQueryClient();
- const toast = useToast();
- const dry = useInfo().data?.dry_run ?? true;
- const data = useQuery({
- queryKey: ["album", pairId, side, folder],
- queryFn: () => api.get
- Dry run is on, so the changes are recorded as planned in Activity. No files change. }
-
- )}
-
- {folder} · {songs.length} songs{blocked.length > 0 && `, ${blocked.length} not editable`}
-
-
-
-
-
- {picking && !art && (
-
- {art ? setArt(null)} /> :
-
-
- )}
- OGG/Opus songs can't hold embedded art; they use the folder's cover.jpg.
- )} -
- {ALBUM_FIELDS.map((f) => {
- const changed = albumChanged.includes(f.id);
- return (
-
- );
- })}
-
-
-
- )}
-
-
-
-
- {shared > 0 && (
-
- Tracks
-
-
-
-
- {rowChanges.length > 0 && (
-
- )}
-
-
-
-
-
-
- | Disc | -# | -Title | -Artist | -File | -
|---|---|---|---|---|
| - setRow(s.rel, id, e.target.value)} - /> - | - ); - })} -
- {s.links > 1 && |
-
- {shared} of these songs are hardlinked to the {side === "slave" ? "master" : "slave"} library, so edits show up in both
- libraries and the files stay linked.
-
-
-
- )}
- - Only tags and art change; the audio is verified to be identical. Previous versions go to quarantine, and every change can be undone - from History. -
- {dry &&
- {hasChanges && (
-
- {[
- albumChanged.length && `${albumChanged.length} album field${albumChanged.length > 1 ? "s" : ""}`,
- rowChanges.length && `${rowChanges.length} song${rowChanges.length > 1 ? "s" : ""} changed`,
- art && "new cover",
- ]
- .filter(Boolean)
- .join(" · ")}
-
- )}
-
-
-
-
-
- );
- return
-
-
- {Object.entries(search.data.errors).map(([s, e]) => (
-
- )}
- {search.isPending && {(prepare.error || upload.error)!.message} }
-
- );
-}
-
-/** A chosen cover waiting to be saved. */
-export function ChosenArt({ art, onClear }: { art: PreparedArt; onClear: () => void }) {
- return (
-
-
- {enabled.map((s) => {
- const disabled = s === "google" && !googleReady;
- const on = active.includes(s) && !disabled;
- return (
-
- );
- })}
- · square images only
-
-
- {search.data && Object.keys(search.data.errors).length > 0 && (
-
- {SOURCE_LABEL[s] ?? s}: {e}
-
- ))}
- No square covers found. Try other words.
}
- {search.data && search.data.results.length > 0 && (
-
- {search.data.results.filter((r) => !broken.has(r.url)).map((r) => (
-
- ))}
-
- )}
-
-
-
- {busy && (
-
-
-
- {
- const f = e.target.files?.[0];
- if (f) upload.mutate(f);
- e.target.value = "";
- }}
- />
-
-
-
- )}
- {(prepare.error || upload.error) &&
-
- );
-}
diff --git a/web/src/pages/ArtSettings.tsx b/web/src/pages/ArtSettings.tsx
deleted file mode 100644
index f539eee..0000000
--- a/web/src/pages/ArtSettings.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { useEffect, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Image as ImageIcon } from "lucide-react";
-import { api, type ArtSettings } from "../api";
-import { Button, Card, Field, cx, inputCls } from "../ui";
-import { useToast } from "../toast";
-
-const SOURCES: { id: string; label: string; hint: string }[] = [
- { id: "itunes", label: "iTunes", hint: "Album covers, 1000 px, no key needed" },
- { id: "deezer", label: "Deezer", hint: "Album covers, 1000 px, no key needed" },
- { id: "musicbrainz", label: "MusicBrainz", hint: "Cover Art Archive, no key needed" },
- { id: "duckduckgo", label: "DuckDuckGo", hint: "Web images; unofficial, may stop working" },
- { id: "google", label: "Google", hint: "Web images; needs an API key and search engine id" },
-];
-
-export function ArtSettingsCard() {
- const qc = useQueryClient();
- const toast = useToast();
- const data = useQuery({ queryKey: ["art-settings"], queryFn: () => api.get<{ settings: ArtSettings }>("/art/settings") });
- const [s, setS] = useState
- not square }
-
-
- New cover
-
- {art.width}×{art.height} · {formatBytes(art.size)} JPEG
-
- {!art.square &&
-
-
-
-
-
- {dirty && (
-
- )}
-
-
- Where the tag editor searches for covers. Only square images are shown.
-
- {SOURCES.map((src) => (
-
- ))}
-
- {s.sources.includes("google") && (
-
-
- setS({ ...s, google_key: e.target.value })} />
-
-
- setS({ ...s, google_cx: e.target.value })} />
-
-
- )}
-
-
-
-
-
-
-
-
- - Searching sends the artist and album (or your search text) to the selected services. Images are downloaded by playlink itself, never from - addresses on your local network. -
-
-
- );
-}
-
-// ---- naming settings ----
-
-function NamingCard({ pair }: { pair: Pair }) {
- const qc = useQueryClient();
- const toast = useToast();
- const info = useQuery({ queryKey: ["naming-info"], queryFn: () => api.get
-
-
- {info.data && (
-
-
-
-
-
-
-
- How files are named from their tags, in the style of Lidarr. Only the name and folder change.
-
- Presets:
- {info.data.presets.map((p) => (
-
- ))}
-
- )}
-
-
-
-
-
-
- {folders.map((r, i) => (
-
-
-
- Folders with their own naming
-- For part of a library that is organized differently, such as game soundtracks in{" "} - Video Games/Album/01 Title. Files in the folder stay in it, and other files are never moved into it. -
-
- setField(i, k, v)}
- onFocus={(key, el) => (focused.current = { rule: i, key, el })}
- />
-
- ))}
-
-
-
-
- setCfg({ ...cfg, folders: folders.map((x, j) => (j === i ? { ...x, folder: e.target.value } : x)) })}
- />
-
-
-
-
-
- {showTokens && info.data && (
-
-
-
- {info.data.tokens.map(([tok, ex]) => (
-
- ))}
-
- )}
-
- Write a token with dots or underscores to use them between words ({"{Artist.Name}"} → Avenged.Sevenfold),
- or in capitals or lower case to change the case ({"{ARTIST NAME}"}).
-
-
-
- Examples
- {examples.data?.error && {examples.data.error}
}
- {!examples.data?.error &&
- examples.data?.examples.map((ex) => (
-
- {ex.label}
- {ex.path}
-
- ))}
-
-
-
-
- '}>
-
-
-
-
-
-
- {auto !== "off" && (
-
-
- Rename now
-Check the library against the naming below and review every change before anything is renamed.
-
-
-
-
- {open &&
-
- )}
- {stage.kind === "error" && (
-
-
- {stage.job && stage.job.total > 0 && (
-
-
-
- )}
- Reading each file's tags. Nothing is renamed until you confirm.
-
- {stage.message}
-
-
- )}
- {stage.kind === "ready" && data && (
-
- Everything already follows the naming. }
-
- {(moves.length > 0 || skipped.length > 0) && (
- Dry run is on, so the renames are recorded as planned in Activity. No files move. }
-
- )}
-
-
-
- {moves.length === 0 && skipped.length === 0 &&
- {(["changes", "skipped"] as const).map((v) => (
-
- ))}
-
- )}
-
- {view === "changes" && moves.length > 0 && (
-
-
-
- )}
-
- {view === "skipped" && (
-
- {groups.map(([key, items]) => {
- const [side, folder] = key.split("\u0000");
- const ids = items.map((i) => i.id);
- return (
-
-
-
- {items.map((it) => (
-
- ))}
-
- );
- })}
-
-
- )}
-
- {moves.length > 0 && (
- -
- {Object.entries(data.plan.skips).map(([why, n]) => (
-
- - {n} {why} - - ))} -
- {skipped.map((it) => (
-
-
- {both && {it.side} }
-
- ))}
-
-
- {it.reason?.startsWith("missing") && (
-
- )}
- {it.from}
- {it.reason}
- After fixing tags, run Rename now again to include those files.
--
-
- Files move inside their own library; their contents and hardlinks don't change. -
- Lyrics files with the same name move along; cover art follows when a whole folder moves. Emptied folders are removed. -
- - Playlists or apps that point at the old paths will need updating. - - {!both && ( -
- - Only the {data.plan.sides[0]} library is renamed; paths may then differ from the other library (hardlinked songs stay paired). - - )} -
- Each rename is in History and can be undone. The library is rescanned when it finishes. -
-
- {stage.kind === "ready" && moves.length > 0 && (
-
- )}
-
- {editTags &&
-
- );
-}
-
-function sameFormats(a: Naming, b: Naming) {
- return (["artist_folder", "album_folder", "track_format", "multi_disc_format", "colon", "illegal"] as const).every((k) => a[k] === b[k]);
-}
-
-/** The four path formats, for the library or for one folder rule. */
-function FormatFields({
- values,
- inside,
- onChange,
- onFocus,
-}: {
- values: Record{value}
- {label}
-
- {FORMAT_FIELDS.map((f) => (
-
- onFocus(f.key, e.currentTarget)}
- onChange={(e) => onChange(f.key, e.target.value)}
- />
-
- ))}
-
- );
-}
diff --git a/web/src/pages/PairForm.tsx b/web/src/pages/PairForm.tsx
index d59e517..880e40b 100644
--- a/web/src/pages/PairForm.tsx
+++ b/web/src/pages/PairForm.tsx
@@ -1,17 +1,12 @@
import { useEffect, useState } from "react";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { ChevronLeft, Folder, FolderOpen } from "lucide-react";
-import { api, type LibraryType, type Pair, type PairInput, type ScanWarning } from "../api";
+import { api, type Pair, type PairInput, type ScanWarning } from "../api";
import { WarningList } from "./Warnings";
import { useInfo } from "../App";
-import { Alert, Button, Field, Modal, Toggle, cx, inputCls } from "../ui";
+import { Alert, Button, Field, Modal, Toggle, inputCls } from "../ui";
import { useToast } from "../toast";
-export const LIBRARY_TYPES: { id: LibraryType; label: string; layout: string; hint: string }[] = [
- { id: "music", label: "Music", layout: "Artist/Album/01 Title.flac", hint: "Albums by artist." },
- { id: "soundtracks", label: "Soundtracks", layout: "Album/01 Title.flac", hint: "Video game and film soundtracks, named by game or film." },
-];
-
type Validation = { ok: boolean; error?: string; warnings: ScanWarning[] };
export function PairForm({ pair, open, onClose }: { pair?: Pair; open: boolean; onClose: () => void }) {
@@ -30,8 +25,6 @@ export function PairForm({ pair, open, onClose }: { pair?: Pair; open: boolean;
settle_minutes: 10,
approx_matching: false,
approx_threshold: 85,
- auto_organize: "off",
- library_type: "music",
};
const [f, setF] = useState
- {LIBRARY_TYPES.map((t) => (
-
- ))}
-
- Whatever gets replaced is kept in quarantine and can be restored from History.
@@ -536,14 +526,6 @@ function ComparePanel({ m, onDone }: { m: Match; onDone: () => void }) {
-
- {files.isLoading && (
-
- setEditing(null)}
- onSaved={() => setSel(new Set())}
- />
- )}
- {albumFolder !== null && setAlbumFolder(null)} />}
- {autoMatch && setAutoMatch(false)} />}
-
- );
-}
-
-// ---- editor ----
-
-type Common = Record
-
-
-
-
-
- {(["slave", "master"] as const).map((s) => (
-
- ))}
-
-
-
-
- {songs.length > 0 && (
-
- )}
-
-
-
-
- )}
- {files.error && (
-
- {files.error.message}
-
- )}
- {files.data?.length === 0 &&
- {e.dir ? (
- <>
-
-
-
- )}
- {formatBytes(e.size ?? 0)}
-
- )}
-
- ))}
- - Click a song to edit its tags, tick several to edit the tags they share, or use Edit album to edit a whole album (album fields, - every track's number and title, and the cover). shared marks files that are hardlinked to the other library. -
- {editing && ( -
-
- {blocked.length} file{blocked.length > 1 && "s"} can't be edited and will be left alone:
-
- )}
-
- {editable.length > 0 && (
- Dry run is on, so the edit is recorded as planned in Activity. No files change. }
-
- )}
-
- {side} {" "}
- {multi ? `${editable.length} files in ${commonFolder(editable.map((f) => f.rel))}` : paths[0]}
-
-
- {blocked.length > 0 && (
- -
- {blocked.slice(0, 5).map((f) => (
-
- - {f.rel.split("/").pop()}: {f.reason} - - ))} -
- {FIELDS.map((f) => {
- const c = common[f.id];
- const isChanged = changed.includes(f.id);
- const lockedPerSong = multi && f.perSong;
- const value = edits[f.id] ?? (c.mixed ? "" : c.value);
- const removing = isChanged && edits[f.id] === "" && (c.present || c.mixed);
- const Input = f.multiline ? "textarea" : "input";
- return (
-
- );
- })}
-
- )}
-
- {!multi && editable[0] && Object.keys(editable[0].other).length > 0 && (
-
-
- {showOther && (
-
-
- {Object.entries(editable[0].other).map(([k, v]) => (
-
- )}
-
- )}
-
- {editable.length > 0 && (
- | {k} | -{v} | -
-
- )}
-
- {shared > 0 && (
-
- {art ? (
- setArt(null)} />
- ) : (
- <>
-
- {picking && !art && (
-
-
-
- )}
- Album art{multi && " (first song)"}
-
-
- {
- setArt(p);
- setPicking(false);
- }}
- />
-
- )}
- {art && editable.some((f) => /\.(ogg|oga|opus)$/i.test(f.rel)) && (
- OGG/Opus files can't hold embedded art; use Edit album to save a folder cover.jpg for them.
- )} -
- {shared === editable.length ? (multi ? "These files are" : "This file is") : `${shared} of these files are`} hardlinked:{" "}
- the {side === "slave" ? "master" : "slave"} library uses the same file. Editing changes the tags in both libraries, and the
- files stay linked.
-
-
-
- )}
-
- - Only the tags are rewritten; the audio is verified to be identical afterwards. The previous version goes to quarantine and the edit can - be undone from History. -
- {dry &&
- {changed.length > 0 && (
-
- {changed.length} field{changed.length > 1 && "s"} will change on {editable.length} song{editable.length > 1 && "s"}
-
- )}
-
-
-
-
- Dry run is on, so matches are recorded as planned in Activity. No files change. }
- {error && {error} }
-
- )}
- {job && (
-
- Finds covers for every album in {folder || `the ${side} library`} from iTunes, Deezer and MusicBrainz,
- using each album's artist and album tags. A cover is only applied when both clearly match, and only square covers are used.
-
-
- - The album names are sent to those services to search. Every change goes through History and can be undone. -
- {dry &&
- {running ? (
-
- {job.state === "done"
- ? Object.entries(job.results)
- .map(([k, v]) => `${v} ${k}`)
- .join(" · ") || "Nothing to do"
- : job.error}
-
- )}
- {(job.notes?.length ?? 0) > 0 && (
-
- )}
-
-
- ) : (
-
-
- {job.total > 0 && (
-
-
-
- )}
-
-
- )}
- {job.skipped.length > 0 && (
- Matched
- -
- {job.notes!.map((n, i) => (
-
- {n} - ))} -
-
- )}
- Not matched
- -
- {job.skipped.map((n, i) => (
-
- {n} - ))} -
Use Edit album → Change art… to search those by hand.
-
-
- {!job && (
-
- )}
-
-
-
-
- );
-}
-
-function StepLink({ status, active, onClick, children }: { status?: StepStatus; active: boolean; onClick: () => void; children: ReactNode }) {
- const icon =
- status?.state === "done" ? (
-
- {sel === "link" ? (
- setSel(firstOpen(pair))}
- />
- )}
-
- {layoutOf(pair)};
- switch (step) {
- case "structure":
- return (
- <>
- Puts every album in its own folder at the right depth for {layout}. Songs outside an album folder are moved into one named from their tags;
- extra folders around an album (a composer folder around a soundtrack, a FLAC folder inside an album) are
- removed; songs in disc folders get their disc number; and missing titles, track numbers, albums and artists are filled in from the folder
- and file names. Names themselves are fixed in the next steps.
-
- );
- case "tags":
- return (
- <>
- Looks each album up on MusicBrainz and shows corrected titles, track and disc numbers, album artist and date for you to review.
- {side === "slave" && " Albums that are also in the master take the master's tags instead, so both libraries match."} Nothing changes until
- you apply the albums you selected. This step is optional and can take a while: MusicBrainz allows about one lookup a second.
-
- );
- case "folders":
- return (
- <>
- Renames artist and album folders from the tags, following {layout}. Whole album folders move, so covers, booklets and other files stay with
- their album.
-
- );
- case "files":
- return (
- <>
- Renames each song from its tags ({pair.naming.track_format}). Albums with several discs get{" "}
- Disc 01, Disc 02 folders. Lyrics files move with their song.
-
- );
- }
-}
-
-function StepPanel({ pair, side, step, fixer, onNext }: { pair: Pair; side: Side; step: FixStep; fixer?: Fixer; onNext: () => void }) {
- const qc = useQueryClient();
- const toast = useToast();
- const [folder, setFolder] = useState("");
- const [onlyIncomplete, setOnlyIncomplete] = useState(true);
- const meta = STEPS.find((s) => s.id === step)!;
- const status = pair.fixer[side][step];
- const plan = fixer?.plan && fixer.plan.side === side && fixer.plan.step === step ? fixer.plan : null;
- const running = pair.job?.state === "running";
- const ourJob = running && pair.job!.kind.startsWith("tune-up");
- const refresh = () => {
- qc.invalidateQueries({ queryKey: ["pair", pair.id] });
- qc.invalidateQueries({ queryKey: ["fixer", pair.id] });
- };
- const check = useMutation({
- mutationFn: () => api.post(`/pairs/${pair.id}/fixer/check`, { side, step, folder: folder.trim(), only_incomplete: onlyIncomplete }),
- onSuccess: refresh,
- onError: (e) => toast("err", e.message),
- });
- const mark = useMutation({
- mutationFn: (state: StepStatus["state"]) => api.put(`/pairs/${pair.id}/fixer/step`, { side, step, state }),
- onSuccess: (_, state) => {
- refresh();
- if (state) setTimeout(onNext, 300);
- },
- onError: (e) => toast("err", e.message),
- });
- const masterOpen = side === "slave" && STEPS.some((s) => !finished(pair.fixer.master[s.id]));
-
- return (
-
-
-
-
-
-
- {side === "master" ? "Master library" : "Slave library"}
-
- optional }
- {status?.state === "done" && done {formatAgo(status.at)} }
- {status?.state === "skipped" && skipped }
-
-
- {finished(status) ? (
-
- ) : (
- <>
-
- {plan && !plan.applied && (
-
- )}
-
- )}
-
-
- {stepText(step, pair, side)}
- {masterOpen && ( -
-
- setFolder(e.target.value)} />
-
-
- )}
-
- {ourJob ? (
-
-
- Complete: every song has a title, track number, album and artist, and they agree.
-
- Check the {side} library to see what needs fixing. Nothing is changed by checking.
-
- ) : plan.applied ? (
-
-
- );
-}
-
-function useSelection(fixer: Fixer) {
- const initial = () => new Set(fixer.items.filter((i) => !i.blocked && i.kind !== "problem" && !i.unsure).map((i) => i.id));
- const [sel, setSel] = useState
- {stats.map(([label, n, tone]) => (
-
- {p.notices.map((n, i) => (
-
-
- ))}
- {n}
- {label}
-
-
-
- {count} of {total} selected{dry && " · dry run: changes are only recorded"}
-
-
- );
-}
-
-// ---- moves and tag fixes ----
-
-const GROUP_PAGE = 60;
-
-function ItemResults({ pair, side, fixer, onApplied }: { pair: Pair; side: Side; fixer: Fixer; onApplied: () => void }) {
- const { sel, toggle } = useSelection(fixer);
- const [shown, setShown] = useState(GROUP_PAGE);
- const [album, setAlbum] = useState
- Nothing to fix here. Mark the step done to continue. }
- {groups.length > 0 && (
- sel.has(i.id)).length}
- total={fixable.length}
- ids={fixable.filter((i) => sel.has(i.id)).map((i) => i.id)}
- onApplied={onApplied}
- />
- )}
- {album !== null && setAlbum(null)} />}
-
- );
-}
-
-function FixGroup({
- group,
- items,
- sel,
- toggle,
-}: {
- group: string;
- items: FixItem[];
- sel: Set
-
- )}
- {attention.length > 0 && (
-
- sel.has(i.id))}
- onChange={(e) =>
- toggle(
- fixable.map((i) => i.id),
- e.target.checked,
- )
- }
- />
- Select all · grouped by where they end up
-
-
- {groups.slice(0, shown).map(([g, items]) => (
-
- {groups.length > shown && (
-
- )}
-
-
-
-
- )}
- {fixable.length > 0 && (
-
-
-
- {attention.slice(0, 200).map((it) => (
-
-
-
- ))}
- {attention.length > 200 &&
-
- {it.from && (
-
- )}
- {it.from}
-
- {it.why}
- {it.blocked && · {it.blocked}}
-
- and {attention.length - 200} more
}
-
-
- );
-}
-
-function FixRow({ it, checked, onChange }: { it: FixItem; checked: boolean; onChange: (on: boolean) => void }) {
- return (
-
- );
-}
-
-function Changes({ changes }: { changes: Record
- toggle(ids, e.target.checked)} />
-
-
- {(open || single) && (
-
- {items.map((it) => (
- toggle([it.id], on)} />
- ))}
-
- )}
-
- {keys.map((k) => (
-
- {FIELD_LABEL[k] ?? k}:
- {changes[k][0] ? {changes[k][0]} : (empty)}
- →
- {changes[k][1]}
-
- ))}
-
- );
-}
-
-// ---- album tags (online lookup) ----
-
-function AlbumResults({ pair, side, fixer, onApplied }: { pair: Pair; side: Side; fixer: Fixer; onApplied: () => void }) {
- const { sel, toggle } = useSelection(fixer);
- const [shown, setShown] = useState(40);
- const [album, setAlbum] = useState
- Every album checked already matches. Mark the step done to continue. }
- sel.has(a.id)).length}
- total={usable.length}
- ids={usable.filter((a) => sel.has(a.id)).map((a) => a.id)}
- onApplied={onApplied}
- />
- )}
- {album !== null && setAlbum(null)} />}
-
- );
-}
-
-function Confidence({ c }: { c: number }) {
- if (c >= 0.85) return
- {ordered.slice(0, shown).map((a) => (
- toggle([a.id], on)}
- onEdit={() => setAlbum(a.folder)}
- />
- ))}
- {ordered.length > shown && (
-
- )}
-
- {usable.length > 0 && (
-
-
- );
-}
-
-// ---- linking ----
-
-function LinkPanel({ pair }: { pair: Pair }) {
- const qc = useQueryClient();
- const toast = useToast();
- const [confirm, setConfirm] = useState(false);
- const c = pair.summary.counts;
- const open = SIDES.flatMap((s) => STEPS.filter((st) => !finished(pair.fixer[s.id][st.id])).map((st) => `${s.title}: ${st.title}`));
- const refresh = () => {
- qc.invalidateQueries({ queryKey: ["pair", pair.id] });
- qc.invalidateQueries({ queryKey: ["pairs"] });
- };
- const link = useMutation({
- mutationFn: () => api.post(`/pairs/${pair.id}/link-identical`),
- onSuccess: () => {
- setConfirm(false);
- refresh();
- },
- onError: (e) => toast("err", e.message),
- });
- const mark = useMutation({
- mutationFn: (state: StepStatus["state"]) => api.put(`/pairs/${pair.id}/fixer/step`, { side: "", step: "link", state }),
- onSuccess: refresh,
- onError: (e) => toast("err", e.message),
- });
- const running = pair.job?.state === "running";
- const stat = (label: string, n: number | undefined, tone?: string) => (
-
- onCheck(e.target.checked)}
- />
-
- {open && !blocked && (
-
-
- {a.folder}
- {r && !blocked ? (
-
-
- {r.artist} – {r.title}
-
-
- {[r.date, r.country, r.formats, r.track_count ? `${r.track_count} tracks` : ""].filter(Boolean).join(" · ")}
-
- {a.source === "master" ? from master : MusicBrainz }
-
- ) : (
- {a.error || "No confident match"}
- )}
-
- {a.source === "master" ? (
-
- ) : (
- a.candidates.length > 0 && (
-
- )
- )}
- {choose.isPending &&
-
- {Object.keys(a.album_changes).length > 0 && (
-
-
-
-
- )}
-
- Every song:
-
- )}
- | File | -Matched track | -Changes | -
|---|---|---|
| {f.path.slice(a.folder.length + 1)} | -{f.track ?? not matched} | -{Object.keys(own).length ? |
-
-
- );
-
- return (
- {n ?? 0}
- {label}
-
-
-
-
-
-
- {pair.fixer.link?.state === "done" ? (
-
- ) : (
-
- )}
- Both libraries
-
- done {formatAgo(pair.fixer.link.at)} }
-
- - With both libraries organized the same way, songs match by path. Identical songs are replaced in the slave with a hardlink to the master, so - they take up space only once. Songs that differ (another quality, other tags) are left for you in Review. -
- {open.length > 0 && ( -1. Scan both libraries
-
-
- {running && pair.job && 2. Folders named differently
-{pair.last_scan_warnings.length > 0 ? "3" : "2"}. Link identical songs
-
- {stat("already linked", c.linked, "text-emerald-300")}
- {stat("identical", c.identical, "text-accent")}
- {stat("different", (c.different ?? 0) + (c.similar ?? 0), "text-amber-300")}
- {stat("only in slave", c.unmatched)}
- {stat("errors", c.error, c.error ? "text-red-300" : undefined)}
-
- {confirm ? (
-
- Replace {c.identical ?? 0} slave songs with hardlinks to the identical master songs? Each is compared byte by byte first.
-
-
-
- ) : (
-
- )}
- {pair.last_scan_warnings.length > 0 ? "4" : "3"}. Review the differences
-Upgrades, other formats and approximate matches are reviewed one album or song at a time.
- - - -