Login - add trailing slash to api_endpoint url

ref #9
🧹 drop old env.js
2021-03-23 18:10:58 +01:00 · 2021-03-22 19:28:42 +01:00 · 2021-03-22 19:26:03 +01:00 · 2021-03-19 18:49:26 +01:00 · 2021-03-19 18:44:38 +01:00 · 2021-03-19 18:25:28 +01:00
30 changed files with 5844 additions and 396 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -0,0 +1,24 @@
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/azds.yaml
+**/charts
+**/docker-compose*
+**/compose*
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+README.md
--- a/.drone.yml
+++ b/.drone.yml
@@ -0,0 +1,40 @@
+---
+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
+      - mkdir out
+      - 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:
+  event:
+    - tag
--- a/.gitignore
+++ b/.gitignore
@@ -1,22 +1,9 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Svelte Distribution
-public/build/
-
-# Electron Distribution
-dist
-
-# Project Build Automation Directory
-private
-
-# Desktop Services Store on macOS
+/node_modules/
+/dist/
 .DS_Store
+package-lock.json
+yarn.lock
+/out
+/yarn.lock
+/app/node_modules
+/app/dist
--- a/.husky/.gitignore
+++ b/.husky/.gitignore
@@ -0,0 +1 @@
+_
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn format
+yarn license:export
--- a/.vscode/i18n-ally-custom-framework.yml
+++ b/.vscode/i18n-ally-custom-framework.yml
@@ -0,0 +1,7 @@
+languageIds:
+    - javascript
+    - svelte
+    - html
+monopoly: false
+refactorTemplates:
+    - "{$_('$1')}"
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+    "i18n-ally.localesPaths": "src/locales",
+    "i18n-ally.keystyle": "nested"
+}
--- a/5
+++ b/5
@@ -0,0 +1,5 @@
+FROM node:15.11.0-alpine3.13
+WORKDIR /app
+COPY . .
+RUN yarn
+RUN yarn build
--- a/2
+++ b/2
@@ -359,4 +359,4 @@ modifications to any of its public licenses or any other arrangements, understan
 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.
+Creative Commons may be contacted at creativecommons.org.
--- a/README.md
+++ b/README.md
@@ -1,18 +1,20 @@
 # @lfk/scanclient

 ## ✒️ Overview
-This is an API client built with `svelte`, served to clients via by `electron`.
+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).

 ## 🚀 Getting Started
 ```
 yarn
 ```
-# Run your app
+## Development
 ```
-yarn electron-dev
+yarn dev
+/
+yarn dev --open
 ```
-
-# Package Your App
+## Build
 ```
-yarn electron-pack
+yarn build
 ```
