dave/calorie-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Code format

Browse Source
This commit is contained in:
David Majdandžić
2024-06-12 00:03:25 +02:00
parent babeed7c53
commit c1c821d703
8 changed files with 107 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.svelte
View File

@@ -4,7 +4,6 @@
import { onMount } from 'svelte' import { onMount } from 'svelte'
import { type Food, FoodService } from '$lib/database/food' import { type Food, FoodService } from '$lib/database/food'
import type { Writable } from 'svelte/store'
let food: Food[] = [] let food: Food[] = []
onMount(async () => { onMount(async () => {

5
src/lib/database/food.ts
View File

@@ -12,7 +12,8 @@ const FoodService = {
async GetAll() { async GetAll() {
return await db.select<Food[]>('SELECT rowid, food, amount, per100, energy FROM food ORDER BY date DESC') 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 }

18
src/lib/ipc.ts
View File

@@ -2,28 +2,26 @@
// This file was generated by [tauri-specta](https://github.com/oscartbeaumont/tauri-specta). Do not edit this file manually. // This file was generated by [tauri-specta](https://github.com/oscartbeaumont/tauri-specta). Do not edit this file manually.
declare global { declare global {
interface Window { interface Window {
__TAURI_INVOKE__<T>(cmd: string, args?: Record<string, unknown>): Promise<T>; __TAURI_INVOKE__<T>(cmd: string, args?: Record<string, unknown>): Promise<T>;
} }
} }
// Function avoids 'window not defined' in SSR // Function avoids 'window not defined' in SSR
const invoke = () => window.__TAURI_INVOKE__; const invoke = () => window.__TAURI_INVOKE__
export function helloTauri() { export function helloTauri() {
return invoke()<string>("hello_tauri") return invoke()<string>('hello_tauri')
} }
export function hash256sum(hashInput: string) { export function hash256sum(hashInput: string) {
return invoke()<string>("hash256sum", { hashInput }) return invoke()<string>('hash256sum', { hashInput })
} }
export function storeSetKey(key: string, value: string) { 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) { export function storeReadKey(key: string) {
return invoke()<string | null>("store_read_key", { key }) return invoke()<string | null>('store_read_key', { key })
} }

18
src/lib/router/Router.svelte
View File

@@ -1,15 +1,15 @@
<script lang="ts"> <script lang="ts">
import Router from 'svelte-spa-router' import Router from 'svelte-spa-router'
import Home from '$lib/router/routes/Home.svelte' import Home from '$lib/router/routes/Home.svelte'
import IPC from '$lib/router/routes/IPC.svelte' import IPC from '$lib/router/routes/IPC.svelte'
import Versions from '$router/routes/Versions.svelte' import Versions from '$router/routes/Versions.svelte'
const routes = { const routes = {
'/': Home, '/': Home,
'/#ipc': IPC, '/#ipc': IPC,
'/#versions': Versions '/#versions': Versions
} }
</script> </script>
<Router {routes} /> <Router {routes} />

20
src/lib/router/routes/Home.svelte
View File

@@ -1,14 +1,14 @@
<section class="h-full flex-col flex items-center justify-center gap-y-8"> <section class="h-full flex-col flex items-center justify-center gap-y-8">
<h1 class="text-6xl">Welcome</h1> <h1 class="text-6xl">Welcome</h1>
<h2 class="flex items-center text-3xl [&_img]:h-12"> <h2 class="flex items-center text-3xl [&_img]:h-12">
This is a &#160 This is a &#160
<span> <span>
<img src="/svelte_logo.svg" alt="svelte logo" /> <img alt="svelte logo" src="/svelte_logo.svg" />
</span> </span>
&#160-&#160 &#160-&#160
<span> <span>
<img src="/tauri_logo.svg" alt="svelte logo" /> <img alt="svelte logo" src="/tauri_logo.svg" />
</span> </span>
&#160 Template &#160 Template
</h2> </h2>
</section> </section>

12
src/lib/router/routes/IPC.svelte
View File

@@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
import CallTauri from '$lib/components/IPC/CallTauri.svelte' import CallTauri from '$lib/components/IPC/CallTauri.svelte'
import HashString from '$lib/components/IPC/HashString.svelte' import HashString from '$lib/components/IPC/HashString.svelte'
import KeyValuePair from '$lib/components/IPC/KeyValuePair.svelte' import KeyValuePair from '$lib/components/IPC/KeyValuePair.svelte'
</script> </script>
<div class="h-full flex flex-col items-center justify-center gap-y-8"> <div class="h-full flex flex-col items-center justify-center gap-y-8">
<CallTauri /> <CallTauri />
<HashString /> <HashString />
<KeyValuePair /> <KeyValuePair />
</div> </div>

57
src/lib/router/routes/Versions.svelte
View File

@@ -1,34 +1,35 @@
<script lang="ts"> <script lang="ts">
import { getTauriVersion, getVersion, getName } from '@tauri-apps/api/app' import { getName, getTauriVersion, getVersion } from '@tauri-apps/api/app'
type Versions = {
tauri: string
app: string
name: string
}
const getVersions = async (): Promise<Versions> => { type Versions = {
const [name, tauri, app] = await Promise.all([ tauri: string
getName(), app: string
getTauriVersion(), name: string
getVersion() }
])
return { const getVersions = async (): Promise<Versions> => {
tauri, const [name, tauri, app] = await Promise.all([
app, getName(),
name getTauriVersion(),
} getVersion()
} ])
return {
tauri,
app,
name
}
}
</script> </script>
<section class="h-full flex flex-col items-center justify-center gap-10"> <section class="h-full flex flex-col items-center justify-center gap-10">
<h1 class="text-5xl font-extrabold italic">Versions</h1> <h1 class="text-5xl font-extrabold italic">Versions</h1>
<ul class="flex flex-col gap-2"> <ul class="flex flex-col gap-2">
{#await getVersions() then versions} {#await getVersions() then versions}
{#each Object.entries(versions) as [key, val]} {#each Object.entries(versions) as [key, val]}
<li class="text-xl font-bold"> <li class="text-xl font-bold">
{key} - {val} {key} - {val}
</li> </li>
{/each} {/each}
{/await} {/await}
</ul> </ul>
</section> </section>

84
src/lib/utils.ts
View File

@@ -4,59 +4,59 @@ import { cubicOut } from 'svelte/easing'
import type { TransitionConfig } from 'svelte/transition' import type { TransitionConfig } from 'svelte/transition'
export function cn(...inputs: ClassValue[]) { export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs)) return twMerge(clsx(inputs))
} }
type FlyAndScaleParams = { type FlyAndScaleParams = {
y?: number y?: number
x?: number x?: number
start?: number start?: number
duration?: number duration?: number
} }
export const flyAndScale = ( export const flyAndScale = (
node: Element, node: Element,
params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 } params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
): TransitionConfig => { ): TransitionConfig => {
const style = getComputedStyle(node) const style = getComputedStyle(node)
const transform = style.transform === 'none' ? '' : style.transform const transform = style.transform === 'none' ? '' : style.transform
const scaleConversion = ( const scaleConversion = (
valueA: number, valueA: number,
scaleA: [number, number], scaleA: [number, number],
scaleB: [number, number] scaleB: [number, number]
) => { ) => {
const [minA, maxA] = scaleA const [minA, maxA] = scaleA
const [minB, maxB] = scaleB const [minB, maxB] = scaleB
const percentage = (valueA - minA) / (maxA - minA) const percentage = (valueA - minA) / (maxA - minA)
const valueB = percentage * (maxB - minB) + minB const valueB = percentage * (maxB - minB) + minB
return valueB return valueB
} }
const styleToString = ( const styleToString = (
style: Record<string, number | string | undefined> style: Record<string, number | string | undefined>
): string => { ): string => {
return Object.keys(style).reduce((str, key) => { return Object.keys(style).reduce((str, key) => {
if (style[key] === undefined) return str if (style[key] === undefined) return str
return str + `${key}:${style[key]};` return str + `${key}:${style[key]};`
}, '') }, '')
} }
return { return {
duration: params.duration ?? 200, duration: params.duration ?? 200,
delay: 0, delay: 0,
css: t => { css: t => {
const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]) const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0])
const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]) const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0])
const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]) const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1])
return styleToString({ return styleToString({
transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`, transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
opacity: t opacity: t
}) })
}, },
easing: cubicOut easing: cubicOut
} }
} }