Function startExtraction

static/mobile/app.js:566–607

()

// Submit an extraction (URL or file) and follow it to completion.
async function startExtraction() {
  const stems = Object.keys(state.selected).filter((k) => state.selected[k]);
  if (!stems.length) { toast("Pick at least one stem."); return; }
  const file = state.extractFile;
  const url = (state.extractUrl || "").trim();
  if (!file && !url) { toast("Paste a URL or choose a file first."); return; }

  let init, title;
  if (file) {
    const fd = new FormData();
    fd.append("file", file);
    fd.append("stems", JSON.stringify(stems));
    init = { method: "POST", body: fd };
    title = file.name;
  } else {
    init = { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url, stems }) };
    title = url;
  }

  state.extractJob = { id: null, title, status: "queued", progress: 0, stage: "Queued" };
  render();

  let jobId;
  try {
    const res = await fetch("/api/jobs", init);
    const data = await res.json().catch(() => ({}));
    if (!res.ok) throw new Error(data.detail || res.statusText);
    jobId = data.job_id;
  } catch (e) {
    console.warn("[mobile] extraction submit failed:", e);
    state.extractJob = null;
    toast(`Couldn't start: ${e.message}`);
    render();
    return;
  }

  state.extractJob.id = jobId;
  state.extractFile = null;
  state.extractUrl = "";
  followExtraction(jobId);
  render();
}

function _onExtractState(jobId, s) {
  if (!state.extractJob || state.extractJob.id !== jobId) return false;