--- a/index.html
+++ b/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>
--- a/licenses.md
+++ b/licenses.md
--- a/main.js
+++ b/main.js
@@ -1,79 +0,0 @@
-// Modules to control application life and create native browser window
-const { app, BrowserWindow, dialog } = require('electron');
-const path = require('path');
-const serve = require('electron-serve');
-const loadURL = serve({ directory: 'public' });
-
-// Keep a global reference of the window object, if you don't, the window will
-// be closed automatically when the JavaScript object is garbage collected.
-let mainWindow;
-
-function isDev() {
-	return !app.isPackaged;
-}
-
-function createWindow() {
-	// Create the browser window.
-	mainWindow = new BrowserWindow({
-		width: 800,
-		height: 600,
-		webPreferences: {
-			nodeIntegration: true
-		},
-		// Use this in development mode.
-		icon: isDev() ? path.join(process.cwd(), 'public/favicon.png') : path.join(__dirname, 'public/favicon.png'),
-		// Use this in production mode.
-		// icon: path.join(__dirname, 'public/favicon.png'),
-		show: false
-	});
-	mainWindow.removeMenu();
-
-	// This block of code is intended for development purpose only.
-	// Delete this entire block of code when you are ready to package the application.
-	if (isDev()) {
-		mainWindow.loadURL('http://localhost:5000/');
-	} else {
-		loadURL(mainWindow);
-	}
-
-	// Uncomment the following line of code when app is ready to be packaged.
-	// loadURL(mainWindow);
-
-	// Open the DevTools and also disable Electron Security Warning.
-	// process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = true;
-	// mainWindow.webContents.openDevTools();
-
-	// Emitted when the window is closed.
-	mainWindow.on('closed', function() {
-		// Dereference the window object, usually you would store windows
-		// in an array if your app supports multi windows, this is the time
-		// when you should delete the corresponding element.
-		mainWindow = null;
-	});
-
-	// Emitted when the window is ready to be shown
-	// This helps in showing the window gracefully.
-	mainWindow.once('ready-to-show', () => {
-		mainWindow.show();
-	});
-}
-
-// 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.on('ready', createWindow);
-
-// Quit when all windows are closed.
-app.on('window-all-closed', function() {
-	// On macOS it is common for applications and their menu bar
-	// to stay active until the user quits explicitly with Cmd + Q
-	if (process.platform !== 'darwin') app.quit();
-});
-
-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 (mainWindow === null) createWindow();
-});
-// 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.
--- a/order.js
+++ b/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);
+});
--- a/package.json
+++ b/package.json
@@ -1,40 +1,27 @@
 {
 	"name": "@lfk/scanclient",
-	"version": "0.0.1",
-	"description": "LfK! Scanclient",
-	"main": "main.js",
-	"build": {
-		"icon": "public/favicon.png",
-		"productName": "LfK!Scan",
-		"files": [ "public/**/*", "main.js" ],
-		"win": {},
-		"linux": {},
-		"mac": {}
-	},
+	"version": "0.0.0",
 	"scripts": {
-		"build": "rollup -c",
-		"dev": "rollup -c -w",
-		"start": "sirv public",
-		"electron": "wait-on http://localhost:5000 && electron .",
-		"electron-dev": "concurrently \"yarn run dev\" \"yarn run electron\"",
-		"preelectron-pack": "yarn run build",
-		"electron-pack": "electron-builder"
-	},
-	"dependencies": {
-		"electron-serve": "^1.0.0"
+		"dev": "vite",
+		"build": "vite build",
+		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
+		"prepare": "husky install",
+		"license:export": "license-exporter --markdown && git stage licenses.md"
 	},
 	"devDependencies": {
-		"@rollup/plugin-commonjs": "^14.0.0",
-		"@rollup/plugin-node-resolve": "^8.0.0",
-		"concurrently": "^5.3.0",
-		"electron": "^9.2.1",
-		"electron-builder": "^22.8.0",
-		"rollup": "^2.3.4",
-		"rollup-plugin-livereload": "^1.0.0",
-		"rollup-plugin-svelte": "^5.0.3",
-		"rollup-plugin-terser": "^6.0.0",
-		"sirv-cli": "^1.0.0",
-		"svelte": "^3.0.0",
-		"wait-on": "^5.2.0"
+		"@odit/license-exporter": "^0.0.11",
+		"@svitejs/vite-plugin-svelte": "^0.11.1",
+		"@tsconfig/svelte": "^1.0.10",
+		"@types/html-minifier": "^4.0.0",
+		"axios": "^0.21.1",
+		"html-minifier": "^4.0.0",
+		"husky": "^5.1.3",
+		"prettier": "^2.2.1",
+		"prettier-plugin-svelte": "^2.2.0",
+		"svelte": "^3.35.0",
+		"svelte-preprocess": "^4.6.9",
+		"vite": "^2.1.2",
+		"vite-plugin-windicss": "^0.9.2",
+		"svelte-i18n": "^3.3.7"
 	}
 }
