Skip to content

Instantly share code, notes, and snippets.

@hfeeki
Last active August 29, 2015 14:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hfeeki/d6e7e7e600450e22fbf9 to your computer and use it in GitHub Desktop.
Save hfeeki/d6e7e7e600450e22fbf9 to your computer and use it in GitHub Desktop.
IndexedDB put & get image test code
(function () {
// IndexedDB
var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.OIndexedDB || window.msIndexedDB,
IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.OIDBTransaction || window.msIDBTransaction,
dbVersion = 1.0;
// Create/open database
var request = indexedDB.open("elephantFiles", dbVersion),
db,
createObjectStore = function (dataBase) {
// Create an objectStore
console.log("Creating objectStore")
dataBase.createObjectStore("elephants");
},
getImageFile = function () {
// Create XHR
var xhr = new XMLHttpRequest(),
blob;
xhr.open("GET", "images/1.jpg", true);
// Set the responseType to blob
xhr.responseType = "blob";
xhr.addEventListener("load", function () {
if (xhr.status === 200) {
console.log("Image retrieved");
// Blob as response
blob = xhr.response;
console.log("Blob:" + blob);
// Put the received blob into IndexedDB
putElephantInDb({data:blob, url: "images/1.jpg", size: 2345}, "images/1.jpg");
}
}, false);
// Send XHR
xhr.send();
},
getElephantInDb = function (url) {
console.log("Putting elephants in IndexedDB");
// Open a transaction to the database
var transaction = db.transaction(["elephants"], 'readonly');
console.log('Before get images');
// Retrieve the file that was just stored
transaction.objectStore("elephants").get(url).onsuccess = function (event) {
var imgFile = event.target.result;
console.log("Got elephant!" + imgFile);
// Get window.URL object
var URL = window.URL || window.webkitURL;
// Create and revoke ObjectURL
var imgURL = URL.createObjectURL(imgFile);
// Set img src to ObjectURL
console.log(imgURL);
// Revoking ObjectURL
URL.revokeObjectURL(imgURL);
};
};
request.onerror = function (event) {
console.log("Error creating/accessing IndexedDB database");
};
request.onsuccess = function (event) {
console.log("Success creating/accessing IndexedDB database");
db = request.result;
db.onerror = function (event) {
console.log("Error creating/accessing IndexedDB database");
};
// Interim solution for Google Chrome to create an objectStore. Will be deprecated
if (db.setVersion) {
if (db.version != dbVersion) {
var setVersion = db.setVersion(dbVersion);
setVersion.onsuccess = function () {
console.log('setVersion.onsuccess');
createObjectStore(db);
getImageFile();
};
}
else {
console.log('normal accessing db');
getImageFile();
}
}
else {
console.log('normal 2 accessing db');
getImageFile();
}
}
// For future use. Currently only in latest Firefox versions
request.onupgradeneeded = function (event) {
console.log('onupgradeneeded');
createObjectStore(event.target.result);
};
})();
var resdb, idx;
var getBlob = function(url) {
return new Promise(function(resolve, reject) {
var xhr;
xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.responseType = "blob";
xhr.onload = function() {
if (xhr.status === 200) {
resolve(xhr.response);
} else {
reject(Error(xhr.statusText));
}
};
xhr.onerror = function() {
reject(Error("Network Error"));
};
xhr.send();
});
};
var createDB = function() {
return new Promise(function(resolve, reject) {
var db = new IDBStore({
dbVersion: 1,
storePrefix: 'jdy',
storeName: 'resource',
keyPath: 'id',
autoIncrement: true,
onStoreReady: function(){
resolve(db);
},
onError: function(e) {
reject(e);
}
});
});
};
var addRes = function(db, data) {
return new Promise(function(resolve, reject) {
// do a thing, possibly async, then…
var onsuccess = function(id){
resolve(id);
}
var onerror = function(e){
reject(e);
}
db.put(data, onsuccess, onerror);
});
};
var getRes = function(db, id) {
return new Promise(function(resolve, reject) {
// do a thing, possibly async, then…
var onsuccess = function(data){
if (data) resolve(data);
else reject(Error('Record not exists.'));
}
var onerror = function(e){
reject(e);
}
db.get(id, onsuccess, onerror);
});
};
createDB().then(function(db) {
resdb = db;
}).catch(function(e) {
console.log('Error to create or open db', e);
});
function insert_test(url) {
if (!url)
url = 'images/1.jpg';
getBlob(url).then(function(blob) {
var img1 = {
url: url,
size: blob.size,
timestamp: new Date().getTime(),
data: blob
};
return addRes(resdb, img1);
}).then(function(id) {
console.log('Yeah, img inserted! insertId is: ' + id);
idx = id;
}).catch(function(e) {
console.log('Oh noes, sth went wrong! ', e);
});
}
function get_test() {
var id = idx;
getRes(resdb, id).then(function(data) {
console.log('here is our dude:', data);
var objurl = window.URL.createObjectURL(data.data);
console.log(objurl);
}).catch(function(e) {
console.log('Oh noes, sth went wrong!', e);
});
}
function test(url) {
if (!url)
url = 'images/1.jpg';
getBlob(url).then(function (blob) {
var url = window.URL.createObjectURL(blob);
console.log('Got: ', url, ', size: ', blob.size);
}).catch (function (e) {
console.log('Oh noes, sth went wrong! ', e);
});
}
#global window:false, self:false, define:false, module:false
###*
@license IDBWrapper - A cross-browser wrapper for IndexedDB
Copyright (c) 2011 - 2013 Jens Arps
http://jensarps.de/
Licensed under the MIT (X11) license
###
"use strict"
defaultErrorHandler = (error) ->
throw error
return
defaults =
storeName: "Store"
storePrefix: "IDBWrapper-"
dbVersion: 1
keyPath: "id"
autoIncrement: true
onStoreReady: ->
onError: defaultErrorHandler
indexes: []
###*
The IDBStore constructor
@constructor
@name IDBStore
@version 1.4.1
@param {Object} [kwArgs] An options object used to configure the store and
set callbacks
@param {String} [kwArgs.storeName='Store'] The name of the store
@param {String} [kwArgs.storePrefix='IDBWrapper-'] A prefix that is
internally used to construct the name of the database, which will be
kwArgs.storePrefix + kwArgs.storeName
@param {Number} [kwArgs.dbVersion=1] The version of the store
@param {String} [kwArgs.keyPath='id'] The key path to use. If you want to
setup IDBWrapper to work with out-of-line keys, you need to set this to
`null`
@param {Boolean} [kwArgs.autoIncrement=true] If set to true, IDBStore will
automatically make sure a unique keyPath value is present on each object
that is stored.
@param {Function} [kwArgs.onStoreReady] A callback to be called when the
store is ready to be used.
@param {Function} [kwArgs.onError=throw] A callback to be called when an
error occurred during instantiation of the store.
@param {Array} [kwArgs.indexes=[]] An array of indexData objects
defining the indexes to use with the store. For every index to be used
one indexData object needs to be passed in the array.
An indexData object is defined as follows:
@param {Object} [kwArgs.indexes.indexData] An object defining the index to
use
@param {String} kwArgs.indexes.indexData.name The name of the index
@param {String} [kwArgs.indexes.indexData.keyPath] The key path of the index
@param {Boolean} [kwArgs.indexes.indexData.unique] Whether the index is unique
@param {Boolean} [kwArgs.indexes.indexData.multiEntry] Whether the index is multi entry
@param {Function} [onStoreReady] A callback to be called when the store
is ready to be used.
@example
// create a store for customers with an additional index over the
// `lastname` property.
var myCustomerStore = new IDBStore({
dbVersion: 1,
storeName: 'customer-index',
keyPath: 'customerid',
autoIncrement: true,
onStoreReady: populateTable,
indexes: [
{ name: 'lastname', keyPath: 'lastname', unique: false, multiEntry: false }
]
});
@example
// create a generic store
var myCustomerStore = new IDBStore({
storeName: 'my-data-store',
onStoreReady: function(){
// start working with the store.
}
});
###
class IDBStore
###*
A pointer to the IDBStore ctor
@type IDBStore
###
constructor: (kwArgs, onStoreReady) ->
onStoreReady = kwArgs if typeof onStoreReady is "undefined" and typeof kwArgs is "function"
kwArgs = {} unless Object::toString.call(kwArgs) is "[object Object]"
for key of defaults
this[key] = (if typeof kwArgs[key] isnt "undefined" then kwArgs[key] else defaults[key])
@dbName = @storePrefix + @storeName
@dbVersion = parseInt(@dbVersion, 10) or 1
onStoreReady and (@onStoreReady = onStoreReady)
env = (if typeof window is "object" then window else self)
@idb = env.indexedDB or env.webkitIndexedDB or env.mozIndexedDB
@keyRange = env.IDBKeyRange or env.webkitIDBKeyRange or env.mozIDBKeyRange
@features = hasAutoIncrement: not env.mozIndexedDB
@consts =
READ_ONLY: "readonly"
READ_WRITE: "readwrite"
VERSION_CHANGE: "versionchange"
NEXT: "next"
NEXT_NO_DUPLICATE: "nextunique"
PREV: "prev"
PREV_NO_DUPLICATE: "prevunique"
@openDB()
return
###*
The version of IDBStore
@type String
###
version: "1.4.1"
###*
A reference to the IndexedDB object
@type Object
###
db: null
###*
The full name of the IndexedDB used by IDBStore, composed of
this.storePrefix + this.storeName
@type String
###
dbName: null
###*
The version of the IndexedDB used by IDBStore
@type Number
###
dbVersion: null
###*
A reference to the objectStore used by IDBStore
@type Object
###
store: null
###*
The store name
@type String
###
storeName: null
###*
The key path
@type String
###
keyPath: null
###*
Whether IDBStore uses autoIncrement
@type Boolean
###
autoIncrement: null
###*
The indexes used by IDBStore
@type Array
###
indexes: null
###*
A hashmap of features of the used IDB implementation
@type Object
@proprty {Boolean} autoIncrement If the implementation supports
native auto increment
###
features: null
###*
The callback to be called when the store is ready to be used
@type Function
###
onStoreReady: null
###*
The callback to be called if an error occurred during instantiation
of the store
@type Function
###
onError: null
###*
The internal insertID counter
@type Number
@private
###
_insertIdCount: 0
###*
Opens an IndexedDB; called by the constructor.
Will check if versions match and compare provided index configuration
with existing ones, and update indexes if necessary.
Will call this.onStoreReady() if everything went well and the store
is ready to use, and this.onError() is something went wrong.
@private
###
openDB: ->
openRequest = @idb.open(@dbName, @dbVersion)
preventSuccessCallback = false
openRequest.onerror = (error) =>
gotVersionErr = false
if "error" of error.target
gotVersionErr = error.target.error.name is "VersionError"
else gotVersionErr = error.target.errorCode is 12 if "errorCode" of error.target
if gotVersionErr
@onError new Error("The version number provided is lower than the existing one.")
else
@onError error
return
# We should never ever get here.
# Lets notify the user anyway.
# check indexes
# check if it complies
openRequest.onsuccess = ((event) =>
return if preventSuccessCallback
if @db
@onStoreReady()
return
@db = event.target.result
if typeof @db.version is "string"
@onError new Error("The IndexedDB implementation in this browser is outdated. Please upgrade your browser.")
return
unless @db.objectStoreNames.contains(@storeName)
@onError new Error("Something is wrong with the IndexedDB implementation in this browser. Please upgrade your browser.")
return
emptyTransaction = @db.transaction([@storeName], @consts.READ_ONLY)
@store = emptyTransaction.objectStore(@storeName)
existingIndexes = Array::slice.call(@getIndexList())
@indexes.forEach ((indexData) ->
indexName = indexData.name
unless indexName
preventSuccessCallback = true
@onError new Error("Cannot create index: No index name given.")
return
@normalizeIndexData indexData
if @hasIndex(indexName)
actualIndex = @store.index(indexName)
complies = @indexComplies(actualIndex, indexData)
unless complies
preventSuccessCallback = true
@onError new Error("Cannot modify index \"" + indexName + "\" for current version. Please bump version number to " + (@dbVersion + 1) + ".")
existingIndexes.splice existingIndexes.indexOf(indexName), 1
else
preventSuccessCallback = true
@onError new Error("Cannot create new index \"" + indexName + "\" for current version. Please bump version number to " + (@dbVersion + 1) + ".")
return
), this
if existingIndexes.length
preventSuccessCallback = true
@onError new Error("Cannot delete index(es) \"" + existingIndexes.toString() + "\" for current version. Please bump version number to " + (@dbVersion + 1) + ".")
preventSuccessCallback or @onStoreReady()
return
)
# IDBVersionChangeEvent
# check if it complies
# index differs, need to delete and re-create
openRequest.onupgradeneeded = ((event) =>
@db = event.target.result
if @db.objectStoreNames.contains(@storeName)
@store = event.target.transaction.objectStore(@storeName)
else
optionalParameters = autoIncrement: @autoIncrement
optionalParameters.keyPath = @keyPath if @keyPath isnt null
@store = @db.createObjectStore(@storeName, optionalParameters)
existingIndexes = Array::slice.call(@getIndexList())
@indexes.forEach ((indexData) ->
indexName = indexData.name
unless indexName
preventSuccessCallback = true
@onError new Error("Cannot create index: No index name given.")
@normalizeIndexData indexData
if @hasIndex(indexName)
actualIndex = @store.index(indexName)
complies = @indexComplies(actualIndex, indexData)
unless complies
@store.deleteIndex indexName
@store.createIndex indexName, indexData.keyPath,
unique: indexData.unique
multiEntry: indexData.multiEntry
existingIndexes.splice existingIndexes.indexOf(indexName), 1
else
@store.createIndex indexName, indexData.keyPath,
unique: indexData.unique
multiEntry: indexData.multiEntry
return
), this
if existingIndexes.length
existingIndexes.forEach ((_indexName) ->
@store.deleteIndex _indexName
return
), this
return
)
return
###*
Deletes the database used for this store if the IDB implementations
provides that functionality.
###
deleteDatabase: ->
@idb.deleteDatabase @dbName if @idb.deleteDatabase
return
###*
data manipulation *
###
###*
Puts an object into the store. If an entry with the given id exists,
it will be overwritten. This method has a different signature for inline
keys and out-of-line keys; please see the examples below.
@param {*} [key] The key to store. This is only needed if IDBWrapper
is set to use out-of-line keys. For inline keys - the default scenario -
this can be omitted.
@param {Object} value The data object to store.
@param {Function} [onSuccess] A callback that is called if insertion
was successful.
@param {Function} [onError] A callback that is called if insertion
failed.
@returns {IDBTransaction} The transaction used for this operation.
@example
// Storing an object, using inline keys (the default scenario):
var myCustomer = {
customerid: 2346223,
lastname: 'Doe',
firstname: 'John'
};
myCustomerStore.put(myCustomer, mySuccessHandler, myErrorHandler);
// Note that passing success- and error-handlers is optional.
@example
// Storing an object, using out-of-line keys:
var myCustomer = {
lastname: 'Doe',
firstname: 'John'
};
myCustomerStore.put(2346223, myCustomer, mySuccessHandler, myErrorHandler);
// Note that passing success- and error-handlers is optional.
###
put: (key, value, onSuccess, onError) ->
if @keyPath isnt null
onError = onSuccess
onSuccess = value
value = key
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
hasSuccess = false
result = null
putRequest = undefined
putTransaction = @db.transaction([@storeName], @consts.READ_WRITE)
putTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
putTransaction.onabort = onError
putTransaction.onerror = onError
if @keyPath isnt null # in-line keys
@_addIdPropertyIfNeeded value
putRequest = putTransaction.objectStore(@storeName).put(value)
else # out-of-line keys
putRequest = putTransaction.objectStore(@storeName).put(value, key)
putRequest.onsuccess = (event) ->
hasSuccess = true
result = event.target.result
return
putRequest.onerror = onError
putTransaction
###*
Retrieves an object from the store. If no entry exists with the given id,
the success handler will be called with null as first and only argument.
@param {*} key The id of the object to fetch.
@param {Function} [onSuccess] A callback that is called if fetching
was successful. Will receive the object as only argument.
@param {Function} [onError] A callback that will be called if an error
occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
get: (key, onSuccess, onError) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
hasSuccess = false
result = null
getTransaction = @db.transaction([@storeName], @consts.READ_ONLY)
getTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
getTransaction.onabort = onError
getTransaction.onerror = onError
getRequest = getTransaction.objectStore(@storeName).get(key)
getRequest.onsuccess = (event) ->
hasSuccess = true
result = event.target.result
return
getRequest.onerror = onError
getTransaction
###*
Removes an object from the store.
@param {*} key The id of the object to remove.
@param {Function} [onSuccess] A callback that is called if the removal
was successful.
@param {Function} [onError] A callback that will be called if an error
occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
remove: (key, onSuccess, onError) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
hasSuccess = false
result = null
removeTransaction = @db.transaction([@storeName], @consts.READ_WRITE)
removeTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
removeTransaction.onabort = onError
removeTransaction.onerror = onError
deleteRequest = removeTransaction.objectStore(@storeName)["delete"](key)
deleteRequest.onsuccess = (event) ->
hasSuccess = true
result = event.target.result
return
deleteRequest.onerror = onError
removeTransaction
###*
Runs a batch of put and/or remove operations on the store.
@param {Array} dataArray An array of objects containing the operation to run
and the data object (for put operations).
@param {Function} [onSuccess] A callback that is called if all operations
were successful.
@param {Function} [onError] A callback that is called if an error
occurred during one of the operations.
@returns {IDBTransaction} The transaction used for this operation.
###
batch: (dataArray, onSuccess, onError) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
onError new Error("dataArray argument must be of type Array.") unless Object::toString.call(dataArray) is "[object Array]"
batchTransaction = @db.transaction([@storeName], @consts.READ_WRITE)
batchTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback hasSuccess
return
batchTransaction.onabort = onError
batchTransaction.onerror = onError
count = dataArray.length
called = false
hasSuccess = false
onItemSuccess = ->
count--
if count is 0 and not called
called = true
hasSuccess = true
return
dataArray.forEach ((operation) ->
type = operation.type
key = operation.key
value = operation.value
onItemError = (err) ->
batchTransaction.abort()
unless called
called = true
onError err, type, key
return
if type is "remove"
deleteRequest = batchTransaction.objectStore(@storeName)["delete"](key)
deleteRequest.onsuccess = onItemSuccess
deleteRequest.onerror = onItemError
else if type is "put"
putRequest = undefined
if @keyPath isnt null # in-line keys
@_addIdPropertyIfNeeded value
putRequest = batchTransaction.objectStore(@storeName).put(value)
else # out-of-line keys
putRequest = batchTransaction.objectStore(@storeName).put(value, key)
putRequest.onsuccess = onItemSuccess
putRequest.onerror = onItemError
return
), this
batchTransaction
###*
Takes an array of objects and stores them in a single transaction.
@param {Array} dataArray An array of objects to store
@param {Function} [onSuccess] A callback that is called if all operations
were successful.
@param {Function} [onError] A callback that is called if an error
occurred during one of the operations.
@returns {IDBTransaction} The transaction used for this operation.
###
putBatch: (dataArray, onSuccess, onError) ->
batchData = dataArray.map((item) ->
type: "put"
value: item
)
@batch batchData, onSuccess, onError
###*
Takes an array of keys and removes matching objects in a single
transaction.
@param {Array} keyArray An array of keys to remove
@param {Function} [onSuccess] A callback that is called if all operations
were successful.
@param {Function} [onError] A callback that is called if an error
occurred during one of the operations.
@returns {IDBTransaction} The transaction used for this operation.
###
removeBatch: (keyArray, onSuccess, onError) ->
batchData = keyArray.map((key) ->
type: "remove"
key: key
)
@batch batchData, onSuccess, onError
###*
Takes an array of keys and fetches matching objects
@param {Array} keyArray An array of keys identifying the objects to fetch
@param {Function} [onSuccess] A callback that is called if all operations
were successful.
@param {Function} [onError] A callback that is called if an error
occurred during one of the operations.
@param {String} [arrayType='sparse'] The type of array to pass to the
success handler. May be one of 'sparse', 'dense' or 'skip'. Defaults to
'sparse'. This parameter specifies how to handle the situation if a get
operation did not throw an error, but there was no matching object in
the database. In most cases, 'sparse' provides the most desired
behavior. See the examples for details.
@returns {IDBTransaction} The transaction used for this operation.
@example
// given that there are two objects in the database with the keypath
// values 1 and 2, and the call looks like this:
myStore.getBatch([1, 5, 2], onError, function (data) { … }, arrayType);
// this is what the `data` array will be like:
// arrayType == 'sparse':
// data is a sparse array containing two entries and having a length of 3:
[Object, 2: Object]
0: Object
2: Object
length: 3
__proto__: Array[0]
// calling forEach on data will result in the callback being called two
// times, with the index parameter matching the index of the key in the
// keyArray.
// arrayType == 'dense':
// data is a dense array containing three entries and having a length of 3,
// where data[1] is of type undefined:
[Object, undefined, Object]
0: Object
1: undefined
2: Object
length: 3
__proto__: Array[0]
// calling forEach on data will result in the callback being called three
// times, with the index parameter matching the index of the key in the
// keyArray, but the second call will have undefined as first argument.
// arrayType == 'skip':
// data is a dense array containing two entries and having a length of 2:
[Object, Object]
0: Object
1: Object
length: 2
__proto__: Array[0]
// calling forEach on data will result in the callback being called two
// times, with the index parameter not matching the index of the key in the
// keyArray.
###
getBatch: (keyArray, onSuccess, onError, arrayType) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
arrayType or (arrayType = "sparse")
onError new Error("keyArray argument must be of type Array.") unless Object::toString.call(keyArray) is "[object Array]"
batchTransaction = @db.transaction([@storeName], @consts.READ_ONLY)
batchTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
batchTransaction.onabort = onError
batchTransaction.onerror = onError
data = []
count = keyArray.length
called = false
hasSuccess = false
result = null
onItemSuccess = (event) ->
if event.target.result or arrayType is "dense"
data.push event.target.result
else data.length++ if arrayType is "sparse"
count--
if count is 0
called = true
hasSuccess = true
result = data
return
keyArray.forEach ((key) ->
onItemError = (err) ->
called = true
result = err
onError err
batchTransaction.abort()
return
getRequest = batchTransaction.objectStore(@storeName).get(key)
getRequest.onsuccess = onItemSuccess
getRequest.onerror = onItemError
return
), this
batchTransaction
###*
Fetches all entries in the store.
@param {Function} [onSuccess] A callback that is called if the operation
was successful. Will receive an array of objects.
@param {Function} [onError] A callback that will be called if an error
occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
getAll: (onSuccess, onError) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
getAllTransaction = @db.transaction([@storeName], @consts.READ_ONLY)
store = getAllTransaction.objectStore(@storeName)
if store.getAll
@_getAllNative getAllTransaction, store, onSuccess, onError
else
@_getAllCursor getAllTransaction, store, onSuccess, onError
getAllTransaction
###*
Implements getAll for IDB implementations that have a non-standard
getAll() method.
@param {Object} getAllTransaction An open READ transaction.
@param {Object} store A reference to the store.
@param {Function} onSuccess A callback that will be called if the
operation was successful.
@param {Function} onError A callback that will be called if an
error occurred during the operation.
@private
###
_getAllNative: (getAllTransaction, store, onSuccess, onError) ->
hasSuccess = false
result = null
getAllTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
getAllTransaction.onabort = onError
getAllTransaction.onerror = onError
getAllRequest = store.getAll()
getAllRequest.onsuccess = (event) ->
hasSuccess = true
result = event.target.result
return
getAllRequest.onerror = onError
return
###*
Implements getAll for IDB implementations that do not have a getAll()
method.
@param {Object} getAllTransaction An open READ transaction.
@param {Object} store A reference to the store.
@param {Function} onSuccess A callback that will be called if the
operation was successful.
@param {Function} onError A callback that will be called if an
error occurred during the operation.
@private
###
_getAllCursor: (getAllTransaction, store, onSuccess, onError) ->
all = []
hasSuccess = false
result = null
getAllTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
getAllTransaction.onabort = onError
getAllTransaction.onerror = onError
cursorRequest = store.openCursor()
cursorRequest.onsuccess = (event) ->
cursor = event.target.result
if cursor
all.push cursor.value
cursor["continue"]()
else
hasSuccess = true
result = all
return
cursorRequest.onError = onError
return
###*
Clears the store, i.e. deletes all entries in the store.
@param {Function} [onSuccess] A callback that will be called if the
operation was successful.
@param {Function} [onError] A callback that will be called if an
error occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
clear: (onSuccess, onError) ->
onError or (onError = defaultErrorHandler)
onSuccess or (onSuccess = noop)
hasSuccess = false
result = null
clearTransaction = @db.transaction([@storeName], @consts.READ_WRITE)
clearTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
clearTransaction.onabort = onError
clearTransaction.onerror = onError
clearRequest = clearTransaction.objectStore(@storeName).clear()
clearRequest.onsuccess = (event) ->
hasSuccess = true
result = event.target.result
return
clearRequest.onerror = onError
clearTransaction
###*
Checks if an id property needs to present on a object and adds one if
necessary.
@param {Object} dataObj The data object that is about to be stored
@private
###
_addIdPropertyIfNeeded: (dataObj) ->
dataObj[@keyPath] = @_insertIdCount++ + Date.now() if not @features.hasAutoIncrement and typeof dataObj[@keyPath] is "undefined"
return
###*
indexing *
###
###*
Returns a DOMStringList of index names of the store.
@return {DOMStringList} The list of index names
###
getIndexList: ->
@store.indexNames
###*
Checks if an index with the given name exists in the store.
@param {String} indexName The name of the index to look for
@return {Boolean} Whether the store contains an index with the given name
###
hasIndex: (indexName) ->
@store.indexNames.contains indexName
###*
Normalizes an object containing index data and assures that all
properties are set.
@param {Object} indexData The index data object to normalize
@param {String} indexData.name The name of the index
@param {String} [indexData.keyPath] The key path of the index
@param {Boolean} [indexData.unique] Whether the index is unique
@param {Boolean} [indexData.multiEntry] Whether the index is multi entry
###
normalizeIndexData: (indexData) ->
indexData.keyPath = indexData.keyPath or indexData.name
indexData.unique = !!indexData.unique
indexData.multiEntry = !!indexData.multiEntry
return
###*
Checks if an actual index complies with an expected index.
@param {Object} actual The actual index found in the store
@param {Object} expected An Object describing an expected index
@return {Boolean} Whether both index definitions are identical
###
indexComplies: (actual, expected) ->
complies = [
"keyPath"
"unique"
"multiEntry"
].every((key) ->
# IE10 returns undefined for no multiEntry
return true if key is "multiEntry" and actual[key] is `undefined` and expected[key] is false
# Compound keys
if key is "keyPath" and Object::toString.call(expected[key]) is "[object Array]"
exp = expected.keyPath
act = actual.keyPath
# IE10 can't handle keyPath sequences and stores them as a string.
# The index will be unusable there, but let's still return true if
# the keyPath sequence matches.
return exp.toString() is act if typeof act is "string"
# Chrome/Opera stores keyPath squences as DOMStringList, Firefox
# as Array
return false unless typeof act.contains is "function" or typeof act.indexOf is "function"
return false if act.length isnt exp.length
i = 0
m = exp.length
while i < m
return false unless (act.contains and act.contains(exp[i])) or act.indexOf(exp[i] isnt -1)
i++
return true
expected[key] is actual[key]
)
complies
###*
cursor *
###
###*
Iterates over the store using the given options and calling onItem
for each entry matching the options.
@param {Function} onItem A callback to be called for each match
@param {Object} [options] An object defining specific options
@param {Object} [options.index=null] An IDBIndex to operate on
@param {String} [options.order=ASC] The order in which to provide the
results, can be 'DESC' or 'ASC'
@param {Boolean} [options.autoContinue=true] Whether to automatically
iterate the cursor to the next result
@param {Boolean} [options.filterDuplicates=false] Whether to exclude
duplicate matches
@param {Object} [options.keyRange=null] An IDBKeyRange to use
@param {Boolean} [options.writeAccess=false] Whether grant write access
to the store in the onItem callback
@param {Function} [options.onEnd=null] A callback to be called after
iteration has ended
@param {Function} [options.onError=throw] A callback to be called
if an error occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
iterate: (onItem, options) ->
options = mixin(
index: null
order: "ASC"
autoContinue: true
filterDuplicates: false
keyRange: null
writeAccess: false
onEnd: null
onError: defaultErrorHandler
, options or {})
directionType = (if options.order.toLowerCase() is "desc" then "PREV" else "NEXT")
directionType += "_NO_DUPLICATE" if options.filterDuplicates
hasSuccess = false
cursorTransaction = @db.transaction([@storeName], @consts[(if options.writeAccess then "READ_WRITE" else "READ_ONLY")])
cursorTarget = cursorTransaction.objectStore(@storeName)
cursorTarget = cursorTarget.index(options.index) if options.index
cursorTransaction.oncomplete = ->
unless hasSuccess
options.onError null
return
if options.onEnd
options.onEnd()
else
onItem null
return
cursorTransaction.onabort = options.onError
cursorTransaction.onerror = options.onError
cursorRequest = cursorTarget.openCursor(options.keyRange, @consts[directionType])
cursorRequest.onerror = options.onError
cursorRequest.onsuccess = (event) ->
cursor = event.target.result
if cursor
onItem cursor.value, cursor, cursorTransaction
cursor["continue"]() if options.autoContinue
else
hasSuccess = true
return
cursorTransaction
###*
Runs a query against the store and passes an array containing matched
objects to the success handler.
@param {Function} onSuccess A callback to be called when the operation
was successful.
@param {Object} [options] An object defining specific query options
@param {Object} [options.index=null] An IDBIndex to operate on
@param {String} [options.order=ASC] The order in which to provide the
results, can be 'DESC' or 'ASC'
@param {Boolean} [options.filterDuplicates=false] Whether to exclude
duplicate matches
@param {Object} [options.keyRange=null] An IDBKeyRange to use
@param {Function} [options.onError=throw] A callback to be called if an error
occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
query: (onSuccess, options) ->
result = []
options = options or {}
options.onEnd = ->
onSuccess result
return
@iterate ((item) ->
result.push item
return
), options
###*
Runs a query against the store, but only returns the number of matches
instead of the matches itself.
@param {Function} onSuccess A callback to be called if the opration
was successful.
@param {Object} [options] An object defining specific options
@param {Object} [options.index=null] An IDBIndex to operate on
@param {Object} [options.keyRange=null] An IDBKeyRange to use
@param {Function} [options.onError=throw] A callback to be called if an error
occurred during the operation.
@returns {IDBTransaction} The transaction used for this operation.
###
count: (onSuccess, options) ->
options = mixin(
index: null
keyRange: null
, options or {})
onError = options.onError or defaultErrorHandler
hasSuccess = false
result = null
cursorTransaction = @db.transaction([@storeName], @consts.READ_ONLY)
cursorTransaction.oncomplete = ->
callback = (if hasSuccess then onSuccess else onError)
callback result
return
cursorTransaction.onabort = onError
cursorTransaction.onerror = onError
cursorTarget = cursorTransaction.objectStore(@storeName)
cursorTarget = cursorTarget.index(options.index) if options.index
countRequest = cursorTarget.count(options.keyRange)
countRequest.onsuccess = (evt) ->
hasSuccess = true
result = evt.target.result
return
countRequest.onError = onError
cursorTransaction
###*
###
# key ranges
###*
###
###*
Creates a key range using specified options. This key range can be
handed over to the count() and iterate() methods.
Note: You must provide at least one or both of "lower" or "upper" value.
@param {Object} options The options for the key range to create
@param {*} [options.lower] The lower bound
@param {Boolean} [options.excludeLower] Whether to exclude the lower
bound passed in options.lower from the key range
@param {*} [options.upper] The upper bound
@param {Boolean} [options.excludeUpper] Whether to exclude the upper
bound passed in options.upper from the key range
@param {*} [options.only] A single key value. Use this if you need a key
range that only includes one value for a key. Providing this
property invalidates all other properties.
@return {Object} The IDBKeyRange representing the specified options
###
makeKeyRange: (options) ->
#jshint onecase:true
keyRange = undefined
hasLower = typeof options.lower isnt "undefined"
hasUpper = typeof options.upper isnt "undefined"
isOnly = typeof options.only isnt "undefined"
switch true
when isOnly
keyRange = @keyRange.only(options.only)
when hasLower and hasUpper
keyRange = @keyRange.bound(options.lower, options.upper, options.excludeLower, options.excludeUpper)
when hasLower
keyRange = @keyRange.lowerBound(options.lower, options.excludeLower)
when hasUpper
keyRange = @keyRange.upperBound(options.upper, options.excludeUpper)
else
throw new Error("Cannot create KeyRange. Provide one or both of \"lower\" or \"upper\" value, or an \"only\" value.")
keyRange
###*
helpers *
###
noop = ->
empty = {}
mixin = (target, source) ->
name = undefined
s = undefined
for name of source
s = source[name]
target[name] = s if s isnt empty[name] and s isnt target[name]
target
IDBStore.version = IDBStore::version
# support AMD
if define?.amd?
define -> IDBStore
# support the browser
else if window?
window.IDBStore ?= IDBStore
# support commonJS
else if module?.exports?
module.exports = IDBStore
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment