npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@gabrielalonsocabral/localstorage-js

v1.0.8

Published

A simple and lightweight library for managing and interacting with LocalStorage in JavaScript applications.

Downloads

37

Readme

@gabrielalonsocabral/localstorage-js

A simple and lightweight library for managing and interacting with LocalStorage in JavaScript applications.

Installation

To use this library, you can install it via npm or yarn:

npm install @gabrielalonsocabral/localstorage-js

or

yarn add @gabrielalonsocabral/localstorage-js

Usage

To use the LocalStorage functionality, import the LocalStorage class from the library:

import { LocalStorage } from '@gabrielalonsocabral/localstorage-js';

// Create an instance of the LocalStorage class
const localStorage = new LocalStorage();

// Set a value in LocalStorage
localStorage.set('myKey', 'myValue', 3600); // Store 'myValue' with key 'myKey' for 3600 seconds (1 hour)

// Get a value from LocalStorage
const value = localStorage.get('myKey');
console.log(value); // Output: 'myValue'

// Check if a key exists in LocalStorage
const exists = localStorage.has('myKey');
console.log(exists); // Output: true

// Delete a value from LocalStorage
localStorage.delete('myKey');

// Push a value to an existing array stored in LocalStorage
localStorage.set('myArray', JSON.stringify([1, 2, 3]), 3600); // Store an array in LocalStorage
localStorage.push('myArray', '4'); // Append '4' to the array
const updatedArray = localStorage.get('myArray');
console.log(updatedArray); // Output: '[1, 2, 3, 4]'

API

set(key: string, value: string, ttl: number): boolean

Storage key value on LocalStorage.

  • key: Identifier key.
  • value: Store value.
  • ttl: Expiration date in seconds.

Returns true if the operation was successful; otherwise, an error is thrown.

get(key: string): string | null

Return the localStorage value based on the key.

  • key: Identifier key.

Returns the key value if it is not expired, otherwise, it returns null.

has(key: string): boolean

Verify if the key exists on LocalStorage.

  • key: Identifier key.

Returns true if the key already exists; otherwise, false.

delete(key: string): void

Delete the key from LocalStorage.

  • key: Identifier key.

There is no return value.

push(key: string, value: string): boolean

Append a new item to a localStorage key in case the value is an array.

  • key: Identifier key.
  • value: Store value.

Returns true if the value was successfully added to the array; otherwise, it returns false.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Note: This library is designed to work with dayjs for handling time and dates. Make sure to have dayjs installed in your project before using this library.