Skip To Main Content

JavaScript: indexedDB in Chromium 8.0.552.5 dev!

Posted by Rick Waldron

Oct 19 2010

UPDATE!!! This morning (2010-10-22) Chromium dev channel updated to Chromium 8.0.552.11 dev and the indexedDB implementation has been renamed to webkitIndexedDB.

I must admit – sometimes browser updates are like Christmas. Like today. I updated Chrome and as usual I went through the motions of inspecting the window (DOMWindow) object in the console looking for new goodies. I was definitely not let down. Right there between HashChangeEvent and Image: The IDB* API. Further down I found the key to them all: indexedDB. So far this is what I’ve come up with as a means to test out the implementation. I plan to add more to the gist as time permits.

webkit-idb.html

<!doctype html>
<html>
  <head>
    <title>webkitIndexedDB API</title>
    <script src="webkit-idb.js"></script>
  </head>
  <body>
    <input type="button" id="button" value="message" />
  </body>
</html>

webkit-idb.js

// *UPDATED* Now used webkit prefixed API. see gist for history to access non-prefixed code
(function() {


var global = this,
    dbOpen, db, index, result;

dbOpen = webkitIndexedDB.open( "testDB", "This is my temporary indexedDB" );

console.log( "dbOpen", dbOpen );

/*
IDBRequest {
  errorCode: 0
  onerror: null
  onsuccess: null
  readyState: 2
  result: IDBDatabase
  source: IDBFactory
  transaction: null
  webkitErrorMessage: undefined
}
*/

dbOpen.addEventListener( "success", function( event ) {
  //  webkitIDBSuccessEvent
  console.log( "event", event );

  //  webkitIDBDatabase
  console.log( "open: event.target.result", event.target.result );

  // Alias webkitIDBDatabase
  var db = event.target.result,
      vdb = db.setVersion( btoa("ohhai!") );

  vdb.addEventListener( "success", function( event ) {

    var prop, store;

    console.log( "set version: event.target.result", event.target.result );
    console.log( "db.version", db.version );

    //  objectStores [methods: contains, item]
    console.log( "db", db );

    // DOMStringList
    console.log( "db.objectStoreNames", db.objectStoreNames );

    if ( !db.objectStoreNames.length ) {
      store = db.createObjectStore( "cooler", {} );
      index = store.createIndex( "anIndex", "foo", true );

      console.log( "store", store ); // null ?
      console.log( "store.indexNames.contains('anIndex')", store.indexNames.contains("anIndex") );
    }

    console.log( db.objectStoreNames.item(0) );
    // "cooler"
  }, false);
}, false);




// Constants
// Noted as they appeared in 2010


// These are no longer defined
// console.log(webkitIDBKeyRange.SINGLE, 0);
// console.log(webkitIDBKeyRange.LEFT_OPEN, 1);
// console.log(webkitIDBKeyRange.RIGHT_OPEN, 2);
// console.log(webkitIDBKeyRange.LEFT_BOUND, 4);
// console.log(webkitIDBKeyRange.RIGHT_BOUND, 8);


// These do not match 2010v2012
console.log(webkitIDBDatabaseException.UNKNOWN_ERR, 0);
console.log(webkitIDBDatabaseException.NON_TRANSIENT_ERR, 1);
console.log(webkitIDBDatabaseException.NOT_FOUND_ERR, 2);
console.log(webkitIDBDatabaseException.CONSTRAINT_ERR, 3);
console.log(webkitIDBDatabaseException.DATA_ERR, 4);
console.log(webkitIDBDatabaseException.NOT_ALLOWED_ERR, 5);
console.log(webkitIDBDatabaseException.SERIAL_ERR, 11);
console.log(webkitIDBDatabaseException.RECOVERABLE_ERR, 21);
console.log(webkitIDBDatabaseException.TRANSIENT_ERR, 31);
console.log(webkitIDBDatabaseException.TIMEOUT_ERR, 32);
console.log(webkitIDBDatabaseException.DEADLOCK_ERR, 33);

// These match 2010v2012
console.log(webkitIDBRequest.LOADING, 1);
console.log(webkitIDBRequest.DONE, 2);

// These match 2010v2012
console.log(webkitIDBCursor.NEXT, 0);
console.log(webkitIDBCursor.NEXT_NO_DUPLICATE, 1);
console.log(webkitIDBCursor.PREV, 2);
console.log(webkitIDBCursor.PREV_NO_DUPLICATE, 3);

// These do not match 2010v2012
console.log(webkitIDBTransaction.READ_WRITE, 0);
console.log(webkitIDBTransaction.READ_ONLY, 1);

// This is no longer defined
console.log(webkitIDBTransaction.SNAPSHOT_READ, 2);

// This took the place of the previous constant
console.log(webkitIDBTransaction.VERSION_CHANGE, 3);

})();
Posted by
Rick Waldron
on October 19th, 2010

Tagged in

Comments

We moved off of Disqus for data privacy and consent concerns, and are currently searching for a new commenting tool.

Contact Us

We'd love to hear from you. Get in touch!