dphelper 0.2.88 → 0.2.89

package/scripts/iDB.js

@@ -0,0 +1,688 @@
+/*!
+  dpHelper
+  Copyright (c) 2021 Dario Passariello <dariopassariello@gmail.com>
+  Licensed under the Apache-2.0, see
+  https://dario.passariello.ca
+*/
+
+/***********************************************************************/
+
+function t(){
+  dphelper.iDB.list();
+}
+
+var description = {
+  "name" : "iDB",
+  "description" : "The indexedDB Manager Tools",
+  "version" : "0.0.1",
+  "command" : "iDB",
+  "subCommand" : [
+    {
+      "name":"init",
+      "description" : "Initianize the iDB on website",
+      "example" : " dphelper.iDB.init() "
+    // },{
+    //   "name":"open",
+    //   "description" : "",
+    //   "example" : " dphelper.iDB.open( 'dbName','dbTable' ) "
+    },{
+      "name":"create",
+      "description" : "Create a new database",
+      "example" : " dphelper.iDB.create( 'dbName','dbTable' ) "
+    // },{
+    //   "name":"open",
+    //   "description" : "",
+    //   "example" : " dphelper.iDB.open( 'dbName','dbTable' ) "
+    },{
+      "name":"store",
+      "description" : "Put all data to localStorage( I suggest to not use this way, instead use state)",
+      "example" : "  dphelper.iDB.store( 'dbName','dbTable' )  "
+    },{
+      "name":"insert",
+      "description" : "Insert a new record into DB",
+      "example" : " dphelper.iDB.update( 'dbName','dbTable', 'data' ) "
+    },{
+      "name":"update",
+      "description" : "Update a record into DB",
+      "example" : " dphelper.iDB.update( 'dbName','dbTable', 'id', 'data' ) "
+    },{
+      "name":"get",
+      "description" : "To get data about single row d on DB",
+      "example" : " dphelper.iDB.get( 'dbName','dbTable', 'id' ) "
+    },{
+      "name":"list",
+      "description" : './documents/iDB/list.html',
+      "example" : " dphelper.iDB.list() result -> show in console the table of list of all DB "
+    },{
+      "name":"toState",
+      "description" : "Add databases into dphelper.databases (you can reuse them without recall again)",
+      "example" : " dphelper.iDB.toState( 'dbName' ) result -> see dphelper.databases "
+    },{
+      "name":"version",
+      "description" : "If you need to kow the last version of a DB",
+      "example" : " dphelper.iDB.size( 'dbName' ) result -> 2 "
+    },{
+      "name":"size",
+      "description" : "If you need to know the size about a DB",
+      "example" : " dphelper.iDB.size( 'dbName' ) result -> 100kb "
+    },{
+      "name":"exist",
+      "description" : "If you need to know if a DB exist",
+      "example" : " dphelper.iDB.exist( 'dbName' ) result -> true or false "
+    },{
+      "name":"delete",
+      "description" : "If you need to remove an indexedDB, just use this command",
+      "example" : " dphelper.iDB.delete( 'dbName' ) result -> 'database deletion' "
+    },{
+      "name":"countRows",
+      "description" : "Count records in a DB, useful to have last record from a DB",
+      "example" : " dphelper.iDB.countRows( 'dbName' , 'tableName' ) result -> 1 "
+    },{
+      "name":"refresh",
+      "description" : "Refresh database list into state (dphelper.databases)",
+      "example" : " dphelper.iDB.refresh() result -> see dphelper.databases "
+    }
+    // ,{
+    //   "name":"getTableSize",
+    //   "description" : "",
+    // },{
+    //   "name":"getDbSize",
+    //   "description" : "",
+    // },{
+    //   "name":"printTableInfo",
+    //   "description" : "",
+    // },{
+    //   "name":"printSizes",
+    //   "description" : "",
+    // },
+
+  ],
+
+  "example" : "",
+  "author" : "Dario Passariello",
+  "active" : true
+
+};
+
+dphelper._list.scripts.push( description );
+
+///////////////////////////////////////////////////////////////////////////////////
+
+dphelper.iDB = {
+
+  init: ()=>{
+
+    setTimeout( ()=> {
+
+      var db ="dph-sys";
+      var table = "empty";
+
+      if( dphelper.iDB.exist( db ) === true ){
+
+        setTimeout(()=>{
+          dphelper.iDB.toState( db, table, 1 );
+        }, 2000 );
+
+      } else {
+
+        dphelper.iDB.create( db, table );
+
+        setTimeout( ()=>{
+          dphelper.iDB.insert( db, table, 'Ready!' );
+        }, 2000 );
+
+      }
+
+    }, 1000 );
+
+    dphelper.iDB.toState();
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  create: ( storeName, table ) => {
+
+    if( dphelper.iDB.exist( storeName ) ){
+      top.alert( `Database "${storeName}" already exist` );
+      return;
+    }
+
+    var request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+
+    request.onerror = ( event ) => {
+      console.debug(event, "Database create error: " + event.target.errorCode);
+      return false;
+    };
+
+    request.onsuccess = function (event) {
+
+      var checkDB = event.target.result;
+      var v = checkDB.version;
+      checkDB.close();
+
+      if( dphelper.iDB.version( storeName ) === undefined ){
+        var request = window.indexedDB.open( storeName, v+1 );
+        request.onupgradeneeded = ( event ) => {
+          var db = event.target.result;
+          if( db.objectStoreNames.length != 0 ) return;
+
+          var objectStore = db.createObjectStore( table , { keyPath: 'id', autoIncrement:true } );
+          objectStore.createIndex( 'id', 'id', { unique: true });
+          db.close();
+        };
+      }
+
+      dphelper.iDB.refresh();
+
+    };
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  open: ( storeName ) => {
+    if( !dphelper.iDB.exist( storeName ) ) return;
+
+    const indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
+
+    if (!indexedDB) {
+      //console.debug( event );
+      console.debug( "Your browser doesn't support a skey version of IndexedDB. Such and such feature will not be available.");
+      console.debug( "Something went badly wrong with your indexedDB!" );
+    }
+
+    var request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+
+    request.onsuccess = ( event ) => {
+      // console.debug( 'indexedDB "' + storeName + '" open' );
+      // return event.target.result;
+      // request.close();
+      dphelper.iDB.refresh();
+    };
+
+    request.onerror = ( event ) => {
+      console.debug( "Database open error: " + event.target.errorCode );
+      return;
+    };
+
+    return request;
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+  //INSERT: indexedDB.insert('myDB','Mytable','Mykey','MyValue')
+
+  insert: ( storeName, table, value ) => {
+    if( !dphelper.iDB.exist( storeName ) ) return;
+
+    var request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+
+    request.onerror = ( event ) => {
+      console.debug(event, "Database insert error: " + event.target.errorCode);
+    };
+
+    request.onsuccess = ( event ) => {
+      try{
+        var db = event.target.result;
+        var objectStore = db.transaction([table], "readwrite").objectStore( table );
+        objectStore.add({ value });
+        db.close();
+        dphelper.iDB.refresh();
+        //console.debug( "IndexDB inserted" );
+      }catch( event ){
+        console.debug( event, "IndexDB insert not work" );
+      }
+    };
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+  //UPDATE: indexedDB.update('myDB','Mykey','MyValue')
+
+  update: (storeName, table, key, value ) => {
+    if( !dphelper.iDB.exist( storeName ) ) return;
+
+    var request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+    request.onerror = ( event ) => {
+      console.debug(event, "Database update error: " + event.target.errorCode);
+      return;
+    };
+
+    request.onsuccess = ( event ) => {
+
+      var db = event.target.result;
+      var objectStore = db.transaction([table], "readwrite").objectStore( table );
+
+      var req = objectStore.get(+key);
+
+      req.onsuccess = function(event){
+
+        var data = event.target.result;
+        data.value = value;
+        var objRequest = objectStore.put( data );
+
+        objRequest.onsuccess = function(ev){
+          dphelper.iDB.refresh();
+          //console.debug('Success in updating record');
+        };
+
+        objRequest.onerror = function(ev){
+          console.debug('Error in updating record');
+        };
+
+      };
+
+    };
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  get: ( storeName, table, key ) => {
+
+    return new Promise( function( resolve, reject ){
+
+      let request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+
+      request.onsuccess = function( event ){
+
+        var db = event.target.result;
+        if( db.objectStoreNames.length === 0 ) return;
+
+        var Store = db.transaction([ table ], "readwrite" ).objectStore( table );
+        var req = Store.get( key );
+
+        req.onsuccess = function( event ){
+          var cursor = event.target.result;
+          resolve( cursor );
+        };
+
+      };
+
+    });
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  store: ( storeName, table ) => {
+    if( !dphelper.iDB.exist( storeName ) ) return;
+
+    const request = window.indexedDB.open( storeName , dphelper.iDB.version( storeName ) );
+
+    request.onerror = ( event ) => {
+      console.debug( event , "Database get error: " + event.target.errorCode );
+      return;
+    };
+
+    request.onsuccess = ( event ) => {
+
+      var db = event.target.result;
+      if( db.objectStoreNames.length === 0 ) return;
+      var Store = db.transaction([ table ], "readwrite" ).objectStore( table );
+      var curs = Store.openCursor();
+
+      curs.onsuccess = function(event) {
+        let cursor = event.target.result;
+        if (cursor) {
+          let key = cursor.primaryKey;
+          let value = cursor.value;
+
+          if( !store[ storeName ] ) store[ storeName ] = [];
+          if( !store[ storeName ][ table ] ) store[ storeName ][ table ] = [];
+          if( !store[ storeName ][ table ][ key ] ) store[ storeName ][ table ][ key ] = [];
+          store[ storeName ][ table ][ key ] = value; //Store.getAll();
+          cursor.continue();
+        }
+        dphelper.iDB.refresh();
+      };
+
+    };
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  refresh: () => {
+    dphelper.iDB.toState();
+    console.debug("iDB refresh");
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  toState: async ( name, db ) => {
+
+    // SAVE SINGLE DB TO STATE
+    if( name || db ){
+
+      if( !name || !db ) {
+        console.debug( "promiseToState: Some data are missed!" );
+        return;
+      }
+
+      setTimeout( async () => {
+        state[name] = await db;
+      }, 1000 );
+
+      return;
+    }
+
+    // ELSE SAVE ALL DB TO STATE.DATABASES
+
+    var storeDB = [];
+    var totalDB = 0;
+
+    //dphelper.iDB.exist( dbName );
+
+    const promise = indexedDB.databases();
+    promise.then( databases => {
+
+      Object.entries( databases ).map( storeName => {
+
+        /***********************************************************************/
+
+        const request = window.indexedDB.open( storeName[1].name , dphelper.iDB.version( storeName[1].version ) );
+
+        request.onerror = ( event ) => {
+          console.debug( event , "Database get error: " + event.target['errorCode'] );
+          return;
+        };
+
+        var item = {
+          name: "",
+          version: "",
+          tables: [],
+          size: 0
+        };
+
+        var total = 0;
+
+        request.onsuccess = async ( event ) => {
+
+          var db = event.target['result'];
+          if( db.objectStoreNames.length === 0 ) return;
+
+            if ( db && db.name ) {
+
+              item['name'] = db.name;
+              item['version'] = db.version;
+
+              // ADD ALL TABLES
+              Object.entries( db.objectStoreNames ).map( async ( dbt,i ) => {
+                var table = [];
+                var size = await dphelper.iDB.getTableSize( db.name , dbt[1] );
+
+                table['name'] = dbt[1];
+                table['size'] = size;
+                item['tables'].push( Object.assign({}, table) );
+                total += size;
+                item['size'] = total;
+                totalDB += total;
+                storeDB['total'] = totalDB;
+                storeDB['update'] = dphelper.time.epoch();
+              });
+
+              storeDB.push( item );
+            }
+
+            // PUT ON STATE
+            dphelper.databases = storeDB;
+
+        };
+
+        /***********************************************************************/
+
+      });
+
+    });
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  list: () => {
+    const promise = indexedDB.databases();
+    promise.then(databases => {
+      console.table( databases );
+      return databases;
+    });
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  version: ( storeName ) => {
+    const promise = indexedDB.databases();
+    promise.then( databases => {
+      databases.find((v)=>{
+        if( v.name === storeName ){
+          //console.info( v.version );
+          return true;
+        }
+      });
+    });
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  size: ( storeName ) => {
+    //if( !dphelper.iDB.exist( storeName ) ) return;
+    var databaseNames = [storeName];
+    var dbName;
+    for(var i=0; i < databaseNames.length; i++) {
+      dbName = databaseNames[i];
+      return dphelper.iDB.getDbSize( dbName );
+    }
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  exist: ( storeName ) => {
+    if( dphelper.databases?.find( db => db.name === storeName ) !== undefined ){
+      return true;
+    }
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  delete: ( storeName ) => {
+    if( !dphelper.iDB.exist( storeName ) ){
+      top.alert( `Database "${storeName}" not exist` );
+    }else{
+      top.confirm(
+        `Are you sure to remove "${storeName}" database?`,
+        ()=>{
+          indexedDB.deleteDatabase( storeName );
+          dphelper.iDB.refresh();
+        },
+        ()=>{ alert("Operation cancelled."); }
+      );
+    }
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  getTableSize: (db, dbName) => {
+    //if( !dphelper.iDB.exist( dbName ) ) return;
+    return new Promise((resolve,reject) => {
+      if (db == null) {
+        return reject();
+      }
+      var size = 0;
+      db = event.target.result;
+      var transaction = db.transaction([ dbName ])
+        .objectStore( dbName )
+        .openCursor();
+
+      transaction.onsuccess = function(event){
+          var cursor = event.target.result;
+          if(cursor){
+              var storedObject = cursor.value;
+              var json = JSON.stringify(storedObject);
+              size += json.length;
+              cursor.continue();
+          }
+          else{
+            resolve(size);
+          }
+      }.bind(this);
+      transaction.onerror = function( err ){
+          reject("error in " + dbName + ": " + err);
+      };
+    });
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  getDbSize: ( dbName ) => {
+    //if( !dphelper.iDB.exist( dbName ) ) return;
+    return new Promise( ( resolve , reject ) => {
+
+      var request = indexedDB.open( dbName , dphelper.iDB.version( dbName ) );
+      var db;
+      var dbSize = 0;
+
+      request.onerror = function(event) {
+        console.debug("Error on IndexedDB");
+      };
+
+      request.onsuccess = function(event) {
+
+        db = event.target.result;
+        var tableNames = [ ...db.objectStoreNames ];
+
+        (function(tableNames, db) {
+
+          var tableSizeGetters = tableNames.reduce( (acc, tableName) => {
+            acc.push( dphelper.iDB.getTableSize(db, tableName) );
+            return acc;
+          }, []);
+
+          Promise.all(tableSizeGetters).then(sizes => {
+
+              var data = {};
+              function Info(table, size) {
+                this.table = table;
+                this.size = size;
+              }
+
+              tableNames.forEach( (tableName,i) => {
+                data[i] = new Info(tableName, dphelper.tool.byteSize(sizes[i]));
+              });
+
+              var total = sizes.reduce(function(acc, val) {
+                return acc + val;
+              }, 0);
+
+              resolve( parseInt( dphelper.tool.byteSize( total ) ) );
+
+          });
+
+        })(tableNames, db);
+
+      };
+
+    });
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  printTableInfo: ( dbName ) => {
+    //if( !dphelper.iDB.exist( dbName ) ) return;
+
+    var request = indexedDB.open( dbName , dphelper.iDB.version( dbName ) );
+    var db;
+    var dbSize = 0;
+
+    request.onerror = function(event) {
+      console.debug("Error on IndexedDB");
+    };
+
+    request.onsuccess = function(event) {
+
+      db = event.target.result;
+      var tableNames = [ ...db.objectStoreNames ];
+
+      (function(tableNames, db) {
+
+        var tableSizeGetters = tableNames.reduce( (acc, tableName) => {
+          acc.push( dphelper.iDB.getTableSize(db, tableName) );
+          return acc;
+        }, []);
+
+        Promise.all(tableSizeGetters).then(sizes => {
+
+            var data = {};
+            function Info(table, size) {
+              this.table = table;
+              this.size = size;
+            }
+
+            tableNames.forEach( (tableName,i) => {
+              data[i] = new Info(tableName, dphelper.tool.byteSize(sizes[i]));
+            });
+
+            console.table(data);
+
+            var total = sizes.reduce(function(acc, val) {
+              return acc + val;
+            }, 0);
+
+            console.debug("TOTAL: " + dphelper.tool.byteSize( total ) );
+
+        });
+
+      })(tableNames, db);
+
+    };
+
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  printSizes: () => {
+    indexedDB.webkitGetDatabaseNames().onsuccess = function (event) {
+      var databaseNames = event.target.result;
+      var dbName;
+      for(var i=0; i < databaseNames.length; i++) {
+        dbName = databaseNames.item(i);
+        dphelper.iDB.getDbSize(dbName);
+      }
+    };
+  },
+
+  ///////////////////////////////////////////////////////////////////////////////////
+
+  countRows: ( dbName , table ) => {
+    return new Promise( function( resolve, reject ){
+
+      let request = window.indexedDB.open( dbName , dphelper.iDB.version( dbName ) );
+
+      request.onsuccess = function( event ){
+
+        var db = event.target.result;
+        if( db.objectStoreNames.length === 0 ) return;
+
+        var transaction = db.transaction([ table ], 'readonly').objectStore( table );
+        var countRequest = transaction.count();
+        countRequest.onsuccess = function( event ){
+          var cursor = event.target.result;
+          resolve( cursor );
+        }
+
+      };
+
+    });
+
+  }
+
+};
+
+Object.defineProperty( dphelper, 'iDB', {
+  writable: false,
+  configurable: false
+});
+
+//console.log( Object.getOwnPropertyDescriptor( dphelper, 'socket' ) )
+