current-docu/Dabory-SequenceDiagram/Etc/MediaLibrary-FileUploader-Node-Front.uml

@startuml

/' Multi DB connection Gateway'/

title "Media Library(Image) Sequence Diagram"

boundary User_Page as userpage
participant Frontend_Server as frontend
participant Media_End_Server as mediaend
control Media_Storage as storage
participant Backend_Server as backend
database Media_Table as db

autonumber


userpage->frontend: media liabrary page

frontend->mediaend: upload media

note over mediaend
 <b>case 1. PHP Frontend</b>
   FrontEnd = MediaEnd
 <b>case 2. React Frontend</b>
   Use Express Webserver 
   as a MediaEnd
  Save folder format
  /uploads/yyyy/mm/dd
  (Auto mkdir)
end note

note over mediaend #73EDFC
 <b>Auto Sizing/Naming Files</b>
 Cropping from (0)Main Image to 
(1)thumbnail (2) middle (3)big
end note


mediaend->storage: store 4 media files

note over storage #99FF99
 <b>case 1. Local Webserver</b>
   Save in local server
 <b>case 2. Remote VPN</b>
   Save in remote VPN
end note

storage->mediaend: successful upload

/'5'/
mediaend->frontend: media 4 file URLs

frontend->backend: media-bact(with main file and 4 file names)
note over backend #FCC873
 Save Head/Body Stucture
end note
backend->db: save media table records
db ->backend : sucessful record saving
backend ->frontend: return 200 status
frontend ->userpage: show "save OK message"

@enduml