feat: implement offline synchronization, local IndexedDB storage, and AES-GCM encryption for field data management

Author: Oluwasuyi-Oluwatimilehin-Daniel

src/hooks/useNodeConfig.ts

@@ -22,7 +22,7 @@ export function useNodeConfig(getSessionKey: () => CryptoKey, getSalt: () => Uin
 
     for (const [key, value] of Object.entries(rawPayload)) {
       if (CONFIG_SCHEMA[key]?.sensitive && value && typeof value === 'object') {
-        decryptedConfig[key] = await decryptField(value, sessionKey);
+        decryptedConfig[key] = await decryptField(value as any, sessionKey);
       } else {
         decryptedConfig[key] = value;
       }

src/hooks/useOfflineSync.ts

@@ -8,7 +8,7 @@ import {
   useRef,
   useState,
 } from "react";
-import { flushSyncQueue, getSyncQueueSize } from "@/src/lib/idbClient";
+import { flushSyncQueue, getSyncQueueSize } from "@/src/lib/storage/idb";
 
 export type SyncStatus = "idle" | "syncing" | "error";
 

src/lib/crypto/cryptoEngine.ts

@@ -70,9 +70,9 @@ export async function encryptField(plaintext: string, sessionKey: CryptoKey, sal
   );
 
   return {
-    iv: bufferToBase64(iv.buffer),
-    salt: bufferToBase64(salt.buffer),
-    ciphertext: bufferToBase64(ciphertextBuffer),
+    iv: bufferToBase64(iv.buffer as ArrayBuffer),
+    salt: bufferToBase64(salt.buffer as ArrayBuffer),
+    ciphertext: bufferToBase64(ciphertextBuffer as ArrayBuffer),
     version: 1,
   };
 }

src/lib/storage/idb.ts

@@ -361,3 +361,31 @@ export async function flushSyncQueue(): Promise<SyncFlushResult> {
 
   return result;
 }
+
+
+// ── Generic Wrappers for useNodeConfig Hook ──────────────────────────
+
+/**
+ * Wrapper to match hook signature for saving node configuration
+ */
+export async function saveToIndexedDB(key: string, data: any): Promise<void> {
+  // We use the nodeConfigSnapshots store. The key matches the nodeId.
+  await saveNodeConfigSnapshot({
+    nodeId: key,
+    config: data,
+    version: 1,
+    snapshotAt: new Date().toISOString()
+  });
+}
+
+/**
+ * Wrapper to match hook signature for loading node configuration
+ */
+export async function loadFromIndexedDB(key: string): Promise<any | null> {
+  const snapshots = await getNodeConfigSnapshots(key);
+  if (snapshots.length === 0) return null;
+  
+  // Sort by snapshot date to get the newest one if multiple exist
+  snapshots.sort((a, b) => new Date(b.snapshotAt).getTime() - new Date(a.snapshotAt).getTime());
+  return snapshots[0].config;
+}