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

browser-cache-storage

v0.3.0

Published

cache data with local storage or session storage simply

Downloads

15

Readme

browser-cache-storage

cache data with local storage or session storage simply

Features

  1. get and set data with localStorage or sessionStorage
  2. when set data, automatically save cached time and compare data is expired when get data

Features in Development

  1. save meta data for clear all data that saved with browser-cache-storage in the localStorage (or sessionStorage)

Installing

$ npm install --save browser-cache-storage
$ yarn add browser-cache-storage

Document

(LocalCache || SessionCache).set

| paramters | description | required | |-----------|------------------------------------------------------------------------------------------ |----------| | uniqId | identify when or who save the cache data. | O | | cacheKey | key of cache data. 'cache.' prefix will attached automatically. it saved in localStorage(or sessionStorage) like cache.${cacheKey}. | O | | data | data want to save | O |

(LocalCache || SessionCache).get

| paramters | description | required | |-------------- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |---------- | | uniqId | identify the cache data is valid. if saved data's uniqId is different with uniqId which is passed to get functions parameter, then get method will return null. | O | | cacheKey | key of cache data. 'cache.' prefix will attached automatically. if cacheKey is 'boardData' then LocalCache.get method return localStorage.getItem('cache.boardData') | O | | preserveTime | relative time to check wheter the saved data is valid. it used like the "It's valid during {preserveTime} after saved". if you set preserveTime to 6000, then the cached data is valid only in 6 second after data saved. if expired then get method return null and delete the data. !! it is not automatically delete with timer like cookie. it only delete when you access data with get method. | O |

(LocalCache || SessionCache).clear No Paramters delete all cache data which saved through browser-cache-storage

Examples

const cacheKey = 'myCacheData';
var data = {
    hi: 'cache',
};
LocalCache.set(sessionId, cacheKey, data);
console.log(LocalCache.get(sessionId, cacheKey, data);
LocalCache.del(cacheKey);
console.log(LocalCache.get(sessionId, cacheKey, data);
console.log(localStorage.getItem(`cache.${cacheKey}`));
const cacheKey = 'myCacheData';
var data = {
    hi: 'cache',
};
SessionCache.set(sessionId, cacheKey, data);
console.log(SessionCache.get(sessionId, cacheKey, data);
SessionCache.del(cacheKey);
console.log(SessionCache.get(sessionId, cacheKey, data);
console.log(sessionStorage.getItem(`cache.${cacheKey}`));
LocalCache.clear();
SessionCache.clear();