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:

python3 gzip_build.py

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.

Name		Name	Last commit message	Last commit date
Latest commit History 224 Commits
.forgejo/workflows		.forgejo/workflows
.github		.github
.vscode		.vscode
doc		doc
extra/icons		extra/icons
patches		patches
src		src
static		static
tests		tests
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
Dockerfile		Dockerfile
README.md		README.md
eslint.config.js		eslint.config.js
gzip_build.py		gzip_build.py
package.json		package.json
playwright.config.ts		playwright.config.ts
playwright.doc-screenshot.config.ts		playwright.doc-screenshot.config.ts
playwright.screenshot.config.ts		playwright.screenshot.config.ts
renovate.json		renovate.json
svelte.config.js		svelte.config.js
tsconfig.json		tsconfig.json
vite.config.test.ts		vite.config.test.ts
vite.config.ts		vite.config.ts
yarn.lock		yarn.lock