The web user-interface for the BTClock

Find a file

Djuri Baars d25284e3a4 Lint and format all files		2023-11-19 20:27:22 +01:00
.github/workflows	Lint and format all files	2023-11-19 20:27:22 +01:00
.vscode	Initial commit	2023-11-17 01:05:35 +01:00
doc	Add license	2023-11-19 16:27:43 +01:00
patches	Add patch for inflexible sveltejs-kit	2023-11-17 19:10:46 +01:00
src	Lint and format all files	2023-11-19 20:27:22 +01:00
static	Lint and format all files	2023-11-19 20:27:22 +01:00
.eslintignore	Initial commit	2023-11-17 01:05:35 +01:00
.eslintrc.cjs	Lint and format all files	2023-11-19 20:27:22 +01:00
.gitignore	Making it work for ESP32	2023-11-17 11:09:06 +01:00
.npmrc	Initial commit	2023-11-17 01:05:35 +01:00
.prettierignore	Lint and format all files	2023-11-19 20:27:22 +01:00
.prettierrc	Initial commit	2023-11-17 01:05:35 +01:00
Dockerfile	Create GitHub workflow and Dockerfile	2023-11-19 15:08:26 +01:00
gzip_build.py	Making it work for ESP32	2023-11-17 11:09:06 +01:00
package.json	Add patch for inflexible sveltejs-kit	2023-11-17 19:10:46 +01:00
README.md	Lint and format all files	2023-11-19 20:27:22 +01:00
svelte.config.js	Lint and format all files	2023-11-19 20:27:22 +01:00
tsconfig.json	Initial commit	2023-11-17 01:05:35 +01:00
vite.config.ts	Lint and format all files	2023-11-19 20:27:22 +01:00
yarn.lock	Initial commit	2023-11-17 01:05:35 +01:00

BTClock WebUI

The web user-interface for the BTClock, based on Svelte-kit. It uses Bootstrap for the lay-out.

Developing

After installed dependencies with yarn, start a development server:

yarn dev

# or start the server and open the app in a new browser tab
yarn dev -- --open

To create a production version of the WebUI:

yarn build

Make sure the postinstall script is ran, because otherwise the filenames are to long for the LittleFS filesystem.

To upload the firmware to the BTClock, you need to GZIP all the files. You can use the python script gzip_build.py for that.

Then you can make a LittleFS.bin with mklittlefs:

mklittlefs -c build_gz -s 409600 littlefs.bin

You can preview the production build with yarn preview.