Merge pull request #54 from Resgrid/rn-main

Rn main

Author: ucswift

.DS_Store

@@ -0,0 +1 @@
+---

.bundle/config

@@ -0,0 +1,59 @@
+You are an expert in TypeScript, React Native, Expo, and Mobile App Development.
+
+Code Style and Structure:
+
+- Write concise, type-safe TypeScript code.
+- Use functional components and hooks over class components.
+- Ensure components are modular, reusable, and maintainable.
+- Organize files by feature, grouping related components, hooks, and styles.
+
+Naming Conventions:
+
+- Use camelCase for variable and function names (e.g., `isFetchingData`, `handleUserInput`).
+- Use PascalCase for component names (e.g., `UserProfile`, `ChatScreen`).
+- Directory names should be lowercase and hyphenated (e.g., `user-profile`, `chat-screen`).
+
+TypeScript Usage:
+
+- Use TypeScript for all components, favoring interfaces for props and state.
+- Enable strict typing in `tsconfig.json`.
+- Avoid using `any`; strive for precise types.
+- Utilize `React.FC` for defining functional components with props.
+
+Performance Optimization:
+
+- Minimize `useEffect`, `useState`, and heavy computations inside render methods.
+- Use `React.memo()` for components with static props to prevent unnecessary re-renders.
+- Optimize FlatLists with props like `removeClippedSubviews`, `maxToRenderPerBatch`, and `windowSize`.
+- Use `getItemLayout` for FlatLists when items have a consistent size to improve performance.
+- Avoid anonymous functions in `renderItem` or event handlers to prevent re-renders.
+
+UI and Styling:
+
+- Use consistent styling, either through `StyleSheet.create()` or Styled Components.
+- Ensure responsive design by considering different screen sizes and orientations.
+- Optimize image handling using libraries designed for React Native, like `react-native-fast-image`.
+
+Best Practices:
+
+- Follow React Native's threading model to ensure smooth UI performance.
+- Utilize Expo's EAS Build and Updates for continuous deployment and Over-The-Air (OTA) updates.
+- Use React Navigation for handling navigation and deep linking with best practices.
+- Create and use Jest to test to validate all generated components
+- Write unit tests for all generated logic
+
+Additional Rules:
+
+- Use `pnpm` as the package manager.
+- Use Expo's secure store for sensitive data
+- Implement proper offline support
+- Use `zustand` for state management
+- Use `react-hook-form` for form handling
+- Use `react-query` for data fetching
+- Use `react-i18next` for internationalization
+- Use `react-native-mmkv` for local storage
+- Use `axios` for API requests
+- Use `gluestack-ui` for UI
+- Use `@rnmapbox/maps` for maps, mapping or vehicle navigation
+- Use `lucide-react-native` for icons and use those components directly in the markup and don't use the gluestack-ui icon component
+- Use ? : for conditional rendering and not &&

.cursorrules

@@ -0,0 +1,29 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+yarn-error.log
+/coverage
+# macOS
+.DS_Store
+/android
+/ios
+/web
+/apps
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli
+
+# Include a file not in source control
+!google-services.json
+!credentials.json

.easignore

@@ -0,0 +1,10 @@
+.eslintignorenode_modules
+__tests__/
+.vscode/
+android/
+coverage/
+ios/
+.expo
+.expo-shared
+docs/
+cli/

src/app/app.component.scss .env.developmentsrc/app/app.component.scss renamed to .env.development

@@ -0,0 +1,97 @@
+const path = require('path');
+
+module.exports = {
+  extends: ['expo', 'plugin:tailwindcss/recommended', 'prettier'],
+  plugins: [
+    'prettier',
+    'unicorn',
+    '@typescript-eslint',
+    'unused-imports',
+    'tailwindcss',
+    'simple-import-sort',
+    'eslint-plugin-react-compiler',
+  ],
+  parserOptions: {
+    project: './tsconfig.json',
+  },
+  rules: {
+    'prettier/prettier': 'warn',
+    'max-params': ['error', 10], // Limit the number of parameters in a function to use object instead
+    'max-lines-per-function': ['error', 1000],
+    'react/display-name': 'off',
+    'react/no-inline-styles': 'off',
+    'react/destructuring-assignment': 'off', // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
+    'react/require-default-props': 'off', // Allow non-defined react props as undefined
+    '@typescript-eslint/comma-dangle': 'off', // Avoid conflict rule between Eslint and Prettier
+    '@typescript-eslint/consistent-type-imports': [
+      'warn',
+      {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+        disallowTypeAnnotations: true,
+      },
+    ], // Ensure `import type` is used when it's necessary
+    'import/prefer-default-export': 'off', // Named export is easier to refactor automatically
+    'import/no-cycle': ['error', { maxDepth: '∞' }],
+    'tailwindcss/classnames-order': [
+      'warn',
+      {
+        officialSorting: true,
+      },
+    ], // Follow the same ordering as the official plugin `prettier-plugin-tailwindcss`
+    'simple-import-sort/imports': 'error', // Import configuration for `eslint-plugin-simple-import-sort`
+    'simple-import-sort/exports': 'error', // Export configuration for `eslint-plugin-simple-import-sort`
+    '@typescript-eslint/no-unused-vars': 'off',
+    'tailwindcss/no-custom-classname': 'off',
+    'unused-imports/no-unused-imports': 'error',
+    'unused-imports/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
+  },
+  overrides: [
+    // Configuration for  translations files (i18next)
+    {
+      files: ['src/translations/*.json'],
+      extends: ['plugin:i18n-json/recommended'],
+      rules: {
+        'i18n-json/valid-message-syntax': [
+          2,
+          {
+            syntax: path.resolve('./scripts/i18next-syntax-validation.js'),
+          },
+        ],
+        'i18n-json/valid-json': 2,
+        'i18n-json/sorted-keys': [
+          2,
+          {
+            order: 'asc',
+            indentSpaces: 2,
+          },
+        ],
+        'i18n-json/identical-keys': [
+          2,
+          {
+            filePath: path.resolve('./src/translations/en.json'),
+          },
+        ],
+        'prettier/prettier': [
+          0,
+          {
+            singleQuote: true,
+            endOfLine: 'auto',
+          },
+        ],
+      },
+    },
+    {
+      // Configuration for testing files
+      files: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+      extends: ['plugin:testing-library/react'],
+    },
+  ],
+};