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

lis-db

v2.0.0

Published

LIS (Local Interface for Storage). A "key-value" frontend database builded on indexedDB

Downloads

5

Readme

lis-db

LIS (Local Interface for Storage), is a "key-value" frontend database builded on indexedDB and with Typescript support.

API

The library offers one object (lis as default import) & one class (Key)

Key

Is used to identify the values in the database. Using it you can provide the target (string that represents the id of the item in the database) and a defaultValue (to be used by default when this key is used to read the database)

import { Key } from 'lis-db'

const KEY = new Key( 'key', 'default value' )

lis.write

lis.write<T>( key:Key<T>, value:T ): Promise<void> Can save persistent data with key-value structure.

import lis, { Key } from 'lis-db'

const HELLO = new Key( 'hello', '' )

lis.write( HELLO, 'Hello World!' ).then( () => {
  console.log( 'Data Saved' )
} )

lis.read

lis.read<T>( key:Key<T> ): Promise<T[> Is used to read data from the database. The type of the value provided by the Key object as default is used as the type of the resulting request

import lis, { Key } from 'lis-db'

const HELLO = new Key( 'hello', '' )  // Default value is an empty string
lis.read( HELLO ).then( ( value:string ) => {  // The value is the same type of defaultValue
  console.log( value ) // 'Hello World!'
} )

Using default value

import lis, { Key } from 'lis-db'

// "x" was not written
const X = new Key( 'x', 'x was not declared' )
lis.read( X ).then( ( value:string ) => {
  console.log( value )  // 'x was not delcared'
} )

lis.erase

erase( key:string ): Promise<void> is used to erase data from the database

import lis, { Key } from 'lis-db'

const HELLO = new Key( 'key', '' )

lis.read( HELLO ).then( ( value:string ) => {
  console.log( value )  // 'Hello World!'
  lis.erase( HELLO ).then( () => {
    // Waiting for erase data to read it
    lis.read( HELLO ).then( ( value:string ) => {
      console.log( hello )  // ''
    } )
  } )
} )