Added fix for empty input

# Conflicts:
#	package.json

.drone.yml

@@ -5,34 +5,34 @@ get:
   path: odit-git-bot
   name: apikey
 
+---
+kind: secret
+name: ci_token
+get:
+  path: odit-ci-bot
+  name: apikey
+
 ---
 kind: pipeline
 type: kubernetes
-name: build
+name: build:tag
-
 steps:
-  - name: run electron packager
+  - name: run build
-    depends_on: ["clone"]
     image: node:15.11.0-alpine3.13
     commands:
-      - apk add git zip rpm -f
+      - apk add git zip -f
-      - yarn && cd app && yarn && cd ..
+      - yarn
-      - yarn electron:package
+      - yarn build
-      - mkdir dist
+      - mkdir out
-      - zip -r dist/@lfk-scanclient-linux-x64.zip out/@lfk-scanclient-linux-x64
+      - zip -r out/dist.zip dist
-      - npm i -g electron-packager electron-installer-redhat
+  - name: gitea add packages to build
-      - electron-installer-redhat --srcout/@lfk-scanclient-linux-x64 --dest dist/ --arch x64
-  - name: gitea_release
-    depends_on: ["run electron packager"]
     image: plugins/gitea-release
     settings:
       api_key:
         from_secret: gitea_token
       base_url: https://git.odit.services
