25de98fbda
Inline sources allows browserify to sourcemap back to original typescript. If you add the ui folder to chrome, you can then edit ts files and set ts breakpoints directly in the browser! |
||
|---|---|---|
| .. | ||
| @types/lichess | ||
| analyse | ||
| ceval | ||
| challenge | ||
| chat | ||
| chess | ||
| cli | ||
| common | ||
| dasher | ||
| editor | ||
| game | ||
| gulp | ||
| insight | ||
| learn | ||
| lobby | ||
| notify | ||
| nvui | ||
| perfStat | ||
| puzzle | ||
| round | ||
| simul | ||
| site | ||
| speech | ||
| tournament | ||
| tournamentCalendar | ||
| tournamentSchedule | ||
| tree | ||
| README.md | ||
| build | ||
| gulpfile.js | ||
| package.json | ||
| tsconfig.base.json | ||
| tsconfig_module.base.json | ||
README.md
Client-side modules
CSS
cd ui/
yarn install # only the first time
gulp css
This incrementally rebuilds the sass for all ui/ modules on file change.
Hack
The structure of a CSS module is as follows:
- css/
- forum/
- _forum.scss # imports the files below
- _post.scss
- _search.scss
- ...
- build/
- _forum.scss # imports dependencies and `../forum/forum`.
- forum.light.scss # generated
- forum.dark.scss # generated
- forum.transp.scss # generated
Browser support
| Name | Version | Notes |
|---|---|---|
| Firefox | 55+ | Full support |
| Chromium/Chrome | last 10 | Full support |
| Safari | 10.1+ | Reasonable support |
| Opera | last 5 | Reasonable support |
| Edge | last 2 | Reasonable support |
| IE | none | No support |