HackYourFuture · Laurelinduilwen · Nov 25, 2019 · Nov 25, 2019 · Nov 25, 2019 · Nov 25, 2019
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,7 @@ node_modules/
 client/node_modules/
 config/production.json
 client/debug.log
+client/src/social-config/
+client/package-lock.json
+client/src/social-config/firebaseConfig.js
 config/default.json
-package-lock.json
-
diff --git a/client/.DS_Store b/client/.DS_Store
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -4,16 +4,19 @@
   "private": true,
   "dependencies": {
     "axios": "^0.18.1",
+    "firebase": "^7.5.0",
     "moment": "^2.24.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-moment": "^0.9.2",
     "react-redux": "^7.0.2",
     "react-router-dom": "^5.0.0",
     "react-scripts": "3.0.0",
+    "react-social-login-buttons": "^3.0.0",
     "redux": "^4.0.1",
     "redux-devtools-extension": "^2.13.8",
     "redux-thunk": "^2.3.0",
+    "socket.io-client": "^2.3.0",
     "uuid": "^3.3.2"
   },
   "scripts": {

diff --git a/client/public/developer-icon-144.png b/client/public/developer-icon-144.png
diff --git a/client/public/developer-icon-192.png b/client/public/developer-icon-192.png
diff --git a/client/public/developer-icon-512.png b/client/public/developer-icon-512.png
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/public/index.html b/client/public/index.html
@@ -5,17 +5,48 @@
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <!-- Safari compatilibility -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="Developer Hub" />
+    <link rel="apple-touch-icon" href="developer-icon-144.png" />
+    <!-- IE compatilibility -->
+    <meta name="msapplication-TileImage" content="developer-icon-144.png" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="theme-color" content="#3f51b5" />
     <link
       rel="stylesheet"
       href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
       integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
       crossorigin="anonymous"
     />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-grid.min.css"
+    />
+
+    <link
+      href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap"
+      rel="stylesheet"
+    />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <title>Welcome To DevConnector</title>
+    <title>Hack Your Social</title>
   </head>
+
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script type="text/javascript">
+      window.addEventListener('load', async event => {
+        if ('serviceWorker' in navigator) {
+          try {
+            await navigator.serviceWorker.register('./sw.js');
+            console.log('Service worker registered!');
+          } catch (error) {
+            console.error('Service worker failed!');
+          }
+        }
+      });
+    </script>
   </body>
 </html>
diff --git a/client/public/manifest.json b/client/public/manifest.json
@@ -1,15 +1,32 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Hack Your Social",
+  "name": "Hack Your Social",
   "icons": [
     {
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
+    },
+    {
+      "src": "developer-icon-144.png",
+      "type": "image/png",
+      "sizes": "144x144"
+    },
+    {
+      "src": "developer-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "developer-icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
     }
   ],
-  "start_url": ".",
+  "start_url": "./index.html",
+  "scope": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#3f51b5",
+  "background_color": "#ffffff",
+  "orientation": "portrait-primary"
 }
