Implement sw-precache-webpack-plugin (WIP)

[agungsb]

I've tried to implement sw-precache-webpack-plugin to provide Progressive Web App feature. Unfortunately, the plugin currently doesn't support webpack-dev-server (explained here). So it has to be run in production environment.

Since I can't run npm start (is there anyway to run as production?), so I couldn't check any further from my local whether the service worker is already set properly or not. But current implementation should at least let the service worker registered.

[naveed-ahmad]

rebuild

[agungsb]

Hi, any follow up on this PR? It seems like there's a problem with Webpack and Karma.

[thabti]

@agungsb

you have some linting errors, please run npm run lint:fix or try to fix the errors manually.

/home/travis/build/quran/quran.com-frontend/src/registerServiceWorker.js
  14:67  error    'navigator' is not defined                                   no-undef
  17:7   error    'navigator' is not defined                                   no-undef
  20:11  error    Assignment to property of function parameter 'registration'  no-param-reassign
  24:21  error    'navigator' is not defined                                   no-undef
  29:19  warning  Unexpected console statement                                 no-console
  34:19  warning  Unexpected console statement                                 no-console
  41:11  warning  Unexpected console statement                                 no-console
  48:26  error    'navigator' is not defined                                   no-undef
  49:5   error    'navigator' is not defined       

[naveed-ahmad]

sw-precache is deprecated, let's use workbox instead.

[ahmedre]

Deployed to: http://staging.quran.com:32873

[mmahalwy]

@naveed-ahmad FANTASTIC FIND! https://developers.google.com/web/tools/workbox/get-started/webpack