Mina Choi
43ba33dd65
이 목업은 payload 가 없어 프리렌더 재굽기 대상이 아니다 — `index.html` 한 장이 유일본이고 자산이 지워지면 사람이 되돌려 넣어야 한다(CLAUDE.md 의 ★★ 함정). 지금까지 그 한 장을 이 맥에서만 만들고 있었다. 다른 사람이 이어받을 수 있도록 재료를 전부 올린다. `build/index.html` 은 생성물이라 이그노어 그대로다 — `patch_stay.py` 로 다시 나온다. - build_itinerary.py: 테마 21개 일정 생성. 좌표에서 이동시간을 계산하고(도보 4km/h, 1.5km 초과는 차 25km/h + 주차 5분) 입·퇴실·끼니 창을 맞춘다. 규칙 14종 감사가 **빌드 안**에 있어 하나라도 어기면 payload 를 쓰지 않고 멈춘다 — 검사가 빌드 밖에 있던 동안 뼈대를 고칠 때마다 안 보는 규칙이 생겼다(2026-09-11 REVIEW) - build_story.py: 노래 25곡·인물 57명. 사진은 위키백과 문서 pageimages 만 믿는다 (이름 검색은 동명이인을 끌고 온다 — 이수현→걸그룹, 박성현→골퍼) - patch_stay.py: 캐치프레이즈 100개·자작곡 5곡·객실 사진(A동 12/B동 10)을 넣고 payload 를 갈아 끼운 뒤 inject.css/js 를 `</body>` 앞에 주입해 index.html 을 짠다 - inject.js/css: React 가 다시 그려도 살아남아야 하는 다섯 가지(캐치프레이즈 순환· 헤더 미니 플레이어·지도 링크·사진 저작자 표시·카로셀 제어). `#root` 밖에 둔다 - audit-all.mjs / rails-test.mjs: 실제 브라우저로 34종 검사, 레일 13개 자동 넘김 전수 - README.md: 이어받는 사람이 먼저 읽는 문서. 배포·함정·§7 "내가 틀렸던 6가지" - PROMPTS.md / TEXT.md / REVIEW-2026-09-11.md: 문구 생성 프롬프트 · 전체 텍스트 · 검수 보고 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
40 lines
2.2 KiB
JavaScript
40 lines
2.2 KiB
JavaScript
import {chromium, devices} from 'playwright';
|
|
const url = process.argv[2] || 'http://localhost/s/stay';
|
|
const b = await chromium.launch({channel: 'chrome'});
|
|
const ctx = await b.newContext({...devices['iPhone 13'], hasTouch: true, isMobile: true});
|
|
const page = await ctx.newPage();
|
|
const ev = [];
|
|
await page.goto(url, {waitUntil: 'domcontentloaded'});
|
|
await page.waitForTimeout(6000);
|
|
await page.evaluate(() => document.querySelector('#itinerary').scrollIntoView({block: 'center'}));
|
|
await page.waitForTimeout(9000);
|
|
await page.evaluate(() => {
|
|
const r = document.querySelector('#itinerary .slider-viewport');
|
|
window.__r = r;
|
|
window.__pos = () => { const c = r.firstElementChild; let m = 0;
|
|
try { m = new DOMMatrix(getComputedStyle(c).transform).m41; } catch {} return Math.round(r.scrollLeft + m); };
|
|
window.__ev = [];
|
|
['pointerdown','pointerup','pointercancel','touchstart','touchmove','touchend'].forEach((t) => {
|
|
window.addEventListener(t, (e) => { if (e.isTrusted) window.__ev.push(`${((Date.now()-window.__t0)/1000).toFixed(1)} ${t}`); }, true);
|
|
});
|
|
window.__t0 = Date.now();
|
|
});
|
|
const box = await page.evaluate(() => { const b = window.__r.getBoundingClientRect(); return {x: Math.round(b.left + b.width/2), y: Math.round(Math.min(Math.max(b.top + b.height/2, 120), 600))}; });
|
|
const p0 = await page.evaluate(() => window.__pos());
|
|
// 손가락을 대고 천천히 세로로 끌면서 10초 유지 (CDP 로 직접 터치)
|
|
const cdp = await ctx.newCDPSession(page);
|
|
const pt = (type, y) => cdp.send('Input.dispatchTouchEvent', {type, touchPoints: type === 'touchEnd' ? [] : [{x: box.x, y}]});
|
|
await pt('touchStart', box.y);
|
|
const marks = [];
|
|
for (let i = 0; i < 12; i++) {
|
|
await page.waitForTimeout(900);
|
|
await pt('touchMove', box.y - (i + 1) * 2); // 아주 조금씩 — 손가락 올린 채 유지
|
|
marks.push(await page.evaluate((p) => window.__pos() - p, p0));
|
|
}
|
|
await pt('touchEnd', box.y);
|
|
console.log('손가락 올린 채 11초:', marks.join(' '));
|
|
await page.waitForTimeout(11000);
|
|
console.log('뗀 뒤 11초:', await page.evaluate((p) => window.__pos() - p, p0));
|
|
console.log('이벤트:', (await page.evaluate(() => window.__ev)).slice(0, 14).join(' | '));
|
|
await b.close();
|