components

3.6 KB

1. // project.hl — components.hybriel.worldapi.org: THE SITE. Hybriel components developed standalone: the home
2. // lists them, each has a demo page (`/<component>`) and its README (`/<component>/README.md`). No login, no data.
3. // Apps vendor a component by copying its folder (README of the component says which files).
4. import WebFramework from 'hl:web'
5. import { env } from 'hl:proc'
7. import Styles from './styles.hl'
8. import Index from './components/index.hl'
9. import MonthViewDemo from './components/month-view/demo.hl'
10. import DatePickerDemo from './components/date-picker/demo.hl'
11. import RangePickerDemo from './components/range-picker/demo.hl'
12. import PaginationDemo from './components/pagination/demo.hl'
13. import MdEditorDemo from './components/md-editor/demo.hl'
14. import CodeEditorDemo from './components/code-editor/demo.hl'
15. import FileUploadDemo from './components/file-upload/demo.hl'
16. import ModalDemo from './components/modal/demo.hl'
18. static siteName = "Hybriel components"
20. appTitle = siteName
21. styles = Styles
23. // the component's README is plain Markdown, served as it is
24. routes = [
25. { pattern = "/favicon.ico" direct = "" }
26. { pattern = "/" component = Index }
27. { pattern = "/month-view" component = MonthViewDemo }
28. { pattern = "/month-view/README.md" file = "./components/month-view/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
29. { pattern = "/date-picker" component = DatePickerDemo }
30. { pattern = "/date-picker/README.md" file = "./components/date-picker/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
31. { pattern = "/range-picker" component = RangePickerDemo }
32. { pattern = "/range-picker/README.md" file = "./components/range-picker/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
33. { pattern = "/md-editor" component = MdEditorDemo }
34. { pattern = "/md-editor/README.md" file = "./components/md-editor/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
35. { pattern = "/md-editor/files/*" directory = "./storage/md-files" headers = { 'X-Content-Type-Options' = 'nosniff' 'Content-Security-Policy' = "sandbox" } }
36. { pattern = "/code-editor" component = CodeEditorDemo }
37. { pattern = "/code-editor/README.md" file = "./components/code-editor/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
38. { pattern = "/file-upload" component = FileUploadDemo }
39. { pattern = "/file-upload/README.md" file = "./components/file-upload/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
40. { pattern = "/modal" component = ModalDemo }
41. { pattern = "/modal/README.md" file = "./components/modal/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
42. { pattern = "/pagination" component = PaginationDemo }
43. { pattern = "/pagination/README.md" file = "./components/pagination/README.md" headers = { 'Content-Type' = 'text/markdown; charset=utf-8' 'Cache-Control' = 'no-cache' } }
44. ]
46. sessionDir = env('COMPONENTS_SESSIONS') != null ? env('COMPONENTS_SESSIONS') : null
47. port = env('COMPONENTS_PORT') != null ? toNumber(env('COMPONENTS_PORT')) : 8380
48. // HL_HOST = the interface hl:web binds: 127.0.0.1 on Byrodin behind nginx; unset = 0.0.0.0 (dev on Loreana).
49. // COMPONENTS_WATCH=0 = no dev watcher.
50. watching = env('COMPONENTS_WATCH') != '0'
51. sessionCookie = 'componentssid'
52. server = new WebFramework(routes = routes, styles = styles, minify = true, port = port, watchMode = watching, sessionCookie = sessionCookie, uploadMax = 5242880)
54. on Error(e) { console.log('error absorbed: ' + e.message) }