`getSynchronizerIds`

The getSynchronizerIds function returns a reactive object with the Ids of all Synchronizers registered in the current Provider context.

getSynchronizerIds(): {current: Ids}

returns

returns	`{current: Ids}`	A reactive object with a `current` `Ids` property.

{current: Ids}

A reactive object with a current Ids property.

Example

This example reads a TinyBase object from Svelte context inside a child component.

Child.svelte

<svelte:options runes={true} />

<script>
  import {getSynchronizerIds} from 'tinybase/ui-svelte';
</script>

{JSON.stringify(getSynchronizerIds().current)}

App.svelte

<svelte:options runes={true} />

<script>
  import {Provider} from 'tinybase/ui-svelte';
  import Child from './Child.svelte';

  let {synchronizer} = $props();
</script>

<Provider synchronizersById={{petSynchronizer: synchronizer}}>
  <Child />
</Provider>

import {flushSync, mount} from 'svelte';
import {createMergeableStore} from 'tinybase';
import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
import App from './App.svelte';

const synchronizer = createLocalSynchronizer(createMergeableStore());
const app = document.body.appendChild(document.createElement('div'));
flushSync(() => mount(App, {target: app, props: {synchronizer}}));
console.log(app.textContent);
// -> '["petSynchronizer"]'

Since

v8.1.0