fix(mobile): cache management, editor spacing, and UX improvements

Author: batalabs

apps/mobile/v1/editor/src/components/Editor.tsx

@@ -127,11 +127,17 @@ const createEditorHTML = (content: string, placeholder: string, isDark: boolean,
 
     /* Paragraphs */
     p {
-      margin: 0 0 8px 0;
+      margin: 0;
+      line-height: 1.6;
     }
 
-    /* Empty paragraphs should show as spacing */
+    /* Empty paragraphs should show as single line */
     p:empty {
+      min-height: 1em;
+    }
+
+    /* First empty paragraph in editor gets slightly more height for better UX */
+    #editor > p:first-child:empty {
       min-height: 1.6em;
     }
 

apps/mobile/v1/src/screens/SettingsScreen.tsx

@@ -14,6 +14,8 @@ import { APP_VERSION } from '../constants/version';
 import { forceGlobalMasterPasswordRefresh } from '../hooks/useMasterPassword';
 import { clearUserEncryptionData } from '../lib/encryption';
 import { clearDecryptedCache,getCacheDecryptedContentPreference, setCacheDecryptedContentPreference } from '../lib/preferences';
+import { apiCache } from '../services/api/cache';
+import { clearAllCacheMetadata, clearCachedFolders, clearCachedNotes } from '../services/api/databaseCache';
 import { useTheme } from '../theme';
 import { DARK_THEME_PRESETS,LIGHT_THEME_PRESETS } from '../theme/presets';
 
@@ -121,6 +123,43 @@ export default function SettingsScreen({ onLogout }: Props) {
     }
   };
 
+  const handleClearCache = async () => {
+    Alert.alert(
+      'Clear Cache',
+      'This will clear all cached data. Your notes and folders will be synced from the server on next load.',
+      [
+        { text: 'Cancel', style: 'cancel' },
+        {
+          text: 'Clear',
+          style: 'destructive',
+          onPress: async () => {
+            try {
+              // Clear in-memory API cache
+              apiCache.clearAll();
+
+              // Clear SQLite cached data
+              await clearCachedFolders();
+              await clearCachedNotes();
+              await clearAllCacheMetadata();
+
+              // Clear decrypted cache
+              await clearDecryptedCache();
+
+              if (__DEV__) {
+                console.log('[Settings] All caches cleared successfully');
+              }
+
+              Alert.alert('Success', 'Cache cleared successfully. Pull to refresh to reload your data.');
+            } catch (error) {
+              Alert.alert('Error', 'Failed to clear cache. Please try again.');
+              if (__DEV__) console.error('Clear cache error:', error);
+            }
+          }
+        }
+      ]
+    );
+  };
+
   const handleResetMasterPassword = async () => {
     Alert.alert(
       'Change Master Password',
@@ -224,6 +263,12 @@ export default function SettingsScreen({ onLogout }: Props) {
           icon: 'sync-outline',
           onPress: undefined,
         },
+        {
+          title: 'Clear Cache',
+          subtitle: 'Clear all cached data',
+          icon: 'trash-bin-outline',
+          onPress: handleClearCache,
+        },
       ],
     },
     {

apps/mobile/v1/src/services/api/databaseCache.ts

@@ -417,3 +417,75 @@ export async function storeCachedFolders(folders: Folder[]): Promise<void> {
     console.error('[DatabaseCache] Failed to store cached folders:', error);
   }
 }
+
+/**
+ * Clear all cached folders from database
+ * Called when invalidating folder cache to ensure stale data is removed
+ */
+export async function clearCachedFolders(): Promise<void> {
+  try {
+    const db = getDatabase();
+
+    await db.runAsync(`DELETE FROM folders`);
+
+    if (__DEV__) {
+      console.log('[DatabaseCache] Cleared all cached folders');
+    }
+  } catch (error) {
+    if (error instanceof Error && error.message.includes('Database not initialized')) {
+      if (__DEV__) {
+        console.log('[DatabaseCache] Database not ready yet, skipping folders clear');
+      }
+      return;
+    }
+    console.error('[DatabaseCache] Failed to clear cached folders:', error);
+  }
+}
+
+/**
+ * Clear all cached notes from database
+ * Called when clearing all caches
+ */
+export async function clearCachedNotes(): Promise<void> {
+  try {
+    const db = getDatabase();
+
+    await db.runAsync(`DELETE FROM notes`);
+
+    if (__DEV__) {
+      console.log('[DatabaseCache] Cleared all cached notes');
+    }
+  } catch (error) {
+    if (error instanceof Error && error.message.includes('Database not initialized')) {
+      if (__DEV__) {
+        console.log('[DatabaseCache] Database not ready yet, skipping notes clear');
+      }
+      return;
+    }
+    console.error('[DatabaseCache] Failed to clear cached notes:', error);
+  }
+}
+
+/**
+ * Clear all cache metadata
+ * Called when clearing all caches
+ */
+export async function clearAllCacheMetadata(): Promise<void> {
+  try {
+    const db = getDatabase();
+
+    await db.runAsync(`DELETE FROM cache_metadata`);
+
+    if (__DEV__) {
+      console.log('[DatabaseCache] Cleared all cache metadata');
+    }
+  } catch (error) {
+    if (error instanceof Error && error.message.includes('Database not initialized')) {
+      if (__DEV__) {
+        console.log('[DatabaseCache] Database not ready yet, skipping metadata clear');
+      }
+      return;
+    }
+    console.error('[DatabaseCache] Failed to clear cache metadata:', error);
+  }
+}

apps/mobile/v1/src/services/api/folders.ts

@@ -7,6 +7,7 @@ import { isOnline } from '../network/networkManager';
 import { apiCache, CACHE_KEYS, CACHE_TTL } from './cache';
 import { AuthTokenGetter, createHttpClient, NotModifiedError } from './client';
 import {
+  clearCachedFolders,
   getCachedFolders,
   getCacheMetadata,
   invalidateCache,
@@ -189,6 +190,9 @@ export function createFoldersApi(getToken: AuthTokenGetter) {
           body: JSON.stringify({ name, color, parentId }),
         });
 
+        // Clear cached folder data from SQLite database
+        await clearCachedFolders();
+
         // Invalidate both memory and database caches
         apiCache.clear(CACHE_KEYS.FOLDERS);
         await invalidateCache('folders');
@@ -213,6 +217,9 @@ export function createFoldersApi(getToken: AuthTokenGetter) {
           body: JSON.stringify(updates),
         });
 
+        // Clear cached folder data from SQLite database
+        await clearCachedFolders();
+
         // Invalidate both memory and database caches
         apiCache.clear(CACHE_KEYS.FOLDERS);
         await invalidateCache('folders');
@@ -236,6 +243,9 @@ export function createFoldersApi(getToken: AuthTokenGetter) {
           method: 'DELETE',
         });
 
+        // Clear cached folder data from SQLite database
+        await clearCachedFolders();
+
         // Invalidate both memory and database caches
         apiCache.clear(CACHE_KEYS.FOLDERS);
         await invalidateCache('folders');