CLEAR_FETCH_CACHE fixed.

Author: JasminDreasond

src/client/initMatrix.js

@@ -2,6 +2,8 @@ import EventEmitter from 'events';
 import * as sdk from 'matrix-js-sdk';
 
 import Olm from '@matrix-org/olm';
+
+import { clearFetchPwaCache } from '@src/util/pwa/installer';
 import storageManager from '@src/util/libs/Localstorage';
 import MxcUrl from '@src/util/libs/MxcUrl';
 
@@ -256,6 +258,7 @@ class InitMatrix extends EventEmitter {
   }
 
   clearCacheAndReload() {
+    clearFetchPwaCache();
     this.matrixClient.stopClient();
     this.matrixClient.store.deleteAllData().then(() => {
       if (global.tinyJsonDB && typeof global.tinyJsonDB.clearCacheData === 'function') {

src/util/pwa/installer.js

@@ -68,6 +68,14 @@ export function isUsingPWA() {
   return usingPWA;
 }
 
+export function clearFetchPwaCache() {
+  if ('serviceWorker' in navigator || 'ServiceWorker' in navigator) {
+    navigator.serviceWorker.controller.postMessage({
+      type: 'CLEAR_FETCH_CACHE',
+    });
+  }
+}
+
 export function installPWA() {
   if ('serviceWorker' in navigator || 'ServiceWorker' in navigator) {
     // Get Items

src/util/pwa/service-worker.js

@@ -162,3 +162,17 @@ self.addEventListener('fetch', function (event) {
 
   event.respondWith(proxyRequest(caches, request));
 });
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'CLEAR_FETCH_CACHE') {
+    event.waitUntil(
+      caches.keys().then(function (cacheNames) {
+        return Promise.all(
+          cacheNames.map(function (cacheName) {
+            return caches.delete(cacheName);
+          }),
+        );
+      }),
+    );
+  }
+});