FundacaoLemann · cjpatoilo · Sep 27, 2017 · Sep 27, 2017
diff --git a/angular-cli.json b/angular-cli.json
@@ -9,6 +9,7 @@
       "outDir": "dist",
       "assets": [
         "assets",
+        "manifest.json",
         "favicon.ico"
       ],
       "index": "index.html",

diff --git a/package.json b/package.json
@@ -6,8 +6,8 @@
   "scripts": {
     "start": "pm2 start process.json --only qedu-provas-front --no-daemon",
     "start:dev": "ng serve",
-    "build:stag": "ng build --env=stag --aot=true",
-    "build:prod": "ng build --env=prod --aot=true",
+    "build:stag": "ng build --env=stag --aot=true --output-hashing=bundle && sw-precache --verbose --config sw-precache.conf.js",
+    "build:prod": "ng build --env=prod --aot=true --output-hashing=bundle && sw-precache --verbose --config sw-precache.conf.js",
     "lint": "tslint \"src/**/*.ts\"",
     "test": "ng test",
     "pree2e": "webdriver-manager update",
@@ -56,6 +56,7 @@
     "karma-remap-istanbul": "^0.6.0",
     "nodemon": "^1.11.0",
     "protractor": "~5.1.1",
+    "sw-precache": "^5.2.0",
     "ts-node": "2.1.0",
     "tslint": "^4.3.0",
     "typescript": "~2.2.1",

diff --git a/src/assets/images/android-chrome-192x192.png b/src/assets/images/android-chrome-192x192.png
diff --git a/src/assets/images/android-chrome-512x512.png b/src/assets/images/android-chrome-512x512.png
diff --git a/src/assets/images/apple-touch-icon.png b/src/assets/images/apple-touch-icon.png
diff --git a/src/assets/images/mstile-150x150.png b/src/assets/images/mstile-150x150.png
diff --git a/src/index.html b/src/index.html
@@ -2,13 +2,26 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>QEdu Provas</title>
-  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
+  <meta name="msapplication-TileColor" content="#2c8230">
+  <meta name="msapplication-TileImage" content="assets/images/mstile-150x150.png">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="apple-mobile-web-app-title" content="QEdu Provas">
+  <meta name="application-name" content="QEdu Provas">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="theme-color" content="#2c8230">
+  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
+  <link rel="manifest" href="manifest.json">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <meta name="viewport" content="width=device-width, user-scalable=no">
-  <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-105536840-1', 'auto');</script>
+  <link rel="canonical" href="/">
+  <base href="/">
+  <title>QEdu Provas</title>
 </head>
 <body>
   <qp-app>Loading..</qp-app>
+  <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-105536840-1', 'auto');</script>
+  <script src="service-worker.js"></script>
+  <script>if ('serviceWorker' in navigator && window.location.protocol === 'https:') navigator.serviceWorker.register('/service-worker.js')</script>
 </body>
 </html>
diff --git a/src/manifest.json b/src/manifest.json
@@ -0,0 +1,19 @@
+{
+  "name": "QEdu Provas",
+  "short_name": "QEdu Provas",
+  "start_url": "./",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#2c8230",
+  "theme_color": "#2c8230",
+  "icons": [{
+    "src": "assets/images/android-chrome-192x192.png",
+    "type": "image/png",
+    "sizes": "192x192"
+  },
+  {
+    "src": "assets/images/android-chrome-512x512.png",
+    "type": "image/png",
+    "sizes": "512x512"
+  }]
+}
diff --git a/sw-precache.conf.js b/sw-precache.conf.js
@@ -0,0 +1,24 @@
+module.exports = {
+  staticFileGlobs: [
+    'dist/assets/**',
+    'dist/**.html',
+    'dist/**.css}',
+    'dist/**.js',
+    'dist/**.svg',
+    'dist/**.gif',
+    'dist/**.png',
+    'dist/**.jpg',
+    'dist/**.jpeg',
+    'dist/**.ico',
+    'dist/**.eot',
+    'dist/**.ttf',
+    'dist/**.woff',
+    'dist/**.woff2'
+  ],
+  root: 'dist',
+  stripPrefix: 'dist/',
+  directoryIndex: 'index.html',
+  navigateFallback: 'index.html',
+  maximumFileSizeToCacheInBytes: 3 * 1024 * 1024,
+  runtimeCaching: []
+}