Universal DevTools Kit SDK

---

Universal DevTools Kit SDK / @u-devtools/kit / svelte / useBridgeState

Function: useBridgeState()

useBridgeState<T>(syncedState): SvelteStore<T>

Defined in: svelte.ts:39

Svelte adapter for SyncedState. Converts SyncedState to Svelte Writable Store. Allows using $state syntax in Svelte components.

Type Parameters

Type Parameter	Description
T	State value type

Parameters

Parameter	Type	Description
syncedState	SyncedState<T>	SyncedState instance to synchronize

Returns

SvelteStore<T>

Svelte store compatible with Svelte's store contract

Example

import { useBridgeState } from '@u-devtools/kit/svelte';
import { AppBridge } from '@u-devtools/core';

// Create bridge and state
const bridge = new AppBridge('my-plugin');
const isOpen = bridge.state('isOpen', false);

// Convert to Svelte store
const isOpenStore = useBridgeState(isOpen);

// In Svelte component:
// <button on:click={() => $isOpenStore = !$isOpenStore}>
//   {$isOpenStore ? 'Open' : 'Closed'}
// </button>