← All @molecule/* packages · App templates
@molecule/app-storage-localstorageProvider bond · storage · App (browser) · v1.0.1 · Apache-2.0
localStorage provider for @molecule/app-storage
npm install @molecule/app-storage-localstoragenpm · Source on GitHub · Implements @molecule/app-storage
@molecule/app-storage-localstorage is a provider bond on the app (browser) side: it implements the storage core interface (@molecule/app-storage) with a concrete vendor or library behind it.
Your code calls the core; you wire this provider once at startup. Swapping vendors later is one line in that wiring, not a rewrite.
import { createLocalStorageProvider } from '@molecule/app-storage-localstorage'
import { setProvider } from '@molecule/app-storage'
const storage = createLocalStorageProvider({
prefix: 'myapp_',
})
setProvider(storage)
// Use via `@molecule/app-storage`
import { get, set, remove } from '@molecule/app-storage'
await set('user', { name: 'John' })
const user = await get<User>('user')
await remove('user')Works with: @molecule/app-i18n, @molecule/app-logger, @molecule/app-storage
Auto-generated, AI-first package reference for the molecule.dev ecosystem. It is written to be read by coding agents as much as by people, and is generated from this package's source — edit
src/index.tsJSDoc, not this file.
localStorage provider for @molecule/app-storage.
This package provides a localStorage-based implementation of the molecule StorageProvider interface, with support for both localStorage and sessionStorage, key prefixing, and custom serialization.
import { createLocalStorageProvider } from '@molecule/app-storage-localstorage'
import { setProvider } from '@molecule/app-storage'
const storage = createLocalStorageProvider({
prefix: 'myapp_',
})
setProvider(storage)
// Use via `@molecule/app-storage`
import { get, set, remove } from '@molecule/app-storage'
await set('user', { name: 'John' })
const user = await get<User>('user')
await remove('user')
provider
npm install @molecule/app-storage-localstorage @molecule/app-i18n @molecule/app-logger @molecule/app-storage
LocalStorageConfiglocalStorage-specific configuration.
interface LocalStorageConfig {
/**
* Key prefix for all stored values.
* Useful for namespacing storage in shared environments.
*/
prefix?: string
/**
* Custom serializer function.
* @default JSON.stringify
*/
serialize?: <T>(value: T) => string
/**
* Custom deserializer function.
* @default JSON.parse
*/
deserialize?: <T>(value: string) => T
/**
* Storage instance to use (localStorage or sessionStorage).
* @default localStorage
*/
storage?: Storage
}
StorageProviderStorage provider interface.
All storage providers must implement this interface.
interface StorageProvider {
/**
* Gets a value from storage.
*/
get<T = unknown>(key: string): Promise<T | null>
/**
* Sets a value in storage.
*/
set<T = unknown>(key: string, value: T): Promise<void>
/**
* Removes a value from storage.
*/
remove(key: string): Promise<void>
/**
* Clears all values from storage.
*/
clear(): Promise<void>
/**
* Gets all keys in storage.
*/
keys(): Promise<string[]>
/**
* Gets multiple values from storage.
*/
getMany?<T = unknown>(keys: string[]): Promise<Map<string, T | null>>
/**
* Sets multiple values in storage.
*/
setMany?<T = unknown>(entries: Array<[string, T]>): Promise<void>
/**
* Removes multiple values from storage.
*/
removeMany?(keys: string[]): Promise<void>
}
createLocalStorageProvider(config)Creates a localStorage-based storage provider that implements the molecule StorageProvider interface.
function createLocalStorageProvider(config?: LocalStorageConfig): StorageProvider
config — Optional configuration for key prefix, serialization, and storage backend.Returns: A StorageProvider backed by localStorage with an in-memory fallback for SSR.
createSessionStorageProvider(config)Creates a sessionStorage-based provider using the same implementation as createLocalStorageProvider
but backed by window.sessionStorage (data cleared when the browser tab closes).
function createSessionStorageProvider(config?: Omit<LocalStorageConfig, 'storage'>): StorageProvider
config — Optional configuration for key prefix and serialization.Returns: A StorageProvider backed by sessionStorage.
providerDefault localStorage provider created with no prefix and JSON serialization.
const provider: StorageProvider
sessionProviderSession storage provider.
const sessionProvider: StorageProvider
Implements @molecule/app-storage interface.
Setup function to register this provider with the core interface:
import { setProvider } from '@molecule/app-storage'
import { provider } from '@molecule/app-storage-localstorage'
export function setupStorageLocalstorage(): void {
setProvider(provider)
}
Peer dependencies:
@molecule/app-i18n ^1.0.1@molecule/app-logger ^1.0.1@molecule/app-storage ^1.0.1@molecule/app-i18n
@molecule/app-logger
@molecule/app-storage
Unavailable localStorage falls back to in-memory SILENTLY (SSR, private browsing, disabled storage): all operations succeed against a process-local Map, so nothing persists and no error reaches the caller. If persistence is critical, feature-check before relying on it.
Set a prefix in real apps. With no prefix, clear() wipes the ENTIRE
origin's localStorage — including keys owned by other libraries. A prefix scopes
clear() and keys() to this app's entries.
set() throws a quota-exceeded error when the origin's storage is full — the one
storage failure worth catching and surfacing to the user.
get() returns null when a stored value fails to deserialize (logged warning) —
corrupted entries look like missing keys.
Tab-scoped variant: createSessionStorageProvider() / the sessionProvider
const use sessionStorage with identical semantics.