Progressive Web App

[midsorbet]

Current Status

(related to #48)

Lighthouse Report

To Do:

• Add @angular/service-worker and turn on service worker in .angular-cli.json
• Add web manifest file
• Indicate whether the user is working online or not
• Add and use PouchDB

---

To test the PWA, you can clone the progressive-web-app branch and run ng build --prod. You need to serve the build over HTTP in your local machine for it to work. You can use serve to do so.

[midsorbet]

I keep getting a PouchDB is not a constructor(…) error. I tried following some solutions mentioned at pouchdb/pouchdb/issues/6692 but it did not work for me.

webpack-internal:https:///../../../core/@angular/core.es5.js:1220 ERROR Error: Uncaught (in promise): TypeError: PouchDB is not a constructor
TypeError: PouchDB is not a constructor
    at new CouchService (webpack-internal:https:///../../../../../src/app/shared/couchdb.service.ts:25)
    at _createClass (webpack-internal:https:///../../../core/@angular/core.es5.js:9729)
    at _createProviderInstance$1 (webpack-internal:https:///../../../core/@angular/core.es5.js:9703)
    at resolveNgModuleDep (webpack-internal:https:///../../../core/@angular/core.es5.js:9688)
    at _createClass (webpack-internal:https:///../../../core/@angular/core.es5.js:9733)
    at _createProviderInstance$1 (webpack-internal:https:///../../../core/@angular/core.es5.js:9703)
    at resolveNgModuleDep (webpack-internal:https:///../../../core/@angular/core.es5.js:9688)
    at NgModuleRef_.get (webpack-internal:https:///../../../core/@angular/core.es5.js:10762)
    at PreActivation.getToken (webpack-internal:https:///../../../router/@angular/router.es5.js:4647)
    at MapSubscriber.eval [as project] (webpack-internal:https:///../../../router/@angular/router.es5.js:4543)
    at new CouchService (webpack-internal:https:///../../../../../src/app/shared/couchdb.service.ts:25)
    at _createClass (webpack-internal:https:///../../../core/@angular/core.es5.js:9729)
    at _createProviderInstance$1 (webpack-internal:https:///../../../core/@angular/core.es5.js:9703)
    at resolveNgModuleDep (webpack-internal:https:///../../../core/@angular/core.es5.js:9688)
    at _createClass (webpack-internal:https:///../../../core/@angular/core.es5.js:9733)
    at _createProviderInstance$1 (webpack-internal:https:///../../../core/@angular/core.es5.js:9703)
    at resolveNgModuleDep (webpack-internal:https:///../../../core/@angular/core.es5.js:9688)
    at NgModuleRef_.get (webpack-internal:https:///../../../core/@angular/core.es5.js:10762)
    at PreActivation.getToken (webpack-internal:https:///../../../router/@angular/router.es5.js:4647)
    at MapSubscriber.eval [as project] (webpack-internal:https:///../../../router/@angular/router.es5.js:4543)
    at resolvePromise (webpack-internal:https:///../../../../zone.js/dist/zone.js:824)
    at resolvePromise (webpack-internal:https:///../../../../zone.js/dist/zone.js:795)
    at eval (webpack-internal:https:///../../../../zone.js/dist/zone.js:873)
    at ZoneDelegate.invokeTask (webpack-internal:https:///../../../../zone.js/dist/zone.js:425)
    at Object.onInvokeTask (webpack-internal:https:///../../../core/@angular/core.es5.js:4081)
    at ZoneDelegate.invokeTask (webpack-internal:https:///../../../../zone.js/dist/zone.js:424)
    at Zone.runTask (webpack-internal:https:///../../../../zone.js/dist/zone.js:192)
    at drainMicroTaskQueue (webpack-internal:https:///../../../../zone.js/dist/zone.js:602)
    at <anonymous>
defaultErrorLogger @ webpack-internal:https:///../../../core/@angular/core.es5.js:1220

[dogi]

please remove this file

[lmmrssa]

closing this PR as it has been for long time and new PR has been started to work on this issue