eureka-init 1.0.6 → 1.1.1

package/README.md

@@ -8,6 +8,20 @@ Modul untuk menyeragamkan format commit, linting, dan formatting di seluruh proj
 - Memudahkan tracking bug & fitur.
 - Siap untuk CI/CD dan audit sistem.
 
+## 📢 Rangkuman Update Terbaru (v1.0.6 - v1.1.0)
+
+Modul ini telah mendapatkan peningkatan signifikan untuk mendukung ekosistem pengembangan modern (khususnya React dan Next.js) secara *out-of-the-box*:
+
+### 🌟 v1.1.0: Integrasi `lint-staged` & Linter React
+- **`lint-staged` & Hook Pre-commit Super Cepat**: Hook `pre-commit` kini otomatis menjalankan `npx lint-staged`. Proses linting dan formatting hanya dilakukan pada file yang mengalami perubahan (di-stage), bukan keseluruhan project, sehingga *commit* menjadi jauh lebih cepat.
+- **Optimasi Tanpa Redundansi**: Konfigurasi `lint-staged.config.js` dirancang cerdas untuk menghindari kerja dua kali. Eksekusi `eslint --fix` pada file JS/TS/JSX/TSX sudah otomatis mencakup *formatting* Prettier (melalui `plugin:prettier/recommended`), sedangkan file non-JS (`.json, .css, .md`) tetap dirapikan dengan `prettier --write`.
+- **Dukungan Penuh Aturan React**: Konfigurasi ESLint (`.eslintrc.js`) kini sudah terbundel dengan `eslint-plugin-react` (`plugin:react/recommended`). Aturan usang pada React modern seperti `react-in-jsx-scope` dan `prop-types` telah dinonaktifkan secara otomatis.
+
+### 🧪 v1.0.6: Standarisasi Unit Testing dengan Jest
+- **Environment Testing Siap Pakai**: Konfigurasi `jest.config.js` dan `jest.setup.js` telah disesuaikan untuk pengujian komponen UI React/Next.js menggunakan `@testing-library/react`, `@testing-library/jest-dom`, `@testing-library/user-event`, dan `jest-environment-jsdom`.
+- **Mocking & Modul Alias**: Sudah dilengkapi konfigurasi penanganan aset statis serta pemetaan CSS Modules (`identity-obj-proxy`) agar test tidak gagal saat mengimpor file styling.
+- **Contoh Test Otomatis**: Saat inisialisasi (`npx eureka-init`), sistem otomatis membuat struktur folder `src/__tests__` beserta file `example.test.js` sebagai acuan dan panduan standar penulisan test bagi tim developer.
+
 ## 🚀 Cara Penggunaan
 
 ### 1. Install Dependency
@@ -27,11 +41,12 @@ npx eureka-init
 Perintah ini akan:
 1. Membuat file `commitlint.config.js`.
 2. Membuat file `.prettierrc`.
-3. Membuat file `.eslintrc.js`.
-4. Membuat file `jest.config.js` dan `jest.setup.js`.
-5. Menjalankan `npx husky install`.
-6. Membuat hook `.husky/commit-msg` dan `.husky/pre-commit`.
-7. Menambahkan script `prepare`, `lint`, `format`, dan `test` di `package.json`.
+3. Membuat file `.eslintrc.js` (dilengkapi dengan `eslint-plugin-react`).
+4. Membuat file `lint-staged.config.js`.
+5. Membuat file `jest.config.js` dan `jest.setup.js`.
+6. Menjalankan `npx husky install`.
+7. Membuat hook `.husky/commit-msg` dan `.husky/pre-commit` (terintegrasi dengan `lint-staged`).
+8. Menambahkan script `prepare`, `lint`, `format`, `test`, dan `lint-staged` di `package.json`.
 
 ## 🧱 Format Commit
 Gunakan format: `<type>: <subject>`
@@ -55,3 +70,4 @@ Setelah instalasi, Anda bisa menggunakan:
 - `npm run lint`: Menjalankan eslint.
 - `npm run format`: Menjalankan prettier untuk merapikan kode.
 - `npm run test`: Menjalankan unit test menggunakan Jest.
+- `npm run lint-staged`: Menjalankan linting dan formatting otomatis pada file yang di-stage sebelum commit.

package/bin/eureka-init.js

@@ -29,6 +29,10 @@ function setup() {
     path.join(templateDir, '.eslintrc.js'),
     path.join(cwd, '.eslintrc.js')
   );
+  copyFile(
+    path.join(templateDir, 'lint-staged.config.js'),
+    path.join(cwd, 'lint-staged.config.js')
+  );
   copyFile(
     path.join(templateDir, 'jest.config.js'),
     path.join(cwd, 'jest.config.js')
@@ -97,6 +101,9 @@ function setup() {
     if (!pkg.scripts.test) {
       pkg.scripts.test = 'jest --passWithNoTests';
     }
+    if (!pkg.scripts['lint-staged']) {
+      pkg.scripts['lint-staged'] = 'lint-staged';
+    }
 
     fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
     console.log('✅ Updated package.json scripts');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eureka-init",
-  "version": "1.0.6",
+  "version": "1.1.1",
   "description": "Shared configuration for Husky, Commitlint, Prettier, ESLint, and Jest for Eureka Group",
   "main": "index.js",
   "bin": {
@@ -16,7 +16,9 @@
     "husky",
     "commitlint",
     "prettier",
-    "eureka"
+    "eureka",
+    "lint-staged",
+    "eslint-plugin-react"
   ],
   "author": "Eureka Group",
   "license": "ISC",
@@ -29,10 +31,12 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
     "husky": "^9.0.11",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "identity-obj-proxy": "^3.0.0",
+    "lint-staged": "^15.2.2",
     "prettier": "^3.2.5"
   }
 }

package/templates/.eslintrc.js

@@ -6,14 +6,23 @@ module.exports = {
   },
   extends: [
     'eslint:recommended',
+    'plugin:react/recommended',
     'plugin:prettier/recommended',
   ],
+  plugins: ['react'],
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
   },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
   rules: {
     'no-console': 'warn',
     'prettier/prettier': 'error',
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
   },
 };

package/templates/husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run lint
+npx lint-staged

package/templates/lint-staged.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  // eslint --fix sudah otomatis menjalankan Prettier sekaligus memperbaiki linter
+  '*.{js,jsx,ts,tsx}': ['eslint --fix'],
+  // File non-JS/TS tetap menggunakan prettier secara langsung
+  '*.{json,css,scss,md}': ['prettier --write'],
+};