hk/kunkun
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun.git synced 2025-04-04 14:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add createTauriSyncStore factory function for creating sync svelte store

Browse Source
This commit is contained in:
Huakun Shen 2024-11-05 14:31:16 -05:00
parent 605a7844f2
commit f043d7afe0
No known key found for this signature in database
GPG Key ID: 967DBC3ECBD63A70
2 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/desktop/src/lib/stores/appConfig.ts
View File

@ -1,12 +1,10 @@
import { getExtensionsFolder } from "@/constants"
import { themeConfigStore, updateTheme, type ThemeConfig } from "@kksh/svelte5"
import { createTauriSyncStore, type WithSyncStore } from "@/utils/sync-store"
import { updateTheme, type ThemeConfig } from "@kksh/svelte5"
import { PersistedAppConfig, type AppConfig } from "@kksh/types"
import * as path from "@tauri-apps/api/path"
import { remove } from "@tauri-apps/plugin-fs"
import { debug, error } from "@tauri-apps/plugin-log"
import * as os from "@tauri-apps/plugin-os"
import { load } from "@tauri-apps/plugin-store"
import { get, writable, type Writable } from "svelte/store"
import * as v from "valibot"
export const defaultAppConfig: AppConfig = {
@ -35,8 +33,8 @@ interface AppConfigAPI {
setDevExtensionPath: (devExtensionPath: string | null) => void
}
function createAppConfig(): Writable<AppConfig> & AppConfigAPI {
const store = writable<AppConfig>(defaultAppConfig)
function createAppConfig(): WithSyncStore<AppConfig> & AppConfigAPI {
const store = createTauriSyncStore("app-config", defaultAppConfig)
async function init() {
debug("Initializing app config")

44
apps/desktop/src/lib/utils/sync-store.ts Normal file
View File

@ -0,0 +1,44 @@
import * as evt from "@tauri-apps/api/event"
import { writable, type Writable } from "svelte/store"
export function buildEventName(storeName: string) {
return `app://sync-store-${storeName}`
}
export type WithSyncStore<T> = Writable<T> & {
listen: () => void
unlisten: evt.UnlistenFn | undefined
}
export function createTauriSyncStore<T>(storeName: string, initialValue: T): WithSyncStore<T> {
const store = writable<T>(initialValue)
let unlisten: evt.UnlistenFn | undefined
async function listen() {
console.log("[listen] start", storeName)
if (unlisten) {
console.log("[listen] already listening, skip")
return
}
const _unlisten = await evt.listen<{ value: T }>(buildEventName(storeName), (evt) => {
console.log(`[listen] update from tauri event`, storeName, evt.payload.value)
store.set(evt.payload.value)
})
const unsubscribe = store.subscribe((value) => {
console.log("[subscribe] got update, emit data", storeName, value)
evt.emit(buildEventName(storeName), { value })
})
unlisten = () => {
_unlisten()
unsubscribe()
unlisten = undefined
}
return unlisten
}
return {
...store,
listen,
unlisten
}
}