Add DB example

This commit is contained in:
2024-06-11 21:23:18 +02:00
parent 315fbdcc4e
commit 17c0acb250
4 changed files with 47 additions and 18 deletions

1
.gitignore vendored
View File

@@ -10,3 +10,4 @@ target
# Nodejs
node_modules
.vscode
.idea

View File

@@ -79,7 +79,7 @@
"node": ">20.0.x <21.0.x"
},
"dependencies": {
"@tauri-apps/plugin-sql": "2.0.0-beta.5",
"svelte-tauri": "link:"
"svelte-tauri": "link:",
"tauri-plugin-sql-api": "github:tauri-apps/tauri-plugin-sql#v1"
}
}

29
pnpm-lock.yaml generated
View File

@@ -8,12 +8,12 @@ importers:
.:
dependencies:
'@tauri-apps/plugin-sql':
specifier: 2.0.0-beta.5
version: 2.0.0-beta.5
svelte-tauri:
specifier: 'link:'
version: 'link:'
tauri-plugin-sql-api:
specifier: github:tauri-apps/tauri-plugin-sql#v1
version: https://codeload.github.com/tauri-apps/tauri-plugin-sql/tar.gz/6a4a14c36b1ad49c9f468351706d104a54e0540c
devDependencies:
'@fontsource/roboto':
specifier: ^5.0.13
@@ -602,9 +602,9 @@ packages:
resolution: {integrity: sha512-Jgwj8BK/9YXZNzcqVDk1Al7+u5V9sWrZ8MhV41A1AKgJaicHuqlkc/qdx06sNDXvc+qprTPpBAaqnt891qOUIQ==}
engines: {node: '>= 14.6.0', npm: '>= 6.6.0', yarn: '>= 1.19.1'}
'@tauri-apps/api@2.0.0-beta.13':
resolution: {integrity: sha512-Np1opKANzRMF3lgJ9gDquBCB9SxlE2lRmNpVx1+L6RyzAmigkuh0ZulT5jMnDA3JLsuSDU135r/s4t/Pmx4atg==}
engines: {node: '>= 18', npm: '>= 6.6.0', yarn: '>= 1.19.1'}
'@tauri-apps/api@1.5.6':
resolution: {integrity: sha512-LH5ToovAHnDVe5Qa9f/+jW28I6DeMhos8bNDtBOmmnaDpPmJmYLyHdeDblAWWWYc7KKRDg9/66vMuKyq0WIeFA==}
engines: {node: '>= 14.6.0', npm: '>= 6.6.0', yarn: '>= 1.19.1'}
'@tauri-apps/cli-darwin-arm64@1.5.13':
resolution: {integrity: sha512-wXsBp6FIsQ1yoAEJ8dao7BkVdOp5xlfgGyAbJVCFKU3LTUqKw4A+ayxO6CV2lFfSaOdzdU86z+eJsl38nzmoSg==}
@@ -671,9 +671,6 @@ packages:
engines: {node: '>= 10'}
hasBin: true
'@tauri-apps/plugin-sql@2.0.0-beta.5':
resolution: {integrity: sha512-EuhrMeIGmIQmGYuzxk6i+PPqIMMgT+nApNsjYbpuVwYuav60RiI0pIC76B77BfmO5J7Sj9ueJyhiugwUevsYmQ==}
'@tsconfig/svelte@5.0.4':
resolution: {integrity: sha512-BV9NplVgLmSi4mwKzD8BD/NQ8erOY/nUE/GpgWe2ckx+wIQF5RyRirn/QsSSCPeulVpc3RA/iJt6DpfTIZps0Q==}
@@ -1888,6 +1885,10 @@ packages:
engines: {node: '>=14.0.0'}
hasBin: true
tauri-plugin-sql-api@https://codeload.github.com/tauri-apps/tauri-plugin-sql/tar.gz/6a4a14c36b1ad49c9f468351706d104a54e0540c:
resolution: {tarball: https://codeload.github.com/tauri-apps/tauri-plugin-sql/tar.gz/6a4a14c36b1ad49c9f468351706d104a54e0540c}
version: 0.0.0
text-table@0.2.0:
resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
@@ -2436,7 +2437,7 @@ snapshots:
'@tauri-apps/api@1.5.5': {}
'@tauri-apps/api@2.0.0-beta.13': {}
'@tauri-apps/api@1.5.6': {}
'@tauri-apps/cli-darwin-arm64@1.5.13':
optional: true
@@ -2481,10 +2482,6 @@ snapshots:
'@tauri-apps/cli-win32-ia32-msvc': 1.5.13
'@tauri-apps/cli-win32-x64-msvc': 1.5.13
'@tauri-apps/plugin-sql@2.0.0-beta.5':
dependencies:
'@tauri-apps/api': 2.0.0-beta.13
'@tsconfig/svelte@5.0.4': {}
'@types/cookie@0.6.0': {}
@@ -3707,6 +3704,10 @@ snapshots:
transitivePeerDependencies:
- ts-node
tauri-plugin-sql-api@https://codeload.github.com/tauri-apps/tauri-plugin-sql/tar.gz/6a4a14c36b1ad49c9f468351706d104a54e0540c:
dependencies:
'@tauri-apps/api': 1.5.6
text-table@0.2.0: {}
thenify-all@1.6.0:

View File

@@ -1,8 +1,35 @@
<script lang="ts">
import Router from '$router/Router.svelte'
import { ModeWatcher, mode } from 'mode-watcher'
import { mode, ModeWatcher } from 'mode-watcher'
import Header from '$lib/components/Header.svelte'
import { Toaster } from 'svelte-sonner'
import { onMount } from 'svelte'
import { appConfigDir } from '@tauri-apps/api/path'
import Database from 'tauri-plugin-sql-api'
onMount(async () => {
console.log(await appConfigDir())
window.invoke = window.__TAURI_INVOKE__
const db = await Database.load('sqlite:food.db')
await db.execute(
'CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name TEXT, age INTEGER);'
)
type User = {
id: number
name: string
age: number
}
await db.execute('INSERT INTO users (name, age) VALUES (\'John\', 30);')
const user = await db.select<User>('SELECT * FROM users WHERE name = $1;', [
'John'
])
console.log(user)
})
</script>
<ModeWatcher defaultMode="dark" />