feat: send [ENCRYPTED] placeholders for title/content to server while storing actual encrypted data separately

Author: typelets

src/lib/api/api.ts

@@ -225,11 +225,14 @@ class ClerkEncryptedApiService {
 
     const encryptedData = await this.encryptNoteForApi(title, content);
 
+    // CHANGE #1: Add [ENCRYPTED] placeholders
     const apiNote = await this.request<ApiNote>('/notes', {
       method: 'POST',
       body: JSON.stringify({
         ...noteData,
-        ...encryptedData,
+        title: '[ENCRYPTED]', // Server will store this placeholder
+        content: '[ENCRYPTED]', // Server will store this placeholder
+        ...encryptedData, // This includes encryptedTitle, encryptedContent, iv, salt
       }),
     });
 
@@ -257,9 +260,13 @@ class ClerkEncryptedApiService {
       const newContent = updates.content ?? currentNote.content;
 
       const encrypted = await this.encryptNoteForApi(newTitle, newContent);
+
+      // CHANGE #2: Add [ENCRYPTED] placeholders
       encryptedUpdates = {
         ...updates,
-        ...encrypted,
+        title: '[ENCRYPTED]', // Server will store this placeholder
+        content: '[ENCRYPTED]', // Server will store this placeholder
+        ...encrypted, // This includes encryptedTitle, encryptedContent, iv, salt
       };
     }
 

src/lib/encryption/constants.ts

@@ -1,3 +1,4 @@
+// src/lib/encryption/constants.ts
 export const ENCRYPTION_CONFIG = {
   ALGORITHM: 'AES-GCM' as const,
   KEY_LENGTH: 256,