From c1c821d7030c8189cd7b44c3375054b617bb2fe7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Majdand=C5=BEi=C4=87?=
 <david.majdandzic@hotmail.com>
Date: Wed, 12 Jun 2024 00:03:25 +0200
Subject: [PATCH] Code format

---
 src/App.svelte                        |  1 -
 src/lib/database/food.ts              |  5 +-
 src/lib/ipc.ts                        | 18 +++---
 src/lib/router/Router.svelte          | 18 +++---
 src/lib/router/routes/Home.svelte     | 20 +++----
 src/lib/router/routes/IPC.svelte      | 12 ++--
 src/lib/router/routes/Versions.svelte | 57 +++++++++---------
 src/lib/utils.ts                      | 84 +++++++++++++--------------
 8 files changed, 107 insertions(+), 108 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 561e276..aafff2b 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,7 +4,6 @@
 
 	import { onMount } from 'svelte'
 	import { type Food, FoodService } from '$lib/database/food'
-	import type { Writable } from 'svelte/store'
 
 	let food: Food[] = []
 	onMount(async () => {
diff --git a/src/lib/database/food.ts b/src/lib/database/food.ts
index 124411c..3b60ce7 100644
--- a/src/lib/database/food.ts
+++ b/src/lib/database/food.ts
@@ -12,7 +12,8 @@ const FoodService = {
 	async GetAll() {
 		return await db.select<Food[]>('SELECT rowid, food, amount, per100, energy FROM food ORDER BY date DESC')
 	},
-	async SetAll(data: Food[]) {}
+	async SetAll(data: Food[]) {
+	}
 }
 
-export {FoodService}
+export { FoodService }
diff --git a/src/lib/ipc.ts b/src/lib/ipc.ts
index 3796316..c6dbde9 100644
--- a/src/lib/ipc.ts
+++ b/src/lib/ipc.ts
@@ -2,28 +2,26 @@
 // This file was generated by [tauri-specta](https://github.com/oscartbeaumont/tauri-specta). Do not edit this file manually.
 
 declare global {
-    interface Window {
-        __TAURI_INVOKE__<T>(cmd: string, args?: Record<string, unknown>): Promise<T>;
-    }
+	interface Window {
+		__TAURI_INVOKE__<T>(cmd: string, args?: Record<string, unknown>): Promise<T>;
+	}
 }
 
 // Function avoids 'window not defined' in SSR
-const invoke = () => window.__TAURI_INVOKE__;
+const invoke = () => window.__TAURI_INVOKE__
 
 export function helloTauri() {
-    return invoke()<string>("hello_tauri")
+	return invoke()<string>('hello_tauri')
 }
 
 export function hash256sum(hashInput: string) {
-    return invoke()<string>("hash256sum", { hashInput })
+	return invoke()<string>('hash256sum', { hashInput })
 }
 
 export function storeSetKey(key: string, value: string) {
-    return invoke()<null>("store_set_key", { key,value })
+	return invoke()<null>('store_set_key', { key, value })
 }
 
 export function storeReadKey(key: string) {
-    return invoke()<string | null>("store_read_key", { key })
+	return invoke()<string | null>('store_read_key', { key })
 }
-
-
diff --git a/src/lib/router/Router.svelte b/src/lib/router/Router.svelte
index b7e8737..e3f4446 100644
--- a/src/lib/router/Router.svelte
+++ b/src/lib/router/Router.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import Router from 'svelte-spa-router'
+	import Router from 'svelte-spa-router'
 
-  import Home from '$lib/router/routes/Home.svelte'
-  import IPC from '$lib/router/routes/IPC.svelte'
-  import Versions from '$router/routes/Versions.svelte'
+	import Home from '$lib/router/routes/Home.svelte'
+	import IPC from '$lib/router/routes/IPC.svelte'
+	import Versions from '$router/routes/Versions.svelte'
 
-  const routes = {
-    '/': Home,
-    '/#ipc': IPC,
-    '/#versions': Versions
-  }
+	const routes = {
+		'/': Home,
+		'/#ipc': IPC,
+		'/#versions': Versions
+	}
 </script>
 
 <Router {routes} />
diff --git a/src/lib/router/routes/Home.svelte b/src/lib/router/routes/Home.svelte
index 1a1c572..b4fe411 100644
--- a/src/lib/router/routes/Home.svelte
+++ b/src/lib/router/routes/Home.svelte
@@ -1,14 +1,14 @@
 <section class="h-full flex-col flex items-center justify-center gap-y-8">
-  <h1 class="text-6xl">Welcome</h1>
-  <h2 class="flex items-center text-3xl [&_img]:h-12">
-    This is a &#160
-    <span>
-      <img src="/svelte_logo.svg" alt="svelte logo" />
+	<h1 class="text-6xl">Welcome</h1>
+	<h2 class="flex items-center text-3xl [&_img]:h-12">
+		This is a &#160
+		<span>
+      <img alt="svelte logo" src="/svelte_logo.svg" />
     </span>
-    &#160-&#160
-    <span>
-      <img src="/tauri_logo.svg" alt="svelte logo" />
+		&#160-&#160
+		<span>
+      <img alt="svelte logo" src="/tauri_logo.svg" />
     </span>
-    &#160 Template
-  </h2>
+		&#160 Template
+	</h2>
 </section>
diff --git a/src/lib/router/routes/IPC.svelte b/src/lib/router/routes/IPC.svelte
index e9b7e36..a2be0b0 100644
--- a/src/lib/router/routes/IPC.svelte
+++ b/src/lib/router/routes/IPC.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import CallTauri from '$lib/components/IPC/CallTauri.svelte'
-  import HashString from '$lib/components/IPC/HashString.svelte'
-  import KeyValuePair from '$lib/components/IPC/KeyValuePair.svelte'
+	import CallTauri from '$lib/components/IPC/CallTauri.svelte'
+	import HashString from '$lib/components/IPC/HashString.svelte'
+	import KeyValuePair from '$lib/components/IPC/KeyValuePair.svelte'
 </script>
 
 <div class="h-full flex flex-col items-center justify-center gap-y-8">
-  <CallTauri />
-  <HashString />
-  <KeyValuePair />
+	<CallTauri />
+	<HashString />
+	<KeyValuePair />
 </div>
diff --git a/src/lib/router/routes/Versions.svelte b/src/lib/router/routes/Versions.svelte
index a3c9cd3..26931a6 100644
--- a/src/lib/router/routes/Versions.svelte
+++ b/src/lib/router/routes/Versions.svelte
@@ -1,34 +1,35 @@
 <script lang="ts">
-  import { getTauriVersion, getVersion, getName } from '@tauri-apps/api/app'
-  type Versions = {
-    tauri: string
-    app: string
-    name: string
-  }
+	import { getName, getTauriVersion, getVersion } from '@tauri-apps/api/app'
 
-  const getVersions = async (): Promise<Versions> => {
-    const [name, tauri, app] = await Promise.all([
-      getName(),
-      getTauriVersion(),
-      getVersion()
-    ])
-    return {
-      tauri,
-      app,
-      name
-    }
-  }
+	type Versions = {
+		tauri: string
+		app: string
+		name: string
+	}
+
+	const getVersions = async (): Promise<Versions> => {
+		const [name, tauri, app] = await Promise.all([
+			getName(),
+			getTauriVersion(),
+			getVersion()
+		])
+		return {
+			tauri,
+			app,
+			name
+		}
+	}
 </script>
 
 <section class="h-full flex flex-col items-center justify-center gap-10">
-  <h1 class="text-5xl font-extrabold italic">Versions</h1>
-  <ul class="flex flex-col gap-2">
-    {#await getVersions() then versions}
-      {#each Object.entries(versions) as [key, val]}
-        <li class="text-xl font-bold">
-          {key} - {val}
-        </li>
-      {/each}
-    {/await}
-  </ul>
+	<h1 class="text-5xl font-extrabold italic">Versions</h1>
+	<ul class="flex flex-col gap-2">
+		{#await getVersions() then versions}
+			{#each Object.entries(versions) as [key, val]}
+				<li class="text-xl font-bold">
+					{key} - {val}
+				</li>
+			{/each}
+		{/await}
+	</ul>
 </section>
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index fd20585..2299e58 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -4,59 +4,59 @@ import { cubicOut } from 'svelte/easing'
 import type { TransitionConfig } from 'svelte/transition'
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+	return twMerge(clsx(inputs))
 }
 
 type FlyAndScaleParams = {
-  y?: number
-  x?: number
-  start?: number
-  duration?: number
+	y?: number
+	x?: number
+	start?: number
+	duration?: number
 }
 
 export const flyAndScale = (
-  node: Element,
-  params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
+	node: Element,
+	params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
 ): TransitionConfig => {
-  const style = getComputedStyle(node)
-  const transform = style.transform === 'none' ? '' : style.transform
+	const style = getComputedStyle(node)
+	const transform = style.transform === 'none' ? '' : style.transform
 
-  const scaleConversion = (
-    valueA: number,
-    scaleA: [number, number],
-    scaleB: [number, number]
-  ) => {
-    const [minA, maxA] = scaleA
-    const [minB, maxB] = scaleB
+	const scaleConversion = (
+		valueA: number,
+		scaleA: [number, number],
+		scaleB: [number, number]
+	) => {
+		const [minA, maxA] = scaleA
+		const [minB, maxB] = scaleB
 
-    const percentage = (valueA - minA) / (maxA - minA)
-    const valueB = percentage * (maxB - minB) + minB
+		const percentage = (valueA - minA) / (maxA - minA)
+		const valueB = percentage * (maxB - minB) + minB
 
-    return valueB
-  }
+		return valueB
+	}
 
-  const styleToString = (
-    style: Record<string, number | string | undefined>
-  ): string => {
-    return Object.keys(style).reduce((str, key) => {
-      if (style[key] === undefined) return str
-      return str + `${key}:${style[key]};`
-    }, '')
-  }
+	const styleToString = (
+		style: Record<string, number | string | undefined>
+	): string => {
+		return Object.keys(style).reduce((str, key) => {
+			if (style[key] === undefined) return str
+			return str + `${key}:${style[key]};`
+		}, '')
+	}
 
-  return {
-    duration: params.duration ?? 200,
-    delay: 0,
-    css: t => {
-      const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0])
-      const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0])
-      const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1])
+	return {
+		duration: params.duration ?? 200,
+		delay: 0,
+		css: t => {
+			const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0])
+			const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0])
+			const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1])
 
-      return styleToString({
-        transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
-        opacity: t
-      })
-    },
-    easing: cubicOut
-  }
+			return styleToString({
+				transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+				opacity: t
+			})
+		},
+		easing: cubicOut
+	}
 }