Brandon LiandClaude Opus 5
54221bbc0c
Builds the pipeline the autobuyer needs: see the page, find an element, click it. extension/ — MV3 Chromium extension. Polls /api/autobuyer/status and, while on, scrapes the target tab's HTML and posts it back. Also serves locate requests: focuses the window, scrolls the element into view, and reports its position. host_permissions is scoped to tradeify plus localhost so it cannot read other sites — an empty target pattern would otherwise capture whatever tab happened to be active, including banking or mail. app/api/autobuyer/ — status toggle, capture store, and the locate request queue. CORS is open because the extension's origin changes every time an unpacked extension is reloaded. app/autobuyer/page.tsx — ON switch, source view (default) and a rendered view. The render uses sandbox="allow-scripts" without allow-same-origin: the page's own JS is needed because sites ship content at opacity:0 and fade it in, but the frame must not reach the dashboard's same-origin API routes, which serve firm credentials. clicker/ — Python CLI. Asks the extension where a selector is, adds the element rect to the window's screen position and the browser chrome height to get desktop coordinates, then clicks with a human motion model (curved path, eased velocity, occasional overshoot, dwell before press). Raises the browser application first, since macOS consumes a click on an unfocused window rather than delivering it. Refuses to click when the element is covered by an overlay, when the coordinates fall off-screen, or when the browser cannot be confirmed frontmost. Verified: API round-trips, capture pruning, locate claim-once semantics, motion geometry and timing, and focus activation — the last two against stubs, since pyautogui and pyobjc are not installed here. NOT verified end to end: Chrome is still running a stale build of the extension, so a locate request has never completed against a real page and no real click has been sent. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
import { NextRequest } from 'next/server';
|
|
import { createLocateRequest, getLocateRequest } from '@/lib/db';
|
|
import { corsJson, corsPreflight } from '../cors';
|
|
|
|
/** Python enqueues "find this selector and tell me where it is on screen". */
|
|
export async function POST(req: NextRequest) {
|
|
try {
|
|
const body = await req.json() as { selector?: unknown; index?: unknown; urlPattern?: unknown };
|
|
if (typeof body.selector !== 'string' || !body.selector.trim()) {
|
|
return corsJson({ error: '`selector` is required' }, { status: 400 });
|
|
}
|
|
const index = Number.isInteger(body.index) ? Number(body.index) : 0;
|
|
const urlPattern = typeof body.urlPattern === 'string' ? body.urlPattern : '';
|
|
|
|
const row = createLocateRequest(body.selector.trim(), index, urlPattern);
|
|
return corsJson({ id: row.id, status: row.status });
|
|
} catch (err: any) {
|
|
return corsJson({ error: err?.message ?? 'Failed to queue request' }, { status: 500 });
|
|
}
|
|
}
|
|
|
|
/** Python polls `?id=` until the extension resolves it. */
|
|
export async function GET(req: NextRequest) {
|
|
const id = Number(req.nextUrl.searchParams.get('id'));
|
|
if (!Number.isInteger(id) || id <= 0) {
|
|
return corsJson({ error: '`id` is required' }, { status: 400 });
|
|
}
|
|
const row = getLocateRequest(id);
|
|
if (!row) return corsJson({ error: 'No such request' }, { status: 404 });
|
|
|
|
return corsJson({
|
|
id: row.id,
|
|
selector: row.selector,
|
|
status: row.status,
|
|
result: row.result ? JSON.parse(row.result) : null,
|
|
error: row.error,
|
|
});
|
|
}
|
|
|
|
export async function OPTIONS() {
|
|
return corsPreflight();
|
|
}
|