<html>
<head>
    <title>IndexedDB app</title>
    <script src="./dist/indexeddb-promise.min.js"></script>
</head>
<body>
    <script>
        // Your script here
    </script>
</body>
</html>

Once you add indexeddb-promise.min.js in your document then you will be able to access indexedDBModel variable globally which contains Model and ModelConfig. They can be extracted as following

const {
    ModelConfig,
    Model
} = indexedDBModel;

// or
const ModelConfig = indexedDBModel.ModelConfig;
const Model = indexedDBModel.Model;

Create example config

class Rooms extends ModelConfig{
    //@overrides default method
    get config() {
      return {
        version: 1,
        databaseName: 'myNewDatabase',
        tableName: 'myNewTable',
        primaryKey: {
          name: 'id',
          autoIncrement: false
        },
        initData: [],
        structure: {
          roomId: { unique: false,  autoIncrement: true },
          roomName: { unique: false,  autoIncrement: false },
          comments: { unique: false,  autoIncrement: false }
        }
      };
   }
}

Create connector

const db = new Model(new Rooms);

Full example

<html>
<head>
    <title>IndexedDB app</title>
    <script src="./dist/indexeddb-promise.min.js"></script>
</head>
<body>
    <script>
        const {
            ModelConfig,
            Model
        } = indexedDBModel;
        
        class Rooms extends ModelConfig{
            //@overrides default method
            get config() {
              return {
                version: 1,
                databaseName: 'myNewDatabase',
                tableName: 'myNewTable',
                primaryKey: {
                  name: 'id',
                  autoIncrement: false
                },
                initData: [],
                structure: {
                  roomId: { unique: false,  autoIncrement: true },
                  roomName: { unique: false,  autoIncrement: false },
                  comment: { unique: false,  autoIncrement: false }
                }
              };
           }
        }
        
        const db = new Model(new Rooms);
        
        // add new record
        db.insertData({
              'id': Math.random() * 10,
              'roomName': 'My room name',
              'roomId': 1,
              'comment': 'This room is awesome'
            })
              .then(function(){
                //when done click update button
                console.info('Yay, you have saved the data.');
              }).catch(function(error){
                console.error(error);
            });
        
        // Get all results from DB
        db.selectAll()
          .then(function(results){
            console.log(...results);
          });

    </script>
</body>
</html>

Keywords

FAQs

What is @n1md7/indexeddb-promise?

Is @n1md7/indexeddb-promise popular?

Is @n1md7/indexeddb-promise well maintained?

Package last updated on 11 Dec 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@n1md7/indexeddb-promise

Indexed DB with promises

Usage example

Create example config

Create connector

Full example

Keywords

Related posts

Understanding License Exceptions: What Developers Need to Know

Developer Accuses Tencent of Copyright Violation After Python Utility’s License Changed from GPLv3 to BSD