Sundar Gutka Version 5.9

.eslintrc.json

@@ -2,6 +2,7 @@
   "extends": ["airbnb", "prettier", "plugin:prettier/recommended", "eslint-config-prettier"],
   "parser": "@babel/eslint-parser",
   "rules": {
+    "react-native/no-unused-styles": 2,
     "curly": "warn",
     "import/no-unresolved": "off",
     "global-require": 0,
@@ -25,7 +26,87 @@
         "trailingComma": "es5",
         "printWidth": 100
       }
+    ],
+    "import/order": [
+      "error",
+      {
+        "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+        "pathGroups": [
+          {
+            "pattern": "react*",
+            "group": "external",
+            "position": "before"
+          },
+          {
+            "pattern": "@common/**",
+            "group": "internal",
+            "position": "before"
+          },
+          {
+            "pattern": "@**",
+            "group": "internal",
+            "position": "before"
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["builtin"],
+        "newlines-between": "never",
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
     ]
   },
-  "plugins": ["prettier"]
+  "overrides": [
+    {
+      "files": ["**/*.test.js", "**/*.test.jsx", "**/__mocks__/**", "**/test-utils/**"],
+      "env": {
+        "jest": true
+      },
+      "rules": {
+        "react/jsx-filename-extension": "off",
+        "import/prefer-default-export": "off",
+        "react/prop-types": "off",
+        "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+        "react/react-in-jsx-scope": "off",
+        "react/jsx-no-useless-fragment": "off",
+        "no-nested-ternary": "off"
+      }
+    },
+    {
+      "files": ["**/*.test.jsx"],
+      "rules": {
+        "import/order": [
+          "error",
+          {
+            "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+            "pathGroups": [
+              {
+                "pattern": "react*",
+                "group": "external",
+                "position": "before"
+              },
+              {
+                "pattern": "@common/**",
+                "group": "internal",
+                "position": "before"
+              },
+              {
+                "pattern": "@**",
+                "group": "internal",
+                "position": "before"
+              }
+            ],
+            "pathGroupsExcludedImportTypes": ["builtin"],
+            "newlines-between": "always",
+            "alphabetize": {
+              "order": "asc",
+              "caseInsensitive": true
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "plugins": ["prettier", "react-native"]
 }

.github/ISSUE_TEMPLATE/config.yml

@@ -4,5 +4,5 @@ contact_links:
     url: https://github.com/KhalisFoundation/sundar-gutka-react/blob/master/README.md
     about: Please check our documentation before creating an issue.
   - name: 🐛 Known Issues
-    url: https://github.com/WahegurooNetwork/SundarGutka/issues?q=is%3Aissue+is%3Aopen+label%3Abug
+    url: https://github.com/KhalisFoundation/sundar-gutka-react/issues?q=is%3Aissue+is%3Aopen+label%3Abug
     about: Check if your issue has already been reported.

.github/workflows/pr-tests.yml

@@ -0,0 +1,36 @@
+name: PR CI
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+    branches: [master, dev]
+
+concurrency:
+  group: pr-ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint-and-test:
+    if: github.event.pull_request.draft == false
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "yarn"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      # Lint step
+      - name: Run ESLint
+        run: yarn lint
+
+      # Unit tests (Jest example)
+      - name: Run tests
+        run: yarn test --ci --watchAll=false --reporters=default

.gitignore

@@ -34,6 +34,7 @@ local.properties
 *.keystore
 !debug.keystore
 .kotlin/
+android/node
 
 # node.js
 #

.vscode/settings.json

@@ -6,5 +6,25 @@
   "prettier.semi": true,
   "javascript.format.semicolons": "insert",
   "prettier.printWidth": 100,
-  "cSpell.words": ["Pressable"]
+  "cSpell.words": ["Larivaar", "padched", "Pressable", "shabad", "vishraam"],
+  "react-native-ide.jsxRuntime": "automatic",
+  "react-native-ide.reactVersion": "19.0.0",
+  "react-native-ide.reactNativeVersion": "0.78.0",
+  "typescript.preferences.includePackageJsonAutoImports": "on",
+  "javascript.preferences.includePackageJsonAutoImports": "on",
+  "react-native-ide.enableTypeScript": true,
+  "react-native-ide.enableJavaScript": true,
+  "react-native-ide.enableJSX": true,
+  "react-native-ide.moduleResolution": "node",
+  "react-native-ide.allowSyntheticDefaultImports": true,
+  "react-native-ide.esModuleInterop": true,
+  "react-native-ide.enableRenderer": false,
+  "react-native-ide.enableFabric": false,
+  "react-native-ide.enableNewArchitecture": false,
+  "react-native-ide.compatibilityMode": true,
+  "react-native-ide.moduleMapping": {
+    "__RNIDE_lib__/JSXRuntime/react-native-78-79/react-jsx-dev-runtime.development.js": "react/jsx-dev-runtime",
+    "__RNIDE_lib__/rn-renderer/react-native-78-79/ReactFabric-dev.js": "react-native/Libraries/Renderer/implementations/ReactFabric-dev.js"
+  },
+  "java.configuration.updateBuildConfiguration": "interactive"
 }

CONTRIBUTING.md

@@ -0,0 +1,106 @@
+# Contributing to Sundar Gutka
+
+First of all, thank you for taking the time to contribute!
+
+The following is a set of guidelines for contributing to Sundar Gutka, which is hosted in the Khalis Foundation organization on GitHub. These are mostly guidelines, not rules. Use your best judgment, and feel free to propose changes to this document in a pull request.
+
+## Recommendation
+
+Always write code using functional components (hooks based) following latest React and React-native standards.
+
+## Styleguides
+
+### Git Workflow
+
+We are currently following conventional commit style:
+
+1. **Branch Naming**: Use descriptive branch names (`feature/`, `fix/`, `refactor/`)
+2. **Small PRs**: Keep pull requests focused and small
+3. **Commit Messages**: Follow conventional commit format
+4. **Review**: All PRs require review before merging
+
+### JavaScript Styleguide
+
+All JavaScript must adhere to our ESLint and Prettier rules. We recommend using VSCode with Prettier plugin installed to avoid linting errors. We anyway lint the code before pushing to repo.
+
+## Testing
+
+### Writing Tests
+
+**All new features and bug fixes must include tests.** Tests are required for:
+
+---
+
+- New components
+- New hooks
+- New utility functions
+- Bug fixes (regression tests)
+
+### Test Structure
+
+- Place test files next to the component/function they test: `ComponentName.test.jsx` or `hookName.test.js`
+- Use Jest and React Testing Library for component testing
+- Use the test utilities from `@common/test-utils` for mocking
+
+### Running Tests
+
+```bash
+# Run all tests
+yarn test
+```
+
+### Test Utilities
+
+See [`src/common/test-utils/README.md`](src/common/test-utils/README.md) for available mocks and utilities.
+
+## React Native Best Practices
+
+### Component Structure
+
+1. **Use Functional Components**: Always use functional components with hooks
+2. **Memoization**: Use `React.memo()` for components that receive stable props
+3. **Custom Hooks**: Extract reusable logic into custom hooks
+4. **Component Organization**: Keep components small and focused on a single responsibility
+
+### State Management
+
+1. **Redux**: Use Redux Toolkit for global state management
+2. **Local State**: Use `useState` for component-specific state
+3. **Context**: Use React Context sparingly, prefer Redux for shared state
+
+### Navigation
+
+1. **Type Safety**: Use TypeScript types for navigation params when possible
+2. **Deep Linking**: Consider deep linking when adding new screens
+3. **Back Handler**: Use `useBackHandler` hook for Android back button handling
+
+### Styling
+
+1. **Themed Styles**: Always use `useThemedStyles` hook for styling
+2. **StyleSheet**: Use `StyleSheet.create()` for performance
+3. **Responsive Design**: Consider different screen sizes and orientations
+
+### Error Handling
+
+1. **Error Boundaries**: Wrap components in error boundaries where appropriate
+2. **Try-Catch**: Use try-catch for async operations
+3. **User Feedback**: Show user-friendly error messages
+
+### Accessibility
+
+1. **Accessibility Labels**: Add `accessibilityLabel` props to interactive elements
+2. **Test IDs**: Use `testID` for testing purposes
+3. **Screen Reader**: Test with screen readers (VoiceOver/TalkBack)
+
+### Code Organization
+
+1. **File Naming**: Use PascalCase for components, camelCase for utilities
+2. **Import Order**: Follow ESLint import order rules
+3. **Barrel Exports**: Use index.js files for clean imports
+4. **Path Aliases**: Use `@common`, `@database`, `@service`, etc. for imports
+
+### Dependencies
+
+1. **Keep Updated**: Regularly update dependencies
+2. **Native Modules**: Test native module changes on both platforms
+3. **Lock File**: Commit `yarn.lock` to version control