Merge pull request #13 from dimeloper/feature/enable-incremental-hydration

Update eslint config, enable incremental hydration.

Author: dimeloper

.eslintrc.json

@@ -1,2 +1,2 @@
-pnpm run lint || exit 1
-pnpm run format:check || exit 1
+#!/usr/bin/env sh
+pnpm lint-staged

.husky/pre-commit

@@ -0,0 +1,63 @@
+import angular from '@angular-eslint/eslint-plugin';
+import angularTemplate from '@angular-eslint/eslint-plugin-template';
+import angularParser from '@angular-eslint/template-parser';
+import tsParser from '@typescript-eslint/parser';
+
+export default [
+  // Ignore patterns
+  {
+    ignores: [
+      'dist/**/*',
+      'coverage/**/*',
+      'node_modules/**/*',
+      'projects/**/*',
+    ],
+  },
+
+  // TypeScript files configuration
+  {
+    files: ['**/*.ts'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        project: ['./tsconfig.json', './e2e/tsconfig.json'],
+      },
+    },
+    plugins: {
+      '@angular-eslint': angular,
+    },
+    rules: {
+      ...angular.configs.recommended.rules,
+      '@angular-eslint/component-selector': [
+        'error',
+        {
+          prefix: 'app',
+          style: 'kebab-case',
+          type: 'element',
+        },
+      ],
+      '@angular-eslint/directive-selector': [
+        'error',
+        {
+          prefix: 'app',
+          style: 'camelCase',
+          type: 'attribute',
+        },
+      ],
+    },
+  },
+
+  // HTML template files configuration
+  {
+    files: ['**/*.html'],
+    languageOptions: {
+      parser: angularParser,
+    },
+    plugins: {
+      '@angular-eslint/template': angularTemplate,
+    },
+    rules: {
+      ...angularTemplate.configs.recommended.rules,
+    },
+  },
+];

eslint.config.mjs

@@ -4,6 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
+    "start:defer": "ng serve --no-hmr",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
@@ -16,6 +17,18 @@
     "bundle-report": "ng build --configuration production --source-map && source-map-explorer dist/*.js",
     "prepare": "husky"
   },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{html,css,scss}": [
+      "prettier --write"
+    ],
+    "*.{json,md}": [
+      "prettier --write"
+    ]
+  },
   "private": true,
   "dependencies": {
     "@angular/animations": "^19.2.8",
@@ -59,6 +72,7 @@
     "husky": "^9.1.7",
     "jasmine-core": "~5.1.0",
     "jsdom": "^26.1.0",
+    "lint-staged": "^16.0.0",
     "prettier": "^3.2.5",
     "source-map-explorer": "^2.5.3",
     "typescript": "~5.6.3",