← All @molecule/* packages · App templates
@molecule/app-storageCore interface · storage · App (browser) · v1.0.1 · Apache-2.0
Key-value storage with provider adapters
npm install @molecule/app-storage@molecule/app-storage is the storage core interface on the app (browser) side: the API your app calls, with no vendor inside.
Choose the implementation by bonding one of its 2 providers: @molecule/app-storage-async-storage, @molecule/app-storage-localstorage.
import { get, set, remove } from '@molecule/app-storage'
await set('theme', 'dark') // non-sensitive preference — fine
const theme = await get<string>('theme')
await remove('theme')
// await set('authToken', token) // ❌ NEVER — tokens/secrets are not client-persistedProviders (2): @molecule/app-storage-async-storage, @molecule/app-storage-localstorage
Works with: @molecule/app-bond, @molecule/app-i18n
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.
Client storage interface for molecule.dev.
Provides a unified storage API that works across web and native platforms.
import { get, set, remove } from '@molecule/app-storage'
await set('theme', 'dark') // non-sensitive preference — fine
const theme = await get<string>('theme')
await remove('theme')
// await set('authToken', token) // ❌ NEVER — tokens/secrets are not client-persisted
core
npm install @molecule/app-storage @molecule/app-bond @molecule/app-i18n
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>
}
clear()Clears all values from storage.
function clear(): Promise<void>
Returns: A promise that resolves when storage is cleared.
createMemoryStorageProvider()Creates an in-memory StorageProvider backed by a Map.
Values are stored by reference (no serialization). Each call returns an isolated instance with its own backing store.
function createMemoryStorageProvider(): StorageProvider
Returns: An isolated StorageProvider backed by an in-memory Map.
get(key)Gets a value from storage by key.
function get(key: string): Promise<T | null>
key — The storage key to look up.Returns: The stored value, or null if not found.
getProvider()Retrieves the bonded storage provider, throwing if none is configured.
function getProvider(): StorageProvider
Returns: The bonded storage provider.
hasProvider()Checks whether a storage provider is currently bonded.
function hasProvider(): boolean
Returns: true if a storage provider is bonded.
keys()Returns all keys currently stored.
function keys(): Promise<string[]>
Returns: An array of storage keys.
remove(key)Removes a value from storage by key.
function remove(key: string): Promise<void>
key — The storage key to remove.Returns: A promise that resolves when the key is removed.
set(key, value)Sets a value in storage.
function set(key: string, value: T): Promise<void>
key — The storage key.value — The value to store.Returns: A promise that resolves when the value is stored.
setProvider(provider)Registers a storage provider as the active singleton.
function setProvider(provider: StorageProvider): void
provider — The storage provider implementation to bond.| Provider | Package |
|---|---|
| AsyncStorage | @molecule/app-storage-async-storage |
| localStorage | @molecule/app-storage-localstorage |
Peer dependencies:
@molecule/app-bond ^1.0.1@molecule/app-i18n ^1.0.1@molecule/app-bond@molecule/app-i18nUse this abstraction — {@link get}/{@link set}/{@link remove}/{@link clear}/{@link keys}
(all async) — for client persistence. Do NOT touch localStorage / sessionStorage /
AsyncStorage directly: raw web storage doesn't exist on native, and hardcoding it breaks
the platform swap. The default provider is IN-MEMORY (a safe default — no accidental
persistence); a web/native bond persists.
NEVER store a secret or an auth token in client storage. localStorage /
sessionStorage are readable by any injected script, so a token there is
XSS-exfiltratable — the bearer token is deliberately held in memory only (see
@molecule/api-resource-user). Persist only NON-sensitive UI state / preferences here.
Translation strings are provided by @molecule/app-locales-storage.