getPersisterIds
The getPersisterIds function returns a reactive object with the Ids of all Persisters registered in the current Provider context.
getPersisterIds(): {current: Ids}Example
This example reads a TinyBase object from Svelte context inside a child component.
Child.svelte
<svelte:options runes={true} />
<script>
import {getPersisterIds} from 'tinybase/ui-svelte';
</script>
{JSON.stringify(getPersisterIds().current)}
App.svelte
<svelte:options runes={true} />
<script>
import {Provider} from 'tinybase/ui-svelte';
import Child from './Child.svelte';
let {persister} = $props();
</script>
<Provider persistersById={{petPersister: persister}}>
<Child />
</Provider>
import {flushSync, mount} from 'svelte';
import {createStore} from 'tinybase';
import {createCustomPersister} from 'tinybase/persisters';
import App from './App.svelte';
const store = createStore().setCell('pets', 'fido', 'species', 'dog');
const persister = createCustomPersister(
store,
async () => undefined,
async () => {},
() => undefined,
() => {},
);
const app = document.body.appendChild(document.createElement('div'));
flushSync(() => mount(App, {target: app, props: {persister}}));
console.log(app.textContent);
// -> '["petPersister"]'
Since
v8.1.0