feat: Add .yarnrc.yml and update yarn version

JeremyDolle · JeremyDolle · commit bcb563e91cd4 · 2024-10-08T11:30:49.000+02:00
Add .yarnrc.yml file with nodeLinker and yarnPath configurations. Also, update the yarn version to 4.5.0.
diff --git a/template/.eslintrcJsVersion.js b/template/.eslintrcJsVersion.js
diff --git a/template/.gitignore b/template/.gitignore
@@ -72,3 +72,9 @@ yarn-error.log
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+
+# eslint
+.eslintcache
+
+# vscode
+.vscode/*
diff --git a/template/.yarnrc.yml b/template/.yarnrc.yml
@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.5.0.cjs
diff --git a/template/__mocks__/getAssetsContext.ts b/template/__mocks__/getAssetsContext.ts
@@ -0,0 +1,27 @@
+import type { AssetType } from '@/theme/assets/getAssetsContext';
+
+jest.mock('@/theme/assets/getAssetsContext', () =>
+  jest.fn((type: AssetType) => {
+    const context = (key: string) => {
+      if (type === 'images') {
+        return jest.mock('@/theme/assets/images/tom.png');
+      }
+      if (type === 'icons') {
+        return jest.mock('@/theme/assets/images/tom.svg');
+      }
+      return key;
+    };
+
+    context.keys = () => {
+      if (type === 'images') {
+        return ['images/tom.png'];
+      }
+      if (type === 'icons') {
+        return ['images/tom.png'];
+      }
+      return [];
+    };
+
+    return context;
+  }),
+);
diff --git a/template/__mocks__/libs/index.ts b/template/__mocks__/libs/index.ts
@@ -0,0 +1,4 @@
+import '@testing-library/jest-native/extend-expect';
+// LOCAL
+import './react-native-reanimated';
+import './react-native-safe-area-context';
diff --git a/template/__mocks__/libs/react-native-reanimated.ts b/template/__mocks__/libs/react-native-reanimated.ts
@@ -0,0 +1,3 @@
+import { setUpTests } from 'react-native-reanimated';
+
+setUpTests();
diff --git a/template/__mocks__/libs/react-native-safe-area-context.ts b/template/__mocks__/libs/react-native-safe-area-context.ts
@@ -0,0 +1,3 @@
+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';
+
+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);
diff --git a/template/ios/.gitignore b/template/ios/.gitignore
diff --git a/template/jest.setup.js b/template/jest.setup.js
@@ -1,13 +1,2 @@
-import 'react-native-gesture-handler/jestSetup';
-import '@testing-library/jest-native/extend-expect';
-
-import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';
-
-jest.mock('react-native-reanimated', () =>
-  require('react-native-reanimated/mock'),
-);
-
-// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
-
-jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);
+import './__mocks__/libs';
+import './__mocks__/getAssetsContext';
diff --git a/template/package.json b/template/package.json
@@ -11,7 +11,7 @@
     "lint:coventions": "eslint . --cache",
     "lint:code-format": "prettier --check \"{src,__mocks__}/**/*.{js,json,md,ts,tsx,yml,yaml}\"",
     "lint": "yarn lint:coventions && yarn lint:code-format && yarn lint:type-check",
-    "lint:fix": "lint:coventions --fix && lint:code-format --write && lint:type-check",
+    "lint:fix": "yarn lint:coventions --fix && yarn lint:code-format --write && yarn lint:type-check",
     "test:report": "jest --collectCoverage --coverageDirectory=\"./coverage\" --ci --reporters=default --reporters=jest-junit --coverage",
     "pod-install": "cd ios && pod install && cd ..",
     "postinstall": "npx patch-package"
@@ -73,5 +73,6 @@
   },
   "engines": {
     "node": ">=18"
-  }
+  },
+  "packageManager": "yarn@4.5.0"
 }
diff --git a/template/plugins/compile-js/index.js b/template/plugins/compile-js/index.js
@@ -1,10 +1,8 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
 const promptsOptions = require('./_prompts');
-// eslint-disable-next-line @typescript-eslint/no-var-requires,@typescript-eslint/unbound-method
 const { apply } = require('./plugin');
 
 module.exports = {
-	name: 'typescript',
-	promptsOptions,
-	apply,
+  name: 'typescript',
+  promptsOptions,
+  apply,
 };
