fix: fall back to mmkv 3.1.1

Author: coolsoftwaretyler

boilerplate/app/utils/storage/index.ts

@@ -1,82 +1,58 @@
-import { createMMKV } from "react-native-mmkv"
+// we always make sure 'react-native' gets included first
+// eslint-disable-next-line no-restricted-imports
+import * as ReactNative from "react-native"
 
-export const storage = createMMKV()
+import mockFile from "./mockFile"
 
-/**
- * Loads a string from storage.
- *
- * @param key The key to fetch.
- */
-export function loadString(key: string): string | null {
-  try {
-    return storage.getString(key) ?? null
-  } catch {
-    // not sure why this would fail... even reading the RN docs I'm unclear
-    return null
-  }
-}
+// libraries to mock
+jest.doMock("react-native", () => {
+  // Extend ReactNative
+  return Object.setPrototypeOf(
+    {
+      Image: {
+        ...ReactNative.Image,
+        resolveAssetSource: jest.fn((_source) => mockFile), // eslint-disable-line @typescript-eslint/no-unused-vars
+        getSize: jest.fn(
+          (
+            uri: string, // eslint-disable-line @typescript-eslint/no-unused-vars
+            success: (width: number, height: number) => void,
+            failure?: (_error: any) => void, // eslint-disable-line @typescript-eslint/no-unused-vars
+          ) => success(100, 100),
+        ),
+      },
+    },
+    ReactNative,
+  )
+})
 
-/**
- * Saves a string to storage.
- *
- * @param key The key to fetch.
- * @param value The value to store.
- */
-export function saveString(key: string, value: string): boolean {
-  try {
-    storage.set(key, value)
-    return true
-  } catch {
-    return false
-  }
-}
+jest.mock("i18next", () => ({
+  currentLocale: "en",
+  t: (key: string, params: Record<string, string>) => {
+    return `${key} ${JSON.stringify(params)}`
+  },
+  translate: (key: string, params: Record<string, string>) => {
+    return `${key} ${JSON.stringify(params)}`
+  },
+}))
 
-/**
- * Loads something from storage and runs it thru JSON.parse.
- *
- * @param key The key to fetch.
- */
-export function load<T>(key: string): T | null {
-  let almostThere: string | null = null
-  try {
-    almostThere = loadString(key)
-    return JSON.parse(almostThere ?? "") as T
-  } catch {
-    return (almostThere as T) ?? null
-  }
-}
+jest.mock("expo-localization", () => ({
+  ...jest.requireActual("expo-localization"),
+  getLocales: () => [{ languageTag: "en-US", textDirection: "ltr" }],
+}))
 
-/**
- * Saves an object to storage.
- *
- * @param key The key to fetch.
- * @param value The value to store.
- */
-export function save(key: string, value: unknown): boolean {
-  try {
-    saveString(key, JSON.stringify(value))
-    return true
-  } catch {
-    return false
-  }
-}
+jest.mock("../app/i18n/index.ts", () => ({
+  i18n: {
+    isInitialized: true,
+    language: "en",
+    t: (key: string, params: Record<string, string>) => {
+      return `${key} ${JSON.stringify(params)}`
+    },
+    numberToCurrency: jest.fn(),
+  },
+}))
 
-/**
- * Removes something from storage.
- *
- * @param key The key to kill.
- */
-export function remove(key: string): void {
-  try {
-    storage.remove(key)
-  } catch {}
-}
+declare const tron // eslint-disable-line @typescript-eslint/no-unused-vars
 
-/**
- * Burn it all to the ground.
- */
-export function clear(): void {
-  try {
-    storage.clearAll()
-  } catch {}
+declare global {
+  let __TEST__: boolean
 }

boilerplate/package.json

@@ -55,7 +55,7 @@
     "react-native-edge-to-edge": "~1.6.1",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-keyboard-controller": "1.18.5",
-    "react-native-mmkv": "4.0.0-beta.12",
+    "react-native-mmkv": "3.1.1",
     "react-native-nitro-modules": "^0.29.0",
     "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "5.6.0",

boilerplate/test/setup.ts

@@ -51,15 +51,6 @@ jest.mock("../app/i18n/index.ts", () => ({
   },
 }))
 
-jest.mock("react-native-nitro-modules", () => ({
-  createHybridObject: () => ({
-    init: () => {},
-    add: () => {},
-    createHybridNavigationBar: () => {},
-    createHybridStatusBar: () => ({}),
-  }),
-}))
-
 declare const tron // eslint-disable-line @typescript-eslint/no-unused-vars
 
 declare global {