Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .claude/settings.local.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,8 @@
"mcp__context7__resolve-library-id",
"mcp__context7__get-library-docs",
"Bash(npx tsc-files)",
"mcp__ide__getDiagnostics"
"mcp__ide__getDiagnostics",
"mcp__context7__query-docs"
],
"deny": []
}
Expand Down
43 changes: 33 additions & 10 deletions __mocks__/react-native-mmkv.ts
Original file line number Diff line number Diff line change
@@ -1,13 +1,36 @@
const mmkvMock = (() => {
const data = {};
const createMockStorage = () => {
const data: Record<string, boolean | number | string> = {};

return {
getBoolean: (key: string) => data[key],
getString: (key: string) => data[key],
getNumber: (key: string) => data[key],
set: (key: string, value: boolean | number | string) => (data[key] = value),
getAllKeys: () => Object.keys(data),
delete: (key: string) => (data[key] = undefined),
getString: (key: string): string | undefined =>
typeof data[key] === 'string' ? data[key] : undefined,
getNumber: (key: string): number | undefined =>
typeof data[key] === 'number' ? data[key] : undefined,
getBoolean: (key: string): boolean | undefined =>
typeof data[key] === 'boolean' ? data[key] : undefined,
set: (key: string, value: boolean | number | string) => {
data[key] = value;
},
contains: (key: string): boolean => key in data,
getAllKeys: (): string[] => Object.keys(data),
remove: (key: string): boolean => {
const existed = key in data;
delete data[key];
return existed;
},
clearAll: () => {
Object.keys(data).forEach((key) => delete data[key]);
},
};
})();
};

export const createMMKV = jest
.fn()
.mockImplementation(() => createMockStorage());

export type MMKV = ReturnType<typeof createMockStorage>;

export const MMKV = jest.fn().mockImplementation(() => mmkvMock);
export interface Configuration {
id?: string;
encryptionKey?: string;
}
5 changes: 3 additions & 2 deletions metro.config.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,13 @@
const path = require('path');

const { getSentryExpoConfig } = require('@sentry/react-native/metro');
const withStorybook = require('@storybook/react-native/metro/withStorybook');
const {
withStorybook,
} = require('@storybook/react-native/metro/withStorybook');

// This replaces `const config = getDefaultConfig(__dirname);`
const config = getSentryExpoConfig(__dirname);