--- a/public/global.css
+++ b/public/global.css
--- a/public/index.html
+++ b/public/index.html
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width,initial-scale=1">
-
-	<title>LfK!Scan</title>
-
-	<link rel="icon" type="image/png" href="/favicon.png">
-	<link rel="stylesheet" href="/global.css">
-	<link rel="stylesheet" href="/build/bundle.css">
-
-	<script defer src="/build/bundle.js"></script>
-</head>
-
-<body>
-</body>
-
-</html>
--- a/public/svelte.png
+++ b/public/svelte.png
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,75 +0,0 @@
-import svelte from 'rollup-plugin-svelte';
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
-
-const production = !process.env.ROLLUP_WATCH;
-
-function serve() {
-	let server;
-	
-	function toExit() {
-		if (server) server.kill(0);
-	}
-
-	return {
-		writeBundle() {
-			if (server) return;
-			server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
-				stdio: ['ignore', 'inherit', 'inherit'],
-				shell: true
-			});
-
-			process.on('SIGTERM', toExit);
-			process.on('exit', toExit);
-		}
-	};
-}
-
-export default {
-	input: 'src/main.js',
-	output: {
-		sourcemap: true,
-		format: 'iife',
-		name: 'app',
-		file: 'public/build/bundle.js'
-	},
-	plugins: [
-		svelte({
-			// enable run-time checks when not in production
-			dev: !production,
-			// we'll extract any component CSS out into
-			// a separate file - better for performance
-			css: css => {
-				css.write('public/build/bundle.css');
-			}
-		}),
-
-		// If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration -
-		// consult the documentation for details:
-		// https://github.com/rollup/plugins/tree/master/packages/commonjs
-		resolve({
-			browser: true,
-			dedupe: ['svelte']
-		}),
-		commonjs(),
-
-		// In dev mode, call `npm run start` once
-		// the bundle has been generated
-		!production && serve(),
-
-		// Watch the `public` directory and refresh the
-		// browser on changes when not in production
-		!production && livereload('public'),
-
-		// If we're building for production (npm run build
-		// instead of npm run dev), minify
-		production && terser()
-	],
-	watch: {
-		clearScreen: false
-	}
-};
--- a/scripts/setupTypeScript.js
+++ b/scripts/setupTypeScript.js
@@ -1,125 +0,0 @@
-// @ts-check
-
-/** This script modifies the project to support TS code in .svelte files like:
-
-  <script lang="ts">
-  	export let name: string;
-  </script>
- 
-  As well as validating the code for CI.
-  */
-
-/**  To work on this script:
-  rm -rf test-template template && git clone sveltejs/template test-template && node scripts/setupTypeScript.js test-template
-*/
-
-const fs = require("fs")
-const path = require("path")
-const { argv } = require("process")
-
-const projectRoot = argv[2] || path.join(__dirname, "..")
-
-// Add deps to pkg.json
-const packageJSON = JSON.parse(fs.readFileSync(path.join(projectRoot, "package.json"), "utf8"))
-packageJSON.devDependencies = Object.assign(packageJSON.devDependencies, {
-  "svelte-check": "^1.0.0",
-  "svelte-preprocess": "^4.0.0",
-  "@rollup/plugin-typescript": "^4.0.0",
-  "typescript": "^3.9.3",
-  "tslib": "^2.0.0",
-  "@tsconfig/svelte": "^1.0.0"
-})
-
-// Add script for checking
-packageJSON.scripts = Object.assign(packageJSON.scripts, {
-  "validate": "svelte-check"
-})
-
-// Write the package JSON
-fs.writeFileSync(path.join(projectRoot, "package.json"), JSON.stringify(packageJSON, null, "  "))
-
-// mv src/main.js to main.ts - note, we need to edit rollup.config.js for this too
-const beforeMainJSPath = path.join(projectRoot, "src", "main.js")
-const afterMainTSPath = path.join(projectRoot, "src", "main.ts")
-fs.renameSync(beforeMainJSPath, afterMainTSPath)
-
-// Switch the app.svelte file to use TS
-const appSveltePath = path.join(projectRoot, "src", "App.svelte")
-let appFile = fs.readFileSync(appSveltePath, "utf8")
-appFile = appFile.replace("<script>", '<script lang="ts">')
-appFile = appFile.replace("export let name;", 'export let name: string;')
-fs.writeFileSync(appSveltePath, appFile)
-
-// Edit rollup config
-const rollupConfigPath = path.join(projectRoot, "rollup.config.js")
-let rollupConfig = fs.readFileSync(rollupConfigPath, "utf8")
-
-// Edit imports
-rollupConfig = rollupConfig.replace(`'rollup-plugin-terser';`, `'rollup-plugin-terser';
-import sveltePreprocess from 'svelte-preprocess';
-import typescript from '@rollup/plugin-typescript';`)
-
-// Replace name of entry point
-rollupConfig = rollupConfig.replace(`'src/main.js'`, `'src/main.ts'`)
-
-// Add preprocess to the svelte config, this is tricky because there's no easy signifier.
-// Instead we look for `css:` then the next `}` and add the preprocessor to that
-let foundCSS = false
-let match
-
-// https://regex101.com/r/OtNjwo/1
-const configEditor = new RegExp(/css:.|\n*}/gmi)
-while (( match = configEditor.exec(rollupConfig)) != null) {
-  if (foundCSS) {
-    const endOfCSSIndex = match.index + 1
-    rollupConfig = rollupConfig.slice(0, endOfCSSIndex) + ",\n			preprocess: sveltePreprocess()," + rollupConfig.slice(endOfCSSIndex);
-    break
-  }
-  if (match[0].includes("css:")) foundCSS = true
-}
-
-
-// Add TypeScript
-rollupConfig = rollupConfig.replace("commonjs(),", 'commonjs(),\n\t\ttypescript({ sourceMap: !production }),')
-fs.writeFileSync(rollupConfigPath, rollupConfig)
-
-// Add TSConfig
-const tsconfig = `{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": ["src/**/*"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
-}`
-const tsconfigPath =  path.join(projectRoot, "tsconfig.json")
-fs.writeFileSync(tsconfigPath, tsconfig)
-
-// Delete this script, but not during testing
-if (!argv[2]) {
-  // Remove the script
-  fs.unlinkSync(path.join(__filename))
-
-  // Check for Mac's DS_store file, and if it's the only one left remove it
-  const remainingFiles = fs.readdirSync(path.join(__dirname))
-  if (remainingFiles.length === 1 && remainingFiles[0] === '.DS_store') {
-    fs.unlinkSync(path.join(__dirname, '.DS_store'))
-  }
-
-  // Check if the scripts folder is empty
-  if (fs.readdirSync(path.join(__dirname)).length === 0) {
-    // Remove the scripts folder
-    fs.rmdirSync(path.join(__dirname))
-  }
-}
-
-// Adds the extension recommendation
-fs.mkdirSync(path.join(projectRoot, ".vscode"))
-fs.writeFileSync(path.join(projectRoot, ".vscode", "extensions.json"), `{
-  "recommendations": ["svelte.svelte-vscode"]
-}
-`)
-
-console.log("Converted to TypeScript.")
-
-if (fs.existsSync(path.join(projectRoot, "node_modules"))) {
-  console.log("\nYou will need to re-run your dependency manager to get started.")
-}
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,31 +1,29 @@
-<header class="navbar">
-	<section class="navbar-section">
-	  <a href="#" class="btn btn-link">Docs</a>
-	  <a href="#" class="btn btn-link">Examples</a>
-	</section>
-	<div class="navbar-center"><img src="/favicon.png" style="height:4rem;" alt="Spectre.css"></div>
-	<section class="navbar-section">
-	  <a href="#" class="btn btn-link">Twitter</a>
-	  <a href="#" class="btn btn-link">GitHub</a>
-	</section>
-  </header>
-<main>
-	<div class="hero hero-sm bg-dark">
-		<div class="hero-body">
-			<h1><img src="/favicon.png" alt="Logo" style="height: 5rem;vertical-align: middle;"><span style="vertical-align: middle;">LfK!Scan</span></h1>
-			<p>Lauf für Kaya! Scanstation</p>
-		</div>
-	</div>
-	<div style="padding:1rem;">
-		<div class="column col-12">
-			<h3>Configure Scanstation <a target="_blank" href="https://docs.lauf-fuer-kaya.de/"><small class="label">📃 take a look at the configuration guide</small></a></h3>
-		</div>
-		<div class="column col-6 col-xs-12">
-		  <div class="form-group">
-			<label class="form-label" for="input-example-1">Token</label>
-			<input class="form-input" id="input-example-1" type="text" placeholder="Token">
-		  </div>
-		  <button class="btn btn-primary input-group-btn btn-lg">Submit</button>
-		</div>
-	  </div>
-</main>
+<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}
--- a/src/Login.svelte
+++ b/src/Login.svelte
@@ -0,0 +1,266 @@
+<script>
+  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 = validURL(api_endpoint_input);
+  function validURL(str) {
+    var pattern = new RegExp(
+      "^(https?:\\/\\/)?" + // protocol
+        "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // domain name
+        "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address
+        "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path
+        "(\\?[;&a-z\\d%_.~+=-]*)?" + // query string
+        "(\\#[-a-z\\d_]*)?$",
+      "i"
+    ); // fragment locator
+    return !!pattern.test(str);
+  }
+  function isUUID(uuid) {
+    let s = "" + uuid;
+
+    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 -->
+  <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>
--- a/src/Scanner.svelte
+++ b/src/Scanner.svelte
@@ -0,0 +1,132 @@
+<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 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_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}
+          <h1 class="text-3xl font-bold text-center">last scan</h1>
+          <h1 class="text-5xl font-bold text-center">{lastscan_time}</h1>
+          <h1 class="text-3xl font-bold text-center">total distance</h1>
+          <h1 class="text-8xl font-bold text-center">
+            {lastscan_totaldistance}
+          </h1>
+          <h1 class="text-3xl font-bold text-center">lap time</h1>
+          <h1 class="text-8xl font-bold text-center">{lastscan_laptime}</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>
--- a/src/Settings.svelte
+++ b/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>
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -0,0 +1,28 @@
+{
+    "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",
+    "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.",
+    "track_distance": "Länge des Tracks",
+    "track_id": "Track ID",
+    "track_name": "Track Name"
+}
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -0,0 +1,28 @@
+{
+    "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",
+    "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.",
+    "track_distance": "Track Distance",
+    "track_id": "Track ID",
+    "track_name": "Track Name"
+}
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,8 @@
 import App from './App.svelte';
