mirror of
https://github.com/futurepress/epub.js.git
synced 2025-10-03 14:59:18 +02:00
offline storage
This commit is contained in:
parent
8e6f8289ca
commit
0690ad97d0
11 changed files with 926 additions and 342 deletions
|
@ -31,10 +31,11 @@ FP.storage = function(){
|
|||
return this._store.batch(group, callback);
|
||||
}
|
||||
|
||||
function replace(path, content, callback) {
|
||||
//return this._store.batch(group, callback);
|
||||
function getURL(path) {
|
||||
return this._store.getURL(path);
|
||||
}
|
||||
|
||||
|
||||
function _error(err){
|
||||
console.log("error", err);
|
||||
}
|
||||
|
@ -43,7 +44,8 @@ FP.storage = function(){
|
|||
"get" : get,
|
||||
"preload" : preload,
|
||||
"batch" : batch,
|
||||
"storageMethod": storageMethod
|
||||
"storageMethod": storageMethod,
|
||||
"getURL": getURL
|
||||
}
|
||||
|
||||
}();
|
||||
|
@ -240,327 +242,3 @@ FP.storage.none = function() {
|
|||
}
|
||||
}
|
||||
|
||||
FP.storage.ram = function() {
|
||||
var _store = {},
|
||||
_blobs = {},
|
||||
_queue = new FP.Queue(loader, 6);
|
||||
//-- max of 6 concurrent requests: http://www.browserscope.org/?category=network
|
||||
|
||||
|
||||
function loader(msg, callback){
|
||||
var e = {"data":null},
|
||||
fromCache = check(msg);
|
||||
|
||||
if(fromCache){
|
||||
e.data = fromCache;
|
||||
callback(e);
|
||||
}else{
|
||||
request(msg, function(file){
|
||||
e.data = file;
|
||||
callback(e);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function preload(path) {
|
||||
var fromCache = check(path);
|
||||
|
||||
if(!fromCache){
|
||||
_queue.add(path);
|
||||
}
|
||||
}
|
||||
|
||||
function batch(group, callback){
|
||||
_queue.addGroup(group, callback);
|
||||
}
|
||||
|
||||
//-- Fetches url
|
||||
function get(path, callback) {
|
||||
var fromCache = check(path),
|
||||
url;
|
||||
|
||||
if(fromCache){
|
||||
url = getURL(path, fromCache);
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(url);
|
||||
}
|
||||
}else{
|
||||
_queue.add(path, function(file){
|
||||
url = getURL(path, file);
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(url);
|
||||
}
|
||||
}, true);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function check(path) {
|
||||
var file = _store[path];
|
||||
|
||||
if(typeof(file) != "undefined"){
|
||||
return file;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function request(path, callback) {
|
||||
var xhr = new FP.core.loadFile(path);
|
||||
|
||||
xhr.succeeded = function(file) {
|
||||
//console.log("file", file)
|
||||
cache(path, file);
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(file);
|
||||
}
|
||||
}
|
||||
|
||||
xhr.failed = _error;
|
||||
|
||||
xhr.start();
|
||||
}
|
||||
|
||||
function cache(path, file) {
|
||||
if(_store[path]) return;
|
||||
|
||||
_store[path] = file;
|
||||
}
|
||||
|
||||
function getURL(path, file){
|
||||
var url;
|
||||
|
||||
if(typeof(_blobs[path]) != "undefined"){
|
||||
return _blobs[path];
|
||||
}
|
||||
|
||||
url = this._URL.createObjectURL(file);
|
||||
|
||||
//-- need to revokeObjectURL previous urls, but only when cleaning cache
|
||||
// this.createdURLs.forEach(function(url){
|
||||
// this._URL.revokeObjectURL(url);
|
||||
// });
|
||||
|
||||
_blobs[path] = url;
|
||||
|
||||
return url;
|
||||
}
|
||||
|
||||
// this.succeeded = function(){
|
||||
// console.log("loaded");
|
||||
// }
|
||||
//
|
||||
// this.failed = function(){
|
||||
// console.log("loaded");
|
||||
// }
|
||||
|
||||
function _error(err){
|
||||
if(typeof(this.failed) == "undefined"){
|
||||
console.log("Error: ", err);
|
||||
}else{
|
||||
this.failed(err);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
"get" : get,
|
||||
"preload" : preload,
|
||||
"batch" : batch
|
||||
}
|
||||
}
|
||||
|
||||
FP.storage.indexedDB = function() {
|
||||
var _store = {},
|
||||
_blobs = {},
|
||||
_queue = new FP.Queue(loader, 6),
|
||||
_indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB,
|
||||
_db;
|
||||
|
||||
const DBNAME = "fpjs_db";
|
||||
|
||||
//-- max of 6 concurrent requests: http://www.browserscope.org/?category=network
|
||||
function loader(msg, postMessage){
|
||||
var e = {"data":null},
|
||||
path = msg;
|
||||
|
||||
request(msg, function(file){
|
||||
save(path, file);
|
||||
postMessage(e);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function opendb(callback){
|
||||
var request;
|
||||
|
||||
if(_db){
|
||||
callback(_db);
|
||||
return;
|
||||
}
|
||||
|
||||
request = indexedDB.open(DBNAME);
|
||||
|
||||
|
||||
request.onsuccess = function(event) {
|
||||
_db = request.result;
|
||||
|
||||
_db.onerror = function(event) {
|
||||
console.log("Database error: " + event.target.errorCode);
|
||||
};
|
||||
|
||||
|
||||
if(callback) callback(_db);
|
||||
|
||||
};
|
||||
|
||||
|
||||
request.onerror = function(event) {
|
||||
// Handle errors.
|
||||
};
|
||||
|
||||
|
||||
request.onupgradeneeded = function(event) {
|
||||
var db = event.target.result,
|
||||
objectStore = db.createObjectStore("files", { keyPath: "path" }); //keyPath: "id", autoIncrement: true
|
||||
|
||||
//objectStore.createIndex("path", "path", { unique: true });
|
||||
|
||||
//objectStore.createIndex("file", "file", { unique: false });
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
function preload(path) {
|
||||
// var fromCache = check(path);
|
||||
//
|
||||
// if(!fromCache){
|
||||
// _queue.add(path);
|
||||
// }
|
||||
}
|
||||
|
||||
function batch(group, callback){
|
||||
_queue.addGroup(group, callback);
|
||||
}
|
||||
|
||||
//-- Fetches url
|
||||
function get(path, callback) {
|
||||
|
||||
check(path, function(fromCache){
|
||||
|
||||
var url;
|
||||
|
||||
if(fromCache){
|
||||
url = getURL(path, fromCache);
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(url);
|
||||
}
|
||||
}else{
|
||||
_queue.add(path, function(file){
|
||||
url = getURL(path, file);
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(url);
|
||||
}
|
||||
}, true);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
function check(path, callback) {
|
||||
var request,
|
||||
objectStore;
|
||||
|
||||
opendb(function(db){
|
||||
objectStore = db.transaction(["files"]).objectStore("files");
|
||||
request = objectStore.get(path);
|
||||
|
||||
request.onerror = function(event) {
|
||||
callback(false);
|
||||
};
|
||||
|
||||
request.onsuccess = function(event) {
|
||||
callback(request.result.file);
|
||||
};
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
//-- should be in worker
|
||||
|
||||
function request(path, callback) {
|
||||
var xhr = new FP.core.loadFile(path);
|
||||
|
||||
xhr.succeeded = function(file) {
|
||||
if(typeof(callback) != "undefined"){
|
||||
callback(file);
|
||||
}
|
||||
}
|
||||
|
||||
xhr.failed = _error;
|
||||
|
||||
xhr.start();
|
||||
}
|
||||
|
||||
function save(path, file) {
|
||||
var entry = {"path" : path, "file": file},
|
||||
request;
|
||||
|
||||
var transaction = _db.transaction(["files"], "readwrite");
|
||||
var store = transaction.objectStore("files");
|
||||
request = store.put(entry);
|
||||
|
||||
request.onerror = function(event) {
|
||||
console.log("failed: " + event.target.errorCode);
|
||||
};
|
||||
|
||||
request.onsuccess = function(event) {
|
||||
//-- Do nothing for now
|
||||
console.log("saved", path);
|
||||
};
|
||||
}
|
||||
|
||||
//-- end worker
|
||||
|
||||
function getURL(path, file){
|
||||
var url;
|
||||
|
||||
if(typeof(_blobs[path]) != "undefined"){
|
||||
return _blobs[path];
|
||||
}
|
||||
|
||||
url = this._URL.createObjectURL(file);
|
||||
|
||||
//-- need to revokeObjectURL previous urls, but only when cleaning cache
|
||||
// this.createdURLs.forEach(function(url){
|
||||
// this._URL.revokeObjectURL(url);
|
||||
// });
|
||||
|
||||
_blobs[path] = url;
|
||||
|
||||
return url;
|
||||
}
|
||||
|
||||
function _error(err){
|
||||
if(typeof(this.failed) == "undefined"){
|
||||
console.log("Error: ", err);
|
||||
}else{
|
||||
this.failed(err);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
return {
|
||||
"get" : get,
|
||||
"preload" : preload,
|
||||
"batch" : batch
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue