Added Pwa

frontend/index.html

@@ -22,6 +22,8 @@
       name="description"
       content="Fast and free YouTube and Instagram video downloader. Convert to MP3 and MP4 in high quality."
     />
+        <link rel="manifest" href="manifest.json">
+
     <title>Reelo - YT & Insta Converter</title>
     <link rel="stylesheet" href="static/css/style.css?v=1.1" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />

frontend/manifest.json

@@ -0,0 +1,46 @@
+{
+    "name": "Reelo | MTYT",
+    "short_name": "Reelo",
+    "description": "The awesome video download app!",
+    "icons": [
+  {
+    "sizes": "48x48",
+    "src": "maskable_icon_x48.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "72x72",
+    "src": "maskable_icon_x72.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "96x96",
+    "src": "maskable_icon_x96.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "128x128",
+    "src": "maskable_icon_x128.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "192x192",
+    "src": "maskable_icon_x192.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "384x384",
+    "src": "maskable_icon_x384.png",
+    "type": "image/png"
+  },
+  {
+    "sizes": "512x512",
+    "src": "maskable_icon_x512.png",
+    "type": "image/png"
+  }
+],
+    "start_url": ".",
+    "display": "standalone",
+    "theme_color": "#000000",
+    "background_color": "#000000"
+}

frontend/static/js/app.js

@@ -456,3 +456,29 @@ if (currentMode === 'audio') {
 }
 // Set initial active format button
 selectFormat(selectedFormat);
+
+
+function registerService() {
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register("/static/js/sw.js");
+    }
+}
+
+
+let installPrompt = null;
+
+window.addEventListener("beforeinstallprompt", (event) => {
+  event.preventDefault();
+  installPrompt = event;
+});
+
+
+window.addEventListener('DOMContentLoaded', async() => {
+    if (!installPrompt) {
+    return;
+  }
+  const result = await installPrompt.prompt();
+  installPrompt = null;
+    registerService()
+
+})

frontend/static/js/sw.js

@@ -0,0 +1,45 @@
+const cachea = "SreeCache-v1";
+list = []
+var appshellfiles = [
+    '/index.html',
+    '/static/js/app.js',
+    '/static/js/sw.js',
+    '/static/css/style.css',
+    '/maskable_icon_x48.png',
+    '/maskable_icon_x72.png',
+    '/maskable_icon_x96.png',
+    '/maskable_icon_x128.png',
+    '/maskable_icon_x192.png',
+    '/maskable_icon_x384.png',
+    '/maskable_icon_x512.png',
+    '/favicon_black.png',
+    '/favicon_white.png',
+    '/favicon_colour.png'
+]
+appshellfiles = []
+self.addEventListener("install", e => {
+
+
+    e.waitUntil((async () => {
+
+        const cache = await caches.open(cachea);
+        await cache.addAll(appshellfiles);
+    })());
+
+
+});
+self.addEventListener("activate", event => {
+    console.log("WE ARE GOOGLY BOOGLY WOOGLY");
+});
+
+const cacheFirst = async (request) => {
+    const responseFromCache = await caches.match(request);
+    if (responseFromCache) {
+        return responseFromCache;
+    }
+    return fetch(request);
+};
+
+self.addEventListener("fetch", (event) => {
+    event.respondWith(cacheFirst(event.request));
+});