+import 'windi.css';

 const app = new App({
-	target: document.body,
-	props: {
-		appName: 'Electron-Svelte'
-	}
+	target: document.body
 });

 export default app;
--- a/src/store.js
+++ b/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);
+});
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        reepolee: {
+          500: "#b40000",
+          600: "#9c0000",
+          700: "#750000",
+        },
+      },
+    },
+  },
+};
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,50 @@
+import svelte from '@svitejs/vite-plugin-svelte';
+import windiCSS from 'vite-plugin-windicss';
+import { minify } from 'html-minifier';
+import { defineConfig } from 'vite';
+//
+const indexReplace = () => {
+	return {
+		name: 'html-transform',
+		transformIndexHtml(html) {
+			return minify(html, {
+				collapseWhitespace: true
+			});
+		}
+	};
+};
+
+export default defineConfig(({ command, mode }) => {
+	const isProduction = mode === 'production';
+	return {
+		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()
+		]
+	};
+});
Author	SHA1	Message	Date
Philipp Dormann	b80a832256	Login - add trailing slash to api_endpoint url ref #9	2021-03-23 18:10:58 +01:00
Philipp Dormann	81b2db60ec	🧹 drop old env.js ref #9	2021-03-22 19:28:42 +01:00
Philipp Dormann	5563f1fca3	new api_endpoint store + Config UI ref #9	2021-03-22 19:26:03 +01:00
Philipp Dormann	517cfddc5f	CI - mkdir out	2021-03-19 18:49:26 +01:00
Philipp Dormann	ae0ec9d67c	CI fix	2021-03-19 18:44:38 +01:00
Philipp Dormann	cfd40d3f19	re-enable CI	2021-03-19 18:25:28 +01:00
Philipp Dormann	5c117d6f48	Merge branch 'main' into dev	2021-03-19 16:40:32 +00:00
Philipp Dormann	0296c26479	Merge branch 'feature/4-license-exporter' into dev close #4 , close #5	2021-03-19 17:36:50 +01:00
Philipp Dormann	d0facb2846	added husky formatting 🐶 ref #5	2021-03-19 17:33:23 +01:00
Philipp Dormann	7deb0d26c4	added license:export script to pre-commit hook ref #4	2021-03-19 17:32:54 +01:00
Philipp Dormann	00b8a14bc3	husky 🐶	2021-03-19 17:24:39 +01:00
Philipp Dormann	31ccf0758d	Merge pull request 'dev' (#6 ) from dev into main Reviewed-on: #6	2021-03-19 16:17:08 +00:00
Philipp Dormann	116f9123e2	drop CI	2021-03-19 17:13:20 +01:00
Philipp Dormann	1fd1b32d1a	cleanup 🧹	2021-03-19 16:57:31 +01:00
Philipp Dormann	81750dc8e1	move to client code only	2021-03-19 16:48:27 +01:00
Philipp Dormann	f8e858971f	Merge pull request 'feature/1-basic-scan-client' (#3 ) from feature/1-basic-scan-client into dev Reviewed-on: #3 close #1	2021-03-18 17:54:40 +00:00
Philipp Dormann	f7274378b8	🧹 cleanup	2021-03-18 18:43:37 +01:00
Philipp Dormann	b3f7002556	🌎 all translations ref #1	2021-03-18 18:40:36 +01:00
Philipp Dormann	e087a8dc30	🌎 Login Translations done	2021-03-18 18:35:08 +01:00
Philipp Dormann	0aea3c1e7c	locale persistance ref #1	2021-03-18 18:29:59 +01:00
Philipp Dormann	ff99657ab3	drop husky 🐶	2021-03-18 18:19:57 +01:00
Philipp Dormann	16d9a6dda8	basic i18n ref #1	2021-03-18 18:15:54 +01:00
Philipp Dormann	0ebabe239c	working scans 🎉	2021-03-17 19:59:07 +01:00
Philipp Dormann	c930d87900	Scanner - display total distance ref #1	2021-03-17 19:06:53 +01:00
Philipp Dormann	559842d2a6	basic Scanner working ref #1	2021-03-17 18:55:50 +01:00
Philipp Dormann	1fc0490590	scan error feedback ref #1	2021-03-17 18:52:37 +01:00
Philipp Dormann	f5537278ab	display station info in settings view ref #1	2021-03-17 18:52:17 +01:00
Philipp Dormann	8a6521faa0	scanner ui + login error states ref #1	2021-03-17 18:44:56 +01:00
Philipp Dormann	82dd786210	add stationinfo persistence ref #1	2021-03-17 18:44:10 +01:00
Philipp Dormann	42b2390bd7	responsiveness of scanner component ref #1	2021-03-16 14:39:57 +01:00
Philipp Dormann	8c465e8b7d	[husky 🐶] test	2021-03-16 14:34:43 +01:00
Philipp Dormann	936f023886	[husky 🐶] improved hook	2021-03-16 14:34:27 +01:00
Philipp Dormann	bce4b4e2b6	[husky 🐶] test	2021-03-16 14:32:59 +01:00
Philipp Dormann	eb04446a43	[husky 🐶] test	2021-03-16 14:30:10 +01:00
Philipp Dormann	ffcacd32f6	precommit format	2021-03-16 14:29:39 +01:00
Philipp Dormann	e8e462e264	demo for husky precommit formatting	2021-03-16 14:26:31 +01:00
Philipp Dormann	f40e638583	testing husky precommit hook	2021-03-16 14:25:57 +01:00
Philipp Dormann	93efc326ab	formatting	2021-03-16 14:19:53 +01:00
Philipp Dormann	7cde92e206	added lang option to config page ref #1	2021-03-15 15:22:44 +01:00
Philipp Dormann	4e8a203c6d	👀 added basic settings page ref #1	2021-03-15 15:21:09 +01:00
Philipp Dormann	ece709954c	🧠 base ui logic ref #1	2021-03-15 14:56:30 +01:00
Philipp Dormann	0f20996ac3	input autofocus ref #1	2021-03-15 14:56:13 +01:00
Philipp Dormann	22671156a9	⌚ added live clock widget ref #1	2021-03-15 14:55:59 +01:00
Philipp Dormann	84a2ca60b7	📷 Scanner - basic language switching ref #1	2021-03-15 14:38:45 +01:00
Philipp Dormann	d0112c31e0	🚚 split into App, Login, Scanner ref #1	2021-03-15 14:38:27 +01:00
Philipp Dormann	c2f9da6e92	💾 store - added localstorage persistence ref #1	2021-03-15 14:13:19 +01:00
Philipp Dormann	df3621d086	💾 added basic svelte store ref #1	2021-03-15 14:11:24 +01:00
Philipp Dormann	e4f5a810a4	🚧 basic client token frontend validation ui logic ref #1	2021-03-15 14:01:58 +01:00
Philipp Dormann	ba07f7b55f	Merge branch 'main' of https://git.odit.services/lfk/scanclient into main # Conflicts: # .gitignore # README.md # main.js # package.json	2021-03-15 13:36:54 +01:00
Philipp Dormann	a2ec9d0cb3	👷‍♂️ CI - move to main tags event + disable rpm build for now	2021-03-15 13:33:22 +01:00
Philipp Dormann	3e533f5c6d	CI - fixed rpm build Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build was killed Details	2021-03-14 22:03:04 +01:00
Philipp Dormann	8f907ba597	CI - rpm release building Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build is failing Details	2021-03-14 21:59:41 +01:00
Philipp Dormann	e85a639e96	CI - only build @lfk-scanclient-linux-x64 Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build was killed Details	2021-03-14 21:52:41 +01:00
Philipp Dormann	b1c9cc7652	CI - testing full artifact zipping Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build is passing Details	2021-03-14 21:47:50 +01:00
Philipp Dormann	ab7ba528ee	removed "@" from dist package Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build is failing Details	2021-03-14 21:35:41 +01:00
Philipp Dormann	bfff17c465	🚚 move to apk zip Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build is failing Details	2021-03-14 21:28:40 +01:00
Philipp Dormann	de92402a3c	CI - 📁 create zip for release Some checks failed continuous-integration/drone/push Build was killed Details continuous-integration/drone/tag Build is failing Details	2021-03-14 21:17:05 +01:00
Philipp Dormann	f4037c78ca	CI - also trigger on tag events Some checks failed continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2021-03-14 20:57:13 +01:00
Philipp Dormann	b42ff9ec3c	CI Test Some checks failed continuous-integration/drone/push Build is failing Details	2021-03-14 20:54:07 +01:00
Philipp Dormann	08922d3363	CI - added secret from path	2021-03-14 20:51:04 +01:00
Philipp Dormann	49e9317f4a	CI file	2021-03-14 20:49:34 +01:00
Philipp Dormann	0189a16df0	🐳 added git as a electron dependency	2021-03-14 20:29:36 +01:00
Philipp Dormann	f9c050b9f7	simple Dockerfile	2021-03-14 20:26:51 +01:00
Philipp Dormann	d728ae37e6	added basic dev script + more readme	2021-03-14 20:07:11 +01:00
Philipp Dormann	18ca318b18	proper scripts for electron building/webapp building	2021-03-14 20:05:00 +01:00
Philipp Dormann	7377b4c9d0	demo for electron packaging	2021-03-14 19:55:21 +01:00
Philipp Dormann	f14885854e	🧹 cleanups	2021-03-14 19:39:46 +01:00
Philipp Dormann	bb25203104	drop yarn.lock	2021-03-14 19:27:38 +01:00
Philipp Dormann	e94ce9731d	basic svelte+vite+windicss app	2021-03-14 19:26:21 +01:00
Philipp Dormann	560b0f4c74	tmp	2021-03-14 19:06:51 +01:00