chrome.storage.local fiyaskosu
merhaba,
bir borsa eklentisi yazıyorum. normalde sunucuda yapacaktım, ama kişi tarayıcı eklentisini tercih etti. sinirden beynimden vurulmuşa döndüm.
standart localStorage kullanımını bilmeyen yoktur herhalde
let lSet = (name, value) => localStorage.setItem(name, value),
lGet = name => localStorage.getItem(name);
ne güzel sade kısa öz, kullanılabilir. üstelik boolean türünde veride döndürüyor sorguladığınızda
var data = localStorage.getItem('data') ?
localStorage.getItem('data') :
localStorage.setItem('data', 'data verisi');
sorguladım varsa seç, yoksa oluştur öyle seç dedim. pratik. ister döngüye al kullan, ister bir tane kullan
data.obj.forEach(([key => val]) =>{
localStorage(key, val);
});
bir anda yüzlerce bile oluşturabildim. peki google napmış? bu güzelim yöntemi eklentiler için devre dışı bırakmış,
let data = {},
lSet = (name, value) => {
chrome.storage.local.set({[name]: value}, function() {
data[name] = value;
});
},
lGet = name => {
chrome.storage.local.get([name], function(result) {
return result.key;
});
},
hadi al sok bunu döngüye. değerin ne olduğu, nereye gittiği belli değil. bu kadar yorucu bi yöntem olur mu ya, hammallık resmen bu. arkadaş ben niye yöntem yazıp, içerisinde callback olarak tanımlama yapmak zorundayım. standart kullanımın yalın haliyle bile, ayarların konfigürasyonu ve verilerin çerez olarak depolanması için 479 satırlık sınıf yazdım. bu şekilde yaparsam, çoğu veriyi döngüye alamam uygun değil. çoklu dil desteğinden, çok sayıda form elemanlarının ayarına kadar veriyi localStorage de tuttum. tutmak zorundayım çünkü statik bir veri yok ortada. ne yapayım şimdi ben, iptal mi edeyim siparişi? hayır en çok zoruma giden? niye yani niye niye neşter dururken döner bıçağıyla ameliyata yolluyor beni google. set ettiğim değeride geri alamıyorum bu arada, anca get içerisinde calback yapacağım orda da kullanmak istediğim veriyle değişkeni eşitleyeceğim.
lütfen birileri benim görmediğim olumlu bir tarafını görüyorsa bu durumun, bana da göstersin.
iki adet örnek bırakıyorum konuyu aydınlatabilecek bir bilgiye ciddi anlamda ihtiyacım var. sorun ise, tanımlı nesnelerin anahtar belirtildiğinde tanımsız dönmesi.
bu callback kullandığım örneğim;
class Conf {
constructor() {
this.conf = {};
Object.entries(this.storageData().data).forEach(([key, val]) => {
chrome.storage.local.get(key, obj => {
!obj[key] ?
chrome.storage.local.set(
{[key]:val}, this.getData2({[key]:val})) :
this.getData2(obj);
});
});
this.conf.now = new Intl
.DateTimeFormat(this.conf.lang, {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
timeZoneName: 'longGeneric',
timeZone: this.conf.timeZone
}).format(new Date(Date.now()));
console.log(this.conf, this.conf.lang) //output parameters 1: succes, parameter: 2 failed
}
getData2(data){
Object.assign(this.conf, data)
console.log(this.conf.lang) // output: succes
}
storageData(){
this.data = {
lang : 'en',
testData1: 1,
testdata2: 2,
}
return this;
}
}
(function(){ new Conf; })();
bu da promise kullandığım örneğim;
class Conf {
getData2(data){
Object.assign(this.conf, data)
}
async getData(){
const obj = new Promise(resolve =>{
resolve(this.storageLocal());
}).then(obj => { return obj });
this.conf = await obj;
console.log(this.conf, this.conf.lang);
}
storageLocal(){
this.conf = {};
/*
checks the specified cookie, if there is no cookie it automatically creates the specified cookie
&&
selects the created cookie as object and returns value
@String key => key value of the object contained in the cookie
@Object val => configuration object contained in the cookie
*/
Object.entries(this.storageData().data).forEach(([key, val]) => {
chrome.storage.local.get(key, obj => {
!obj[key] ?
chrome.storage.local.set(
{[key]:val}, this.getData2({[key]:val})) :
this.getData2(obj);
});
});
this.conf.now = new Intl
.DateTimeFormat(this.conf.lang, {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
timeZoneName: 'longGeneric',
timeZone: this.conf.timeZone
}).format(new Date(Date.now()));
return this.conf;
}
storageData(){
this.data = {
lang : 'en',
testData1: 1,
testdata2: 2,
}
return this;
}
}
(function(){
var Settings = new Conf;
Settings.getData();
})();