fix: resolve TypeScript 5.9 crypto API compatibility issues

Author: rui-typelets

src/components/editor/config/editor-config.ts

@@ -47,16 +47,15 @@ lowlight.register('markdown', markdown);
 export function createEditorExtensions() {
   return [
     StarterKit.configure({
-      history: {
-        depth: 10,
-      },
       heading: {
         levels: [1, 2, 3],
       },
       codeBlock: false,
       horizontalRule: false,
       dropcursor: false,
       // Disable built-in extensions we're adding separately
+      link: false,
+      underline: false,
     }),
     ExecutableCodeBlock.configure({
       defaultLanguage: 'javascript',

src/components/editor/hooks/useEditorEffects.ts

@@ -30,7 +30,7 @@ export function useEditorEffects({
     const currentContent = editor.getHTML();
     if (note.content !== currentContent) {
       const { from, to } = editor.state.selection;
-      editor.commands.setContent(note.content || '', false);
+      editor.commands.setContent(note.content || '', { emitUpdate: false });
       lastContentRef.current = note.content || '';
 
       // Update word and character counts

src/lib/encryption/index.ts

@@ -93,7 +93,7 @@ class EncryptionService {
 
       const keyMaterial = await crypto.subtle.importKey(
         'raw',
-        securePassword.getBytes(),
+        securePassword.getBytes().buffer as ArrayBuffer,
         { name: 'PBKDF2' },
         false,
         ['deriveKey']
@@ -102,7 +102,7 @@ class EncryptionService {
       const key = await crypto.subtle.deriveKey(
         {
           name: 'PBKDF2',
-          salt: userSalt,
+          salt: userSalt.buffer as ArrayBuffer,
           iterations: ENCRYPTION_CONFIG.ITERATIONS,
           hash: 'SHA-256',
         },
@@ -157,7 +157,7 @@ class EncryptionService {
 
       const keyMaterial = await crypto.subtle.importKey(
         'raw',
-        securePassword.getBytes(),
+        securePassword.getBytes().buffer as ArrayBuffer,
         { name: 'PBKDF2' },
         false,
         ['deriveKey']
@@ -166,7 +166,7 @@ class EncryptionService {
       const key = await crypto.subtle.deriveKey(
         {
           name: 'PBKDF2',
-          salt: userSalt,
+          salt: userSalt.buffer as ArrayBuffer,
           iterations: ENCRYPTION_CONFIG.ITERATIONS,
           hash: 'SHA-256',
         },
@@ -192,7 +192,7 @@ class EncryptionService {
           const encryptedData = this.base64ToArrayBuffer(testObj.data);
 
           await crypto.subtle.decrypt(
-            { name: ENCRYPTION_CONFIG.ALGORITHM, iv },
+            { name: ENCRYPTION_CONFIG.ALGORITHM, iv: iv.buffer as ArrayBuffer },
             key,
             encryptedData
           );
@@ -281,7 +281,7 @@ class EncryptionService {
       const keyData = this.base64ToUint8Array(userSecret);
       return crypto.subtle.importKey(
         'raw',
-        keyData,
+        keyData.buffer as ArrayBuffer,
         { name: ENCRYPTION_CONFIG.ALGORITHM },
         false,
         ['encrypt', 'decrypt']
@@ -301,7 +301,7 @@ class EncryptionService {
     return crypto.subtle.deriveKey(
       {
         name: 'PBKDF2',
-        salt,
+        salt: salt.buffer as ArrayBuffer,
         iterations: ENCRYPTION_CONFIG.ITERATIONS,
         hash: 'SHA-256',
       },
@@ -421,13 +421,13 @@ class EncryptionService {
       const contentBuffer = this.base64ToArrayBuffer(encryptedContent);
 
       const decryptedTitleBuffer = await crypto.subtle.decrypt(
-        { name: ENCRYPTION_CONFIG.ALGORITHM, iv },
+        { name: ENCRYPTION_CONFIG.ALGORITHM, iv: iv.buffer as ArrayBuffer },
         key,
         titleBuffer
       );
 
       const decryptedContentBuffer = await crypto.subtle.decrypt(
-        { name: ENCRYPTION_CONFIG.ALGORITHM, iv },
+        { name: ENCRYPTION_CONFIG.ALGORITHM, iv: iv.buffer as ArrayBuffer },
         key,
         contentBuffer
       );
@@ -496,7 +496,7 @@ class EncryptionService {
     return bytes.buffer.slice(
       bytes.byteOffset,
       bytes.byteOffset + bytes.byteLength
-    );
+    ) as ArrayBuffer;
   }
 
   private base64ToUint8Array(base64: string): Uint8Array {

src/lib/encryption/secureStorage.ts

@@ -29,7 +29,7 @@ class SecureStorage {
 
     try {
       const encoder = new TextEncoder();
-      const data = encoder.encode(value);
+      const data = encoder.encode(value).buffer as ArrayBuffer;
 
       // Generate random IV for each encryption
       const iv = crypto.getRandomValues(
@@ -38,15 +38,15 @@ class SecureStorage {
 
       // Encrypt the data
       const encryptedData = await crypto.subtle.encrypt(
-        { name: ENCRYPTION_CONFIG.ALGORITHM, iv },
+        { name: ENCRYPTION_CONFIG.ALGORITHM, iv: iv.buffer as ArrayBuffer },
         this.sessionKey!,
         data
       );
 
       // Store encrypted data + IV
       const payload = {
         encrypted: this.arrayBufferToBase64(encryptedData),
-        iv: this.arrayBufferToBase64(iv),
+        iv: this.arrayBufferToBase64(iv.buffer as ArrayBuffer),
       };
 
       localStorage.setItem(key, JSON.stringify(payload));
@@ -77,7 +77,7 @@ class SecureStorage {
       const iv = this.base64ToUint8Array(payload.iv);
 
       const decryptedBuffer = await crypto.subtle.decrypt(
-        { name: ENCRYPTION_CONFIG.ALGORITHM, iv },
+        { name: ENCRYPTION_CONFIG.ALGORITHM, iv: iv.buffer as ArrayBuffer },
         this.sessionKey!,
         encryptedData
       );
@@ -120,7 +120,7 @@ class SecureStorage {
     return bytes.buffer.slice(
       bytes.byteOffset,
       bytes.byteOffset + bytes.byteLength
-    );
+    ) as ArrayBuffer;
   }
 
   private base64ToUint8Array(base64: string): Uint8Array {

src/lib/utils/messageAuth.ts

@@ -21,7 +21,7 @@ class MessageAuthenticator {
     const encoder = new TextEncoder();
     const keyMaterial = await crypto.subtle.importKey(
       'raw',
-      encoder.encode(sessionSecret),
+      encoder.encode(sessionSecret).buffer as ArrayBuffer,
       { name: 'HMAC', hash: 'SHA-256' },
       false,
       ['sign', 'verify']
@@ -57,7 +57,7 @@ class MessageAuthenticator {
     };
 
     const encoder = new TextEncoder();
-    const dataToSign = encoder.encode(JSON.stringify(messageData));
+    const dataToSign = encoder.encode(JSON.stringify(messageData)).buffer as ArrayBuffer;
 
     // Generate HMAC signature
     const signatureBuffer = await crypto.subtle.sign(
@@ -107,7 +107,7 @@ class MessageAuthenticator {
       };
 
       const encoder = new TextEncoder();
-      const dataToVerify = encoder.encode(JSON.stringify(messageData));
+      const dataToVerify = encoder.encode(JSON.stringify(messageData)).buffer as ArrayBuffer;
       const signatureBuffer = this.base64ToArrayBuffer(message.signature);
 
       // Verify HMAC signature
@@ -131,7 +131,7 @@ class MessageAuthenticator {
   private generateNonce(): string {
     const array = new Uint8Array(16);
     crypto.getRandomValues(array);
-    return this.arrayBufferToBase64(array);
+    return this.arrayBufferToBase64(array.buffer as ArrayBuffer);
   }
 
   private arrayBufferToBase64(buffer: ArrayBuffer): string {

src/lib/utils/secureString.ts

@@ -120,7 +120,7 @@ export class SecureString {
 
     const keyMaterial = await crypto.subtle.importKey(
       'raw',
-      this.data,
+      this.data.buffer as ArrayBuffer,
       { name: 'PBKDF2' },
       false,
       ['deriveKey']
@@ -129,7 +129,7 @@ export class SecureString {
     return crypto.subtle.deriveKey(
       {
         name: 'PBKDF2',
-        salt,
+        salt: salt.buffer as ArrayBuffer,
         iterations,
         hash: 'SHA-256',
       },

src/services/fileService.ts

@@ -84,7 +84,7 @@ export class FileService {
 
     // Decrypt the file content
     const decryptedBuffer = await crypto.subtle.decrypt(
-      { name: 'AES-GCM', iv: ivBytes },
+      { name: 'AES-GCM', iv: ivBytes.buffer as ArrayBuffer },
       key,
       encryptedBytes
     );
@@ -121,7 +121,7 @@ export class FileService {
     return bytes.buffer.slice(
       bytes.byteOffset,
       bytes.byteOffset + bytes.byteLength
-    );
+    ) as ArrayBuffer;
   }
 
   async uploadFiles(