chore(release): 1.2.0

Reviewed-on: #20
close #18

.drone.yml

@@ -1,41 +0,0 @@
----
-kind: secret
-name: gitea_token
-get:
-  path: odit-git-bot
-  name: apikey
----
-kind: pipeline
-type: kubernetes
-name: build
-steps:
-  - name: run build
-    depends_on: ["clone"]
-    image: node:15.11.0-alpine3.13
-    commands:
-      - apk add git zip -f
-      - yarn
-      - yarn build
-      - zip -r out/dist.zip dist
-  - name: gitea_release
-    depends_on: ["run build"]
-    image: plugins/gitea-release
-    settings:
-      api_key:
-        from_secret: gitea_token
-      base_url: https://git.odit.services
-      files: out/*
-      checksum:
-        - md5
-        - sha1
-        - sha256
-        - sha512
-        - adler32
-        - crc32
-    when:
-      event: tag
-trigger:
-  branch:
-    - main
-  event:
-    - tag

.gitea/workflows/release.yaml

@@ -0,0 +1,27 @@
+name: Build release images
+on:
+  push:
+    tags:
+      - "*.*.*"
+
+jobs:
+  build-container:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Login to registry
+        uses: docker/login-action@v3
+        with:
+          registry: registry.odit.services
+          username: ${{ vars.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: |
+            ${{ vars.REGISTRY }}/lfk/scanclient:${{ github.ref_name }}
+          platforms: linux/amd64,linux/arm64

.gitignore

@@ -1,9 +1,24 @@
-/node_modules/
+# Logs
-/dist/
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
 .DS_Store
-package-lock.json
+*.suo
-yarn.lock
+*.ntvs*
-/out
+*.njsproj
-/yarn.lock
+*.sln
-/app/node_modules
+*.sw?
-/app/dist

.husky/.gitignore

@@ -1 +0,0 @@
-_

.husky/pre-commit

@@ -1,5 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn format
-yarn license:export

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["svelte.svelte-vscode"]
+}

CHANGELOG.md

@@ -0,0 +1,299 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### [1.2.0](https://git.odit.services/lfk/scanclient/compare/1.0.3...1.2.0)
+
+- chore: update to new svelte,vite,tailwindcss [`22a8953`](https://git.odit.services/lfk/scanclient/commit/22a8953332855b9797bb2f2d1e9ab1eee7726cce)
+- chore: pnpm@9 + node@23 [`0ca99e7`](https://git.odit.services/lfk/scanclient/commit/0ca99e7a1693b7f3d3bf25425a4c6b0cf626500d)
+- chore: tmp release it swap [`a426e57`](https://git.odit.services/lfk/scanclient/commit/a426e57b6f8a190fb5545a8464c830bde1de528b)
+- cleanups, brand font, etc. [`b7c1ce9`](https://git.odit.services/lfk/scanclient/commit/b7c1ce947c8959f3b06231892c1c425eeaaba45f)
+- chore(deps): bump some [`fdfb7be`](https://git.odit.services/lfk/scanclient/commit/fdfb7be739ba98534c57ca23f04733138e4c24b9)
+- feat(ci)!: Switch to woodpecker [`387002b`](https://git.odit.services/lfk/scanclient/commit/387002b261ef2c0681ad6318984581c0e67f4389)
+- ci: fix order.js [`77b941d`](https://git.odit.services/lfk/scanclient/commit/77b941de7efc2a2b49364f958275529cc9a44c45)
+- chore: README [`91c257f`](https://git.odit.services/lfk/scanclient/commit/91c257f3ba3dcd5796e643d930f50fd8dbf0610a)
+- fix(ci): Switched to non-drone env vars [`1e882a3`](https://git.odit.services/lfk/scanclient/commit/1e882a37f506fa456053a6ce5032962553bb5584)
+- ci: add release script [`15c2bc2`](https://git.odit.services/lfk/scanclient/commit/15c2bc2aa39b8fe94101f979f1dfc3e8e69b40e1)
+
+#### [1.0.3](https://git.odit.services/lfk/scanclient/compare/1.0.2...1.0.3)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.3 [`42d6fa1`](https://git.odit.services/lfk/scanclient/commit/42d6fa1bb8f7c057b8feade8d3a33be93d084c88)
+- Moved padding to div [`318408a`](https://git.odit.services/lfk/scanclient/commit/318408add82bcc71804d43f44e437bd38a553c0a)
+- Added X top padding [`fc147d0`](https://git.odit.services/lfk/scanclient/commit/fc147d0f5813241a868abeeafc83ce0167a9513a)
+- Enable push on release [`9181ac5`](https://git.odit.services/lfk/scanclient/commit/9181ac54434e4650099631e32a6351b9c5da0d13)
+
+#### [1.0.2](https://git.odit.services/lfk/scanclient/compare/1.0.1...1.0.2)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.2 [`cb922e9`](https://git.odit.services/lfk/scanclient/commit/cb922e9ce9da5dd17b4ff9416053a34daf9e4edf)
+
+#### [1.0.1](https://git.odit.services/lfk/scanclient/compare/1.0.0...1.0.1)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.1 [`36ca85e`](https://git.odit.services/lfk/scanclient/commit/36ca85ebf76ee5696875922eec633a864d323fde)
+- reload on language change [`d96f32c`](https://git.odit.services/lfk/scanclient/commit/d96f32cc8499f7a4b1e6458bb68132394c41f782)
+
+### [1.0.0](https://git.odit.services/lfk/scanclient/compare/0.2.0...1.0.0)
+
+> 15 April 2023
+
+- feat(Scanner): move clock to monospace font [`0768492`](https://git.odit.services/lfk/scanclient/commit/076849221a9c6353ec752d4f2213ae2e10b6480b)
+- Lockfile [`5f86508`](https://git.odit.services/lfk/scanclient/commit/5f865081a64e2f59a1541a6166e85da3d7cfdbfa)
+- Pinned deependencies [`0edf31a`](https://git.odit.services/lfk/scanclient/commit/0edf31a9ec228d3a027c4ef0d61d31318ded8d9e)
+- deps: node@19.9.0 [`4ce0eef`](https://git.odit.services/lfk/scanclient/commit/4ce0eeffea6eee4d8af3ba130d2244669e905ed9)
+- New checkmark and lower padding [`a8a0d00`](https://git.odit.services/lfk/scanclient/commit/a8a0d0018ee27588eede9bb0456d1b41060f35cd)
+- 🚀Bumped version to 1.0.0 [`bd4fc7a`](https://git.odit.services/lfk/scanclient/commit/bd4fc7a2f46b2c6f84c0881242e099d64ca4d695)
+- drop html-minifier [`c6700a9`](https://git.odit.services/lfk/scanclient/commit/c6700a9153f96d330f0a6636adaa616b03d232ee)
+- Moved ci to pnpm w/ cache [`8610e0b`](https://git.odit.services/lfk/scanclient/commit/8610e0b285939f118fab952ca00e76b1ff659a16)
+- Removed svg padding [`38a91f7`](https://git.odit.services/lfk/scanclient/commit/38a91f730b46206eac714cae69be26212c01af6f)
+- drop husky precommit hook [`60d51f3`](https://git.odit.services/lfk/scanclient/commit/60d51f39bffa3e947b220a1e5644e0246cf21350)
+- Switched dockerfile over to pnpm 8 and cache [`90c1413`](https://git.odit.services/lfk/scanclient/commit/90c1413fa1e6fbe41227296083636568c562da65)
+- added webserver to docker build [`f78365f`](https://git.odit.services/lfk/scanclient/commit/f78365f062b1b0eae06b9af02e32573ef6e9bbc9)
+- Automargin [`3f98268`](https://git.odit.services/lfk/scanclient/commit/3f982689673fb07e19beaf0765f5552834ec9922)
+- No more space [`add0cb1`](https://git.odit.services/lfk/scanclient/commit/add0cb14c68580d7da6a0408fc76995f7a7e4808)
+- update license exporter [`38d80b4`](https://git.odit.services/lfk/scanclient/commit/38d80b4371c4d01e717846eff831068dc18a453c)
+- Added missing copy [`02b31f2`](https://git.odit.services/lfk/scanclient/commit/02b31f277f7cc0d97aad061f46540e16f55e13c6)
+
+#### [0.2.0](https://git.odit.services/lfk/scanclient/compare/0.1.6...0.2.0)
+
+> 14 April 2021
+
+- Merge pull request 'add 'rst' to Login component' (#20) from feature/18-add-rst-login into dev [`#18`](https://git.odit.services/lfk/scanclient/issues/18)
+- Merge pull request 'replace unsplash with kaya_bg' (#19) from feature/17-remote-background-image into dev [`#17`](https://git.odit.services/lfk/scanclient/issues/17)
+- add 'rst' to Login component [`e6d8861`](https://git.odit.services/lfk/scanclient/commit/e6d8861340f6998234d8b2446b918ab01738cf63)
+- 🚀Bumped version to 0.2.0 [`6df7b51`](https://git.odit.services/lfk/scanclient/commit/6df7b516aa09f937c23ab19494767867e1ebf8da)
+- replace unsplash with kaya_bg [`37c384a`](https://git.odit.services/lfk/scanclient/commit/37c384aa3688a66bc31673048e718fc04bc7bf0d)
+
+#### [0.1.6](https://git.odit.services/lfk/scanclient/compare/0.1.5...0.1.6)
+
+> 13 April 2021
+
+- 🚀Bumped version to 0.1.6 [`cd1b3aa`](https://git.odit.services/lfk/scanclient/commit/cd1b3aafc7587541eddd088a9d446ad50b719f56)
+- Updated readme [`64f2ddf`](https://git.odit.services/lfk/scanclient/commit/64f2ddf70b5e3ace8557ff1cfd346fb52a251afd)
+
+#### [0.1.5](https://git.odit.services/lfk/scanclient/compare/0.1.4...0.1.5)
+
+> 13 April 2021
+
+- 🚀Bumped version to 0.1.5 [`3fa1bc9`](https://git.odit.services/lfk/scanclient/commit/3fa1bc93eb33509555820b6d96a01fad3b1338c2)
+- 🧹 drop emoji from ui bar [`18845f8`](https://git.odit.services/lfk/scanclient/commit/18845f86d12bf82ede8170e81805bf49f37f63f5)
+
+#### [0.1.4](https://git.odit.services/lfk/scanclient/compare/0.1.3...0.1.4)
+
+> 7 April 2021
+
+- 🚀Bumped version to 0.1.4 [`0a23f6a`](https://git.odit.services/lfk/scanclient/commit/0a23f6a7e5d77852c035bcd0ad49260d429d687d)
+- Formatting [`277269e`](https://git.odit.services/lfk/scanclient/commit/277269e299924dbc76b39d3503aa50da43888622)
+- Added fix for empty input [`0cd3c6d`](https://git.odit.services/lfk/scanclient/commit/0cd3c6da1bb885eebb132b04ec3ef8e08f4ef679)
+
+#### [0.1.3](https://git.odit.services/lfk/scanclient/compare/0.1.2...0.1.3)
+
+> 7 April 2021
+
+- 🚀Bumped version to 0.1.3 [`d443b29`](https://git.odit.services/lfk/scanclient/commit/d443b2904e9f51f9e182912bba1c2571d2c9abff)
+- Added release title [`1092112`](https://git.odit.services/lfk/scanclient/commit/1092112f7f75e49f9a6b9c197a29cca77d73684f)
+
+#### [0.1.2](https://git.odit.services/lfk/scanclient/compare/0.1.1...0.1.2)
+
+> 7 April 2021
+
+- Merge pull request 'feature/9-move-url-config-from-env-to-local-config' (#10) from feature/9-move-url-config-from-env-to-local-config into dev [`#9`](https://git.odit.services/lfk/scanclient/issues/9)
+- 🚀Bumped version to 0.1.2 [`af48e92`](https://git.odit.services/lfk/scanclient/commit/af48e920bcc3f50858c488f521978e177f06b499)
+- Merge pull request 'feature/13-url_validator' (#15) from feature/13-url_validator into dev [`6ade51f`](https://git.odit.services/lfk/scanclient/commit/6ade51fb73c0a67d7fc410f5f52460297a920928)
+- new api_endpoint store + Config UI [`5563f1f`](https://git.odit.services/lfk/scanclient/commit/5563f1fca386dd27b4313d4ce213ec2cb2836d4a)
+- Revert "0.1.2" [`96cbac2`](https://git.odit.services/lfk/scanclient/commit/96cbac27028c81aaeeabcf9359632eda9ae21ae4)
+- Added release-it w/ config [`dbff163`](https://git.odit.services/lfk/scanclient/commit/dbff163b6b20d79dc089b8a2074702230ece19f5)
+- added validator js [`0cea262`](https://git.odit.services/lfk/scanclient/commit/0cea262ac5d48bdf3906593871360928eed4b446)
+- Now also triggering electron build [`e7458c4`](https://git.odit.services/lfk/scanclient/commit/e7458c49f0b808b55118c7d83b488054445d4136)
+- Added valid/invalid svg icons [`be6974a`](https://git.odit.services/lfk/scanclient/commit/be6974af20f1f6b3304e3066b0cd4ad71532fe70)
+- Updated ci token and added electron build via ci custom call [`d83a908`](https://git.odit.services/lfk/scanclient/commit/d83a908db6372dd466656ce06706acd419a18f0f)
+- Added missing translations [`838127c`](https://git.odit.services/lfk/scanclient/commit/838127cf72befe448d8bf0d6c7ed3b32c5d43fc1)
+- Added valid/invalid logic [`c0555c0`](https://git.odit.services/lfk/scanclient/commit/c0555c066227711aa4e50d6eb154b211e88c00bf)
+- Changed test sizes to fit the page on smaller screens [`379999e`](https://git.odit.services/lfk/scanclient/commit/379999e491093cb50e16da9b7207242d7ad333f2)
+- Added svg titels [`a4d749c`](https://git.odit.services/lfk/scanclient/commit/a4d749cc3f876041b2f03a7e200c7f684144d79f)
+- 🧹 drop old env.js [`81b2db6`](https://git.odit.services/lfk/scanclient/commit/81b2db60ecc3d1633ca299f772feefdc03ee976d)
+- Changed tag name scheme [`2f1567e`](https://git.odit.services/lfk/scanclient/commit/2f1567e802520c74ed4f0b2f8a1137ce4bb5eeff)
+- formatting [`97ef6c7`](https://git.odit.services/lfk/scanclient/commit/97ef6c798eafb4949673fd65c8fa27aa6578fb39)
+- Login - add trailing slash to api_endpoint url [`b80a832`](https://git.odit.services/lfk/scanclient/commit/b80a83225621d1442685c4cae02b20147e52e75b)
+- Updated package version to the current version [`3c2300c`](https://git.odit.services/lfk/scanclient/commit/3c2300c09e1d9a197433100846de180898c6e6c0)
+- Updated version to the current electron version [`69ab989`](https://git.odit.services/lfk/scanclient/commit/69ab9893d3e38542697ca0cf54732d87a8e0197c)
+- Merge pull request 'Symbols for valid/invalid scans feature/11-valid_icons' (#12) from feature/11-valid_icons into dev [`7031680`](https://git.odit.services/lfk/scanclient/commit/703168081cbfd6c504009e250bc4ad893a246172)
+- Now also showing ❌ for errors [`64398cd`](https://git.odit.services/lfk/scanclient/commit/64398cdd74209ef9540eca9b78301057ae0cc5cb)
+
+#### [0.1.1](https://git.odit.services/lfk/scanclient/compare/0.1.0...0.1.1)
+
+> 19 March 2021
+
+- Merge pull request 'Husky pre-commit hooks 🐶' (#8) from dev into main [`#4`](https://git.odit.services/lfk/scanclient/issues/4) [`#5`](https://git.odit.services/lfk/scanclient/issues/5)
+- Merge branch 'feature/4-license-exporter' into dev [`#4`](https://git.odit.services/lfk/scanclient/issues/4) [`#5`](https://git.odit.services/lfk/scanclient/issues/5)
+- added license:export script to pre-commit hook [`7deb0d2`](https://git.odit.services/lfk/scanclient/commit/7deb0d26c466dfa77a90ab7d213949354fd2a1b1)
+- re-enable CI [`cfd40d3`](https://git.odit.services/lfk/scanclient/commit/cfd40d3f1901f64213f267596a0b699ec17726c5)
+- added husky formatting 🐶 [`d0facb2`](https://git.odit.services/lfk/scanclient/commit/d0facb2846c467abfa227b400a19c1e3444dcffd)
+- husky 🐶 [`00b8a14`](https://git.odit.services/lfk/scanclient/commit/00b8a14bc3e529286fcbfbecda81a349bed2138a)
+- CI fix [`ae0ec9d`](https://git.odit.services/lfk/scanclient/commit/ae0ec9d67cc613937471441ff8b9c516d7a51558)
+- CI - mkdir out [`517cfdd`](https://git.odit.services/lfk/scanclient/commit/517cfddc5fc00e0661e5f57d687dbd5b7aa24cef)
+
+#### [0.1.0](https://git.odit.services/lfk/scanclient/compare/0.0.8...0.1.0)
+
+> 19 March 2021
+
+- Merge pull request 'feature/1-basic-scan-client' (#3) from feature/1-basic-scan-client into dev [`#1`](https://git.odit.services/lfk/scanclient/issues/1)
+- Merge pull request 'dev' (#6) from dev into main [`31ccf07`](https://git.odit.services/lfk/scanclient/commit/31ccf0758df51d6db655e919999127d3d7badcf5)
+- initial commit 🎉 [`913b1ef`](https://git.odit.services/lfk/scanclient/commit/913b1ef047bf405d96e102a3467d0c44bd6b0701)
+- formatting [`93efc32`](https://git.odit.services/lfk/scanclient/commit/93efc326ab69a4c88f939c3e15eccdb79375b362)
+- precommit format [`ffcacd3`](https://git.odit.services/lfk/scanclient/commit/ffcacd32f6fed018646a0f8839b67659a3d425a1)
+- 🚚 split into App, Login, Scanner [`d0112c3`](https://git.odit.services/lfk/scanclient/commit/d0112c31e0eed96ca041216ddbb9468c3926fa8a)
+- basic i18n [`16d9a6d`](https://git.odit.services/lfk/scanclient/commit/16d9a6dda87c1aabe02f0d058d44b40292f9e8c6)
+- scanner ui + login error states [`8a6521f`](https://git.odit.services/lfk/scanclient/commit/8a6521faa0be7395aaafbc165ae0bdd166c20c99)
+- 👀 added basic settings page [`4e8a203`](https://git.odit.services/lfk/scanclient/commit/4e8a203c6db889107392667ee968f6ae304e6da4)
+- 🌎 all translations [`b3f7002`](https://git.odit.services/lfk/scanclient/commit/b3f7002556fc10c94321611e0f0e7f8dd09b53f6)
+- move to client code only [`81750dc`](https://git.odit.services/lfk/scanclient/commit/81750dc8e1b01feec7976e408a162054f82bc183)
+- 🌎 Login Translations done [`e087a8d`](https://git.odit.services/lfk/scanclient/commit/e087a8dc30283d7bdf7c9a9d9765641e9f25c8f4)
+- 🧹 cleanup [`f727437`](https://git.odit.services/lfk/scanclient/commit/f7274378b88126f8640ca76a7285fef83c69f6a0)
+- demo for husky precommit formatting [`e8e462e`](https://git.odit.services/lfk/scanclient/commit/e8e462e264f4d5cff9d1c120c9a99ebb5b6cc06e)
+- added lang option to config page [`7cde92e`](https://git.odit.services/lfk/scanclient/commit/7cde92e206080158df74f06d701e385ff6c56e67)
+- drop CI [`116f912`](https://git.odit.services/lfk/scanclient/commit/116f9123e27f0f4f867830f45abf5c59d6fe2484)
+- cleanup 🧹 [`1fd1b32`](https://git.odit.services/lfk/scanclient/commit/1fd1b32d1abedac7c03b1e70e2a7d6df980d9dd8)
+- 🚧 basic client token frontend validation ui logic [`e4f5a81`](https://git.odit.services/lfk/scanclient/commit/e4f5a810a46645c920c82617006a0c515f62324a)
+- 🧠 base ui logic [`ece7099`](https://git.odit.services/lfk/scanclient/commit/ece709954c9323ba28931aa6ed42fcea3466a6cb)
+- scan error feedback [`1fc0490`](https://git.odit.services/lfk/scanclient/commit/1fc04905903ed998eefec60fb466919da8354a5a)
+- add stationinfo persistence [`82dd786`](https://git.odit.services/lfk/scanclient/commit/82dd78621043071749caefb9371d49efea1929e1)
+- testing husky precommit hook [`f40e638`](https://git.odit.services/lfk/scanclient/commit/f40e6385837d680b0cef7baba9a256c092ec3456)
+- responsiveness of scanner component [`42b2390`](https://git.odit.services/lfk/scanclient/commit/42b2390bd76ddc7597f847c3c93aaef3b50940fb)
+- [husky 🐶] improved hook [`936f023`](https://git.odit.services/lfk/scanclient/commit/936f0238862bc9ebb6798015bf81a1794e2da6cf)
+- display station info in settings view [`f553727`](https://git.odit.services/lfk/scanclient/commit/f5537278ab3a3b22a096e4584ee11deac3a728dc)
+- [husky 🐶] test [`8c465e8`](https://git.odit.services/lfk/scanclient/commit/8c465e8b7dae72e5b6436189a282a4ce7c1a5996)
+- [husky 🐶] test [`eb04446`](https://git.odit.services/lfk/scanclient/commit/eb04446a43615c33955b625ed213d4696094534d)
+- working scans 🎉 [`0ebabe2`](https://git.odit.services/lfk/scanclient/commit/0ebabe239c144c16faa23f6537f4b5516c81a033)
+- 📷 Scanner - basic language switching [`84a2ca6`](https://git.odit.services/lfk/scanclient/commit/84a2ca60b7f389bf4da7b008fcfe83b3ccf202dd)
+- locale persistance [`0aea3c1`](https://git.odit.services/lfk/scanclient/commit/0aea3c1e7ca4f83c0277245f6fa8c7772a152a80)
+- Scanner - display total distance [`c930d87`](https://git.odit.services/lfk/scanclient/commit/c930d879003d27bccb5e7118ed151e3e20487172)
+- drop husky 🐶 [`ff99657`](https://git.odit.services/lfk/scanclient/commit/ff99657ab3d29ff8dee3d366db673e5b84716093)
+- ⌚ added live clock widget [`2267115`](https://git.odit.services/lfk/scanclient/commit/22671156a98f6553980408e368c784ea8b84a3e4)
+- basic Scanner working [`559842d`](https://git.odit.services/lfk/scanclient/commit/559842d2a6e99f872e35a574bdfc64a60b9b3757)
+- [husky 🐶] test [`bce4b4e`](https://git.odit.services/lfk/scanclient/commit/bce4b4e2b6c413609ca584cf3bc20f5339f2c7cf)
+- 👷‍♂️ CI - move to main tags event + disable rpm build for now [`a2ec9d0`](https://git.odit.services/lfk/scanclient/commit/a2ec9d0cb3a156729bb7caf8b41c1d601755095d)
+- 💾 store - added localstorage persistence [`c2f9da6`](https://git.odit.services/lfk/scanclient/commit/c2f9da6e925bf6791bcd0082947a8c696f137cb3)
+- input autofocus [`0f20996`](https://git.odit.services/lfk/scanclient/commit/0f20996ac326b07759a4f8b0a69a5b6b813d94dc)
+- 💾 added basic svelte store [`df3621d`](https://git.odit.services/lfk/scanclient/commit/df3621d08685bc193e543b0c6444223d2d61bf4c)
+
+#### [0.0.8](https://git.odit.services/lfk/scanclient/compare/0.0.7...0.0.8)
+
+> 14 March 2021
+
+- CI - fixed rpm build [`3e533f5`](https://git.odit.services/lfk/scanclient/commit/3e533f5c6d15bdcbe5e45373d391840e2740bd9b)
+
+#### [0.0.7](https://git.odit.services/lfk/scanclient/compare/0.0.6...0.0.7)
+
+> 14 March 2021
+
+- CI - rpm release building [`8f907ba`](https://git.odit.services/lfk/scanclient/commit/8f907ba597109faff6b4900bbdd9acfcbe644085)
+
+#### [0.0.6](https://git.odit.services/lfk/scanclient/compare/0.0.5...0.0.6)
+
+> 14 March 2021
+
+- CI - only build @lfk-scanclient-linux-x64 [`e85a639`](https://git.odit.services/lfk/scanclient/commit/e85a639e96db3a6f9315cb32f0580e4303318d38)
+
+#### [0.0.5](https://git.odit.services/lfk/scanclient/compare/0.0.4...0.0.5)
+
+> 14 March 2021
+
+- CI - testing full artifact zipping [`b1c9cc7`](https://git.odit.services/lfk/scanclient/commit/b1c9cc7652e22981106571d514a6b6d3d2616a19)
+
+#### [0.0.4](https://git.odit.services/lfk/scanclient/compare/0.0.3...0.0.4)
+
+> 14 March 2021
+
+- removed "@" from dist package [`ab7ba52`](https://git.odit.services/lfk/scanclient/commit/ab7ba528ee207cc2f1ed1e82fb78692d17c980e4)
+
+#### [0.0.3](https://git.odit.services/lfk/scanclient/compare/0.0.2...0.0.3)
+
+> 14 March 2021
+
+- 🚚 move to apk zip [`bfff17c`](https://git.odit.services/lfk/scanclient/commit/bfff17c465c831670511aca15b5598898fb84f21)
+
+#### [0.0.2](https://git.odit.services/lfk/scanclient/compare/0.0.1...0.0.2)
+
+> 14 March 2021
+
+- CI  - 📁 create zip for release [`de92402`](https://git.odit.services/lfk/scanclient/commit/de92402a3c3bfb4c16a3d153e5ad802ad915b99d)
+
+#### [0.0.1](https://git.odit.services/lfk/scanclient/compare/v0.0.0...0.0.1)
+
+> 14 March 2021
+
+#### v0.0.0
+
+> 19 March 2021
+
+- Merge pull request 'Husky pre-commit hooks 🐶' (#8) from dev into main [`#4`](https://git.odit.services/lfk/scanclient/issues/4) [`#5`](https://git.odit.services/lfk/scanclient/issues/5)
+- Merge branch 'feature/4-license-exporter' into dev [`#4`](https://git.odit.services/lfk/scanclient/issues/4) [`#5`](https://git.odit.services/lfk/scanclient/issues/5)
+- Merge pull request 'feature/1-basic-scan-client' (#3) from feature/1-basic-scan-client into dev [`#1`](https://git.odit.services/lfk/scanclient/issues/1)
+- basic svelte+vite+windicss app [`e94ce97`](https://git.odit.services/lfk/scanclient/commit/e94ce9731d284be5af05fa126d60f869aebeb116)
+- tmp [`560b0f4`](https://git.odit.services/lfk/scanclient/commit/560b0f4c74cb90a58d8e6b73633514d756f287fb)
+- added license:export script to pre-commit hook [`7deb0d2`](https://git.odit.services/lfk/scanclient/commit/7deb0d26c466dfa77a90ab7d213949354fd2a1b1)
+- drop yarn.lock [`bb25203`](https://git.odit.services/lfk/scanclient/commit/bb252031042bd321edb29fa7d34ee4a4ba73f9bc)
+- initial commit 🎉 [`913b1ef`](https://git.odit.services/lfk/scanclient/commit/913b1ef047bf405d96e102a3467d0c44bd6b0701)
+- formatting [`93efc32`](https://git.odit.services/lfk/scanclient/commit/93efc326ab69a4c88f939c3e15eccdb79375b362)
+- Initial commit [`de211eb`](https://git.odit.services/lfk/scanclient/commit/de211eb1d3e6836110bf178690eee9a7e52c710b)
+- 🧹 cleanups [`f148858`](https://git.odit.services/lfk/scanclient/commit/f14885854e1f1b06668d23fe5711fb7f9dd4e3d8)
+- precommit format [`ffcacd3`](https://git.odit.services/lfk/scanclient/commit/ffcacd32f6fed018646a0f8839b67659a3d425a1)
+- 🚚 split into App, Login, Scanner [`d0112c3`](https://git.odit.services/lfk/scanclient/commit/d0112c31e0eed96ca041216ddbb9468c3926fa8a)
+- basic i18n [`16d9a6d`](https://git.odit.services/lfk/scanclient/commit/16d9a6dda87c1aabe02f0d058d44b40292f9e8c6)
+- scanner ui + login error states [`8a6521f`](https://git.odit.services/lfk/scanclient/commit/8a6521faa0be7395aaafbc165ae0bdd166c20c99)
+- demo for electron packaging [`7377b4c`](https://git.odit.services/lfk/scanclient/commit/7377b4c9d0761dbe5e97857e7b59a71f97445881)
+- 👀 added basic settings page [`4e8a203`](https://git.odit.services/lfk/scanclient/commit/4e8a203c6db889107392667ee968f6ae304e6da4)
+- 🌎 all translations [`b3f7002`](https://git.odit.services/lfk/scanclient/commit/b3f7002556fc10c94321611e0f0e7f8dd09b53f6)
+- move to client code only [`81750dc`](https://git.odit.services/lfk/scanclient/commit/81750dc8e1b01feec7976e408a162054f82bc183)
+- re-enable CI [`cfd40d3`](https://git.odit.services/lfk/scanclient/commit/cfd40d3f1901f64213f267596a0b699ec17726c5)
+- 🌎 Login Translations done [`e087a8d`](https://git.odit.services/lfk/scanclient/commit/e087a8dc30283d7bdf7c9a9d9765641e9f25c8f4)
+- 🧹 cleanup [`f727437`](https://git.odit.services/lfk/scanclient/commit/f7274378b88126f8640ca76a7285fef83c69f6a0)
+- demo for husky precommit formatting [`e8e462e`](https://git.odit.services/lfk/scanclient/commit/e8e462e264f4d5cff9d1c120c9a99ebb5b6cc06e)
+- proper scripts for electron building/webapp building [`18ca318`](https://git.odit.services/lfk/scanclient/commit/18ca318b18f9fc11b65162af6dce4230bbfb8c9f)
+- added lang option to config page [`7cde92e`](https://git.odit.services/lfk/scanclient/commit/7cde92e206080158df74f06d701e385ff6c56e67)
+- drop CI [`116f912`](https://git.odit.services/lfk/scanclient/commit/116f9123e27f0f4f867830f45abf5c59d6fe2484)
+- cleanup 🧹 [`1fd1b32`](https://git.odit.services/lfk/scanclient/commit/1fd1b32d1abedac7c03b1e70e2a7d6df980d9dd8)
+- 🚧 basic client token frontend validation ui logic [`e4f5a81`](https://git.odit.services/lfk/scanclient/commit/e4f5a810a46645c920c82617006a0c515f62324a)
+- CI file [`49e9317`](https://git.odit.services/lfk/scanclient/commit/49e9317f4a540366efd31e5132c4156bfde18818)
+- 🧠 base ui logic [`ece7099`](https://git.odit.services/lfk/scanclient/commit/ece709954c9323ba28931aa6ed42fcea3466a6cb)
+- scan error feedback [`1fc0490`](https://git.odit.services/lfk/scanclient/commit/1fc04905903ed998eefec60fb466919da8354a5a)
+- simple Dockerfile [`f9c050b`](https://git.odit.services/lfk/scanclient/commit/f9c050b9f7cf09ee94a6ebe228ec50dc039bb789)
+- add stationinfo persistence [`82dd786`](https://git.odit.services/lfk/scanclient/commit/82dd78621043071749caefb9371d49efea1929e1)
+- testing husky precommit hook [`f40e638`](https://git.odit.services/lfk/scanclient/commit/f40e6385837d680b0cef7baba9a256c092ec3456)
+- responsiveness of scanner component [`42b2390`](https://git.odit.services/lfk/scanclient/commit/42b2390bd76ddc7597f847c3c93aaef3b50940fb)
+- [husky 🐶] improved hook [`936f023`](https://git.odit.services/lfk/scanclient/commit/936f0238862bc9ebb6798015bf81a1794e2da6cf)
+- display station info in settings view [`f553727`](https://git.odit.services/lfk/scanclient/commit/f5537278ab3a3b22a096e4584ee11deac3a728dc)
+- [husky 🐶] test [`8c465e8`](https://git.odit.services/lfk/scanclient/commit/8c465e8b7dae72e5b6436189a282a4ce7c1a5996)
+- [husky 🐶] test [`eb04446`](https://git.odit.services/lfk/scanclient/commit/eb04446a43615c33955b625ed213d4696094534d)
+- working scans 🎉 [`0ebabe2`](https://git.odit.services/lfk/scanclient/commit/0ebabe239c144c16faa23f6537f4b5516c81a033)
+- 📷 Scanner - basic language switching [`84a2ca6`](https://git.odit.services/lfk/scanclient/commit/84a2ca60b7f389bf4da7b008fcfe83b3ccf202dd)
+- locale persistance [`0aea3c1`](https://git.odit.services/lfk/scanclient/commit/0aea3c1e7ca4f83c0277245f6fa8c7772a152a80)
+- Scanner - display total distance [`c930d87`](https://git.odit.services/lfk/scanclient/commit/c930d879003d27bccb5e7118ed151e3e20487172)
+- 👷‍♂️ CI - move to main tags event + disable rpm build for now [`a2ec9d0`](https://git.odit.services/lfk/scanclient/commit/a2ec9d0cb3a156729bb7caf8b41c1d601755095d)
+- added basic dev script + more readme [`d728ae3`](https://git.odit.services/lfk/scanclient/commit/d728ae37e68ea87cd9757d6fce8194aaf128bf93)
+- drop husky 🐶 [`ff99657`](https://git.odit.services/lfk/scanclient/commit/ff99657ab3d29ff8dee3d366db673e5b84716093)
+- added husky formatting 🐶 [`d0facb2`](https://git.odit.services/lfk/scanclient/commit/d0facb2846c467abfa227b400a19c1e3444dcffd)
+- husky 🐶 [`00b8a14`](https://git.odit.services/lfk/scanclient/commit/00b8a14bc3e529286fcbfbecda81a349bed2138a)
+- Merge pull request 'dev' (#6) from dev into main [`31ccf07`](https://git.odit.services/lfk/scanclient/commit/31ccf0758df51d6db655e919999127d3d7badcf5)
+- basic Scanner working [`559842d`](https://git.odit.services/lfk/scanclient/commit/559842d2a6e99f872e35a574bdfc64a60b9b3757)
+- [husky 🐶] test [`bce4b4e`](https://git.odit.services/lfk/scanclient/commit/bce4b4e2b6c413609ca584cf3bc20f5339f2c7cf)
+- removed "@" from dist package [`ab7ba52`](https://git.odit.services/lfk/scanclient/commit/ab7ba528ee207cc2f1ed1e82fb78692d17c980e4)
+- ⌚ added live clock widget [`2267115`](https://git.odit.services/lfk/scanclient/commit/22671156a98f6553980408e368c784ea8b84a3e4)
+- 💾 store - added localstorage persistence [`c2f9da6`](https://git.odit.services/lfk/scanclient/commit/c2f9da6e925bf6791bcd0082947a8c696f137cb3)
+- CI - only build @lfk-scanclient-linux-x64 [`e85a639`](https://git.odit.services/lfk/scanclient/commit/e85a639e96db3a6f9315cb32f0580e4303318d38)
+- CI  - 📁 create zip for release [`de92402`](https://git.odit.services/lfk/scanclient/commit/de92402a3c3bfb4c16a3d153e5ad802ad915b99d)
+- CI - also trigger on tag events [`f4037c7`](https://git.odit.services/lfk/scanclient/commit/f4037c78ca83b258056bfcce25595514756aa476)
+- CI - added secret from path [`08922d3`](https://git.odit.services/lfk/scanclient/commit/08922d3363c716832c6d6a656caa4725ef7cd518)
+- input autofocus [`0f20996`](https://git.odit.services/lfk/scanclient/commit/0f20996ac326b07759a4f8b0a69a5b6b813d94dc)
+- 💾 added basic svelte store [`df3621d`](https://git.odit.services/lfk/scanclient/commit/df3621d08685bc193e543b0c6444223d2d61bf4c)
+- CI - testing full artifact zipping [`b1c9cc7`](https://git.odit.services/lfk/scanclient/commit/b1c9cc7652e22981106571d514a6b6d3d2616a19)
+- CI - rpm release building [`8f907ba`](https://git.odit.services/lfk/scanclient/commit/8f907ba597109faff6b4900bbdd9acfcbe644085)
+- CI - fixed rpm build [`3e533f5`](https://git.odit.services/lfk/scanclient/commit/3e533f5c6d15bdcbe5e45373d391840e2740bd9b)
+- 🚚 move to apk zip [`bfff17c`](https://git.odit.services/lfk/scanclient/commit/bfff17c465c831670511aca15b5598898fb84f21)
+- CI Test [`b42ff9e`](https://git.odit.services/lfk/scanclient/commit/b42ff9ec3cdf4e7986fe4b5766ffe75a86ea9827)
+- 🐳 added git as a electron dependency [`0189a16`](https://git.odit.services/lfk/scanclient/commit/0189a16df089dbcb0ca9f2d5a3a026fbc871fed5)

Dockerfile

@@ -1,5 +1,11 @@
-FROM node:15.11.0-alpine3.13
+FROM registry.odit.services/hub/library/node:23.11.0-alpine3.21 AS build
 WORKDIR /app
+
+COPY ./package.json ./pnpm-lock.yaml ./pnpm-workspace.yaml ./
+RUN npm i -g pnpm@10.7 && pnpm i
+
 COPY . .
-RUN yarn
+RUN pnpm build
-RUN yarn build
+
+FROM registry.odit.services/library/nginx-brotli:3.15 AS final
+COPY --from=build /app/dist /usr/share/nginx/html

LICENSE

@@ -1,362 +0,0 @@
-Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Creative
-Commons Corporation ("Creative Commons") is not a law firm and does not provide
-legal services or legal advice. Distribution of Creative Commons public licenses
-does not create a lawyer-client or other relationship. Creative Commons makes
-its licenses and related information available on an "as-is" basis. Creative
-Commons gives no warranties regarding its licenses, any material licensed
-under their terms and conditions, or any related information. Creative Commons
-disclaims all liability for damages resulting from their use to the fullest
-extent possible.
-
-Using Creative Commons Public Licenses
-
-Creative Commons public licenses provide a standard set of terms and conditions
-that creators and other rights holders may use to share original works of
-authorship and other material subject to copyright and certain other rights
-specified in the public license below. The following considerations are for
-informational purposes only, are not exhaustive, and do not form part of our
-licenses.
-
-Considerations for licensors: Our public licenses are intended for use by
-those authorized to give the public permission to use material in ways otherwise
-restricted by copyright and certain other rights. Our licenses are irrevocable.
-Licensors should read and understand the terms and conditions of the license
-they choose before applying it. Licensors should also secure all rights necessary
-before applying our licenses so that the public can reuse the material as
-expected. Licensors should clearly mark any material not subject to the license.
-This includes other CC-licensed material, or material used under an exception
-or limitation to copyright. More considerations for licensors : wiki.creativecommons.org/Considerations_for_licensors
-
-Considerations for the public: By using one of our public licenses, a licensor
-grants the public permission to use the licensed material under specified
-terms and conditions. If the licensor's permission is not necessary for any
-reason–for example, because of any applicable exception or limitation to copyright–then
-that use is not regulated by the license. Our licenses grant only permissions
-under copyright and certain other rights that a licensor has authority to
-grant. Use of the licensed material may still be restricted for other reasons,
-including because others have copyright or other rights in the material. A
-licensor may make special requests, such as asking that all changes be marked
-or described. Although not required by our licenses, you are encouraged to
-respect those requests where reasonable. More considerations for the public
-: wiki.creativecommons.org/Considerations_for_licensees
-
-Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public
-License
-
-By exercising the Licensed Rights (defined below), You accept and agree to
-be bound by the terms and conditions of this Creative Commons Attribution-NonCommercial-ShareAlike
-4.0 International Public License ("Public License"). To the extent this Public
-License may be interpreted as a contract, You are granted the Licensed Rights
-in consideration of Your acceptance of these terms and conditions, and the
-Licensor grants You such rights in consideration of benefits the Licensor
-receives from making the Licensed Material available under these terms and
-conditions.
-
-Section 1 – Definitions.
-
-a. Adapted Material means material subject to Copyright and Similar Rights
-that is derived from or based upon the Licensed Material and in which the
-Licensed Material is translated, altered, arranged, transformed, or otherwise
-modified in a manner requiring permission under the Copyright and Similar
-Rights held by the Licensor. For purposes of this Public License, where the
-Licensed Material is a musical work, performance, or sound recording, Adapted
-Material is always produced where the Licensed Material is synched in timed
-relation with a moving image.
-
-b. Adapter's License means the license You apply to Your Copyright and Similar
-Rights in Your contributions to Adapted Material in accordance with the terms
-and conditions of this Public License.
-
-c. BY-NC-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses,
-approved by Creative Commons as essentially the equivalent of this Public
-License.
-
-d. Copyright and Similar Rights means copyright and/or similar rights closely
-related to copyright including, without limitation, performance, broadcast,
-sound recording, and Sui Generis Database Rights, without regard to how the
-rights are labeled or categorized. For purposes of this Public License, the
-rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
-
-e. Effective Technological Measures means those measures that, in the absence
-of proper authority, may not be circumvented under laws fulfilling obligations
-under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996,
-and/or similar international agreements.
-
-f. Exceptions and Limitations means fair use, fair dealing, and/or any other
-exception or limitation to Copyright and Similar Rights that applies to Your
-use of the Licensed Material.
-
-g. License Elements means the license attributes listed in the name of a Creative
-Commons Public License. The License Elements of this Public License are Attribution,
-NonCommercial, and ShareAlike.
-
-h. Licensed Material means the artistic or literary work, database, or other
-material to which the Licensor applied this Public License.
-
-i. Licensed Rights means the rights granted to You subject to the terms and
-conditions of this Public License, which are limited to all Copyright and
-Similar Rights that apply to Your use of the Licensed Material and that the
-Licensor has authority to license.
-
-j. Licensor means the individual(s) or entity(ies) granting rights under this
-Public License.
-
-k. NonCommercial means not primarily intended for or directed towards commercial
-advantage or monetary compensation. For purposes of this Public License, the
-exchange of the Licensed Material for other material subject to Copyright
-and Similar Rights by digital file-sharing or similar means is NonCommercial
-provided there is no payment of monetary compensation in connection with the
-exchange.
-
-l. Share means to provide material to the public by any means or process that
-requires permission under the Licensed Rights, such as reproduction, public
-display, public performance, distribution, dissemination, communication, or
-importation, and to make material available to the public including in ways
-that members of the public may access the material from a place and at a time
-individually chosen by them.
-
-m. Sui Generis Database Rights means rights other than copyright resulting
-from Directive 96/9/EC of the European Parliament and of the Council of 11
-March 1996 on the legal protection of databases, as amended and/or succeeded,
-as well as other essentially equivalent rights anywhere in the world.
-
-n. You means the individual or entity exercising the Licensed Rights under
-this Public License. Your has a corresponding meaning.
-
-Section 2 – Scope.
-
-   a. License grant.
-
-1. Subject to the terms and conditions of this Public License, the Licensor
-hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive,
-irrevocable license to exercise the Licensed Rights in the Licensed Material
-to:
-
-A. reproduce and Share the Licensed Material, in whole or in part, for NonCommercial
-purposes only; and
-
-B. produce, reproduce, and Share Adapted Material for NonCommercial purposes
-only.
-
-2. Exceptions and Limitations. For the avoidance of doubt, where Exceptions
-and Limitations apply to Your use, this Public License does not apply, and
-You do not need to comply with its terms and conditions.
-
-      3. Term. The term of this Public License is specified in Section 6(a).
-
-4. Media and formats; technical modifications allowed. The Licensor authorizes
-You to exercise the Licensed Rights in all media and formats whether now known
-or hereafter created, and to make technical modifications necessary to do
-so. The Licensor waives and/or agrees not to assert any right or authority
-to forbid You from making technical modifications necessary to exercise the
-Licensed Rights, including technical modifications necessary to circumvent
-Effective Technological Measures. For purposes of this Public License, simply
-making modifications authorized by this Section 2(a)(4) never produces Adapted
-Material.
-
-      5. Downstream recipients.
-
-A. Offer from the Licensor – Licensed Material. Every recipient of the Licensed
-Material automatically receives an offer from the Licensor to exercise the
-Licensed Rights under the terms and conditions of this Public License.
-
-B. Additional offer from the Licensor – Adapted Material. Every recipient
-of Adapted Material from You automatically receives an offer from the Licensor
-to exercise the Licensed Rights in the Adapted Material under the conditions
-of the Adapter's License You apply.
-
-C. No downstream restrictions. You may not offer or impose any additional
-or different terms or conditions on, or apply any Effective Technological
-Measures to, the Licensed Material if doing so restricts exercise of the Licensed
-Rights by any recipient of the Licensed Material.
-
-6. No endorsement. Nothing in this Public License constitutes or may be construed
-as permission to assert or imply that You are, or that Your use of the Licensed
-Material is, connected with, or sponsored, endorsed, or granted official status
-by, the Licensor or others designated to receive attribution as provided in
-Section 3(a)(1)(A)(i).
-
-   b. Other rights.
-
-1. Moral rights, such as the right of integrity, are not licensed under this
-Public License, nor are publicity, privacy, and/or other similar personality
-rights; however, to the extent possible, the Licensor waives and/or agrees
-not to assert any such rights held by the Licensor to the limited extent necessary
-to allow You to exercise the Licensed Rights, but not otherwise.
-
-2. Patent and trademark rights are not licensed under this Public License.
-
-3. To the extent possible, the Licensor waives any right to collect royalties
-from You for the exercise of the Licensed Rights, whether directly or through
-a collecting society under any voluntary or waivable statutory or compulsory
-licensing scheme. In all other cases the Licensor expressly reserves any right
-to collect such royalties, including when the Licensed Material is used other
-than for NonCommercial purposes.
-
-Section 3 – License Conditions.
-
-Your exercise of the Licensed Rights is expressly made subject to the following
-conditions.
-
-   a. Attribution.
-
-1. If You Share the Licensed Material (including in modified form), You must:
-
-A. retain the following if it is supplied by the Licensor with the Licensed
-Material:
-
-i. identification of the creator(s) of the Licensed Material and any others
-designated to receive attribution, in any reasonable manner requested by the
-Licensor (including by pseudonym if designated);
-
-            ii. a copyright notice;
-
-            iii. a notice that refers to this Public License;
-
-            iv. a notice that refers to the disclaimer of warranties;
-
-            
-
-v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
-
-B. indicate if You modified the Licensed Material and retain an indication
-of any previous modifications; and
-
-C. indicate the Licensed Material is licensed under this Public License, and
-include the text of, or the URI or hyperlink to, this Public License.
-
-2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner
-based on the medium, means, and context in which You Share the Licensed Material.
-For example, it may be reasonable to satisfy the conditions by providing a
-URI or hyperlink to a resource that includes the required information.
-
-3. If requested by the Licensor, You must remove any of the information required
-by Section 3(a)(1)(A) to the extent reasonably practicable.
-
-b. ShareAlike.In addition to the conditions in Section 3(a), if You Share
-Adapted Material You produce, the following conditions also apply.
-
-1. The Adapter's License You apply must be a Creative Commons license with
-the same License Elements, this version or later, or a BY-NC-SA Compatible
-License.
-
-2. You must include the text of, or the URI or hyperlink to, the Adapter's
-License You apply. You may satisfy this condition in any reasonable manner
-based on the medium, means, and context in which You Share Adapted Material.
-
-3. You may not offer or impose any additional or different terms or conditions
-on, or apply any Effective Technological Measures to, Adapted Material that
-restrict exercise of the rights granted under the Adapter's License You apply.
-
-Section 4 – Sui Generis Database Rights.
-
-Where the Licensed Rights include Sui Generis Database Rights that apply to
-Your use of the Licensed Material:
-
-a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract,
-reuse, reproduce, and Share all or a substantial portion of the contents of
-the database for NonCommercial purposes only;
-
-b. if You include all or a substantial portion of the database contents in
-a database in which You have Sui Generis Database Rights, then the database
-in which You have Sui Generis Database Rights (but not its individual contents)
-is Adapted Material, including for purposes of Section 3(b); and
-
-c. You must comply with the conditions in Section 3(a) if You Share all or
-a substantial portion of the contents of the database.
-
-For the avoidance of doubt, this Section 4 supplements and does not replace
-Your obligations under this Public License where the Licensed Rights include
-other Copyright and Similar Rights.
-
-Section 5 – Disclaimer of Warranties and Limitation of Liability.
-
-a. Unless otherwise separately undertaken by the Licensor, to the extent possible,
-the Licensor offers the Licensed Material as-is and as-available, and makes
-no representations or warranties of any kind concerning the Licensed Material,
-whether express, implied, statutory, or other. This includes, without limitation,
-warranties of title, merchantability, fitness for a particular purpose, non-infringement,
-absence of latent or other defects, accuracy, or the presence or absence of
-errors, whether or not known or discoverable. Where disclaimers of warranties
-are not allowed in full or in part, this disclaimer may not apply to You.
-
-b. To the extent possible, in no event will the Licensor be liable to You
-on any legal theory (including, without limitation, negligence) or otherwise
-for any direct, special, indirect, incidental, consequential, punitive, exemplary,
-or other losses, costs, expenses, or damages arising out of this Public License
-or use of the Licensed Material, even if the Licensor has been advised of
-the possibility of such losses, costs, expenses, or damages. Where a limitation
-of liability is not allowed in full or in part, this limitation may not apply
-to You.
-
-c. The disclaimer of warranties and limitation of liability provided above
-shall be interpreted in a manner that, to the extent possible, most closely
-approximates an absolute disclaimer and waiver of all liability.
-
-Section 6 – Term and Termination.
-
-a. This Public License applies for the term of the Copyright and Similar Rights
-licensed here. However, if You fail to comply with this Public License, then
-Your rights under this Public License terminate automatically.
-
-b. Where Your right to use the Licensed Material has terminated under Section
-6(a), it reinstates:
-
-1. automatically as of the date the violation is cured, provided it is cured
-within 30 days of Your discovery of the violation; or
-
-      2. upon express reinstatement by the Licensor.
-
-For the avoidance of doubt, this Section 6(b) does not affect any right the
-Licensor may have to seek remedies for Your violations of this Public License.
-
-c. For the avoidance of doubt, the Licensor may also offer the Licensed Material
-under separate terms or conditions or stop distributing the Licensed Material
-at any time; however, doing so will not terminate this Public License.
-
-   d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
-
-Section 7 – Other Terms and Conditions.
-
-a. The Licensor shall not be bound by any additional or different terms or
-conditions communicated by You unless expressly agreed.
-
-b. Any arrangements, understandings, or agreements regarding the Licensed
-Material not stated herein are separate from and independent of the terms
-and conditions of this Public License.
-
-Section 8 – Interpretation.
-
-a. For the avoidance of doubt, this Public License does not, and shall not
-be interpreted to, reduce, limit, restrict, or impose conditions on any use
-of the Licensed Material that could lawfully be made without permission under
-this Public License.
-
-b. To the extent possible, if any provision of this Public License is deemed
-unenforceable, it shall be automatically reformed to the minimum extent necessary
-to make it enforceable. If the provision cannot be reformed, it shall be severed
-from this Public License without affecting the enforceability of the remaining
-terms and conditions.
-
-c. No term or condition of this Public License will be waived and no failure
-to comply consented to unless expressly agreed to by the Licensor.
-
-d. Nothing in this Public License constitutes or may be interpreted as a limitation
-upon, or waiver of, any privileges and immunities that apply to the Licensor
-or You, including from the legal processes of any jurisdiction or authority.
-
-Creative Commons is not a party to its public licenses. Notwithstanding, Creative
-Commons may elect to apply one of its public licenses to material it publishes
-and in those instances will be considered the "Licensor." The text of the
-Creative Commons public licenses is dedicated to the public domain under the
-CC0 Public Domain Dedication. Except for the limited purpose of indicating
-that material is shared under a Creative Commons public license or as otherwise
-permitted by the Creative Commons policies published at creativecommons.org/policies,
-Creative Commons does not authorize the use of the trademark "Creative Commons"
-or any other trademark or logo of Creative Commons without its prior written
-consent including, without limitation, in connection with any unauthorized
-modifications to any of its public licenses or any other arrangements, understandings,
-or agreements concerning use of licensed material. For the avoidance of doubt,
-this paragraph does not form part of the public licenses.
-
-Creative Commons may be contacted at creativecommons.org.

README.md

@@ -2,19 +2,19 @@
 
 ## ✒️ Overview
 This is an API client for [https://git.odit.services/lfk/backend](@lfk/backend)
-- WebApp built with [Svelte](https://svelte.dev), [WindiCSS](https://windicss.org/) (to compile [TailwindCSS](https://tailwindcss.com/)) and [Vite](https://vitejs.dev).
+- WebApp built with [Svelte](https://svelte.dev), [TailwindCSS](https://tailwindcss.com/) and [Vite](https://vitejs.dev).
 
 ## 🚀 Getting Started
 ```
-yarn
+pnpm i
 ```
 ## Development
 ```
-yarn dev
+pnpm dev
 /
-yarn dev --open
+pnpm dev --open
 ```
 ## Build
 ```
-yarn build
+pnpm build
 ```

index.html

@@ -1,15 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>LfK!Scan</title>
-    <base href="./" />
-    <link rel="icon" type="image/png" href="./favicon.png" />
   </head>
-
+  <body>
-  <body class="bg-white font-family-karla h-screen">
+    <div id="app"></div>
-    <script src="./env.js"></script>
+    <script type="module" src="/src/main.ts"></script>
-    <script type="module" src="./src/main.js"></script>
   </body>
 </html>

order.js

@@ -1,16 +0,0 @@
-const fs = require('fs');
-// get all language files
-const files = fs.readdirSync('./src/locales/');
-files.forEach((f) => {
-	// read file as object
-	const unordered = JSON.parse(fs.readFileSync(`src/locales/${f}`));
-	// order object by keys alpabetically A-Z
-	const ordered = Object.keys(unordered).sort().reduce((obj, key) => {
-		obj[key] = unordered[key];
-		return obj;
-	}, {});
-	// format output as json for commit diff compatibility
-	const out = JSON.stringify(ordered, 0, 4);
-	// write output file
-	fs.writeFileSync(`src/locales/${f}`, out);
-});

order.mjs

@@ -0,0 +1,18 @@
+import { readFileSync, readdirSync, writeFileSync } from "node:fs";
+// get all language files
+const files = readdirSync("./src/locales/");
+files.forEach((f) => {
+	// read file as object
+	const unordered = JSON.parse(readFileSync(`src/locales/${f}`));
+	// order object by keys alpabetically A-Z
+	const ordered = Object.keys(unordered)
+		.sort()
+		.reduce((obj, key) => {
+			obj[key] = unordered[key];
+			return obj;
+		}, {});
+	// format output as json for commit diff compatibility
+	const out = JSON.stringify(ordered, 0, 4);
+	// write output file
+	writeFileSync(`src/locales/${f}`, out);
+});

package.json

@@ -1,27 +1,53 @@
 {
 	"name": "@lfk/scanclient",
-	"version": "0.0.0",
+	"private": true,
+	"version": "1.2.0",
+	"type": "module",
 	"scripts": {
 		"dev": "vite",
+		"release": "release-it",
 		"build": "vite build",
+		"preview": "vite preview",
 		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
-		"prepare": "husky install",
+		"license:export": "license-exporter --markdown && git stage licenses.md",
-		"license:export": "license-exporter --markdown && git stage licenses.md"
+		"check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
 	},
 	"devDependencies": {
-		"@odit/license-exporter": "^0.0.11",
+		"@odit/license-exporter": "0.2.0",
-		"@svitejs/vite-plugin-svelte": "^0.11.1",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"@tsconfig/svelte": "^1.0.10",
+		"@tsconfig/svelte": "^5.0.4",
-		"@types/html-minifier": "^4.0.0",
+		"axios": "1.8.4",
-		"axios": "^0.21.1",
+		"prettier": "3.5.3",
-		"html-minifier": "^4.0.0",
+		"prettier-plugin-svelte": "3.3.3",
-		"husky": "^5.1.3",
+		"release-it": "^18.1.2",
-		"prettier": "^2.2.1",
+		"svelte": "^5.20.2",
-		"prettier-plugin-svelte": "^2.2.0",
+		"svelte-check": "^4.1.4",
-		"svelte": "^3.35.0",
+		"svelte-i18n": "4.0.1",
-		"svelte-preprocess": "^4.6.9",
+		"typescript": "~5.8.3",
-		"vite": "^2.1.2",
+		"vite": "^6.2.0"
-		"vite-plugin-windicss": "^0.9.2",
+	},
-		"svelte-i18n": "^3.3.7"
+	"dependencies": {
+		"@fontsource/athiti": "^5.2.5",
+		"@tailwindcss/vite": "^4.1.3",
+		"tailwindcss": "^4.1.3",
+		"validator": "13.15.0"
+	},
+	"release-it": {
+		"git": {
+			"commit": true,
+			"requireCleanWorkingDir": false,
+			"commitMessage": "chore(release): ${version}",
+			"requireBranch": "dev",
+			"push": true,
+			"tag": true,
+			"tagName": "${version}",
+			"tagAnnotation": "${version}"
+		},
+		"npm": {
+			"publish": false
+		},
+		"hooks": {
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order.mjs  && git add src/locales"
+		}
 	}
 }

pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+onlyBuiltDependencies:
+  - es5-ext
+  - esbuild

public/env.js

@@ -1,3 +0,0 @@
-const config = {
-	endpoint: 'https://dev.lauf-fuer-kaya.de/'
-};

public/env.sample.js

@@ -1,3 +0,0 @@
-const config = {
-	endpoint: 'https://dev.lauf-fuer-kaya.de/'
-};

src/App.svelte

@@ -1,5 +1,5 @@
 <script>
-  console.log("app started with base url " + config.endpoint);
+  import { apikey, api_endpoint, lang, page } from "./store.js";
   import { addMessages, init } from "svelte-i18n";
   import en from "./locales/en.json";
   import de from "./locales/de.json";
@@ -11,13 +11,13 @@
   import Scanner from "./Scanner.svelte";
   import Login from "./Login.svelte";
   import Settings from "./Settings.svelte";
-  import { apikey, lang, page } from "./store.js";
   $: is_configured = $apikey && $apikey !== "null" && $apikey !== "";
   $: settings_open = $page === "settings";
   init({
     fallbackLocale: "en-US",
     initialLocale: $lang,
   });
+  console.log("app started with base url " + $api_endpoint);
 </script>
 
 {#if settings_open && is_configured}

src/Login.svelte

@@ -1,213 +1,263 @@
 <script>
-  import { apikey, lang, stationinfo } from "./store.js";
+	import isURL from "validator/lib/isURL";
-  import axios from "axios";
+	import isUUID from "validator/lib/isUUID";
-  import { _, locale } from "svelte-i18n";
+	import { apikey, lang, stationinfo, api_endpoint, page } from "./store.js";
-  let token;
+	import axios from "axios";
-  $: error = false;
+	import background from "./kaya_kids_background.jpg";
-  $: errormessage = "";
+	import { _, locale } from "svelte-i18n";
-  $: isTokenValid =
+	let token;
-    token?.length === 44 &&
+	let api_endpoint_input = "";
-    token.split(".")[0].length === 7 &&
+	$: error = false;
-    isUUID(token.split(".")[1]);
+	$: errormessage = "";
-  function isLocale(l) {
+	$: isTokenValid =
-    return $locale == l;
+		token === "rst" ||
-  }
+		(token?.length === 44 &&
-  function isUUID(uuid) {
+			token.split(".")[0].length === 7 &&
-    let s = "" + uuid;
+			isUUID(token.split(".")[1]));
-
+	$: isEndpointValid = isURL(api_endpoint_input);
-    s = s.match(
-      "^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$"
-    );
-    if (s === null) {
-      return false;
-    }
-    return true;
-  }
 </script>
 
 <div class="w-full flex flex-wrap">
-  <!-- Login Section -->
+	<!-- Login Section -->
-  <div class="w-full md:w-1/2 flex flex-col">
+	<div class="w-full md:w-1/2 flex flex-col">
-    <div class="flex justify-center md:justify-start pt-12 md:pl-12 md:-mb-24">
+		<div class="flex justify-center md:justify-start pt-12 md:pl-12 md:-mb-24">
-      <div class="bg-black text-white font-bold text-xl p-4">
+			<div class="bg-black text-white font-bold text-xl p-4">
-        <img src="./favicon.png" alt="" style="height: 3rem;display: inline;" />
+				<img src="./favicon.png" alt="" style="height: 3rem;display: inline;" />
-        LfK!Scan
+				LfK!Scan
-      </div>
+			</div>
-    </div>
+		</div>
 
-    <div
+		<div
-      class="flex flex-col justify-center md:justify-start my-auto pt-8 md:pt-0 px-8 md:px-24 lg:px-32"
+			class="flex flex-col justify-center md:justify-start my-auto pt-8 md:pt-0 px-8 md:px-24 lg:px-32"
-    >
+		>
-      <p class="text-center text-3xl">{$_("configuration")}</p>
+			<p class="text-center text-3xl">{$_("configuration")}</p>
-      <p class="text-center">
+			<p class="text-center">
-        {$_("please_provide_the_scan_client_token")}<br /><a
+				{$_("please_provide_the_scan_client_token")}<br /><a
-          target="_blank"
+					target="_blank"
-          class="underline"
+					class="underline"
-          href="https://docs.lauf-fuer-kaya.de/"
+					href="https://docs.lauf-fuer-kaya.de/"
-          >{$_("see_our_configuration_guide")}</a
+					>{$_("see_our_configuration_guide")}</a
-        >
+				>
-      </p>
+			</p>
-      {#if error}
+			{#if error}
-        {#if errormessage === "invalid_token"}
+				{#if errormessage === "invalid_token"}
-          <div
+					<div
-            class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+						class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
-          >
+					>
-            <span class="inline-block align-middle">
+						<span class="inline-block align-middle">
-              <b class="capitalize">{$_("error")}</b><br />{$_(
+							<b class="capitalize">{$_("error")}</b><br />{$_(
-                "the_provided_scan_station_token_is_invalid"
+								"the_provided_scan_station_token_is_invalid"
-              )}<br />{$_("please_check_your_token_and_try_again")}
+							)}<br />{$_("please_check_your_token_and_try_again")}
-            </span>
+						</span>
-          </div>
+					</div>
-        {/if}
+				{/if}
-        {#if errormessage === "station_disabled"}
+				{#if errormessage === "station_disabled"}
-          <div
+					<div
-            class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+						class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
-          >
+					>
-            <span class="inline-block align-middle">
+						<span class="inline-block align-middle">
-              <b class="capitalize">{$_("error")}</b><br />{$_(
+							<b class="capitalize">{$_("error")}</b><br />{$_(
-                "the_provided_scan_station_is_disabled"
+								"the_provided_scan_station_is_disabled"
-              )}
+							)}
-            </span>
+						</span>
-          </div>
+					</div>
-        {/if}
+				{/if}
-      {/if}
+			{/if}
+			{#if $api_endpoint}
+				<form
+					class="flex flex-col pt-3 md:pt-8"
+					onsubmit={(e) => {
+						e.preventDefault();
+						if (token === "rst") {
+							apikey.set("");
+							api_endpoint.set("");
+							page.set("");
+							token = "";
+							api_endpoint_input = "";
+						} else {
+							axios
+								.request({
+									method: "GET",
+									url: $api_endpoint + "api/stations/me",
+									headers: { Authorization: "Bearer " + token },
+								})
+								.then(function (response) {
+									error = false;
+									errormessage = "";
+									apikey.set(token);
+									stationinfo.set(JSON.stringify(response.data));
+								})
+								.catch(function (e) {
+									error = true;
+									errormessage = e.response.data.short;
+								});
+						}
+					}}
+				>
+					<div class="flex flex-col pt-4">
+						<label for="token" class="text-lg">{$_("client_token")}</label>
+						<input
+							type="text"
+							id="token"
+							placeholder={$_("client_token")}
+							bind:value={token}
+							class:border-red-500={!isTokenValid}
+							class:border-solid={!isTokenValid}
+							class:border-3={!isTokenValid}
+							class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"
+						/>
+					</div>
+					{#if !isTokenValid}
+						<span class="text-sm"
+							>{$_("please_provide_a_valid_client_token")}</span
+						>
+					{/if}
+					<button
+						disabled={!isTokenValid}
+						class:cursor-pointer={isTokenValid}
+						class:opacity-50={!isTokenValid}
+						id="configure"
+						type="submit"
+						class="bg-black text-white font-bold text-lg p-2 mt-8 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+						>{$_("configure")}</button
+					>
+				</form>
+			{:else}
+				<form
+					class="flex flex-col pt-3 md:pt-8"
+					onsubmit={(e) => {
+						e.preventDefault();
+						if (api_endpoint_input === "rst") {
+							apikey.set("");
+							api_endpoint.set("");
+							page.set("");
+							token = "";
+							api_endpoint_input = "";
+						} else {
+							if (api_endpoint_input.substr(-1) !== "/") {
+								api_endpoint_input = api_endpoint_input + "/";
+							}
+							api_endpoint.set(api_endpoint_input);
+						}
+					}}
+				>
+					<div class="flex flex-col pt-4">
+						<label for="api_endpoint" class="text-lg"
+							>{$_("api_endpoint")}</label
+						>
+						<input
+							type="text"
+							id="api_endpoint"
+							placeholder={$_("api_endpoint")}
+							bind:value={api_endpoint_input}
+							class:border-red-500={!isEndpointValid}
+							class:border-solid={!isEndpointValid}
+							class:border-3={!isEndpointValid}
+							class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"
+						/>
+					</div>
+					{#if !isEndpointValid}
+						<span class="text-sm"
+							>{$_("please_provide_a_valid_client_api_endpoint")}</span
+						>
+					{/if}
+					<button
+						disabled={!isEndpointValid}
+						class:cursor-pointer={isEndpointValid}
+						class:opacity-50={!isEndpointValid}
+						id="configure"
+						type="submit"
+						class="bg-black text-white font-bold text-lg p-2 mt-8 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+						>{$_("configure")}</button
+					>
+				</form>
+			{/if}
+			<div class="text-center pt-12 pb-12">
+				<p>
+					<svg
+						style="height: 1rem;display: inline;"
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						class="feather feather-zap"
+						viewBox="0 0 24 24"
+					>
+						<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
+					</svg><span
+						>powered by <a
+							href="https://odit.services"
+							target="_blank"
+							class="underline">ODIT.Services</a
+						>.</span
+					>
+				</p>
+			</div>
+		</div>
+		<div class="w-full p-3">
+			<div class="inline-block mr-2 mt-2">
+				<button
+					onclick={() => {
+						lang.set("de-DE");
+						locale.set("de-DE");
+					}}
+					type="button"
+					class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 cursor-pointer"
+					>Deutsch
+					<svg
+						class="h-4 inline"
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 512 512"
+						><path
+							d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z"
+							fill="#ffda44"
+						/><path
+							d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z"
+						/><path
+							d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z"
+							fill="#d80027"
+						/></svg
+					></button
+				>
+			</div>
+			<div class="inline-block mr-2 mt-2">
+				<button
+					onclick={() => {
+						lang.set("en-US");
+						locale.set("en-US");
+					}}
+					type="button"
+					class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 cursor-pointer"
+					>English
+					<svg
+						class="h-4 inline"
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 512 512"
+					>
+						<circle cx="256" cy="256" r="256" fill="#f0f0f0" />
+						<g fill="#d80027">
+							<path
+								d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z"
+							/>
+						</g>
+						<path
+							d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z"
+							fill="#0052b4"
+						/>
+					</svg></button
+				>
+			</div>
+		</div>
+	</div>
 
-      <form
+	<!-- Image Section -->
-        class="flex flex-col pt-3 md:pt-8"
+	<div class="w-1/2 shadow-2xl">
-        onsubmit="event.preventDefault();"
+		<img
-        on:submit={() => {
+			alt=""
-          axios
+			class="object-cover w-full h-screen hidden md:block"
-            .request({
+			src={background}
-              method: "GET",
+		/>
-              url: config.endpoint + "api/stations/me",
+	</div>
-              headers: { Authorization: "Bearer " + token },
-            })
-            .then(function (response) {
-              error = false;
-              errormessage = "";
-              apikey.set(token);
-              stationinfo.set(JSON.stringify(response.data));
-            })
-            .catch(function (e) {
-              error = true;
-              errormessage = e.response.data.short;
-            });
-        }}
-      >
-        <div class="flex flex-col pt-4">
-          <label for="token" class="text-lg">{$_("client_token")}</label>
-          <input
-            type="text"
-            id="token"
-            placeholder={$_("client_token")}
-            bind:value={token}
-            class:border-red-500={!isTokenValid}
-            class:border-solid={!isTokenValid}
-            class:border-3={!isTokenValid}
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"
-          />
-        </div>
-        {#if !isTokenValid}
-          <span class="text-sm"
-            >{$_("please_provide_a_valid_client_token")}</span
-          >
-        {/if}
-        <button
-          disabled={!isTokenValid}
-          class:cursor-pointer={isTokenValid}
-          class:opacity-50={!isTokenValid}
-          id="configure"
-          type="submit"
-          class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
-          >{$_("configure")}</button
-        >
-      </form>
-      <div class="text-center pt-12 pb-12">
-        <p>
-          <svg
-            style="height: 1rem;display: inline;"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="feather feather-zap"
-            viewBox="0 0 24 24"
-          >
-            <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
-          </svg><span
-            >powered by <a
-              href="https://odit.services"
-              target="_blank"
-              class="underline">ODIT.Services</a
-            >.</span
-          >
-        </p>
-      </div>
-    </div>
-    <div class="w-full p-3">
-      <div class="inline-block mr-2 mt-2">
-        <button
-          on:click={() => {
-            lang.set("de-DE");
-            locale.set("de-DE");
-          }}
-          type="button"
-          class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700"
-          >Deutsch
-          <svg
-            class="h-4 inline"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 512 512"
-            ><path
-              d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z"
-              fill="#ffda44"
-            /><path
-              d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z"
-            /><path
-              d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z"
-              fill="#d80027"
-            /></svg
-          ></button
-        >
-      </div>
-      <div class="inline-block mr-2 mt-2">
-        <button
-          on:click={() => {
-            lang.set("en-US");
-            locale.set("en-US");
-          }}
-          type="button"
-          class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700"
-          >English
-          <svg
-            class="h-4 inline"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 512 512"
-          >
-            <circle cx="256" cy="256" r="256" fill="#f0f0f0" />
-            <g fill="#d80027">
-              <path
-                d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z"
-              />
-            </g>
-            <path
-              d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z"
-              fill="#0052b4"
-            />
-          </svg></button
-        >
-      </div>
-    </div>
-  </div>
-
-  <!-- Image Section -->
-  <div class="w-1/2 shadow-2xl">
-    <img
-      alt=""
-      class="object-cover w-full h-screen hidden md:block"
-      src="https://source.unsplash.com/IXUM4cJynP0"
-    />
-  </div>
 </div>

src/Scanner.svelte

@@ -1,132 +1,166 @@
-<script>
+<script lang="ts">
-  import axios from "axios";
+	import axios from "axios";
-  import { _ } from "svelte-i18n";
+	import { _ } from "svelte-i18n";
-  import { apikey, page, stationinfo } from "./store.js";
+	import { apikey, api_endpoint, page, stationinfo } from "./store.js";
-  function init(el) {
+	function init(el: HTMLInputElement) {
-    el.focus();
+		el.focus();
-  }
+	}
-  let lastscan_error = "";
+	let lastscan_error = "";
-  let lastscan_time = "";
+	let lastscan_time = "";
-  let lastscan_laptime = "";
+	let lastscan_laptime = "";
-  let lastscan_totaldistance = "";
+	let lastscan_totaldistance = "";
-  let card = "";
+	let lastscan_valid = true;
-  // live clock at the top
+	let card = "";
-  let time = new Date();
+	// live clock at the top
-  $: hours = (time.getHours() + "").padStart(2, "0");
+	let time = new Date();
-  $: minutes = (time.getMinutes() + "").padStart(2, "0");
+	$: hours = (time.getHours() + "").padStart(2, "0");
-  $: seconds = (time.getSeconds() + "").padStart(2, "0");
+	$: minutes = (time.getMinutes() + "").padStart(2, "0");
-  setInterval(() => {
+	$: seconds = (time.getSeconds() + "").padStart(2, "0");
-    time = new Date();
+	setInterval(() => {
-  }, 1000);
+		time = new Date();
+	}, 1000);
 </script>
 
 <div class="min-h-screen">
-  <div class="bg-white shadow p-2">
+	<div class="bg-white shadow p-2">
-    <div class="flex flex-wrap -mx-1 overflow-hidden">
+		<div class="flex flex-wrap -mx-1 overflow-hidden">
-      <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
+			<div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
-        <img src="/favicon.png" alt="" class="h-14 mx-auto" />
+				<img src="/favicon.png" alt="" class="h-14 mx-auto" />
-      </div>
+			</div>
 
-      <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
+			<div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
-        Lauf Für Kaya! Scan 📷
+				LfK!Scan
-      </div>
+			</div>
 
-      <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
+			<div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
-        {JSON.parse($stationinfo).track.name} - #{JSON.parse($stationinfo).track
+				{JSON.parse($stationinfo).track.name} - #{JSON.parse($stationinfo).track
-          .id} - {JSON.parse($stationinfo).track.distance}m
+					.id} - {JSON.parse($stationinfo).track.distance}m
-      </div>
+			</div>
-    </div>
+		</div>
-  </div>
+	</div>
 
-  <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
+	<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono">
-    {hours}:{minutes}:{seconds}
+		{hours}:{minutes}:{seconds}
-  </h1>
+	</h1>
-  <section class="px-4 py-24 mx-auto max-w-7xl">
+	<section class="px-4 py-2 mx-auto max-w-7xl">
-    <div class="mx-auto space-y-5 w-full md:w-1/2">
+		<div class="mx-auto space-y-5 w-full md:w-1/2">
-      {#if lastscan_error}
+			{#if lastscan_error}
-        <div
+				<div
-          class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+					class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
-        >
+				>
-          <span class="inline-block align-middle">
+					<span class="inline-block align-middle">
-            <b class="capitalize">Error!</b><br />{lastscan_error}
+						<b class="capitalize">Error!</b><br />{lastscan_error}
-          </span>
+					</span>
-        </div>
+				</div>
-      {/if}
+			{/if}
-      <form
+			<form
-        class="space-y-4"
+				onsubmit={(event) => {
-        onsubmit="event.preventDefault();"
+					event.preventDefault();
-        on:submit={() => {
+					if (card === "cnf") {
-          if (card === "cnf") {
+						page.set("settings");
-            page.set("settings");
+					} else {
-          } else {
+						card = parseInt(card);
-            card = parseInt(card);
+						lastscan_error = "";
-            lastscan_error = "";
+						axios
-            axios
+							.request({
-              .request({
+								method: "POST",
-                method: "POST",
+								url: $api_endpoint + "api/scans/trackscans",
-                url: config.endpoint + "api/scans/trackscans",
+								headers: { Authorization: "Bearer " + $apikey },
-                headers: { Authorization: "Bearer " + $apikey },
+								data: { card },
-                data: { card },
+							})
-              })
+							.then((response) => {
-              .then((response) => {
+								const time = new Date();
-                const time = new Date();
+								const hours = (time.getHours() + "").padStart(2, "0");
-                const hours = (time.getHours() + "").padStart(2, "0");
+								const minutes = (time.getMinutes() + "").padStart(2, "0");
-                const minutes = (time.getMinutes() + "").padStart(2, "0");
+								const seconds = (time.getSeconds() + "").padStart(2, "0");
-                const seconds = (time.getSeconds() + "").padStart(2, "0");
+								lastscan_time = hours + ":" + minutes + ":" + seconds;
-                lastscan_time = hours + ":" + minutes + ":" + seconds;
+								response.data.lapTime =
-                response.data.lapTime =
+									Math.floor(response.data.lapTime / 60) +
-                  Math.floor(response.data.lapTime / 60) +
+									"min " +
-                  "min " +
+									(Math.floor(response.data.lapTime % 60) + "").padStart(
-                  (Math.floor(response.data.lapTime % 60) + "").padStart(
+										2,
-                    2,
+										"0"
-                    "0"
+									) +
-                  ) +
+									"s";
-                  "s";
+								lastscan_laptime = response.data.lapTime;
-                lastscan_laptime = response.data.lapTime;
+								lastscan_valid = response.data.valid;
-                lastscan_totaldistance =
+								lastscan_totaldistance =
-                  Math.floor(response.data.runner.distance / 1000) +
+									Math.floor(response.data.runner.distance / 1000) +
-                  "km " +
+									"km " +
-                  (
+									(
-                    Math.floor(response.data.runner.distance % 1000) + ""
+										Math.floor(response.data.runner.distance % 1000) + ""
-                  ).padStart(3, "0") +
+									).padStart(3, "0") +
-                  "m";
+									"m";
-              })
+							})
-              .catch((e) => {
+							.catch((e) => {
-                lastscan_error = e.response.data.message;
+								lastscan_error = e.response.data.message;
-              });
+							});
-          }
+					}
-          card = "";
+					card = "";
-        }}
+				}}
-      >
+			>
-        <label class="block">
+				<label class="block">
-          <span class="block mb-1 text-xs font-medium text-gray-700"
+					<span class="block text-base font-semibold text-gray-700"
-            >{$_("runner_card")}</span
+						>{$_("runner_card")}</span
-          >
+					>
-          <input
+					<input
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"
+						class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            type="text"
+						type="text"
-            placeholder="123456789"
+						placeholder="123456789"
-            required
+						required
-            use:init
+						use:init
-            bind:value={card}
+						bind:value={card}
-          />
+					/>
-        </label>
+				</label>
-        {#if lastscan_totaldistance}
+				{#if lastscan_totaldistance}
-          <h1 class="text-3xl font-bold text-center">last scan</h1>
+					<div class="w-full text-center items-center pt-2">
-          <h1 class="text-5xl font-bold text-center">{lastscan_time}</h1>
+						{#if !lastscan_valid || lastscan_error}
-          <h1 class="text-3xl font-bold text-center">total distance</h1>
+							<svg
-          <h1 class="text-8xl font-bold text-center">
+								xmlns="http://www.w3.org/2000/svg"
-            {lastscan_totaldistance}
+								fill="none"
-          </h1>
+								stroke-width="1.5"
-          <h1 class="text-3xl font-bold text-center">lap time</h1>
+								stroke="currentColor"
-          <h1 class="text-8xl font-bold text-center">{lastscan_laptime}</h1>
+								class="w-30 h-30 text-center mx-auto text-red-600"
-        {:else}
+								viewBox="5.25 5.25 13.5 13.5"
-          <h1 class="text-3xl font-bold text-center">
+							>
-            {$_("please_scan_a_card")}
+								<path
-          </h1>
+									stroke-linecap="round"
-        {/if}
+									stroke-linejoin="round"
-        <button type="submit" class="hidden">{$_("scan")}</button>
+									d="M6 18L18 6M6 6l12 12"
-      </form>
+								/>
-    </div>
+							</svg>
-  </section>
+						{:else}
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								stroke-width="1.5"
+								stroke="currentColor"
+								class="w-30 h-30 text-center mx-auto text-green-600"
+								viewBox="3.75 4.5 16.5 15"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									d="m4.5 12.75 6 6 9-13.5"
+								/>
+							</svg>
+						{/if}
+					</div>
+					<h1 class="text-2xl font-bold text-center">{$_("total-distance")}</h1>
+					<h1 class="text-6xl font-bold text-center">
+						{lastscan_totaldistance}
+					</h1>
+					<h1 class="text-2xl font-bold text-center">{$_("lap-time")}</h1>
+					<h1 class="text-6xl font-bold text-center">{lastscan_laptime}</h1>
+					<h1 class="text-2xl font-bold text-center">{$_("last-scan")}</h1>
+					<h1 class="text-5xl font-bold text-center">{lastscan_time}</h1>
+				{:else}
+					<h1 class="text-3xl font-bold text-center">
+						{$_("please_scan_a_card")}
+					</h1>
+				{/if}
+				<button type="submit" class="hidden">{$_("scan")}</button>
+			</form>
+		</div>
+	</section>
 </div>

src/Settings.svelte

@@ -1,111 +1,114 @@
 <script>
-  import { _ } from "svelte-i18n";
+	import { _ } from "svelte-i18n";
 
-  import { apikey, lang, page, stationinfo } from "./store.js";
+	import { apikey, api_endpoint, lang, page, stationinfo } from "./store.js";
 </script>
 
 <div class="p-5 min-h-screen">
-  <h1 class="font-bold text-3xl w-full text-center text-gray-900">
+	<h1 class="font-bold text-3xl w-full text-center text-gray-900">
-    Lauf Für Kaya! Scan 📷
+		Lauf Für Kaya! Scan
-  </h1>
+	</h1>
-  <h1 class="text-3xl w-full text-center text-gray-900">{$_("settings")}</h1>
+	<h1 class="text-3xl w-full text-center text-gray-900">{$_("settings")}</h1>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_key")}</p>
+	<p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_key")}</p>
-  <p class="block text-sm text-gray-700">{$apikey}</p>
+	<p class="block text-sm text-gray-700">{$apikey}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
+	<p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("station_description")}
+		{$_("station_description")}
-  </p>
+	</p>
-  <p class="block text-sm text-gray-700">
+	<p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).description}
+		{JSON.parse($stationinfo).description}
-  </p>
+	</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("station_id")}</p>
+	<p class="block text-sm font-bold text-gray-700 mt-2">{$_("station_id")}</p>
-  <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).id}</p>
+	<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).id}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_id")}</p>
+	<p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_id")}</p>
-  <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.id}</p>
+	<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.id}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_name")}</p>
+	<p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_name")}</p>
-  <p class="block text-sm text-gray-700">
+	<p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.name}
+		{JSON.parse($stationinfo).track.name}
-  </p>
+	</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
+	<p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("track_distance")}
+		{$_("track_distance")}
-  </p>
+	</p>
-  <p class="block text-sm text-gray-700">
+	<p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.distance}
+		{JSON.parse($stationinfo).track.distance}
-  </p>
+	</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
+	<p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("minimum_lap_time")}
+		{$_("minimum_lap_time")}
-  </p>
+	</p>
-  <p class="block text-sm text-gray-700">
+	<p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.minimumLapTime}s
+		{JSON.parse($stationinfo).track.minimumLapTime}s
-  </p>
+	</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p>
+	<p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p>
-  <div class="w-full">
+	<div class="w-full">
-    <div class="inline-block mr-2 mt-2">
+		<div class="inline-block mr-2 mt-2">
-      <button
+			<button
-        on:click={() => {
+				on:click={() => {
-          lang.set("de-DE");
+					lang.set("de-DE");
-        }}
+					location.reload();
-        type="button"
+				}}
-        class:bg-blue-700={$lang === "de-DE"}
+				type="button"
-        class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700"
+				class:bg-blue-700={$lang === "de-DE"}
-        >Deutsch
+				class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 cursor-pointer"
-        <svg
+				>Deutsch
-          class="h-4 inline"
+				<svg
-          xmlns="http://www.w3.org/2000/svg"
+					class="h-4 inline"
-          viewBox="0 0 512 512"
+					xmlns="http://www.w3.org/2000/svg"
-          ><path
+					viewBox="0 0 512 512"
-            d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z"
+					><path
-            fill="#ffda44"
+						d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z"
-          /><path
+						fill="#ffda44"
-            d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z"
+					/><path
-          /><path
+						d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z"
-            d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z"
+					/><path
-            fill="#d80027"
+						d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z"
-          /></svg
+						fill="#d80027"
-        ></button
+					/></svg
-      >
+				></button
-    </div>
+			>
-    <div class="inline-block mr-2 mt-2">
+		</div>
-      <button
+		<div class="inline-block mr-2 mt-2">
-        on:click={() => {
+			<button
-          lang.set("en-EN");
+				on:click={() => {
-        }}
+					lang.set("en-EN");
-        type="button"
+					location.reload();
-        class:bg-blue-700={$lang === "en-EN"}
+				}}
-        class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700"
+				type="button"
-        >English
+				class:bg-blue-700={$lang === "en-EN"}
-        <svg
+				class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 cursor-pointer"
-          class="h-4 inline"
+				>English
-          xmlns="http://www.w3.org/2000/svg"
+				<svg
-          viewBox="0 0 512 512"
+					class="h-4 inline"
-        >
+					xmlns="http://www.w3.org/2000/svg"
-          <circle cx="256" cy="256" r="256" fill="#f0f0f0" />
+					viewBox="0 0 512 512"
-          <g fill="#d80027">
+				>
-            <path
+					<circle cx="256" cy="256" r="256" fill="#f0f0f0" />
-              d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z"
+					<g fill="#d80027">
-            />
+						<path
-          </g>
+							d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z"
-          <path
+						/>
-            d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z"
+					</g>
-            fill="#0052b4"
+					<path
-          />
+						d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z"
-        </svg></button
+						fill="#0052b4"
-      >
+					/>
-    </div>
+				</svg></button
-  </div>
+			>
-  <br />
+		</div>
-  <button
+	</div>
-    on:click={() => {
+	<br />
-      page.set("");
+	<button
-    }}
+		on:click={() => {
-    class="mb-3 w-full py-3 border-black border-3 text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+			page.set("");
-    >{$_("back_to_scanner")}</button
+		}}
-  >
+		class="mb-3 w-full py-3 border-black border-3 text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black cursor-pointer"
-  <button
+		>{$_("back_to_scanner")}</button
-    on:click={() => {
+	>
-      apikey.set("");
+	<button
-      page.set("");
+		on:click={() => {
-    }}
+			apikey.set("");
-    class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+			api_endpoint.set("");
-    >{$_("log_out_from_this_client")}</button
+			page.set("");
-  >
+		}}
+		class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black cursor-pointer"
+		>{$_("log_out_from_this_client")}</button
+	>
 </div>

src/app.css

@@ -0,0 +1,4 @@
+@import "tailwindcss";
+body {
+	font-family: "Athiti", sans-serif;
+}

src/locales/de.json

@@ -1,4 +1,5 @@
 {
+    "api_endpoint": "API-Endpunkt",
     "api_key": "API Key",
     "back_to_scanner": "Zurück zum Scanner",
     "client_token": "Client Token",
@@ -6,9 +7,12 @@
     "configure": "Konfigurieren",
     "error": "Error!",
     "language": "Sprache",
+    "lap-time": "Rundenzeit",
+    "last-scan": "Letzter Scan um",
     "log_out_from_this_client": "Von diesem Scanner abmelden",
     "minimum_lap_time": "minimale Rundenzeit",
     "please_check_your_token_and_try_again": "Bitte überprüfe den Token und versuche es erneut...",
+    "please_provide_a_valid_client_api_endpoint": "Bitte gebe einen gültigen API-Endpunkt an ...",
     "please_provide_a_valid_client_token": "Bitte gebe einen gültigen Client-Token an ...",
     "please_provide_the_scan_client_token": "Bitte gebe den Scan-Client-Token an.",
     "please_scan_a_card": "Bitte scanne eine Karte ...",
@@ -20,6 +24,7 @@
     "station_id": "Scanstations-ID",
     "the_provided_scan_station_is_disabled": "Die angegebene Scanstation ist deaktiviert.",
     "the_provided_scan_station_token_is_invalid": "Der angegebene Scanstation-Token ist ungültig.",
+    "total-distance": "Gesamtdistanz",
     "track_distance": "Länge des Tracks",
     "track_id": "Track ID",
     "track_name": "Track Name"

src/locales/en.json

@@ -1,4 +1,5 @@
 {
+    "api_endpoint": "API Endpoint",
     "api_key": "API Key",
     "back_to_scanner": "Back to Scanner",
     "client_token": "Client Token",
@@ -6,9 +7,12 @@
     "configure": "Configure",
     "error": "Error!",
     "language": "Language",
+    "lap-time": "lap time",
+    "last-scan": "last scan",
     "log_out_from_this_client": "Log Out from this Client",
     "minimum_lap_time": "minimum lap time",
     "please_check_your_token_and_try_again": "Please check your token and try again...",
+    "please_provide_a_valid_client_api_endpoint": "Please provide a valid api endpoint...",
     "please_provide_a_valid_client_token": "Please provide a valid client token...",
     "please_provide_the_scan_client_token": "Please provide the scan client token.",
     "please_scan_a_card": "please scan a card...",
@@ -20,6 +24,7 @@
     "station_id": "Scanstation ID",
     "the_provided_scan_station_is_disabled": "The provided scan station is disabled.",
     "the_provided_scan_station_token_is_invalid": "The provided scan station token is invalid.",
+    "total-distance": "total distance",
     "track_distance": "Track Distance",
     "track_id": "Track ID",
     "track_name": "Track Name"

src/main.js

@@ -1,8 +0,0 @@
-import App from './App.svelte';
-import 'windi.css';
-
-const app = new App({
-	target: document.body
-});
-
-export default app;

src/main.ts

@@ -0,0 +1,10 @@
+import { mount } from 'svelte'
+import '@fontsource/athiti';
+import './app.css'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('app')!,
+})
+
+export default app

src/store.js

@@ -1,5 +1,10 @@
 import { writable } from 'svelte/store';
 
+const stored_api_endpoint = localStorage.getItem('api_endpoint')||"";
+export const api_endpoint = writable(stored_api_endpoint);
+api_endpoint.subscribe((value) => {
+	localStorage.setItem('api_endpoint', value);
+});
 const stored_apikey = localStorage.getItem('apikey');
 export const apikey = writable(stored_apikey);
 apikey.subscribe((value) => {

src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />

svelte.config.js

@@ -0,0 +1,7 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
+}

tailwind.config.js

@@ -1,13 +0,0 @@
-module.exports = {
-  theme: {
-    extend: {
-      colors: {
-        reepolee: {
-          500: "#b40000",
-          600: "#9c0000",
-          700: "#750000",
-        },
-      },
-    },
-  },
-};

tsconfig.app.json

@@ -0,0 +1,20 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "resolveJsonModule": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable checkJs if you'd like to use dynamic types in JS.
+     * Note that setting allowJs false does not prevent the use
+     * of JS in `.svelte` files.
+     */
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true,
+    "moduleDetection": "force"
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}

tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

vite.config.ts

@@ -1,50 +1,8 @@
-import svelte from '@svitejs/vite-plugin-svelte';
+import { defineConfig } from 'vite'
-import windiCSS from 'vite-plugin-windicss';
+import tailwindcss from '@tailwindcss/vite'
-import { minify } from 'html-minifier';
+import { svelte } from '@sveltejs/vite-plugin-svelte'
-import { defineConfig } from 'vite';
-//
-const indexReplace = () => {
-	return {
-		name: 'html-transform',
-		transformIndexHtml(html) {
-			return minify(html, {
-				collapseWhitespace: true
-			});
-		}
-	};
-};
 
-export default defineConfig(({ command, mode }) => {
+// https://vite.dev/config/
-	const isProduction = mode === 'production';
+export default defineConfig({
-	return {
+  plugins: [svelte(), tailwindcss()],
-		base: './',
+})
-		build: {
-			polyfillDynamicImport: false,
-			cssCodeSplit: false,
-			minify: isProduction
-		},
-		plugins: [
-			windiCSS({
-				//@ts-ignore
-				verbose: true,
-				silent: false,
-				debug: true,
-				config: 'tailwind.config.js', // tailwind config file path (optional)
-				compile: false, // false: interpretation mode; true: compilation mode
-				prefix: 'windi-', // set compilation mode style prefix
-				globalPreflight: true, // set preflight style is global or scoped
-				globalUtility: true // set utility style is global or scoped
-			}),
-			svelte({
-				//@ts-ignore
-				hot: !isProduction,
-				emitCss: true,
-				extensions: [ '.md', '.svx', '.svelte' ],
-				preprocess: [
-					//
-				]
-			}),
-			indexReplace()
-		]
-	};
-});