eureka-init 1.0.5 → 1.1.0

package/.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:prettier/recommended',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  rules: {
+    'no-console': 'warn',
+    'prettier/prettier': 'error',
+  },
+};

package/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit $1

package/.husky/pre-commit

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

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false
+}

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/commitlint.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      ['feat', 'fix', 'refactor', 'chore', 'docs', 'test']
+    ],
+    'subject-case': [2, 'always', 'lower-case'],
+    'subject-min-length': [2, 'always', 10],
+    'subject-max-length': [2, 'always', 100],
+    'subject-full-stop': [2, 'never', '.']
+  }
+};

package/jest.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  coverageDirectory: 'coverage',
+  moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
+  modulePathIgnorePatterns: ['<rootDir>/.next/'],
+};

package/jest.setup.js

@@ -0,0 +1,114 @@
+import '@testing-library/jest-dom';
+
+/**
+ * Mock window.matchMedia (Diperlukan untuk Ant Design dan responsive components)
+ */
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // deprecated
+        removeListener: jest.fn(), // deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});
+
+/**
+ * Mock IntersectionObserver (Biasanya digunakan untuk lazy loading image)
+ */
+global.IntersectionObserver = class IntersectionObserver {
+    constructor() { }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+
+/**
+ * Mock ResizeObserver (Dibutuhkan untuk Framer Motion dan UI responsif)
+ */
+global.ResizeObserver = class ResizeObserver {
+    constructor() { }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+
+/**
+ * Mock window.scrollTo (Penting untuk alur checkout/pembelian)
+ */
+Object.defineProperty(window, 'scrollTo', {
+    value: () => { },
+    writable: true
+});
+
+/**
+ * Mock Next.js Navigation (useRouter, usePathname, dll)
+ */
+jest.mock('next/navigation', () => ({
+    useRouter: () => ({
+        push: jest.fn(),
+        replace: jest.fn(),
+        prefetch: jest.fn(),
+        back: jest.fn(),
+    }),
+    usePathname: () => '',
+    useSearchParams: () => new URLSearchParams(),
+}));
+
+/**
+ * Mock SweetAlert2 (Sering digunakan di project Eureka)
+ */
+jest.mock('sweetalert2', () => ({
+    fire: jest.fn().mockResolvedValue({ isConfirmed: true }),
+}));
+
+/**
+ * Mock LocalStorage
+ */
+const localStorageMock = (function () {
+    let store = {};
+    return {
+        getItem: (key) => store[key] || null,
+        setItem: (key, value) => {
+            store[key] = value.toString();
+        },
+        removeItem: (key) => {
+            delete store[key];
+        },
+        clear: () => {
+            store = {};
+        },
+    };
+})();
+
+Object.defineProperty(window, 'localStorage', {
+    value: localStorageMock,
+});
+
+/**
+ * Mock Fetch API
+ */
+global.fetch = jest.fn(() =>
+    Promise.resolve({
+        json: () => Promise.resolve({}),
+    })
+);
+
+/**
+ * Mock Axios (Standar alur pembelian di Eureka Group)
+ */
+jest.mock('axios', () => ({
+    get: jest.fn(() => Promise.resolve({ data: {} })),
+    post: jest.fn(() => Promise.resolve({ data: {} })),
+    put: jest.fn(() => Promise.resolve({ data: {} })),
+    delete: jest.fn(() => Promise.resolve({ data: {} })),
+    create: jest.fn(function () { return this; }),
+    interceptors: {
+        request: { use: jest.fn(), eject: jest.fn() },
+        response: { use: jest.fn(), eject: jest.fn() },
+    },
+}));

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "eureka-init",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "Shared configuration for Husky, Commitlint, Prettier, ESLint, and Jest for Eureka Group",
   "main": "index.js",
   "bin": {
     "eureka-init": "bin/eureka-init.js"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepare": "husky install",
+    "lint": "eslint .",
+    "format": "prettier --write ."
   },
   "keywords": [
     "husky",
     "commitlint",
     "prettier",
-    "eureka"
+    "eureka",
+    "lint-staged",
+    "eslint-plugin-react"
   ],
   "author": "Eureka Group",
   "license": "ISC",
@@ -26,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/src/__tests__/example.test.js

@@ -0,0 +1,11 @@
+describe('Contoh Unit Test', () => {
+  test('Sistem Testing Eureka Init harus berjalan', () => {
+    const sum = (a, b) => a + b;
+    expect(sum(1, 2)).toBe(3);
+  });
+
+  test('Lingkungan JSDOM harus tersedia', () => {
+    const element = document.createElement('div');
+    expect(element).not.toBeNull();
+  });
+});

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/jest.setup.js

@@ -1,4 +1,4 @@
-import '@testing-library/jest-dom';
+require('@testing-library/jest-dom');
 
 /**
  * Mock window.matchMedia (Diperlukan untuk Ant Design dan responsive components)

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'],
+};