-      files: dist/*
+      files: out/*
-      # files: out/*
+      title: Release ${DRONE_TAG}
-      # files:
-        # - dist/*
       checksum:
         - md5
         - sha1
@@ -40,12 +40,12 @@ steps:
         - sha512
         - adler32
         - crc32
-    when:
+  - name: trigger electron build
-      event: tag
+    image: idcooldi/drone-webhook
-
+    settings:
+      urls: https://ci.odit.services/api/repos/lfk/scanclient-electron/builds?SOURCE_TAG=${DRONE_TAG}
+      bearer:
+        from_secret: ci_token
 trigger:
-  # branch:
-  #   - dev
   event:
-    - push
     - tag

.husky/.gitignore

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

.husky/pre-commit

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

.vscode/i18n-ally-custom-framework.yml

@@ -0,0 +1,7 @@
+languageIds:
+    - javascript
+    - svelte
+    - html
+monopoly: false
+refactorTemplates:
+    - "{$_('$1')}"

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "i18n-ally.localesPaths": "src/locales",
+    "i18n-ally.keystyle": "nested"
+}

CHANGELOG.md

@@ -0,0 +1,208 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### [v0.1.3](https://git.odit.services/lfk/scanclient/compare/0.1.2...v0.1.3)
+
+- 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,6 +1,5 @@
 FROM node:15.11.0-alpine3.13
-RUN apk add git -f
 WORKDIR /app
 COPY . .
-RUN yarn && cd app && yarn && cd ..
+RUN yarn
-RUN yarn electron:package
+RUN yarn build

README.md

@@ -1,25 +1,20 @@
 # @lfk/scanclient
 
 ## ✒️ Overview
-This is an API client for @lfk/backend
+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).
-- Served to clients via by `electron`.
 
 ## 🚀 Getting Started
 ```
-yarn && cd app && yarn && cd ..
+yarn
 ```
-## WebApp Development
+## Development
 ```
 yarn dev
 /
 yarn dev --open
 ```
-## Run in electron
+## Build
 ```
-yarn electron:start
+yarn build
-```
-# Package electron
-```
-yarn electron:package
 ```

app/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <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 class="bg-white font-family-karla h-screen">
-  <script type="module" src="./src/main.js"></script>
-</body>
-
-</html>

app/package.json

@@ -1,20 +0,0 @@
-{
-	"name": "@lfk/scanclient",
-	"version": "0.0.0",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build"
-	},
-	"devDependencies": {
-		"@svitejs/vite-plugin-svelte": "^0.11.0",
-		"@tsconfig/svelte": "^1.0.10",
-		"@types/html-minifier": "^4.0.0",
-		"axios": "^0.21.1",
-		"glob": "^7.1.6",
-		"html-minifier": "^4.0.0",
-		"svelte": "^3.35.0",
-		"svelte-preprocess": "^4.6.9",
-		"vite": "^2.0.5",
-		"vite-plugin-windicss": "^0.8.2"
-	}
-}

app/src/App.svelte

@@ -1,63 +0,0 @@
-  <div class="w-full flex flex-wrap">
-
-      <!-- Login Section -->
-      <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="bg-black text-white font-bold text-xl p-4"><img src="./favicon.png" alt=""
-                      style="height: 3rem;display: inline;"> LfK!Scan</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">
-              <p class="text-center text-3xl">Configuration</p>
-              <p class="text-center">Please provide the scan client token.<br><a target="_blank" class="underline"
-                      href="https://docs.lauf-fuer-kaya.de/">See our configuration guide.</a></p>
-              <form class="flex flex-col pt-3 md:pt-8" onsubmit="event.preventDefault();">
-                  <div class="flex flex-col pt-4">
-                      <label for="token" class="text-lg">Client Token</label>
-                      <input type="text" id="token" onchange="tokenchanged()" placeholder="Client Token"
-                          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>
-                  <input id="configure" type="submit" value="Configure"
-                      class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8 cursor-pointer">
-              </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 type="button"
-                      class="bg-black focus:outline-none 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 type="button"
-                      class="bg-black focus:outline-none text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 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"></circle>
-                          <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">
-                              </path>
-                          </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"></path>
-                      </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>

index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <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 class="bg-white font-family-karla h-screen">
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

main.js

@@ -1,39 +0,0 @@
-const { app, BrowserWindow } = require('electron');
-const path = require('path');
-
-function createWindow() {
-	const mainWindow = new BrowserWindow({
-		width: 800,
-		height: 600,
-		fullscreen: true
-		// webPreferences: {
-		// 	preload: path.join(__dirname, 'preload.js')
-		// }
-	});
-	mainWindow.loadFile('app/dist/index.html');
-	// mainWindow.removeMenu();
-	// mainWindow.webContents.openDevTools()
-}
-
-// This method will be called when Electron has finished
-// initialization and is ready to create browser windows.
-// Some APIs can only be used after this event occurs.
-app.whenReady().then(() => {
-	createWindow();
-
-	app.on('activate', function() {
-		// On macOS it's common to re-create a window in the app when the
-		// dock icon is clicked and there are no other windows open.
-		if (BrowserWindow.getAllWindows().length === 0) createWindow();
-	});
-});
-
-// Quit when all windows are closed, except on macOS. There, it's common
-// for applications and their menu bar to stay active until the user quits
-// explicitly with Cmd + Q.
-app.on('window-all-closed', function() {
-	if (process.platform !== 'darwin') app.quit();
-});
-
-// In this file you can include the rest of your app's specific main process
-// code. You can also put them in separate files and require them here.

order.js

@@ -0,0 +1,16 @@
+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);
+});

package.json

@@ -1,44 +1,50 @@
-{
+{
-	"name": "@lfk/scanclient",
+	"name": "@lfk/scanclient",
-	"version": "0.0.0",
+	"version": "0.1.3",
-	"description": "minimal electron application",
+	"scripts": {
-	"main": "main.js",
+		"dev": "vite",
-	"scripts": {
+		"build": "vite build",
-		"dev": "cd app && yarn dev",
+		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
-		"electron:start": "cd app && yarn build && cd .. && electron-forge start",
+		"prepare": "husky install",
-		"electron:package": "cd app && yarn build && cd .. && electron-forge package"
+		"license:export": "license-exporter --markdown && git stage licenses.md",
-	},
+		"release": "release-it --only-version"
-	"devDependencies": {
+	},
-		"@electron-forge/cli": "^6.0.0-beta.54",
+	"devDependencies": {
-		"@electron-forge/maker-deb": "^6.0.0-beta.54",
+		"@odit/license-exporter": "^0.0.11",
-		"@electron-forge/maker-rpm": "^6.0.0-beta.54",
+		"@svitejs/vite-plugin-svelte": "^0.11.1",
-		"@electron-forge/maker-squirrel": "^6.0.0-beta.54",
+		"@tsconfig/svelte": "^1.0.10",
-		"@electron-forge/maker-zip": "^6.0.0-beta.54",
+		"@types/html-minifier": "^4.0.0",
-		"electron-nightly": "14.0.0-nightly.20210311"
+		"axios": "^0.21.1",
-	},
+		"html-minifier": "^4.0.0",
-	"dependencies": {
+		"husky": "^5.1.3",
-		"electron-squirrel-startup": "^1.0.0"
+		"prettier": "^2.2.1",
-	},
+		"prettier-plugin-svelte": "^2.2.0",
-	"config": {
+		"release-it": "^14.5.1",
-		"forge": {
+		"svelte": "^3.35.0",
-			"packagerConfig": {},
+		"svelte-i18n": "^3.3.7",
-			"makers": [
+		"svelte-preprocess": "^4.6.9",
-				{
+		"vite": "^2.1.2",
-					"name": "@electron-forge/maker-zip",
+		"vite-plugin-windicss": "^0.9.2"
-					"platforms": [ "darwin" ],
+	},
-					"config": {
+	"dependencies": {
-						"name": "lfk__scanclient"
+		"validator": "^13.5.2"
-					}
+	},
-				},
+	"release-it": {
-				{
+		"git": {
-					"name": "@electron-forge/maker-deb",
+			"commit": true,
-					"config": {}
+			"requireCleanWorkingDir": false,
-				},
+			"commitMessage": "🚀Bumped version to ${version}",
-				{
+			"requireBranch": "dev",
-					"name": "@electron-forge/maker-rpm",
+			"push": false,
-					"config": {}
+			"tag": true,
-				}
+			"tagName": null,
-			]
+			"tagAnnotation": "${version}"
-		}
+		},
-	}
+		"npm": {
-}
+			"publish": false
+		},
+		"hooks": {
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order.js  && git add src/locales"
+		}
+	}
+}

src/App.svelte

@@ -0,0 +1,29 @@
+<script>
+  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";
+  addMessages("en", en);
+  addMessages("en-US", en);
+  addMessages("de", de);
+  addMessages("de-DE", de);
+  //
+  import Scanner from "./Scanner.svelte";
+  import Login from "./Login.svelte";
+  import Settings from "./Settings.svelte";
+  $: 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}
+  <Settings />
+{:else if is_configured}
+  <Scanner />
+{:else}
+  <Login />
+{/if}

src/Login.svelte

@@ -0,0 +1,245 @@
+<script>
+  import isURL from "validator/lib/isURL";
+  import isUUID from "validator/lib/isUUID";
+  import { apikey, lang, stationinfo, api_endpoint } from "./store.js";
+  import axios from "axios";
+  import { _, locale } from "svelte-i18n";
+  let token;
+  let api_endpoint_input ="";
+  $: error = false;
+  $: errormessage = "";
+  $: isTokenValid =
+    token?.length === 44 &&
+    token.split(".")[0].length === 7 &&
+    isUUID(token.split(".")[1]);
+  $: isEndpointValid = isURL(api_endpoint_input);
+</script>
+
+<div class="w-full flex flex-wrap">
+  <!-- Login Section -->
+  <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="bg-black text-white font-bold text-xl p-4">
+        <img src="./favicon.png" alt="" style="height: 3rem;display: inline;" />
+        LfK!Scan
+      </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"
+    >
+      <p class="text-center text-3xl">{$_("configuration")}</p>
+      <p class="text-center">
+        {$_("please_provide_the_scan_client_token")}<br /><a
+          target="_blank"
+          class="underline"
+          href="https://docs.lauf-fuer-kaya.de/"
+          >{$_("see_our_configuration_guide")}</a
+        >
+      </p>
+      {#if error}
+        {#if errormessage === "invalid_token"}
+          <div
+            class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+          >
+            <span class="inline-block align-middle">
+              <b class="capitalize">{$_("error")}</b><br />{$_(
+                "the_provided_scan_station_token_is_invalid"
+              )}<br />{$_("please_check_your_token_and_try_again")}
+            </span>
+          </div>
+        {/if}
+        {#if errormessage === "station_disabled"}
+          <div
+            class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+          >
+            <span class="inline-block align-middle">
+              <b class="capitalize">{$_("error")}</b><br />{$_(
+                "the_provided_scan_station_is_disabled"
+              )}
+            </span>
+          </div>
+        {/if}
+      {/if}
+      {#if $api_endpoint}
+        <form
+          class="flex flex-col pt-3 md:pt-8"
+          onsubmit="event.preventDefault();"
+          on:submit={() => {
+            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 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>
+      {:else}
+        <form
+          class="flex flex-col pt-3 md:pt-8"
+          onsubmit="event.preventDefault();"
+          on:submit={() => {
+            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 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>
+      {/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
+          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

@@ -0,0 +1,164 @@
+<script>
+  import axios from "axios";
+  import { _ } from "svelte-i18n";
+  import { apikey, api_endpoint, page, stationinfo } from "./store.js";
+  function init(el) {
+    el.focus();
+  }
+  let lastscan_error = "";
+  let lastscan_time = "";
+  let lastscan_laptime = "";
+  let lastscan_totaldistance = "";
+  let lastscan_valid = true;
+  let card = "";
+  // live clock at the top
+  let time = new Date();
+  $: hours = (time.getHours() + "").padStart(2, "0");
+  $: minutes = (time.getMinutes() + "").padStart(2, "0");
+  $: seconds = (time.getSeconds() + "").padStart(2, "0");
+  setInterval(() => {
+    time = new Date();
+  }, 1000);
+</script>
+
+<div class="min-h-screen">
+  <div class="bg-white shadow p-2">
+    <div class="flex flex-wrap -mx-1 overflow-hidden">
+      <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" />
+      </div>
+
+      <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
+        Lauf Für Kaya! Scan 📷
+      </div>
+
+      <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
+        {JSON.parse($stationinfo).track.name} - #{JSON.parse($stationinfo).track
+          .id} - {JSON.parse($stationinfo).track.distance}m
+      </div>
+    </div>
+  </div>
+
+  <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
+    {hours}:{minutes}:{seconds}
+  </h1>
+  <section class="px-4 py-24 mx-auto max-w-7xl">
+    <div class="mx-auto space-y-5 w-full md:w-1/2">
+      {#if lastscan_error}
+        <div
+          class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2"
+        >
+          <span class="inline-block align-middle">
+            <b class="capitalize">Error!</b><br />{lastscan_error}
+          </span>
+        </div>
+      {/if}
+      <form
+        class="space-y-4"
+        onsubmit="event.preventDefault();"
+        on:submit={() => {
+          if (card === "cnf") {
+            page.set("settings");
+          } else {
+            card = parseInt(card);
+            lastscan_error = "";
+            axios
+              .request({
+                method: "POST",
+                url: $api_endpoint + "api/scans/trackscans",
+                headers: { Authorization: "Bearer " + $apikey },
+                data: { card },
+              })
+              .then((response) => {
+                const time = new Date();
+                const hours = (time.getHours() + "").padStart(2, "0");
+                const minutes = (time.getMinutes() + "").padStart(2, "0");
+                const seconds = (time.getSeconds() + "").padStart(2, "0");
+                lastscan_time = hours + ":" + minutes + ":" + seconds;
+                response.data.lapTime =
+                  Math.floor(response.data.lapTime / 60) +
+                  "min " +
+                  (Math.floor(response.data.lapTime % 60) + "").padStart(
+                    2,
+                    "0"
+                  ) +
+                  "s";
+                lastscan_laptime = response.data.lapTime;
+                lastscan_valid = response.data.valid;
+                lastscan_totaldistance =
+                  Math.floor(response.data.runner.distance / 1000) +
+                  "km " +
+                  (
+                    Math.floor(response.data.runner.distance % 1000) + ""
+                  ).padStart(3, "0") +
+                  "m";
+              })
+              .catch((e) => {
+                lastscan_error = e.response.data.message;
+              });
+          }
+          card = "";
+        }}
+      >
+        <label class="block">
+          <span class="block mb-1 text-xs font-medium text-gray-700"
+            >{$_("runner_card")}</span
+          >
+          <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"
+            type="text"
+            placeholder="123456789"
+            required
+            use:init
+            bind:value={card}
+          />
+        </label>
+        {#if lastscan_totaldistance}
+          {#if !lastscan_valid || lastscan_error}
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20rem"
+              height="20rem"
+              class="ml-auto mr-auto"
+              version="1.0"
+              title="Invalid"
+              viewBox="0 0 100 100"
+              ><g fill="none" stroke="red"
+                ><path d="M6 6l88 88" stroke-width="18.1" /><path
+                  d="M6 94L94 6"
+                  stroke-width="17.8"
+                /></g
+              ></svg
+            >
+          {:else}
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20rem"
+              height="20rem"
+              class="ml-auto mr-auto"
+              title="Valid"
+              viewBox="0 0 600 600"
+              ><path
+                d="M8 405s115 129 138 182h99c41-126 203-429 341-535 28-37-43-52-102-27-87 36-252 317-283 384-44 12-90-74-90-74z"
+                fill="#181"
+              /></svg
+            >
+          {/if}
+          <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

@@ -0,0 +1,112 @@
+<script>
+  import { _ } from "svelte-i18n";
+
+  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">
+    Lauf Für Kaya! Scan 📷
+  </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 text-gray-700">{$apikey}</p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">
+    {$_("station_description")}
+  </p>
+  <p class="block text-sm text-gray-700">
+    {JSON.parse($stationinfo).description}
+  </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 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 font-bold text-gray-700 mt-2">{$_("track_name")}</p>
+  <p class="block text-sm text-gray-700">
+    {JSON.parse($stationinfo).track.name}
+  </p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">
+    {$_("track_distance")}
+  </p>
+  <p class="block text-sm text-gray-700">
+    {JSON.parse($stationinfo).track.distance}
+  </p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">
+    {$_("minimum_lap_time")}
+  </p>
+  <p class="block text-sm text-gray-700">
+    {JSON.parse($stationinfo).track.minimumLapTime}s
+  </p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p>
+  <div class="w-full">
+    <div class="inline-block mr-2 mt-2">
+      <button
+        on:click={() => {
+          lang.set("de-DE");
+        }}
+        type="button"
+        class:bg-blue-700={$lang === "de-DE"}
+        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-EN");
+        }}
+        type="button"
+        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"
+        >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>
+  <br />
+  <button
+    on:click={() => {
+      page.set("");
+    }}
+    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"
+    >{$_("back_to_scanner")}</button
+  >
+  <button
+    on:click={() => {
+      apikey.set("");
+      api_endpoint.set("");
+      page.set("");
+    }}
+    class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+    >{$_("log_out_from_this_client")}</button
+  >
+</div>

src/locales/de.json

@@ -0,0 +1,31 @@
+{
+    "api_endpoint": "API-Endpunkt",
+    "api_key": "API Key",
+    "back_to_scanner": "Zurück zum Scanner",
+    "client_token": "Client Token",
+    "configuration": "Konfiguration",
+    "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 ...",
+    "runner_card": "Läuferkarte",
+    "scan": "Scannen!",
+    "see_our_configuration_guide": "Siehe dir unsere Konfigurationsanleitung an.",
+    "settings": "Einstellungen",
+    "station_description": "Beschreibung der Scanstation",
+    "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

@@ -0,0 +1,31 @@
+{
+    "api_endpoint": "API Endpoint",
+    "api_key": "API Key",
+    "back_to_scanner": "Back to Scanner",
+    "client_token": "Client Token",
+    "configuration": "Configuration",
+    "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...",
+    "runner_card": "Runner Card",
+    "scan": "Scan!",
+    "see_our_configuration_guide": "See our configuration guide.",
+    "settings": "Settings",
+    "station_description": "Station Description",
+    "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/store.js

@@ -0,0 +1,27 @@
+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) => {
+	localStorage.setItem('apikey', value);
+});
+const stored_stationinfo = localStorage.getItem('stationinfo');
+export const stationinfo = writable(stored_stationinfo);
+stationinfo.subscribe((value) => {
+	localStorage.setItem('stationinfo', value);
+});
+const stored_page = localStorage.getItem('page');
+export const page = writable(stored_page);
+page.subscribe((value) => {
+	localStorage.setItem('page', value);
+});
+const stored_lang = localStorage.getItem('lang') === 'null' ? navigator.language : localStorage.getItem('lang');
+export const lang = writable(stored_lang);
+lang.subscribe((value) => {
+	localStorage.setItem('lang', value);
+});