feat: pinia persist plugin custom serializer

src/settings/encryptionSetting.ts

@@ -10,4 +10,4 @@ export const cacheCipher = {
 }
 
 // 是否加密缓存，默认生产环境加密
-export const enableStorageEncryption = !isDevMode()
+export const SHOULD_ENABLE_STORAGE_ENCRYPTION = !isDevMode()

src/store/plugin/persist.ts

@@ -6,12 +6,50 @@
  */
 import type { Pinia } from 'pinia'
 import { createPersistedState } from 'pinia-plugin-persistedstate'
-import type { PersistedStateFactoryOptions } from 'pinia-plugin-persistedstate'
+import type { PersistedStateFactoryOptions, Serializer } from 'pinia-plugin-persistedstate'
 import { getCommonStoragePrefix } from '@/utils/env'
+import type { Encryption } from '@/utils/cipher'
+import { EncryptionFactory } from '@/utils/cipher'
+import { SHOULD_ENABLE_STORAGE_ENCRYPTION, cacheCipher } from '@/settings/encryptionSetting'
 
 export const PERSIST_KEY_PREFIX = getCommonStoragePrefix()
 
-// TODO customSerializer
+const persistEncryption: Encryption = EncryptionFactory.createAesEncryption({
+  key: cacheCipher.key,
+  iv: cacheCipher.iv,
+})
+
+/**
+ * Custom serializer for serialization and deserialization of storage data
+ * 自定义序列化器，用于序列化和反序列化存储数据
+ *
+ * @param shouldEnableEncryption whether to enable encryption for storage data 是否启用存储数据加密
+ * @returns serializer
+ */
+function customSerializer(shouldEnableEncryption: boolean): Serializer {
+  if (shouldEnableEncryption) {
+    return {
+      deserialize: (value) => {
+        const decrypted = persistEncryption.decrypt(value)
+        return JSON.parse(decrypted)
+      },
+      serialize: (value) => {
+        const serialized = JSON.stringify(value)
+        return persistEncryption.encrypt(serialized)
+      },
+    }
+  }
+  else {
+    return {
+      deserialize: (value) => {
+        return JSON.parse(value)
+      },
+      serialize: (value) => {
+        return JSON.stringify(value)
+      },
+    }
+  }
+}
 
 /**
  * Register Pinia Persist Plugin
@@ -34,5 +72,6 @@ export function createPersistedStateOptions(keyPrefix: string): PersistedStateFa
   return {
     storage: localStorage,
     key: id => `${keyPrefix}__${id}`,
+    serializer: customSerializer(SHOULD_ENABLE_STORAGE_ENCRYPTION),
   }
 }

src/utils/cache/index.ts

@@ -1,14 +1,14 @@
 import type { CreateStorageParams } from './storageCache'
 import { createStorage as create } from './storageCache'
 import { getStorageShortName } from '@/utils/env'
-import { DEFAULT_CACHE_TIME, enableStorageEncryption } from '@/settings/encryptionSetting'
+import { DEFAULT_CACHE_TIME, SHOULD_ENABLE_STORAGE_ENCRYPTION } from '@/settings/encryptionSetting'
 
 export type Options = Partial<CreateStorageParams>
 
 function createOptions(storage: Storage, options: Options = {}): Options {
   return {
     // No encryption in debug mode
-    hasEncrypt: enableStorageEncryption,
+    hasEncrypt: SHOULD_ENABLE_STORAGE_ENCRYPTION,
     storage,
     prefixKey: getStorageShortName(),
     ...options,