components

1.1 KB

1. // demo.hl — `/file-upload`: the upload on a page. WHERE THE FILE GOES IS THE APP'S DECISION: the component sends the file through
2. // `emit server saveFile(file)`; this demo keeps it in storage/uploads under a random name (nothing is served back), for one day.
3. parent '../main.hl'
4. import FileUpload from './file-upload.hl'
5. import { writeFile, mkDir, listDir, remove } from 'hl:fs'
6. import { randomBytes } from 'hl:crypto'
7. import { now } from 'hl:time'
9. __title = 'File upload · Hybriel components'
10. View {
11. fileUploadDemo {
12. h1 { "File upload" }
13. p { class = "muted" "Drop a file on the box, or choose one: its name, size and progress show, then it is listed as uploaded." }
14. FileUpload { }
15. p { a { id = "readme" href = "/file-upload/README.md" "README (how to use it)" } }
16. }
17. }
19. on server saveFile(file) {
20. mkDir('storage/uploads')
21. writeFile('storage/uploads/' + now() + '-' + randomBytes(6) + '.bin', file.bytes)
22. for (e of listDir('storage/uploads')) {
23. let stamp = toNumber(e.name.slice(0, e.name.indexOf('-')))
24. if (stamp != null && stamp < now() - 86400000) { remove(e.path) }
25. }
26. return { name = file.name size = file.size }
27. }