Skip to content
module@warp-drive/experiments/storage @experimental

Interface ReactiveStorage ​

ts
interface ReactiveStorage {
  get length(): number;
  clear(): void;
  getItem(key: string): string | null;
  key(index: number): string | null;
  peekItem(key: string): string | null;
  removeItem(key: string): void;
  setEffect(key: string, fn: (value: EffectStorageEvent) => void): void;
  setItem(key: string, value: string): void;
}

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:158

A reactive wrapper around the Web Storage API (localStorage/sessionStorage) that provides signal-based access to storage items and length.

Will automatically update when storage events occur in other tabs/windows.

Implements ​

Methods ​

clear() ​

ts
clear(): void;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:349

Clears all keys from Storage, triggering reactivity

Returns ​

void

Implementation of ​

Storage.clear


getItem() ​

ts
getItem(key: string): string | null;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:243

Reactive access to Storage contents

Parameters ​

key ​

string

Returns ​

string | null

Implementation of ​

Storage.getItem


key() ​

ts
key(index: number): string | null;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:364

Reactive access to the key at the given index

Parameters ​

index ​

number

Returns ​

string | null

Implementation of ​

Storage.key


peekItem() ​

ts
peekItem(key: string): string | null;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:221

Non-reactive way to peek the current value of a key in Storage

Parameters ​

key ​

string

Returns ​

string | null


removeItem() ​

ts
removeItem(key: string): void;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:327

Remove a value from Storage, triggering reactivity

Parameters ​

key ​

string

Returns ​

void

Implementation of ​

Storage.removeItem


setEffect() ​

ts
setEffect(key: string, fn: (value: EffectStorageEvent) => void): void;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:168

Parameters ​

key ​

string

fn ​

(value: EffectStorageEvent) => void

Returns ​

void


setItem() ​

ts
setItem(key: string, value: string): void;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:268

Set a value in Storage, triggering reactivity

Parameters ​

key ​

string

value ​

string

Returns ​

void

Implementation of ​

Storage.setItem

Properties ​

length ​

Get Signature ​

ts
get length(): number;

Defined in: warp-drive-packages/experiments/src/storage/storage.ts:214

Reactive access to the number of keys in Storage

Returns ​

number

Implementation of ​

Storage.length

Released under the MIT License.