Replace credential auto-login with a Chrome-remote-debugging session capture flow
All checks were successful
Deploy / deploy (push) Successful in 38s
All checks were successful
Deploy / deploy (push) Successful in 38s
Live testing against the real site found MassPrice's login is behind hCaptcha, which silently blocks fully automated username/password login outright (the form never submits) — no selector fix could work around this. Also fixed the broken _is_logged_out() heuristic: an unauthenticated visit to /Rule/List redirects to the public marketing homepage, not a /login URL, so run_rule/list_rules were silently scraping the wrong page instead of erroring. New flow: a Session page lets the user start a headless-but-CDP-exposed Chromium instance, log in themselves via chrome://inspect (solving the captcha as a real click), then capture that browser's cookies into the same auth_state.json scheduled runs already use. Required a socat proxy in the container image, since Chromium's debug port binds loopback-only regardless of --remote-debugging-address (confirmed by live testing), unreachable through Docker's port mapping without it. All Playwright objects for this now live on one dedicated thread (automation.py's _debug_worker), since the sync API isn't safe to call across the arbitrary threads gunicorn's gthread workers hand out per request. Dashboard now shows a banner when the latest run failed specifically due to a missing/expired session, rather than just looking like an empty rule list. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01H6TgffxTvYhqxykAbVQg2v
This commit is contained in:
parent
cb027167a7
commit
bec399dd11
12 changed files with 473 additions and 121 deletions
|
|
@ -154,6 +154,33 @@ footer {
|
|||
|
||||
.empty-state { color: var(--text-dim); }
|
||||
|
||||
.banner {
|
||||
border-radius: var(--radius);
|
||||
padding: 12px 16px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
.banner-warn {
|
||||
background: rgba(248, 113, 113, 0.12);
|
||||
border: 1px solid var(--failure);
|
||||
color: #f2c2c2;
|
||||
}
|
||||
.banner a { color: var(--text); }
|
||||
|
||||
.panel {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 20px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.panel h2 { font-size: 1rem; margin: 0 0 12px; }
|
||||
.panel-narrow { max-width: 560px; }
|
||||
|
||||
.session-steps { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 0.88rem; }
|
||||
.session-steps code { background: var(--panel-alt); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; }
|
||||
.session-actions { display: flex; gap: 8px; margin-top: 16px; }
|
||||
|
||||
.activity-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
|
||||
.activity-table th, .activity-table td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); }
|
||||
.activity-table th { color: var(--text-dim); font-weight: 500; font-size: 0.75rem; text-transform: uppercase; }
|
||||
|
|
|
|||
|
|
@ -21,8 +21,40 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
}
|
||||
|
||||
document.querySelectorAll(".rule-card").forEach(initRuleCard);
|
||||
initSessionControls();
|
||||
});
|
||||
|
||||
function initSessionControls() {
|
||||
const startBtn = document.getElementById("session-start");
|
||||
const captureBtn = document.getElementById("session-capture");
|
||||
const stopBtn = document.getElementById("session-stop");
|
||||
if (!startBtn) return; // not on the Session page
|
||||
|
||||
async function call(url, btn) {
|
||||
btn.disabled = true;
|
||||
const original = btn.textContent;
|
||||
btn.textContent = "Working…";
|
||||
try {
|
||||
const res = await fetch(url, { method: "POST" });
|
||||
const data = await res.json().catch(() => ({}));
|
||||
if (!res.ok) {
|
||||
alert(data.error || "Request failed");
|
||||
btn.disabled = false;
|
||||
btn.textContent = original;
|
||||
return;
|
||||
}
|
||||
window.location.reload();
|
||||
} catch (err) {
|
||||
btn.disabled = false;
|
||||
btn.textContent = original;
|
||||
}
|
||||
}
|
||||
|
||||
startBtn.addEventListener("click", () => call("/api/session/start", startBtn));
|
||||
captureBtn.addEventListener("click", () => call("/api/session/capture", captureBtn));
|
||||
stopBtn.addEventListener("click", () => call("/api/session/stop", stopBtn));
|
||||
}
|
||||
|
||||
function initRuleCard(card) {
|
||||
const ruleId = card.dataset.ruleId;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue