mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-29 03:09:36 +00:00
houseplan dev
bb4d4e1f6e
The shoulder badges, the centre tick and the soft magnet used to live only in the drag of an EXISTING opening. Placing a new one — the gesture where you actually choose the spot — showed a bare dashed ghost. One implementation now serves both: _opRuler() takes a wall snap, the opening length and the Shift flag, returns the magnetised point plus the badges/tick, and is called from _opPointerMove (drag), _openingPreview (hover) and _openingClick (placement). The click therefore creates the opening exactly where the preview showed it, and clearing _cursorPt makes ghost, badges and tick disappear together the moment it lands. Smoke: smoke_opening_measure gains a «PLACING a new opening» section (13 of its checks fail on the previous build). TESTING.md: checklist row. Shot: demo/shot_opening_place.mjs.
28 lines
1.2 KiB
JavaScript
28 lines
1.2 KiB
JavaScript
// Capture: the shoulder rulers + centre tick while PLACING a new opening
|
|
// (Opening tool, cursor hovering the wall centre) — owner 2026-08-03.
|
|
import { launch } from './serve.mjs';
|
|
const { page, browser } = await launch({ width: 900, height: 820 }, 2);
|
|
await page.evaluate(() => {
|
|
const c = window.__card;
|
|
const sp = c._serverCfg.spaces.find((s) => s.id === 'f1');
|
|
sp.openings = [];
|
|
c._setMode('plan'); c._tool = 'opening';
|
|
c._cfgEpoch++; c.requestUpdate();
|
|
return c.updateComplete && true;
|
|
});
|
|
await page.waitForTimeout(300);
|
|
const pt = await page.evaluate(() => {
|
|
const c = window.__card;
|
|
const stage = c.renderRoot.querySelector('.stage');
|
|
const r = stage.getBoundingClientRect();
|
|
const [vx, vy, vw, vh] = stage.querySelector('svg').getAttribute('viewBox').split(' ').map(Number);
|
|
return { x: r.left + ((293.7 - vx) / vw) * r.width, y: r.top + ((141 - vy) / vh) * r.height,
|
|
sx: r.left, sy: r.top, sw: r.width, sh: r.height };
|
|
});
|
|
await page.mouse.move(pt.x, pt.y, { steps: 4 });
|
|
await page.waitForTimeout(300);
|
|
await page.screenshot({ path: process.argv[2] || '/tmp/opening_place.png',
|
|
clip: { x: pt.sx, y: pt.sy, width: pt.sw, height: Math.min(pt.sh, 420) } });
|
|
await browser.close();
|
|
console.log('shot ok');
|