1.1.0 โ€ข Published 5 months ago

@mrravipandee/localstorage-js v1.1.0

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

localstorage-js

A lightweight and powerful JavaScript utility for handling localStorage operations with ease. It supports data expiry, backup/restore, and includes debug tools to simplify development. Works with Vanilla JS, React, Next.js, Vue, Angular, and more.


๐Ÿš€ Features

  • Simple set and get methods
  • Expiry support (auto-remove items after time)
  • Backup & restore storage data
  • Debug logging for development
  • Works with all JavaScript frameworks
  • Zero dependencies

๐Ÿ“ฆ Installation

npm install localstorage-js

๐Ÿ“š Usage

Basic Usage (Vanilla JS / ES Module)

import { storage } from 'localstorage-js';

// Set and Get
storage.setItem('user', { name: 'Ravi', role: 'Developer' });
console.log(storage.getItem('user'));

Expiry Support

// Store with 1-minute expiry
storage.setWithExpiry('session', 'abc123', 1);
console.log(storage.getWithExpiry('session'));

Backup & Restore

const backup = storage.backup();
storage.clear();
storage.restore(backup);

Debugging

storage.debugSet('email', 'imravipanday@gmail.com');
storage.debugGet('email');

๐Ÿงช Example (HTML Test)

Create a file test.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Test LocalStorage</title>
  </head>
  <body>
    <h2>Check Console for Output</h2>
    <script type="module">
      import { storage } from '../src/index.js';

      storage.setItem('user', { name: 'Ravi', role: 'Dev' });
      console.log('User:', storage.getItem('user'));

      storage.setWithExpiry('session', 'abc123', 1);
      console.log('Session:', storage.getWithExpiry('session'));

      const backup = storage.backup();
      console.log('Backup:', backup);

      storage.clear();
      console.log('After clear:', storage.getItem('user'));

      storage.restore(backup);
      console.log('Restored:', storage.getItem('user'));

      storage.debugSet('email', 'imravipanday@gmail.com');
      storage.debugGet('email');
    </script>
  </body>
</html>

๐Ÿ›  Tech Stack

  • JavaScript (ES6)
  • LocalStorage API

โœ Author

Ravi Pandey
Web: https://imravidev.vercel.app
Email: imravipanday@gmail.com


๐Ÿ“ฆ GitHub Repo

https://github.com/mrravipandee/node-packages/tree/main/localstorage-js


๐Ÿ”’ License

MIT License