reset app command

Author: rapnuss

frontend/src/components/CommandCenter.tsx

@@ -10,6 +10,7 @@ import {
   openChangeEmailDialog,
   openDeleteAccountDialog,
   removeAllSessions,
+  resetApp,
 } from '../state/user'
 import {hostingMode} from '../config'
 import {selectCommandCenterDisabled, setCommandCenterOpen, useSelector} from '../state/store'
@@ -215,6 +216,11 @@ export const CommandCenter = () => {
       label: 'Third Party Licenses',
       onClick: () => window.open('/licenses.html', '_blank'),
     },
+    {
+      id: 'resetApp',
+      label: 'Reset App (delete all local data)',
+      onClick: resetApp,
+    },
   ]
 
   const enabledCommands = commands.filter((c) => !c.disabled)

frontend/src/state/user.ts

@@ -23,6 +23,7 @@ import {syncNotes} from './notes'
 import {Feature} from '../business/models'
 import {parseSubscriptionToken} from '../business/misc'
 import {hostingMode} from '../config'
+import {openConfirmModalWithBackHandler} from '../helpers/openConfirmModal'
 
 export type UserState = {
   user: {
@@ -732,6 +733,22 @@ export const removeAllSessions = async () => {
   }
 }
 
+export const resetApp = () =>
+  openConfirmModalWithBackHandler({
+    id: 'resetApp',
+    title: 'Reset App',
+    children: 'Are you sure you want to delete all local data?',
+    labels: {
+      confirm: 'Reset',
+      cancel: 'Cancel',
+    },
+    onConfirm: async () => {
+      await db.delete()
+      localStorage.clear()
+      window.location.reload()
+    },
+  })
+
 // subscriptions
 export const registerUserSubscriptions = () => {
   subscribe(