style: fix code formatting [skip ci]

Author: iqbalhasandev

CHANGELOG.md

@@ -34,23 +34,27 @@ All notable changes to `@devwizard/laravel-localizer-react` will be documented i
   - Automatic page props detection
 
 ### 📚 Documentation
+
 - Comprehensive README with usage examples
 - API documentation with TypeScript interfaces
 - Migration guide from v1 to v2
 
 ### 🧪 Testing
+
 - Jest configuration
 - Comprehensive test suite with 100% coverage
 - Testing Library for React components
 - ESM module support
 
 ### 🛠️ Development Tools
+
 - ESLint configuration with TypeScript and React rules
 - Prettier for code formatting
 - tsup for building and bundling
 - GitHub Actions for CI/CD
 
 ### 📦 Package Configuration
+
 - ESM-only distribution
 - Tree-shakeable exports
 - Proper package.json exports field

README.md

@@ -23,6 +23,7 @@ yarn add @devwizard/laravel-localizer-react
 ```
 
 **Backend (Composer):**
+
 ```bash
 composer require devwizardhq/laravel-localizer
 php artisan localizer:install --framework=react
@@ -143,18 +144,18 @@ function ConditionalMessage() {
 
 Returns an object with the following properties and methods:
 
-| Property | Type | Description |
-|----------|------|-------------|
-| `__` | `(key, replacements?, fallback?) => string` | Main translation function |
-| `trans` | `(key, replacements?, fallback?) => string` | Alias for `__` |
-| `lang` | `(key, replacements?, fallback?) => string` | Alias for `__` |
-| `has` | `(key) => boolean` | Check if translation key exists |
-| `choice` | `(key, count, replacements?) => string` | Pluralization support |
-| `locale` | `string` | Current locale code |
-| `dir` | `'ltr' \| 'rtl'` | Text direction |
-| `availableLocales` | `Record<string, LocaleInfo>` | Available locales with metadata |
-| `translations` | `Record<string, string>` | All translations for current locale |
-| `getLocales` | `() => string[]` | Get all available locale codes |
+| Property           | Type                                        | Description                         |
+| ------------------ | ------------------------------------------- | ----------------------------------- |
+| `__`               | `(key, replacements?, fallback?) => string` | Main translation function           |
+| `trans`            | `(key, replacements?, fallback?) => string` | Alias for `__`                      |
+| `lang`             | `(key, replacements?, fallback?) => string` | Alias for `__`                      |
+| `has`              | `(key) => boolean`                          | Check if translation key exists     |
+| `choice`           | `(key, count, replacements?) => string`     | Pluralization support               |
+| `locale`           | `string`                                    | Current locale code                 |
+| `dir`              | `'ltr' \| 'rtl'`                            | Text direction                      |
+| `availableLocales` | `Record<string, LocaleInfo>`                | Available locales with metadata     |
+| `translations`     | `Record<string, string>`                    | All translations for current locale |
+| `getLocales`       | `() => string[]`                            | Get all available locale codes      |
 
 ## Vite Plugin Options
 
@@ -203,8 +204,8 @@ The package is fully typed. Generated translation files include TypeScript defin
 ```typescript
 // Generated by localizer:generate
 export const en = {
-  "welcome": "Welcome",
-  "validation.required": "This field is required",
+  welcome: 'Welcome',
+  'validation.required': 'This field is required',
 } as const;
 
 export type TranslationKeys = keyof typeof en;

__tests__/useTranslation.test.tsx

@@ -144,9 +144,7 @@ describe('useTranslation', () => {
 
       const { result } = renderHook(() => useTranslation());
 
-      expect(result.current.choice('user.items', 3, { name: 'Alice' })).toBe(
-        'Alice has 3 items'
-      );
+      expect(result.current.choice('user.items', 3, { name: 'Alice' })).toBe('Alice has 3 items');
     });
   });
 

__tests__/vite-plugin.test.ts

@@ -43,7 +43,7 @@ describe('laravelLocalizer Vite Plugin', () => {
 
     it('should set up file watchers', () => {
       const plugin = laravelLocalizer();
-      
+
       const mockWatcher = {
         on: jest.fn(),
       };

eslint.config.min.js

@@ -1 +1,28 @@
-import js from"@eslint/js";import tseslint from"typescript-eslint";import reactPlugin from"eslint-plugin-react";import reactHooksPlugin from"eslint-plugin-react-hooks";export default tseslint.config(js.configs.recommended,...tseslint.configs.recommended,{files:["**/*.ts","**/*.tsx"],plugins:{react:reactPlugin,"react-hooks":reactHooksPlugin},rules:{"@typescript-eslint/no-explicit-any":"warn","@typescript-eslint/no-unused-vars":["error",{argsIgnorePattern:"^_",varsIgnorePattern:"^_"}],"react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn"}},{files:["**/__tests__/**","*.config.*","*.cjs"],rules:{"@typescript-eslint/no-explicit-any":"off"}},{ignores:["dist/**","node_modules/**","coverage/**","*.cjs","*.min.js","eslint.config.js"]});
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+export default tseslint.config(
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    plugins: { react: reactPlugin, 'react-hooks': reactHooksPlugin },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+      ],
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+    },
+  },
+  {
+    files: ['**/__tests__/**', '*.config.*', '*.cjs'],
+    rules: { '@typescript-eslint/no-explicit-any': 'off' },
+  },
+  {
+    ignores: ['dist/**', 'node_modules/**', 'coverage/**', '*.cjs', '*.min.js', 'eslint.config.js'],
+  }
+);

hooks/useTranslation.ts

@@ -156,11 +156,8 @@ export function useTranslation(): UseTranslationReturn {
   const { props } = usePage<PageProps>();
   const locale = props.locale?.current || 'en';
   const dir = props.locale?.dir || 'ltr';
-  
-  const availableLocales = useMemo(
-    () => props.locale?.available || {},
-    [props.locale?.available]
-  );
+
+  const availableLocales = useMemo(() => props.locale?.available || {}, [props.locale?.available]);
 
   // Dynamically import translations from generated files
   // Note: Users need to set up path alias '@/lang' -> 'resources/js/lang'

jest.config.min.js

@@ -1 +1,21 @@
-module.exports={preset:"ts-jest",testEnvironment:"jsdom",roots:["<rootDir>"],testMatch:["**/__tests__/**/*.test.ts","**/__tests__/**/*.test.tsx"],moduleNameMapper:{"^@/(.*)$":"<rootDir>/$1"},setupFilesAfterEnv:["<rootDir>/__tests__/setup.ts"],collectCoverageFrom:["hooks/**/*.ts","vite-plugin.ts","index.ts","!**/*.d.ts","!**/__tests__/**","!**/node_modules/**","!**/dist/**"],coverageThreshold:{global:{branches:80,functions:80,lines:80,statements:80}},transform:{"^.+\\.tsx?$":["ts-jest",{tsconfig:{jsx:"react-jsx",esModuleInterop:!0}}]}};
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  roots: ['<rootDir>'],
+  testMatch: ['**/__tests__/**/*.test.ts', '**/__tests__/**/*.test.tsx'],
+  moduleNameMapper: { '^@/(.*)$': '<rootDir>/$1' },
+  setupFilesAfterEnv: ['<rootDir>/__tests__/setup.ts'],
+  collectCoverageFrom: [
+    'hooks/**/*.ts',
+    'vite-plugin.ts',
+    'index.ts',
+    '!**/*.d.ts',
+    '!**/__tests__/**',
+    '!**/node_modules/**',
+    '!**/dist/**',
+  ],
+  coverageThreshold: { global: { branches: 80, functions: 80, lines: 80, statements: 80 } },
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: { jsx: 'react-jsx', esModuleInterop: !0 } }],
+  },
+};

tsconfig.json

@@ -37,15 +37,6 @@
     "noUncheckedIndexedAccess": true,
     "skipLibCheck": true
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "__tests__",
-    "**/*.test.ts",
-    "**/*.test.tsx"
-  ]
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist", "__tests__", "**/*.test.ts", "**/*.test.tsx"]
 }