2018-04-08 21:32:39 +10:00
|
|
|
import openDB from './db';
|
2018-03-27 21:32:30 +11:00
|
|
|
|
|
|
|
const accountAssetKeys = ['avatar', 'avatar_static', 'header', 'header_static'];
|
2018-04-08 21:32:39 +10:00
|
|
|
const storageMargin = 8388608;
|
|
|
|
const storeLimit = 1024;
|
2018-03-29 23:57:02 +11:00
|
|
|
|
2018-04-08 21:32:39 +10:00
|
|
|
function openCache() {
|
|
|
|
// ServiceWorker and Cache API is not available on iOS 11
|
|
|
|
// https://webkit.org/status/#specification-service-workers
|
|
|
|
return self.caches ? caches.open('mastodon-system') : Promise.reject();
|
|
|
|
}
|
2018-03-27 21:32:30 +11:00
|
|
|
|
2018-04-02 22:51:02 +10:00
|
|
|
function printErrorIfAvailable(error) {
|
|
|
|
if (error) {
|
|
|
|
console.warn(error);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-27 21:32:30 +11:00
|
|
|
function put(name, objects, onupdate, oncreate) {
|
2018-04-08 21:32:39 +10:00
|
|
|
return openDB().then(db => (new Promise((resolve, reject) => {
|
2018-03-27 21:32:30 +11:00
|
|
|
const putTransaction = db.transaction(name, 'readwrite');
|
|
|
|
const putStore = putTransaction.objectStore(name);
|
|
|
|
const putIndex = putStore.index('id');
|
|
|
|
|
|
|
|
objects.forEach(object => {
|
|
|
|
putIndex.getKey(object.id).onsuccess = retrieval => {
|
|
|
|
function addObject() {
|
|
|
|
putStore.add(object);
|
|
|
|
}
|
|
|
|
|
|
|
|
function deleteObject() {
|
|
|
|
putStore.delete(retrieval.target.result).onsuccess = addObject;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (retrieval.target.result) {
|
|
|
|
if (onupdate) {
|
|
|
|
onupdate(object, retrieval.target.result, putStore, deleteObject);
|
|
|
|
} else {
|
|
|
|
deleteObject();
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
if (oncreate) {
|
|
|
|
oncreate(object, addObject);
|
|
|
|
} else {
|
|
|
|
addObject();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
|
|
|
putTransaction.oncomplete = () => {
|
|
|
|
const readTransaction = db.transaction(name, 'readonly');
|
|
|
|
const readStore = readTransaction.objectStore(name);
|
|
|
|
const count = readStore.count();
|
|
|
|
|
|
|
|
count.onsuccess = () => {
|
2018-04-08 21:32:39 +10:00
|
|
|
const excess = count.result - storeLimit;
|
2018-03-27 21:32:30 +11:00
|
|
|
|
|
|
|
if (excess > 0) {
|
|
|
|
const retrieval = readStore.getAll(null, excess);
|
|
|
|
|
|
|
|
retrieval.onsuccess = () => resolve(retrieval.result);
|
|
|
|
retrieval.onerror = reject;
|
|
|
|
} else {
|
|
|
|
resolve([]);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
count.onerror = reject;
|
|
|
|
};
|
|
|
|
|
|
|
|
putTransaction.onerror = reject;
|
2018-04-08 21:32:39 +10:00
|
|
|
})).then(resolved => {
|
|
|
|
db.close();
|
|
|
|
return resolved;
|
|
|
|
}, error => {
|
|
|
|
db.close();
|
|
|
|
throw error;
|
2018-03-27 21:32:30 +11:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function evictAccountsByRecords(records) {
|
2018-04-08 21:32:39 +10:00
|
|
|
return openDB().then(db => {
|
2018-03-27 21:32:30 +11:00
|
|
|
const transaction = db.transaction(['accounts', 'statuses'], 'readwrite');
|
|
|
|
const accounts = transaction.objectStore('accounts');
|
|
|
|
const accountsIdIndex = accounts.index('id');
|
|
|
|
const accountsMovedIndex = accounts.index('moved');
|
|
|
|
const statuses = transaction.objectStore('statuses');
|
|
|
|
const statusesIndex = statuses.index('account');
|
|
|
|
|
|
|
|
function evict(toEvict) {
|
|
|
|
toEvict.forEach(record => {
|
2018-04-08 21:32:39 +10:00
|
|
|
openCache()
|
2018-04-02 22:51:02 +10:00
|
|
|
.then(cache => accountAssetKeys.forEach(key => cache.delete(records[key])))
|
|
|
|
.catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
|
|
|
|
accountsMovedIndex.getAll(record.id).onsuccess = ({ target }) => evict(target.result);
|
|
|
|
|
|
|
|
statusesIndex.getAll(record.id).onsuccess =
|
|
|
|
({ target }) => evictStatusesByRecords(target.result);
|
|
|
|
|
|
|
|
accountsIdIndex.getKey(record.id).onsuccess =
|
|
|
|
({ target }) => target.result && accounts.delete(target.result);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
evict(records);
|
2018-04-08 21:32:39 +10:00
|
|
|
|
|
|
|
db.close();
|
2018-04-02 22:51:02 +10:00
|
|
|
}).catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
export function evictStatus(id) {
|
2018-04-02 22:51:02 +10:00
|
|
|
evictStatuses([id]);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
export function evictStatuses(ids) {
|
2018-04-08 21:32:39 +10:00
|
|
|
return openDB().then(db => {
|
|
|
|
const transaction = db.transaction('statuses', 'readwrite');
|
|
|
|
const store = transaction.objectStore('statuses');
|
2018-03-27 21:32:30 +11:00
|
|
|
const idIndex = store.index('id');
|
|
|
|
const reblogIndex = store.index('reblog');
|
|
|
|
|
|
|
|
ids.forEach(id => {
|
|
|
|
reblogIndex.getAllKeys(id).onsuccess =
|
|
|
|
({ target }) => target.result.forEach(reblogKey => store.delete(reblogKey));
|
|
|
|
|
|
|
|
idIndex.getKey(id).onsuccess =
|
|
|
|
({ target }) => target.result && store.delete(target.result);
|
|
|
|
});
|
2018-04-08 21:32:39 +10:00
|
|
|
|
|
|
|
db.close();
|
2018-04-02 22:51:02 +10:00
|
|
|
}).catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
function evictStatusesByRecords(records) {
|
2018-04-08 21:32:39 +10:00
|
|
|
return evictStatuses(records.map(({ id }) => id));
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
|
2018-04-08 21:32:39 +10:00
|
|
|
export function putAccounts(records, avatarStatic) {
|
|
|
|
const avatarKey = avatarStatic ? 'avatar_static' : 'avatar';
|
2018-03-27 21:32:30 +11:00
|
|
|
const newURLs = [];
|
|
|
|
|
|
|
|
put('accounts', records, (newRecord, oldKey, store, oncomplete) => {
|
|
|
|
store.get(oldKey).onsuccess = ({ target }) => {
|
|
|
|
accountAssetKeys.forEach(key => {
|
|
|
|
const newURL = newRecord[key];
|
|
|
|
const oldURL = target.result[key];
|
|
|
|
|
|
|
|
if (newURL !== oldURL) {
|
2018-04-08 21:32:39 +10:00
|
|
|
openCache()
|
2018-04-02 22:51:02 +10:00
|
|
|
.then(cache => cache.delete(oldURL))
|
|
|
|
.catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
const newURL = newRecord[avatarKey];
|
|
|
|
const oldURL = target.result[avatarKey];
|
|
|
|
|
|
|
|
if (newURL !== oldURL) {
|
|
|
|
newURLs.push(newURL);
|
|
|
|
}
|
|
|
|
|
|
|
|
oncomplete();
|
|
|
|
};
|
|
|
|
}, (newRecord, oncomplete) => {
|
|
|
|
newURLs.push(newRecord[avatarKey]);
|
|
|
|
oncomplete();
|
2018-04-08 21:32:39 +10:00
|
|
|
}).then(records => Promise.all([
|
|
|
|
evictAccountsByRecords(records),
|
|
|
|
openCache().then(cache => cache.addAll(newURLs)),
|
|
|
|
])).then(freeStorage, error => {
|
|
|
|
freeStorage();
|
|
|
|
throw error;
|
2018-04-02 22:51:02 +10:00
|
|
|
}).catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
export function putStatuses(records) {
|
2018-04-02 22:51:02 +10:00
|
|
|
put('statuses', records)
|
|
|
|
.then(evictStatusesByRecords)
|
|
|
|
.catch(printErrorIfAvailable);
|
2018-03-27 21:32:30 +11:00
|
|
|
}
|
2018-04-08 21:32:39 +10:00
|
|
|
|
|
|
|
export function freeStorage() {
|
2018-05-13 21:48:32 +10:00
|
|
|
// navigator.storage is not present on:
|
|
|
|
// Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.100 Safari/537.36 Edge/16.16299
|
2018-05-16 04:15:08 +10:00
|
|
|
// estimate method is not present on Chrome 57.0.2987.98 on Linux.
|
|
|
|
return 'storage' in navigator && 'estimate' in navigator.storage && navigator.storage.estimate().then(({ quota, usage }) => {
|
2018-04-08 21:32:39 +10:00
|
|
|
if (usage + storageMargin < quota) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return openDB().then(db => new Promise((resolve, reject) => {
|
|
|
|
const retrieval = db.transaction('accounts', 'readonly').objectStore('accounts').getAll(null, 1);
|
|
|
|
|
|
|
|
retrieval.onsuccess = () => {
|
|
|
|
if (retrieval.result.length > 0) {
|
|
|
|
resolve(evictAccountsByRecords(retrieval.result).then(freeStorage));
|
|
|
|
} else {
|
|
|
|
resolve(caches.delete('mastodon-system'));
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
retrieval.onerror = reject;
|
|
|
|
|
|
|
|
db.close();
|
|
|
|
}));
|
|
|
|
});
|
|
|
|
}
|