@jmondi/browser-storage

@jmondi/browser-storage

Supports null and serializable objects.

Install

npm install @jmondi/browser-storage

Usage

Local Storage

Local storage is persistent after close.

import { LocalStorage } from "@jmondi/browser-storage";

const localStorage = new LocalStorage();

localStorage.set("user1", null);
localStorage.set("user2", { email: "[e-mail]", name: "Hermoine" });

console.log(localStorage.get("user1"));
// null
console.log(localStorage.get("user2"));
// { email: "[e-mail]", name: "Hermoine" }

Session Storage

Session storage is reset when the browser is closed.

import { SessionStorage } from "@jmondi/browser-storage";

const sessionStorage = new SessionStorage();

sessionStorage.set("user1", null);
sessionStorage.set("user2", { email: "[e-mail]", name: "Hermoine" });

console.log(sessionStorage.get("user1"));
// null
console.log(sessionStorage.get("user2"));
// { email: "[e-mail]", name: "Hermoine" }

Cookie Storage

Cookie storage is more configurable, see https://github.com/js-cookie/js-cookie#cookie-attributes for full options

import type { CookieAttributes } from "js-cookie";
import { CookieStorage } from "@jmondi/browser-storage";

const cookieStorage = new CookieStorage();

const cookieOptions: CookieAttributes = {};

cookieStorage.set("user1", null, cookieOptions);
cookieStorage.set("user2", { email: "[e-mail]", name: "Hermoine" });

console.log(cookieStorage.get("user1"));
// null
console.log(cookieStorage.get("user2"));
// { email: "[e-mail]", name: "Hermoine" }