LocalForage Test

by LeeMellinger

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.7.3/localforage.min.js"></script>
<h3>Open console log to see results</h3>

TypeScript

localforage.clear()

let mainData = {data: 'mainData'}
let test1Data = {data: 'test1Data'}
let test2Data = {data: 'test2Data'}

let test1 = localforage.createInstance({name: "test1"})
let test2 = localforage.createInstance({name: "test2"})

/* localforage.setItem('mainData',mainData, data => {
  localforage.getItem('mainData').then((value)=>{
    console.log('mainData',value )
  })  
}) */

localforage.setItem('mainData',mainData).then(()=> {
		return test1.setItem('test1Data',test1Data)
}).then(()=>{
		return test2.setItem('test2Data',test2Data)
}).then(() => {
	listKeys()
}).then(() => {
	test2 = undefined
  listKeys()
})

function listKeys() {

  localforage.keys().then((keys)=> {
    console.log('get all: main',keys)
  }) 
  
  test1.keys().then((keys)=> {
    console.log('get all: test1',keys)
  }) 
  
  test2.keys().then((keys)=> {
    console.log('get all: test2',keys)
  }) 
}


/* test2.setItem('test2Data',test2Data, data => {
  test2.getItem('test2Data').then((value)=>{
    console.log('test2Data',value )
  })  
})

test1.setItem('test1Data',test1Data,data => {
    console.log('set test1Data',data)  	
})

test2.setItem('test2Data',test2Data,data => {
    console.log('set test2Data',data)  	
})

// Get all keys.
localforage.keys().then((keys)=> {
  console.log('get all Keys',keys)
}) */

/* localforage.getItem(mainData).then((value)=>{
  console.log('get main',value )
})

localforage.getItem(test1Data).then((value)=>{
  console.log('get test1Data',value)
})

localforage.getItem(test2Data).then((value)=>{
  console.log('get test2Data',value)
}) */


/* get(1).then(function(d) {
  console.log('get1 callback',d)
}); */

/* get(2).then(function(d) {
  console.log('get2 callback', d)
}); */

/* function set(key, data) {

  console.log('set');

  localforage.setItem(key, data, function (data) {
  
    console.log('set callback');
    console.log(data.length);
    
  });
} */

/* function get(n) {
  console.log('get' + n)
  return...