All checks were successful
Deploy eCourt Note Web to Server / Validate Database Schema (Drizzle) (push) Successful in 2s
Deploy eCourt Note Web to Server / Build Web Docker Image (push) Successful in 40s
Deploy eCourt Note Web to Server / Deploy eCourt Note Web to Server (push) Successful in 13s
Deploy eCourt Note Web to Server / Notify Deployment Status (push) Successful in 1s
ส่วนที่ 1 — แก้ popup ตาม bug report ("กดแก้ไขแล้วไปกดที่ tool popup ของแก้ไขไม่ปิด/แสดงซ้อนกัน"):
(1) ปุ่ม tool แบบ dropdown ทั้ง 5 (highlight/draw/shape/stamp/textbox) เรียก switchTool เสมอแม้เป็น tool เดิม — เดิมกดปุ่ม tool ที่ active อยู่จะ toggle เมนูอย่างเดียวไม่เรียก switchTool (ซึ่งเป็นที่เดียวที่เคลียร์ popup บนหน้า: editor/แผง selection/popover) ผลคือ popup แก้ไขค้างเปิด + dropdown เปิดซ้อนขึ้นมาอีกชั้น — ตอนนี้จำ intent เปิด/พับเมนูไว้ก่อนเรียก (switchTool ปิดเมนูทุกตัว) แล้วเปิดคืนเฉพาะที่ตั้งใจ; toggle พับเมนูและกลไกกลืนคลิก M4 เท่าเดิม (mousedown บนปุ่ม mark อยู่แล้ว)
(2) switchTool ปิด popup bookmark ด้วย + openBookmarkComposer ปิดเมนูทั้ง 5 ก่อนเปิด popup (เดิมคีย์ลัด B ระหว่างเมนูเปิด = สอง popup ซ้อนกัน)
(3) คลิกหน้าว่าง = ปิด popover ของ comment pin + เลือกรายการอื่น/goToAnnotation ปิด popover เดิมทิ้ง (เดิมปิด popover ได้แค่กด pin เดิม/Escape/สลับ tool)
(4) COMMENT ที่เปิด popover อยู่ไม่ render กรอบ selection/แผงเครื่องมือ — bbox ของ COMMENT ครอบพื้นที่ pin พอดี แผงจะทับ popover และแถบ handle บังการคลิก (sidebar ยังตาม selectedId ไฮไลต์เหมือนเดิม)
(5) แก้แท็บ sidebar ตาม bug report ("เลือก Annotation แล้วจะกลับไป tabs bookmarks ไม่ได้"): effect เดิม dep รวม tab และบังคับ setTab ไปแท็บ annotations ทุกครั้งที่รันตราบ selectedId ไม่ null ทำให้กดแท็บที่คั่นหน้าแล้วถูกดึงกลับทันที — ใช้ ref จำ id ที่ประกาศแล้ว บังคับสลับเฉพาะตอน selectedId เพิ่งเปลี่ยน เคลียร์เป็น null ตอน deselect ให้เลือกรายการเดิมซ้ำภายหลังยังสลับแท็บให้ ส่วน scroll แถวตอนเปิดแท็บหมายเหตุคงเดิม
- sync rules/pdf-viewer.md: กติกาใหม่ popup บนหน้าเปิดได้ทีละชุดห้ามค้างเปิดซ้อนกัน (ปุ่ม dropdown เรียก switchTool เสมอ + วงจรปิด popover/แผง) และยกเว้น markMenuClosed ของคีย์ B ในกติกา M4
- verify: tsc ผ่าน, vitest 120/120, Playwright 18 เคสผ่าน (repro ตรงตามรายงาน: สร้าง textbox → แก้ไขข้อความ → กดปุ่ม tool เดิม → editor+แผงปิด+เมนูใช้ได้; popover pin ไม่ซ้อนแผง/ปิดด้วยคลิกหน้าว่าง; popup bookmark ปิดตอนสลับ tool; แท็บที่คั่นหน้ากลับได้)
ส่วนที่ 2 — งานที่ค้างใน working tree ก่อนหน้า (ตามแผน docs/PLAN-IMAGE.md):
- N3 รองรับไฟล์รูปภาพ jpg/jpeg/png/tif เป็นเอกสาร annotate ได้ครบทุกชนิด (viewer render img แทน canvas ไม่มี textLayer, scale contract เดียวกับ export) + TIFF หลายเฟรม = หลายหน้า (decode ผ่าน utif2 dynamic import → PNG blob URL ต่อเฟรม ฝั่ง client) + export PDF ฝังรูป (utils/image-to-pdf.ts: embedJpg/embedPng + EXIF rotate) + utils/file-kind.ts derive ชนิดไฟล์ + tests ของทั้งสอง utils
- N4 อัปโหลดไฟล์ PDF/รูป ≤100MB ผ่านหน้ารายการ (components/UploadFileForm.tsx + app/actions/files.ts: validate + เขียนไฟล์ใหม่ที่ public/uploads/ เท่านั้น — invariant #1)
- เอกสาร: docs/PLAN-IMAGE.md เพิ่มใหม่ + sync PLAN.md/PLAN-FEAT.md/CLAUDE.md/README/gap-analysis/data-layer rule
Co-Authored-By: Claude Code <noreply@anthropic.com>
9.8 KiB
9.8 KiB
| paths | ||
|---|---|---|
|
Data Layer Rules (รายละเอียด: docs/PLAN.md §3, §4)
- โครงสร้างตาราง/enum/JSONB union อ้าง §3 — หลังแก้
db/schema.tsต้องรัน/sync-db - Enum/union ขยายตาม PLAN-FEAT.md §1 ทีละ task — ตอนนี้เพิ่มแล้ว:
SHAPE+ShapeData(rect/ellipse เก็บrectbbox, line/arrow เก็บfrom/toตาม D3),REDACTION+RedactionData({ rect }— ดำทึบ ไม่มีสีให้เปลี่ยน),TEXTBOX+TextboxData(F17 —{ position, text, color, fontSize, bold?, opacity?, align?, segments?, width? }position เป็นมุมซ้ายบนของกล่องเสมอ (align จัดข้อความในกล่องอย่างเดียวแบบ Smallpdf — กล่องไม่ขยับ), fontSize = % ของ width; bold/opacity(0–1)/align('left'|'center'|'right')/width (กล่องกว้างคงที่ % ของ width — สไตล์ Smallpdf: มี = กล่องกว้างคงที่ลากขอบปรับได้, ไม่มี = shrink-to-fit แถวเดิม) เป็น optional ไม่มี = ตัวปกติ/ทึบเต็ม/ชิดซ้าย/หุ้มข้อความ — bold ตอน export ต้องมีpublic/fonts/Sarabun-Bold.ttfไม่งั้น fallback เป็น Regular;segments?= ตัวหนาเฉพาะส่วน (rich text — editor เป็น contentEditable + Ctrl/Cmd+B, เก็บเฉพาะเมื่อมี bold run) โดย fieldtextเก็บข้อความรวม (concat) เสมอเพื่อค้นหา F14/preview sidebar และ export ใช้wrapStyledTextวาดแบบ run ผสม),STAMP+StampData(F18 —{ label, position, scale, color? }scale = ความกว้างกรอบเป็น % ของ width, color optional ไม่มี =STAMP_COLOR),DrawData.widths?(F7 pressure, optional ยาวเท่า paths;Pointdefine ที่db/schema.tsแล้ว re-export จากutils/coordinates.ts),DrawData.pen?('pencil' | 'highlighter' — optional ไม่มี = pencil; ค่า preset ต่อ pen อยู่ที่DRAW_PENSในutils/annotation-display.ts),DrawData.opacity?(0–1 optional — เส้นใหม่เก็บชัดเสมอ แถวเดิม fallback ตาม preset ของ pen ผ่านeffectiveDrawOpacity),HighlightData.style?('highlight' | 'underline' | 'strikethrough' | 'squiggle' — optional ไม่มี = ไฮไลต์ทึบตามเดิม; เลือกจาก popup หลังคลุมดำ),HighlightData.opacity?(0–1 optional ไม่มี = ทึบเต็ม — ตั้งจาก dropdown ของ tool highlight ตอนสร้าง + แผง selection แก้ได้หลังสร้าง; export: ไฮไลต์ทึบคูณเข้าค่าเดิม 0.35 ส่วนเส้นทุกแบบใช้ตรง ๆ) — เพิ่ม type ใหม่ทุกครั้งต้องเติม case ในvalidateAnnotationDataครบถ้วน (invariant #8) - column
dataใช้$type<AnnotationData>()(discriminated union ตาม enumtype) — ห้ามanyหรือ object type กว้าง —note?: string(โน้ตคำอธิบายของรายการ เช่น เหตุผลที่วาด — PLAN-FEAT.md §7 N1) มีในทุกชนิดยกเว้น COMMENT (มีmessageทำหน้าที่นี้อยู่แล้ว) — validatorvNotetrim แล้ว ค่าว่าง = ไม่มีโน้ต; อ่านค่าผ่านannotationNote()ในutils/annotation-display.tsเท่านั้น (sidebar/สรุป/CSV ใช้ร่วม) - DTO (
AnnotationDTO,BookmarkDTO): timestamp เป็น ISO string เสมอ ผ่าน mappertoDTO— ห้ามส่งDateobject ข้าม server→client - Server Actions: validate input ก่อนทุกครั้ง (type ถูกต้อง, ฟิลด์ครบ,
pageIndex ≥ 0) ก่อนแตะ DB; เขียนด้วยDATABASE_URLตรง ๆ + publish event ผ่านlib/annotate-events.tsหลังเขียนสำเร็จ +revalidatePathหน้า viewer+summary ของ fileId นั้น (helperrevalidateFilePagesในไฟล์เดียวกัน — invalidate Router Cache ฝั่ง client เพราะforce-dynamicปิดแค่ฝั่ง server: ไม่งั้นกด back แล้วเข้าไฟล์ใหม่ได้ initial data เก่าจนต้อง hard refresh; action ใหม่ที่เขียน DB ต้องเรียกทุกครั้งเช่นเดียวกับ publish event) db/index.ts: postgres.js + Drizzle,prepare: falseเสมอ,DATABASE_URLชี้ที่ plain PostgreSQL containerjudes-note-db(พอร์ต 54322 — ไม่ใช่ Supabase stack) และ pool ต้องเก็บบนglobalThis— Next dev hot-reload re-evaluate module ได้บ่อย ถ้าสร้าง pool ใน module scope ตรง ๆ pool เก่าไม่ถูกปิดและสะสมจนชนmax_connections("too many clients already" — pattern เดียวกับlib/annotate-events.ts)- FK
file_idของ annotations/bookmarks:ON DELETE CASCADE - Bookmarks ลำดับชั้น (N2):
parent_id uuid NULLไม่ทำ FK — ลบหัวข้อแม่ต้อง re-parent ลูกขึ้น root (update ... set parent_id = null) + delete ใน transaction เดียวกัน แล้ว publish update event ต่อลูก; จำกัด 3 ระดับ (BOOKMARK_MAX_DEPTH=3): create เช็คdepth(parent) < 3, ย้ายเช็คdepth(parent)+subtreeHeight ≤ 3+ ห้ามย้ายเข้า subtree ตัวเอง — helperlockedDepth/lockedSubtreeHeight/isDescendantต้อง.for("update")ทุกแถวที่เดินผ่าน ใน tx เดียวกับ write (กัน race เกินความลึก/orphan) +note text NULL(ว่าง/whitespace = null) — validatorvBookmarkNote - ตาราง
annotation_replies(F9/D2): FKannotation_id→ annotations CASCADE + index(annotation_id)— ไม่ใช้parentIdในตารางเดิม; ลบ reply ได้เฉพาะเจ้าของ (guarduserIdเหมือน annotation); actions publish eventtable: "replies"หลังเขียนสำเร็จ annotations.resolved(NOT NULL default false) +resolved_at(NULL) — F10/A5:setAnnotationResolvedใครก็ได้ toggle (D6 คลายคืนได้ ต่างจาก delete ที่จำกัดเจ้าของ) + publish update event; ไม่เข้า history undo ของ F2- ตาราง
annotation_versions(F19/A7):annotation_idเป็น uuid ไม่ FK (D8 — snapshot ตอน delete ต้องรอดจาก CASCADE ของแม่) +file_idFK CASCADE +page_index(restore ต้องรู้หน้า) +kindtext'update' | 'delete'+ index(file_id);updateAnnotation/deleteAnnotationsnapshot row เดิม ก่อนเขียน/ลบ ใน transaction เดียวกัน;restoreVersion(versionId, userId)— เจ้าของเท่านั้น (D9): guarduserIdทั้ง row ปัจจุบัน (ต้นทางยังอยู่) และ snapshot (ต้นทางถูกลบ) / ต้นทางยังอยู่ = เขียนกลับ row เดิม (snapshot ปัจจุบันก่อน) + publish update event / ต้นทางถูกลบ = สร้างใหม่ id ใหม่ + publish create event (ห้ามสร้างสำเนาใหม่ทุกกรณี — เคยทำให้เกิดรายการซ้ำบนหน้า) - ห้ามเพิ่มตาราง/column ที่ไม่มีในแผน (ดู out of scope §9) โดยไม่อัปเดต
docs/PLAN.mdก่อน files.pdf_urlเก็บ path รูปภาพ (jpg/jpeg/png/tif/tiff) ในpublic/ได้เหมือน PDF (N3) — ไม่มี column kind: ชนิดไฟล์ derive จาก extension ผ่านutils/file-kind.tsเท่านั้น (จะเพิ่ม column ต้องแก้แผนก่อน); TIFF หลายเฟรม =pageIndexต่อเฟรม (1 เฟรม = 1 หน้า)- Server Action
uploadFile(app/actions/files.ts, N4): validate extension (whitelistSAMPLE_FILE_EXTENSIONS) + ≤ 100MB ก่อนเขียน — บันทึกเป็นไฟล์ใหม่public/uploads/<uuid>.<ext>เท่านั้น (ชื่อจาก randomUUID — ห้ามใช้ชื่อผู้ใช้ตกแต่ง path), insert row แล้วrevalidatePath("/")— ไม่ publish SSE event (รายการไฟล์ไม่ได้ sync ผ่าน SSE); seed-samples จัดการเฉพาะ/samples/%ไม่แตะ/uploads/