diff --git a/template/plugins/compile-js/plugin.js b/template/plugins/compile-js/plugin.js
@@ -1,87 +1,83 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
 const { execSync } = require('child_process');
 
 function isYarnAvailable() {
-	try {
-		return !!(
-			execSync('yarn --version', {
-				stdio: [0, 'pipe', 'ignore'],
-			}).toString() || ''
-		).trim();
-	} catch (error) {
-		return null;
-	}
+  try {
+    return !!(
+      execSync('yarn --version', {
+        stdio: [0, 'pipe', 'ignore'],
+      }).toString() || ''
+    ).trim();
+  } catch (error) {
+    return null;
+  }
 }
 function isNpmAvailable() {
-	try {
-		return !!(
-			execSync('npm --version', {
-				stdio: [0, 'pipe', 'ignore'],
-			}).toString() || ''
-		).trim();
-	} catch (error) {
-		return null;
-	}
+  try {
+    return !!(
+      execSync('npm --version', {
+        stdio: [0, 'pipe', 'ignore'],
+      }).toString() || ''
+    ).trim();
+  } catch (error) {
+    return null;
+  }
 }
 
 module.exports = {
-	async apply(value, previousValues) {
-		return new Promise(resolve => {
-			let packageManager = null;
+  async apply(value, previousValues) {
+    return new Promise((resolve) => {
+      let packageManager = null;
 
-			// react-native cli prefer yarn so we follow the same logic
-			if (isYarnAvailable()) {
-				packageManager = 'yarn';
-			} else if (isNpmAvailable()) {
-				packageManager = 'npm';
-			}
+      // react-native cli prefer yarn so we follow the same logic
+      if (isYarnAvailable()) {
+        packageManager = 'yarn';
+      } else if (isNpmAvailable()) {
+        packageManager = 'npm';
+      }
 
-			if (!packageManager) {
-				console.error(
-					'🚨 No package manager found. Please install yarn or npm.'
-				);
-				process.exit(1);
-			}
+      if (!packageManager) {
+        console.error(
+          '🚨 No package manager found. Please install yarn or npm.',
+        );
+        process.exit(1);
+      }
 
-			if (!value) {
-				console.log('\n');
+      if (!value) {
+        console.log('\n');
 
-				console.log('📦 Loading the build tool...');
-				execSync(`${packageManager} add -D typescript`);
+        console.log('📦 Loading the build tool...');
+        execSync(`${packageManager} add -D typescript`);
 
-				console.log('🧱 Building the javascript source...');
-				execSync(
-					'npx tsc --jsx react-native --module ESNext -t esnext --outDir js --noEmit false'
-				);
+        console.log('🧱 Building the javascript source...');
+        execSync(
+          'npx tsc --jsx react-native --module ESNext --outDir js --noEmit false --isolatedModules false --esModuleInterop true',
+        );
 
-				try {
-					console.log('🖼️  Copying assets...');
-					execSync('cp -R src/theme/assets js/src/theme/assets');
+        try {
+          console.log('🖼️  Copying assets...');
+          execSync('cp -R src/theme/assets/images js/src/theme/assets/images');
 
-					console.log('♻️  Replacing source...');
-					execSync('rm -rf src', { stdio: 'pipe' });
-					execSync('cp -R js/src ./src', { stdio: 'pipe' });
-					execSync('rm -rf js', { stdio: 'pipe' });
-				} catch (error) {
-					console.error(
-						'🚨 Failed to copy assets or replace source. If you are using windows, please use git bash.'
-					);
-					process.exit(1);
-				}
+          console.log('♻️  Replacing source...');
+          execSync('rm -rf src', { stdio: 'pipe' });
+          execSync('cp -R js/src ./src', { stdio: 'pipe' });
+          execSync('rm -rf js', { stdio: 'pipe' });
+        } catch (error) {
+          console.error(
+            '🚨 Failed to copy assets or replace source. If you are using windows, please use git bash.',
+          );
+          process.exit(1);
+        }
 
-				console.log('💣 change eslint config...');
-				execSync('cp .eslintrcJsVersion.js .eslintrc.js', { stdio: 'pipe' });
-				execSync('rm .eslintrcJsVersion.js', { stdio: 'pipe' });
+        console.log('🌀 Removing types ...');
+        execSync('rm -rf src/theme/types', { stdio: 'pipe' });
+        execSync('rm -f src/navigations/paths.js', { stdio: 'pipe' });
+        execSync('rm -f src/navigations/types.js', { stdio: 'pipe' });
+        execSync(
+          `${packageManager} add -D @typescript-eslint/eslint-plugin eslint-plugin-jest`,
+        );
+      }
 
-				console.log('🌀 Removing types ...');
-				execSync('rm -rf src/types/theme', { stdio: 'pipe' });
-				execSync('rm -rf src/types/*.ts', { stdio: 'pipe' });
-
-			} else {
-				execSync('rm .eslintrcJsVersion.js', { stdio: 'pipe' });
-			}
-
-			resolve();
-		});
-	},
+      resolve();
+    });
+  },
 };
diff --git a/template/src/hooks/domain/user/useUser.ts b/template/src/hooks/domain/user/useUser.ts
@@ -6,7 +6,7 @@ import { queryClient } from '@/App';
 
 import { UserServices } from './userService';
 
-enum QueryKey {
+const enum QueryKey {
   fetchOne = 'fetchOneUser',
 }
 
diff --git a/template/src/hooks/language/schema.ts b/template/src/hooks/language/schema.ts
@@ -1,10 +1,13 @@
 import { z } from 'zod';
 
-export enum SupportedLanguages {
+export const enum SupportedLanguages {
   EN_EN = 'en-EN',
   FR_FR = 'fr-FR',
 }
 
-export const languageSchema = z.nativeEnum(SupportedLanguages);
+export const languageSchema = z.enum([
+  SupportedLanguages.EN_EN,
+  SupportedLanguages.FR_FR,
+]);
 
 export type Language = z.infer<typeof languageSchema>;
diff --git a/template/src/navigations/paths.ts b/template/src/navigations/paths.ts
@@ -1,4 +1,4 @@
-export enum Paths {
+export const enum Paths {
   Example = 'example',
   Startup = 'startup',
 }
diff --git a/template/src/screens/Example/Example.test.tsx b/template/src/screens/Example/Example.test.tsx
diff --git a/template/src/theme/_config.ts b/template/src/theme/_config.ts
diff --git a/template/src/theme/assets/getAssetsContext.ts b/template/src/theme/assets/getAssetsContext.ts
diff --git a/template/yarn.lock b/template/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+nodeLinker: node-modules`
	`2`	`+`
	`3`	`+yarnPath: .yarn/releases/yarn-4.5.0.cjs`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { setUpTests } from 'react-native-reanimated';`
	`2`	`+`
	`3`	`+setUpTests();`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';`
	`2`	`+`
	`3`	`+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);`