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
cozy · Nov 4, 2024 · 43fb9bd · 43fb9bd
1 parent 9491e0e
commit 43fb9bd
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 4 deletions.
diff --git a/manifest.webapp b/manifest.webapp
@@ -16,6 +16,11 @@
       "folder": "/",
       "index": "index.html",
       "public": false
+    },
+    "/reset": {
+      "folder": "/reset",
+      "index": "index.html",
+      "public": true
     }
   },
   "intents": [

diff --git a/rsbuild.config.ts b/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,11 @@ export default defineConfig({
             },
             {
               from: 'icon.svg'
-            }
+            },
+            {
+              from: 'src/targets/public/index.html',
+              to: 'reset/index.html'
+            },
           ],
         })
       ]

diff --git a/src/targets/browser/index.ejs b/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">

diff --git a/src/targets/public/index.html b/src/targets/public/index.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <script>
+      // Remove all indexedDB databases
+      window.indexedDB.databases().then(function(databases) {
+        databases.forEach(function(db) {
+          console.log('Delete indexedDB database : ', db.name);
+          window.indexedDB.deleteDatabase(db.name)
+        })  
+      }) 
+      // Remove localstorage
+      window.localStorage.clear()
+    </script>
+  </head>
+</html>