module.exports = withStorybook(config, {
enabled: process.env.STORYBOOK_ENABLED === 'true',
onDisabledRemoveStorybook: true,
});
130 changes: 65 additions & 65 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@
"generate:icons": "svgr --config-file src/shared/icons/svgs/config/svgrConfig.js --svgo-config src/shared/icons/svgs/config/svgoConfig.js --index-template src/shared/icons/svgs/config/index-template.js --template src/shared/icons/svgs/config/icon-template.js --out-dir src/shared/icons/components -- src/shared/icons/svgs && eslint './src/shared/icons/components/**/*.{ts,tsx}' --ext .ts,.tsx --fix --quiet && prettier --write './src/shared/icons/components/**/*.{ts,tsx}'",
"//// STORYBOOK ////": "",
"storybook:generate": "sb-rn-get-stories",
"start:storybook": "STORYBOOK_ENABLED=true doppler run -- expo start",
"start:storybook": "APP_ENV=development STORYBOOK_ENABLED=true doppler run -- expo start",
"//// VERSIONNING ////": "",
"version:bump": "standard-version --skip.commit --skip.changelog --skip.tag",
"version:tag": "standard-version",
Expand All @@ -62,92 +62,92 @@
"postinstall": "patch-package"
},
"dependencies": {
"@formatjs/intl-getcanonicallocales": "2.5.6",
"@gorhom/bottom-sheet": "5.2.6",
"@formatjs/intl-getcanonicallocales": "3.1.2",
"@gorhom/bottom-sheet": "5.2.8",
"@hookform/resolvers": "5.2.2",
"@react-native-async-storage/async-storage": "2.2.0",
"@react-native-masked-view/masked-view": "0.3.2",
"@sentry/react-native": "~7.2.0",
"@shopify/flash-list": "2.0.2",
"@tanstack/query-async-storage-persister": "5.90.4",
"@tanstack/react-query": "5.90.2",
"@tanstack/react-query-persist-client": "5.90.4",
"dayjs": "1.11.18",
"@tanstack/query-async-storage-persister": "5.90.18",
"@tanstack/react-query": "5.90.16",
"@tanstack/react-query-persist-client": "5.90.18",
"dayjs": "1.11.19",
"eas-build-cache-provider": "16.4.2",
"expo": "^54.0.0",
"expo-application": "~7.0.7",
"expo-asset": "~12.0.9",
"expo-build-properties": "~1.0.9",
"expo-constants": "~18.0.9",
"expo-dev-client": "~6.0.15",
"expo-device": "~8.0.9",
"expo-file-system": "~19.0.17",
"expo-font": "~14.0.9",
"expo-haptics": "~15.0.7",
"expo-image": "~3.0.9",
"expo-linking": "~8.0.8",
"expo-localization": "~17.0.7",
"expo-network": "~8.0.7",
"expo-router": "~6.0.12",
"expo-secure-store": "~15.0.7",
"expo-splash-screen": "~31.0.10",
"expo-status-bar": "~3.0.8",
"expo-store-review": "~9.0.8",
"expo-updates": "~29.0.12",
"graphql": "16.11.0",
"graphql-request": "7.2.0",
"i18next": "25.6.0",
"immer": "10.1.3",
"expo": "~54.0.31",
"expo-application": "~7.0.8",
"expo-asset": "~12.0.12",
"expo-build-properties": "~1.0.10",
"expo-constants": "~18.0.13",
"expo-dev-client": "~6.0.20",
"expo-device": "~8.0.10",
"expo-file-system": "~19.0.21",
"expo-font": "~14.0.10",
"expo-haptics": "~15.0.8",
"expo-image": "~3.0.11",
"expo-linking": "~8.0.11",
"expo-localization": "~17.0.8",
"expo-network": "~8.0.8",
"expo-router": "~6.0.21",
"expo-secure-store": "~15.0.8",
"expo-splash-screen": "~31.0.13",
"expo-status-bar": "~3.0.9",
"expo-store-review": "~9.0.9",
"expo-updates": "~29.0.16",
"graphql": "16.12.0",
"graphql-request": "7.4.0",
"i18next": "25.7.3",
"immer": "11.1.3",
"intl-pluralrules": "2.0.1",
"lodash.debounce": "4.0.8",
"lodash.isequal": "4.5.0",
"lodash.isnil": "4.0.0",
"lodash.memoize": "4.1.2",
"onesignal-expo-plugin": "2.0.3",
"posthog-react-native": "4.9.1",
"posthog-react-native": "4.17.2",
"react": "19.1.0",
"react-dom": "19.1.0",
"react-error-boundary": "6.0.0",
"react-hook-form": "7.65.0",
"react-i18next": "16.0.0",
"react-native": "0.81.4",
"react-native-device-info": "14.0.4",
"react-error-boundary": "6.0.2",
"react-hook-form": "7.70.0",
"react-i18next": "16.5.1",
"react-native": "0.81.5",
"react-native-device-info": "15.0.1",
"react-native-edge-to-edge": "1.7.0",
"react-native-gesture-handler": "~2.28.0",
"react-native-keyboard-controller": "1.18.5",
"react-native-mmkv": "3.3.3",
"react-native-nitro-modules": "0.30.0",
"react-native-mmkv": "4.1.0",
"react-native-nitro-modules": "0.32.0",
"react-native-onesignal": "5.2.13",
"react-native-permissions": "5.4.2",
"react-native-purchases": "9.5.4",
"react-native-permissions": "5.4.4",
"react-native-purchases": "9.6.13",
"react-native-reanimated": "~4.1.1",
"react-native-safe-area-context": "~5.6.0",
"react-native-screens": "~4.16.0",
"react-native-svg": "15.12.1",
"react-native-toast-message": "2.3.3",
"react-native-unistyles": "3.0.15",
"react-native-unistyles": "3.0.21",
"react-native-worklets": "0.5.1",
"semver": "7.7.2",
"zod": "4.1.12",
"zustand": "5.0.8"
"semver": "7.7.3",
"zod": "4.3.5",
"zustand": "5.0.9"
},
"devDependencies": {
"@0no-co/graphqlsp": "1.15.0",
"@commitlint/cli": "20.1.0",
"@commitlint/config-conventional": "20.0.0",
"@graphql-codegen/cli": "6.0.0",
"@graphql-codegen/client-preset": "5.1.0",
"@0no-co/graphqlsp": "1.15.2",
"@commitlint/cli": "20.3.0",
"@commitlint/config-conventional": "20.3.0",
"@graphql-codegen/cli": "6.1.0",
"@graphql-codegen/client-preset": "5.2.2",
"@graphql-codegen/introspection": "5.0.0",
"@graphql-codegen/typescript": "5.0.2",
"@graphql-codegen/typescript-operations": "5.0.2",
"@graphql-codegen/typescript": "5.0.7",
"@graphql-codegen/typescript-operations": "5.0.7",
"@graphql-codegen/typescript-react-query": "6.1.1",
"@react-native-community/datetimepicker": "8.4.5",
"@react-native-community/datetimepicker": "8.4.4",
"@react-native-community/slider": "5.0.1",
"@storybook/addon-ondevice-actions": "9.1.4",
"@storybook/addon-ondevice-backgrounds": "9.1.4",
"@storybook/addon-ondevice-controls": "9.1.4",
"@storybook/react": "9.1.10",
"@storybook/react-native": "9.1.4",
"@storybook/addon-ondevice-actions": "10.1.11",
"@storybook/addon-ondevice-backgrounds": "10.1.11",
"@storybook/addon-ondevice-controls": "10.1.11",
"@storybook/react": "10.1.11",
"@storybook/react-native": "10.1.11",
"@svgr/cli": "8.1.0",
"@testing-library/react-native": "13.3.3",
"@types/fs-extra": "11.0.4",
Expand All @@ -167,22 +167,22 @@
"dotenv": "17.2.3",
"eslint": "9.38.0",
"eslint-config-tsyirvo-react-native": "2.2.0",
"fs-extra": "11.3.2",
"fs-extra": "11.3.3",
"imagemin": "7.0.1",
"imagemin-mozjpeg": "9.0.0",
"imagemin-pngquant": "9.0.2",
"is-image": "4.0.0",
"jest": "29.7.0",
"jest-expo": "~54.0.12",
"lefthook": "1.13.6",
"jest": "~29.7.0",
"jest-expo": "~54.0.16",
"lefthook": "2.0.13",
"patch-package": "8.0.1",
"pinst": "3.0.0",
"postinstall-postinstall": "2.1.0",
"prettier": "3.2.5",
"sharp": "0.31.1",
"standard-version": "9.5.0",
"storybook": "9.1.10",
"ts-jest": "29.4.5",
"storybook": "10.1.11",
"ts-jest": "29.4.6",
"ts-node": "10.9.2",
"tsc-files": "1.1.4",
"typescript": "~5.9.2"
Expand All @@ -203,7 +203,7 @@
],
"preset": "jest-expo",
"transformIgnorePatterns": [
"node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|zustand|immer)"
"node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|zustand|immer|storybook|@storybook/.*)"
],
"moduleNameMapper": {
"^\\$(.*)$": "<rootDir>/src/$1"
Expand Down
19 changes: 1 addition & 18 deletions src/app/Storybook.tsx
Original file line number Diff line number Diff line change
@@ -1,18 +1 @@
import { Suspense, lazy } from 'react';

import { config } from '$domain/constants';
import { Loader } from '$shared/uiKit';

const StorybookUI = lazy(() => import('../../.rnstorybook'));

const Storybook = () => {
if (!config.isStorybookEnabled) return null;

return (
<Suspense fallback={<Loader delay={0} />}>
<StorybookUI />
</Suspense>
);
};

export default Storybook;
export { default } from '../../.rnstorybook';
Comment thread
tsyirvo marked this conversation as resolved.
2 changes: 2 additions & 0 deletions src/domain/testing/setup.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,3 +11,5 @@ jest.mock(
jest.mock('react-native-permissions', () =>
require('react-native-permissions/mock'),
);

jest.mock('@gorhom/bottom-sheet', () => require('@gorhom/bottom-sheet/mock'));
4 changes: 2 additions & 2 deletions src/infra/storage/appStorage.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { MMKV } from 'react-native-mmkv';
import { createMMKV } from 'react-native-mmkv';

import { storageKeys } from '$domain/constants';

export const AppStorage = new MMKV({
export const AppStorage = createMMKV({
id: storageKeys.appStorage.id,
});
4 changes: 2 additions & 2 deletions src/infra/storage/productTrackingStorage.ts
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { MMKV } from 'react-native-mmkv';
import { createMMKV } from 'react-native-mmkv';

import { storageKeys } from '$domain/constants';

export const ProductTrackingStorage = new MMKV({
export const ProductTrackingStorage = createMMKV({
id: storageKeys.productTrackingStorage.id,
});

Expand Down
6 changes: 3 additions & 3 deletions src/infra/storage/queryClientStorage.ts
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
import type { Configuration } from 'react-native-mmkv';
import { MMKV } from 'react-native-mmkv';
import { createMMKV, MMKV } from 'react-native-mmkv';

import { storageKeys } from '$domain/constants';

class StorageClass {
private _storage: MMKV;

constructor(config?: Configuration) {
this._storage = new MMKV(config);
this._storage = createMMKV(config);
}

setItem = (key: string, value: string) => {
Expand All @@ -21,7 +21,7 @@ class StorageClass {
};

removeItem = (key: string) => {
this._storage.delete(key);
this._storage.remove(key);
};
}

Expand Down
6 changes: 3 additions & 3 deletions src/infra/storage/storeStorage.ts
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
import type { Configuration } from 'react-native-mmkv';
import { MMKV } from 'react-native-mmkv';
import { createMMKV, MMKV } from 'react-native-mmkv';

import { storageKeys } from '$domain/constants';

class StorageClass {
private _storage: MMKV;

constructor(config?: Configuration) {
this._storage = new MMKV(config);
this._storage = createMMKV(config);
}

setItem = (key: string, value: string) => {
Expand All @@ -21,7 +21,7 @@ class StorageClass {
};

removeItem = (key: string) => {
this._storage.delete(key);
this._storage.remove(key);
};
}

Expand Down
Loading