GautamPanickar

var connection  = indexedDB.open('testdb', 1);
connection.onupgradeneeded  = (e) => {
    var db = e.target.result;
    var routineStore = db.createObjectStore('contacts');
    routineStore.onerror = (evt) => {
        console.log('Contacts store could not be created.');
    };
};
var contact = {
    active: true,

GautamPanickar

/**
* Here all objects are added into store in a single transaction.
*/

connection.onsuccess = (e) => {
    var db = e.target.result;
    let startedTime = Date.now();
    console.log(`Started on - ${startedTime}`);
    var transaction = db.transaction('contacts', 'readwrite');
    var store = transaction.objectStore('contacts');

GautamPanickar

/**
* Here also, all objects are added in a single transaction, with the difference being, before addition,
* the object is checked for equality. If same object exists, then update is performed, otherwise addition is proceeded.
*/
connection.onsuccess = (e) => {
    var db = e.target.result;
    let startedTime = Date.now();
    console.log(`Started on - ${startedTime}`);
    var transaction = db.transaction('contacts', 'readwrite');
    var store = transaction.objectStore('contacts');

GautamPanickar

connection.onsuccess = (e) => {
    var db = e.target.result;
    let startedTime = Date.now();
    console.log(`Started on - ${startedTime}`);
    const trans = db.transaction('contacts', 'readwrite');
    const store = trans.objectStore('contacts');
    store.clear();
    let addedContacts = 0;
    for (let i = 0; i < totalLength; i++ ) {
        const transaction = db.transaction('contacts', 'readwrite');

GautamPanickar

{
  "name": "swtest",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "build-prod": "ng build --prod",
    "postbuild-prod": "npm run sw-prod-webpack",
    "sw-prod-webpack": "rimraf ./dist/swtest/service-worker.js && webpack --config ./src/sw/webpack.sw.config.js --progress --colors && workbox injectManifest ./src/sw/workbox-config.js && http-server dist/swtest -p 4200"
  },
}

GautamPanickar

export const BG_IMAGES_CACHE = 'bg-images-cache';

export class ServiceWorkerHandler {

    private dbPromise: IDBOpenDBRequest;

    constructor(dbPromise: IDBOpenDBRequest) {
        this.dbPromise = dbPromise;
    }

GautamPanickar

import {precacheAndRoute} from 'workbox-precaching';
import {registerRoute} from 'workbox-routing';
import { ServiceWorkerHandler } from './sw-handlers';

declare const self: any;

/**
 * ------------------------------------
 * Service Worker Listeners
 * ------------------------------------

GautamPanickar

{
    "compilerOptions": {
        "typeRoots" : ["./typings"],
        "module": "esnext",
        "moduleResolution": "node",
        "importHelpers": true,
        "target": "es2015",
        "lib": [
            "esnext", 
            "webworker"

GautamPanickar

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import {Workbox} from 'workbox-window';

if (environment.production) {
  enableProdMode();
}