TinyBase logoTinyBase β

getQueries

The getQueries function returns the default Queries object from the current Provider context (or a named one if an Id is provided).

getQueries(id?: string): Queries | undefined
TypeDescription
id?string

An optional Id of a named Queries object in the Provider context.

returnsQueries | undefined

The Queries object, or undefined if not found.

Example

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

Child.svelte
<svelte:options runes={true} />

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

{getQueries()?.getResultCell('petSpecies', 'fido', 'species')}
App.svelte
<svelte:options runes={true} />

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

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

<Provider {queries}>
  <Child />
</Provider>
import {flushSync, mount} from 'svelte';
import {createQueries, createStore} from 'tinybase';
import App from './App.svelte';

const store = createStore().setCell('pets', 'fido', 'species', 'dog');
const queries = createQueries(store).setQueryDefinition(
  'petSpecies',
  'pets',
  ({select}) => select('species'),
);
const app = document.body.appendChild(document.createElement('div'));
flushSync(() => mount(App, {target: app, props: {queries}}));
console.log(app.textContent);
// -> 'dog'

Since

v8.1.0