diff --git a/client/public/offline.html b/client/public/offline.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <!-- Safari compatilibility -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="Developer Hub" />
+    <link rel="apple-touch-icon" href="developer-icon-144.png" />
+    <!-- IE compatilibility -->
+    <meta name="msapplication-TileImage" content="developer-icon-144.png" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="theme-color" content="#3f51b5" />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
+      integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
+      crossorigin="anonymous"
+    />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <title>Hack Your Social</title>
+  </head>
+  <body>
+    <p className="lead"><i className="fas fa-error" /> We are not able to cache this page yet!</p>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script src="swReg.js"></script>
+  </body>
+</html>
diff --git a/client/public/robots.txt b/client/public/robots.txt
@@ -0,0 +1,2 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
diff --git a/client/public/sw.js b/client/public/sw.js
@@ -0,0 +1,128 @@
+/* eslint-disable no-restricted-globals */
+const CACHE_VERSION = 1;
+const CURRENT_CACHES = {
+  static: `static-v${CACHE_VERSION}`,
+  dynamic: `dynamic-v${CACHE_VERSION}`,
+};
+const STATIC_FILES = [
+  '/',
+  '/index.html',
+  '/offline.html',
+  '/static/media/showcase.4b31330b.jpg',
+  '/static/js/bundle.js',
+  '/static/js/0.chunk.js',
+  '/static/js/main.chunk.js',
+  '/static/js/main.chunk.js.map',
+  '/manifest.json',
+  '/developer-icon-144.png',
+  '/sw.js',
+  '/favicon.ico',
+  'https://use.fontawesome.com/releases/v5.8.1/css/all.css',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-solid-900.ttf',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-solid-900.woff',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-solid-900.woff2',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.ttf',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.woff',
+  'https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.woff2',
+];
+
+const trimCache = (cacheName, maxItems) => {
+  caches.open(cacheName).then(cache => {
+    return cache.keys().then(keys => {
+      if (keys.length > maxItems) {
+        cache.delete(keys[0]).then(trimCache(cacheName, maxItems));
+      }
+    });
+  });
+};
+
+self.addEventListener('install', event => {
+  console.log('[SW] Installing sw', event);
+
+  event.waitUntil(
+    caches.open(CURRENT_CACHES.static).then(cache => {
+      console.log('Pre-caching...');
+      // Static Precaching
+      cache.addAll(STATIC_FILES);
+    }),
+  );
+});
+
+self.addEventListener('activate', event => {
+  console.log('[SW] Activating sw', event);
+  event.waitUntil(
+    caches.keys().then(keys => {
+      // Deleting obsolete caches
+      return Promise.all(
+        keys
+          .filter(key => key !== CURRENT_CACHES.static && key !== CURRENT_CACHES.dynamic)
+          .map(key => {
+            return caches.delete(key);
+          }),
+      );
+    }),
+  );
+  return self.clients.claim();
+});
+
+const isStaticAsset = (requestUrl, array) => {
+  const cachePath =
+    requestUrl.indexOf(self.origin) === 0 ? requestUrl.substring(self.origin.length) : requestUrl;
+  return array.indexOf(cachePath) > -1;
+};
+
+const apis = [`${self.location.origin}/api/profile`];
+
+// Cache then network with fallback & dynamic caching
+self.addEventListener('fetch', event => {
+  if (apis.includes(event.request.url)) {
+    event.respondWith(
+      caches.open(CURRENT_CACHES.dynamic).then(cache => {
+        return fetch(event.request).then(response => {
+          const cloneResponse = response.clone();
+          trimCache(CURRENT_CACHES.dynamic, 30);
+          cache.put(event.request.url, cloneResponse);
+          return response;
+        });
+      }),
+    );
+  } else if (isStaticAsset(event.request.url, STATIC_FILES)) {
+    event.respondWith(caches.match(event.request));
+  } else {
+    event.respondWith(
+      caches.match(event.request).then(response => {
+        return (
+          response ||
+          // Dynamic Caching
+          fetch(event.request)
+            .then(response => {
+              return caches.open(CURRENT_CACHES.dynamic).then(cache => {
+                const cloneResponse = response.clone();
+                trimCache(CURRENT_CACHES.dynamic, 30);
+                cache.put(event.request.url, cloneResponse);
+                return response;
+              });
+            })
+            .catch(error => {
+              return caches.open(CURRENT_CACHES.static).then(cache => {
+                if (event.request.headers.get('accept').includes('text/html')) {
+                  return cache.match('/offline.html');
+                }
+              });
+            })
+        );
+      }),
+    );
+  }
+});
+
+// Network with cache fallback
+// self.addEventListener('fetch', event => {
+//   event.respondWith(fetch(event.request).catch(error => caches.match(event.request)));
+// });
+
+// Cache-only
+// self.addEventListener('fetch', event => event.respondWith(caches.match(event.request)));
+
+// Network-only
+// self.addEventListener('fetch', event => event.respondWith(fetch(event.request)));
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# https://www.robotstxt.org/robotstxt.html
		User-agent: *