hobbyhimmel/Project-Image-Uploader
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
53 Commits 7 Branches 17 Tags 6.1 MiB
7564525c7e
Commit Graph

10 Commits

Author SHA1 Message Date
matthias.lotz
7564525c7e feat: implement drag-and-drop reordering infrastructure 
Phase 1 (Backend API):
✅ GroupRepository.updateImageOrder() with SQL transactions
✅ PUT /api/groups/:groupId/reorder API route with validation
✅ Manual testing: Reordering verified working (group qion_-lT1)
✅ Error handling: Invalid IDs, missing groups, empty arrays

Phase 2 (Frontend DnD):
✅ @dnd-kit/core packages installed
✅ ReorderService.js for API communication
✅ useReordering.js custom hook with optimistic updates
✅ ImageGalleryCard.js extended with drag handles & sortable
✅ ImageGallery.js with DndContext and SortableContext
✅ CSS styles for drag states, handles, touch-friendly mobile

Next: Integration with ModerationGroupImagesPage
 2025-11-03 21:06:39 +01:00
matthias.lotz
aec9db2a76 feat(frontend): integrate preview images in gallery components 
- Add imageUtils.js helper with getImageSrc() and getGroupPreviewSrc()
- Update ImageGalleryCard to use preview images for galleries
- Update ModerationGroupsPage to show preview images in modal
- Update ModerationGroupImagesPage to use preview images
- Update PublicGroupImagesPage to pass all image fields
- SlideshowPage continues using original images (full quality)
- Update nginx.dev.conf with /api/previews and /api/download routes
- Update start-dev.sh to generate correct nginx config
- Fix GroupRepository.getAllGroupsWithModerationInfo() to return full image data
- Remove obsolete version from docker-compose.override.yml
- Update TODO.md: mark frontend cleanup as completed

Performance: Gallery load times reduced by ~96% (100KB vs 3MB per image)
 2025-10-31 18:20:50 +01:00
matthias.lotz
170e1c20e6 feat: automatic preview generation on database init 
Task 7: Batch-Migration Automation
- Add generateMissingPreviews() method to DatabaseManager
- Automatically runs after schema creation
- Finds all images without preview_path
- Generates previews for existing images on startup
- Graceful error handling (won't break server start)
- Progress logging: 'Found X images without preview, generating...'
- No manual script needed - fully automated

Benefits:
- Works on every backend restart
- Incremental (only missing previews)
- Non-blocking database initialization
- Perfect for deployments and updates
 2025-10-30 20:51:35 +01:00
matthias.lotz
661d6441ab feat: integrate preview generation into upload flow 
Task 4: Upload Routes Extended
- upload.js: Generate preview after single file upload
- batchUpload.js: Generate previews for all batch uploads
- Async preview generation (non-blocking response)
- Auto-update preview_path in database after generation

Task 5: Repository with preview_path
- GroupRepository: Include preview_path in INSERT
- getGroupById: Return previewPath in image objects
- groupFormatter: Add previewPath to formatGroupDetail()
- All queries now support preview_path column

Task 6: API Endpoints Extended
- Add PREVIEW_STATIC_DIRECTORY constant (/previews)
- Serve preview images via express.static
- All existing endpoints now return previewPath field
- Fallback to filePath if preview not available (frontend)
 2025-10-30 20:41:06 +01:00
matthias.lotz
940144cbf5 feat: add preview_path migration and constants 
Task 2: DB Migration
- Add preview_path column to images table via ALTER TABLE
- Migration runs automatically on database initialization
- Handles duplicate column gracefully

Task 3: Constants & Config
- Export PREVIEW_FS_DIR constant (data/previews)
- Export PREVIEW_CONFIG (800px, 85% quality, JPEG)
- Update ImagePreviewService to import from constants
- Update schema.sql documentation with preview_path
 2025-10-30 20:30:56 +01:00
matthias.lotz
0471830e49 feat: add Sharp library and ImagePreviewService 
- Install sharp@0.33.5 for image processing
- Create ImagePreviewService with preview generation
- Support 800px max width, JPEG 85% quality
- Automatic directory creation on first use
- Include preview size reduction logging
- Add cleanup method for orphaned previews
 2025-10-30 20:25:33 +01:00
matthias.lotz
0c0547b4f5 css 2025-10-20 19:19:21 +02:00
matthias.lotz
566eb3aed6 IMP: Editierfunktion für Gruppen ergänzt 2025-10-19 18:15:34 +02:00
matthias.lotz
24c1de1666 IMP: Eigene Verzeichnisse für Uploads und Datenbank 
- README aktualisiert, um die neuen Verzeichnisse zu reflektieren
- Konstanten für Verzeichnispfade in 'constants.js' hinzugefügt
- 'DatabaseManager.js' angepasst, um die neuen Datenbankverzeichnisse zu verwenden
- Routen für Batch-Upload, Download und Upload aktualisiert, um die neuen Pfade zu berücksichtigen
- 'MigrationService.js' hinzugefügt, um vorhandene Daten in die neuen Verzeichnisse zu migrieren
- Hilfsfunktionen in 'groupStorage.js' und 'initiate-resources.js' angepasst
- 'docker-compose.yml' und 'prod.sh' aktualisiert, um die neuen Verzeichnisse zu berücksichtigen
 2025-10-18 14:23:12 +02:00
matthias.lotz
48bf6f2074 Initial Commit 2025-10-15 21:33:00 +02:00