CFDivePlatform

a620906209/CFDivePlatform

Fork 0

Commit Graph

Author	SHA1	Message	Date
a620906209	6414222a18	feat(images): 課程圖片伺服器端壓縮——scaleDown 2048 + JPEG 85，上限放寬至 10MB Run Tests / test (pull_request) Successful in 2m0s Details 實作 openspec change course-image-compression（O3.1 體感優化）： - 新增 App\Traits\CompressesImages：與聊天圖片管線參數一致的共用壓縮邏輯 - CourseImageController 封面/相簿套用壓縮，上傳上限 2MB→10MB（容納手機原圖） - 前端課程卡片與相簿縮圖加 loading=lazy（詳情頁首屏封面刻意不加） - CourseImageTest +4 案例（10MB 邊界、轉存 .jpg、>2048 縮小、小圖不放大） - course-image-upload 主規格同步（新增伺服器端壓縮 requirement）容器內全套件 155 passed / 400 assertions。聊天端改用 trait 留待後續（該處無測試覆蓋，不在本 change 重構）。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-06-11 23:43:24 +08:00
a620906209	ca2ed14de3	feat:實作課程圖片上傳 — 封面 + 相簿管理後端： - Migration：diving_offers 新增 cover_image 欄位、新增 course_images 表（含索引） - CourseImage Model（CREATED_AT、url accessor） - DivingOffer：cover_image_url accessor、hasMany courseImages、static::deleting() 孤兒清理 - CourseImageController：封面上傳/刪除、相簿上傳（max 3）/刪除，統一 mimes+size 驗證 - DivingOfferController：index/show 回傳加入 cover_image_url 與 images 陣列 - 修正 APP_URL 加入 port（:8080），Storage::url() 才能產生正確圖片連結前端： - courseImageApi.js：uploadCover/deleteCover/uploadImage/deleteImage - CourseCard：有封面顯示 <img>，無封面顯示漸層佔位 - CourseDetailView：封面大圖 + 相簿縮圖橫列（點擊開新分頁） - OfferFormView（編輯模式）：封面預覽/更換/刪除、相簿縮圖管理（達 3 張隱藏上傳按鈕）基礎設施： - docker-entrypoint.sh：加入 storage:link --force - docker-compose.yml：移除 storage-data named volume（改用 bind mount，避免 Nginx 讀不到圖片）測試： - CourseImageTest.php：14 個 Feature Test 全部 PASS（Storage::fake）涵蓋：上傳成功/格式驗證/大小驗證/所有權、刪除/無封面不報錯、相簿上限/sort_order 遞增、孤兒清理 OpenSpec： - course-images change 歸檔至 archive/2026-05-12-course-images - 新增 specs/course-image-upload 主規格（含 bind mount 持久化說明） Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>	2026-05-12 03:54:45 +08:00

Author

SHA1

Message

Date

a620906209

6414222a18

feat(images): 課程圖片伺服器端壓縮——scaleDown 2048 + JPEG 85，上限放寬至 10MB

Run Tests / test (pull_request) Successful in 2m0s

Details

實作 openspec change course-image-compression（O3.1 體感優化）：
- 新增 App\Traits\CompressesImages：與聊天圖片管線參數一致的共用壓縮邏輯
- CourseImageController 封面/相簿套用壓縮，上傳上限 2MB→10MB（容納手機原圖）
- 前端課程卡片與相簿縮圖加 loading=lazy（詳情頁首屏封面刻意不加）
- CourseImageTest +4 案例（10MB 邊界、轉存 .jpg、>2048 縮小、小圖不放大）
- course-image-upload 主規格同步（新增伺服器端壓縮 requirement）

容器內全套件 155 passed / 400 assertions。
聊天端改用 trait 留待後續（該處無測試覆蓋，不在本 change 重構）。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

2026-06-11 23:43:24 +08:00

a620906209

ca2ed14de3

feat:實作課程圖片上傳 — 封面 + 相簿管理

後端：
- Migration：diving_offers 新增 cover_image 欄位、新增 course_images 表（含索引）
- CourseImage Model（CREATED_AT、url accessor）
- DivingOffer：cover_image_url accessor、hasMany courseImages、static::deleting() 孤兒清理
- CourseImageController：封面上傳/刪除、相簿上傳（max 3）/刪除，統一 mimes+size 驗證
- DivingOfferController：index/show 回傳加入 cover_image_url 與 images 陣列
- 修正 APP_URL 加入 port（:8080），Storage::url() 才能產生正確圖片連結

前端：
- courseImageApi.js：uploadCover/deleteCover/uploadImage/deleteImage
- CourseCard：有封面顯示 <img>，無封面顯示漸層佔位
- CourseDetailView：封面大圖 + 相簿縮圖橫列（點擊開新分頁）
- OfferFormView（編輯模式）：封面預覽/更換/刪除、相簿縮圖管理（達 3 張隱藏上傳按鈕）

基礎設施：
- docker-entrypoint.sh：加入 storage:link --force
- docker-compose.yml：移除 storage-data named volume（改用 bind mount，避免 Nginx 讀不到圖片）

測試：
- CourseImageTest.php：14 個 Feature Test 全部 PASS（Storage::fake）
  涵蓋：上傳成功/格式驗證/大小驗證/所有權、刪除/無封面不報錯、
        相簿上限/sort_order 遞增、孤兒清理

OpenSpec：
- course-images change 歸檔至 archive/2026-05-12-course-images
- 新增 specs/course-image-upload 主規格（含 bind mount 持久化說明）

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

2026-05-12 03:54:45 +08:00

2 Commits