storage

interface Storage {
  getItem(key: string): string | null
  setItem(key: string, value: string): void
  removeItem(key: string): void
}

<CartProvider
  stripe={STRIPE_KEY}
  currency="USD"
  // Uses localStorage by default
>
  <App />
</CartProvider>

import { createSessionStorage } from 'use-shopping-cart/core'
;<CartProvider
  stripe={STRIPE_KEY}
  currency="USD"
  storage={createSessionStorage()}
>
  <App />
</CartProvider>

import { createMemoryStorage } from 'use-shopping-cart/core'
;<CartProvider
  stripe={STRIPE_KEY}
  currency="USD"
  storage={createMemoryStorage()}
>
  <App />
</CartProvider>

import { createNoopStorage } from 'use-shopping-cart/core'
;<CartProvider
  stripe={STRIPE_KEY}
  currency="USD"
  storage={createNoopStorage()}
  // Or simply:
  // shouldPersist={false}
>
  <App />
</CartProvider>

import { createLocalStorage } from 'use-shopping-cart/core'
;<CartProvider storage={createLocalStorage()}>
  <App />
</CartProvider>

import { createSessionStorage } from 'use-shopping-cart/core'
;<CartProvider storage={createSessionStorage()}>
  <App />
</CartProvider>

import AsyncStorage from '@react-native-async-storage/async-storage'

const asyncStorageAdapter = {
  getItem: (key) => {
    return AsyncStorage.getItem(key)
  },
  setItem: (key, value) => {
    return AsyncStorage.setItem(key, value)
  },
  removeItem: (key) => {
    return AsyncStorage.removeItem(key)
  }
}

<CartProvider storage={asyncStorageAdapter}>
  <App />
</CartProvider>

const serverSyncStorage = {
  getItem(key) {
    // Return from localStorage as fallback
    return localStorage.getItem(key)
  },

  setItem(key, value) {
    // Save locally first
    localStorage.setItem(key, value)

    // Then sync to server (fire and forget)
    fetch('/api/save-cart', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ key, value })
    }).catch(console.error)
  },

  removeItem(key) {
    localStorage.removeItem(key)

    fetch('/api/clear-cart', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ key })
    }).catch(console.error)
  }
}

<CartProvider storage={serverSyncStorage} />

import LZString from 'lz-string'

const compressedStorage = {
  getItem(key) {
    const compressed = localStorage.getItem(key)
    return compressed ? LZString.decompress(compressed) : null
  },

  setItem(key, value) {
    const compressed = LZString.compress(value)
    localStorage.setItem(key, compressed)
  },

  removeItem(key) {
    localStorage.removeItem(key)
  }
}

<CartProvider storage={compressedStorage} />

import { openDB } from 'idb'

const dbPromise = openDB('cart-db', 1, {
  upgrade(db) {
    db.createObjectStore('cart')
  }
})

const indexedDBStorage = {
  async getItem(key) {
    const db = await dbPromise
    return db.get('cart', key)
  },

  async setItem(key, value) {
    const db = await dbPromise
    return db.put('cart', value, key)
  },

  async removeItem(key) {
    const db = await dbPromise
    return db.delete('cart', key)
  }
}

<CartProvider storage={indexedDBStorage} />