fix: replace @react-native-async-storage/async-storage with expo-file-system to fix build error

Author: linonetwo

package.json

@@ -18,7 +18,6 @@
     "init-submodules": "git submodule update --init --recursive"
   },
   "dependencies": {
-    "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-picker/picker": "2.9.0",
     "@react-navigation/bottom-tabs": "^7.2.0",

pnpm-lock.yaml

@@ -23,6 +23,7 @@ export const WIKI_SMALL_TEXT_STORE_CACHE_NAME = 'text-tiddlerStore.json';
 export const WIKI_SKINNY_TIDDLER_STORE_CACHE_NAME = 'skinny-tiddlerStore.json';
 export const WIKI_BINARY_TIDDLERS_LIST_CACHE_NAME = 'binaryTiddlersList.json';
 export const getWikiCacheFolderPath = (workspace: IWikiWorkspace) => `${fs.cacheDirectory ?? `${workspace.wikiFolderLocation}/cache/`}`;
+export const PERSIST_STORAGE_PATH = fs.documentDirectory === null ? undefined : `${fs.documentDirectory}persistStorage/`;
 /**
  * We download json to the cache folder (batch download as a single json is faster), then move it to the sqlite later.
  */

src/constants/paths.ts

@@ -1,8 +1,8 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { ColorSchemeName } from 'react-native';
 import { create } from 'zustand';
-import { createJSONStorage, devtools, persist } from 'zustand/middleware';
+import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
+import { expoFileSystemStorage } from '../utils/expoFileSystemStorage';
 
 export interface ConfigState {
   androidHardwareAcceleration?: boolean;
@@ -60,7 +60,7 @@ export const useConfigStore = create<ConfigState & ConfigActions>()(
       }),
       {
         name: 'config-storage',
-        storage: createJSONStorage(() => AsyncStorage),
+        storage: expoFileSystemStorage,
       },
     ),
   )),

src/store/config.ts

@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { cloneDeep } from 'lodash';
 import { create } from 'zustand';
-import { createJSONStorage, devtools, persist } from 'zustand/middleware';
+import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
+import { expoFileSystemStorage } from '../utils/expoFileSystemStorage';
 
 export enum ServerStatus {
   disconnected = 'disconnected',
@@ -88,7 +88,7 @@ export const useServerStore = create<ServerState & ServerActions>()(
       }),
       {
         name: 'server-storage',
-        storage: createJSONStorage(() => AsyncStorage),
+        storage: expoFileSystemStorage,
       },
     ),
   )),

src/store/server.ts

@@ -1,14 +1,18 @@
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { cloneDeep, uniqBy } from 'lodash';
 import { create } from 'zustand';
-import { createJSONStorage, devtools, persist } from 'zustand/middleware';
+import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { defaultTextBasedTiddlerFilter } from '../constants/filters';
 import { WIKI_FOLDER_PATH } from '../constants/paths';
+import { expoFileSystemStorage } from '../utils/expoFileSystemStorage';
 
 export interface IWikiWorkspace {
+  /**
+   * Allow reading file attachments in the workspace.
+   */
+  allowReadFileAttachment?: boolean;
   /**
    * Enable quick load button on workspace list.
    * When click on button, will only load recent tiddlers, speed up loading time for huge wiki.
@@ -32,10 +36,6 @@ export interface IWikiWorkspace {
    * folder path for this wiki workspace
    */
   wikiFolderLocation: string;
-  /**
-   * Allow reading file attachments in the workspace.
-   */
-  allowReadFileAttachment?: boolean;
 }
 export interface IPageWorkspace {
   id: string;
@@ -184,7 +184,7 @@ export const useWorkspaceStore = create<WikiState & WikiActions>()(
       }),
       {
         name: 'wiki-storage',
-        storage: createJSONStorage(() => AsyncStorage),
+        storage: expoFileSystemStorage,
       },
     ),
   )),

src/store/workspace.ts

@@ -0,0 +1,37 @@
+import * as fs from 'expo-file-system';
+import { PersistStorage } from 'zustand/middleware/persist';
+
+export type StorageValue<S> = S | null;
+
+const storageDirectory = `${fs.documentDirectory}persistStorage/`;
+
+const ensureDirectoryExists = async () => {
+  const directoryInfo = await fs.getInfoAsync(storageDirectory);
+  if (!directoryInfo.exists) {
+    await fs.makeDirectoryAsync(storageDirectory, { intermediates: true });
+  }
+};
+
+export const expoFileSystemStorage: PersistStorage<unknown> = {
+  getItem: async (name) => {
+    await ensureDirectoryExists();
+    const filePath = `${storageDirectory}${name}`;
+    const fileInfo = await fs.getInfoAsync(filePath);
+    if (!fileInfo.exists) {
+      return undefined;
+    }
+    const content = await fs.readAsStringAsync(filePath);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+    return JSON.parse(content);
+  },
+  setItem: async (name, value) => {
+    await ensureDirectoryExists();
+    const filePath = `${storageDirectory}${name}`;
+    await fs.writeAsStringAsync(filePath, JSON.stringify(value));
+  },
+  removeItem: async (name) => {
+    await ensureDirectoryExists();
+    const filePath = `${storageDirectory}${name}`;
+    await fs.deleteAsync(filePath);
+  },
+};