feat: Add public route to reset local data

When the stack serves the login page, we take this opportunity to remove
any remaining local data, i.e. indexedDB and localstorage data.

See how it is done for the stack part:
cozy/cozy-stack#4483

manifest.webapp

@@ -16,6 +16,11 @@
       "folder": "/",
       "index": "index.html",
       "public": false
+    },
+    "/reset": {
+      "folder": "/reset",
+      "index": "index.html",
+      "public": true
     }
   },
   "intents": [

rsbuild.config.ts

@@ -9,8 +9,8 @@ export default defineConfig({
   output: {
     cleanDistPath: true,
     distPath: {
-      root: 'build'
-    }
+      root: 'build',
+    },
   },
   html: {
     template: './src/targets/browser/index.ejs',
@@ -49,7 +49,15 @@ export default defineConfig({
             },
             {
               from: 'icon.svg'
-            }
+            },
+            {
+              from: 'src/targets/public/index.html',
+              to: 'reset/index.html'
+            },
+            {
+              from: 'src/targets/public/reset.js',
+              to: 'reset/reset.js'
+            },
           ],
         })
       ]

src/dataproxy/worker/SharedWorkerProvider.tsx

@@ -10,6 +10,7 @@ import {
   DataProxyWorkerPartialState
 } from '@/dataproxy/common/DataProxyInterface'
 import { TabCountSync } from '@/dataproxy/common/TabCountSync'
+import { removeStaleLocalData } from '@/dataproxy/worker/utils'
 
 const log = Minilog('👷‍♂️ [SharedWorkerProvider]')
 
@@ -44,7 +45,11 @@ export const SharedWorkerProvider = React.memo(
       if (!client) return
 
       const doAsync = async (): Promise<void> => {
+        // Cleanup any remaining local data
+        await removeStaleLocalData()
+
         log.debug('Init SharedWorker')
+
         const workerInst = new SharedWorker(
           new URL('./shared-worker.ts', import.meta.url),
           {

src/dataproxy/worker/shared-worker.ts

@@ -24,7 +24,7 @@ const broadcastChannel = new BroadcastChannel('DATA_PROXY_BROADCAST_CHANANEL')
 
 const dataProxy: DataProxyWorker = {
   setup: async (clientData: ClientData) => {
-    log.debug('Received data for setting client')
+    log.debug('Received data for setting up client')
     if (client) return
     updateState()
 
@@ -62,6 +62,7 @@ const dataProxy: DataProxyWorker = {
 
     searchEngine = new SearchEngine(client)
 
+    log.debug('Setup done')
     updateState()
   },
 

src/dataproxy/worker/utils.ts

@@ -0,0 +1,26 @@
+import Minilog from 'cozy-minilog'
+
+import { LOCALSTORAGE_KEY_DELETING_DATA } from '@/search/consts'
+const log = Minilog('👷‍♂️ [Worker utils]')
+
+const deleteDatabases = async (): Promise<void> => {
+  const databases = await window.indexedDB.databases()
+  // Remove all indexedDB databases
+  for (const db of databases) {
+    if (db.name) {
+      window.indexedDB.deleteDatabase(db.name)
+      log.info('Deleted indexedDB database : ', db.name)
+    }
+  }
+}
+
+export const removeStaleLocalData = async (): Promise<void> => {
+  // Check flag existence proving the reset process was incomplete
+  const hasStaleData = localStorage.getItem(LOCALSTORAGE_KEY_DELETING_DATA)
+  if (hasStaleData) {
+    log.info('Found stale data: remove it')
+    await deleteDatabases()
+    localStorage.removeItem(LOCALSTORAGE_KEY_DELETING_DATA)
+  }
+  return
+}

src/search/consts.ts

@@ -40,3 +40,5 @@ export const DOCTYPE_ORDER = {
   [CONTACTS_DOCTYPE]: 1,
   [FILES_DOCTYPE]: 2
 }
+
+export const LOCALSTORAGE_KEY_DELETING_DATA = 'deletingLocalData'

src/targets/browser/index.ejs

@@ -6,7 +6,6 @@
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials">
   <meta name="color-scheme" content="light dark" />
   <meta name="theme-color" content="#ffffff">
   <meta name="viewport" content="width=device-width, initial-scale=1">

src/targets/public/index.html

@@ -0,0 +1,6 @@
+<html>
+  <head>
+    <script src="reset/reset.js">
+    </script>
+  </head>
+</html>

src/targets/public/reset.js

@@ -0,0 +1,22 @@
+/* eslint-disable no-console */
+
+function resetData() {
+  // Remove localstorage
+  window.localStorage.clear()
+  console.log('Deleted localStorage')
+
+  // Add this flag for future check
+  window.localStorage.setItem('deletingLocalData', new Date().toISOString())
+
+  // Remove all indexedDB databases
+  window.indexedDB.databases().then(function (databases) {
+    databases.forEach(function (db) {
+      window.indexedDB.deleteDatabase(db.name)
+      console.log('Deleted indexedDB database : ', db.name)
+    })
+    // Everything is done, remove the flag
+    window.localStorage.removeItem('deletingLocalData')
+  })
+}
+
+resetData()