Caching

const collection1 = sdk.collection({ handle: 'shirts' })
const collection2 = sdk.collection({ handle: 'shirts' })

await Promise.all([
  collection1.execute(),
  collection2.execute(),
])

// Only ONE network request is made

// Initial page load
const collection = sdk.collection({ handle: 'shirts' })
await collection.execute() // Makes API call, caches result

// User navigates away and returns via back button
// Cache is restored from localStorage - no API call needed

const result = createSdk({
  layersPublicToken: 'token',
  sorts: [{ label: 'Featured', code: 'featured' }],
  facets: ['options.color'],
  restoreFromStorage: false
})

// Invalidate all browse queries
sdk.store.queries.invalidate('browse:*')

// Invalidate specific search
sdk.store.queries.invalidate('search:ring')

// Clear all cache
sdk.store.clear()

const search = sdk.search()

await search.prepare({ query: 'ring' })

// Multiple executes reuse the prepare cache
await search.execute({ query: 'ring', page: 1 })
await search.execute({ query: 'ring', page: 2 })

const prepareResult = await search.prepare({ query: 'ring' })
const searchId = prepareResult.data?.searchId

await search.execute({ 
  query: 'ring',
  params: { search_id: searchId }
})