create-ng-tailwind 3.0.1 → 3.1.0

package/CHANGELOG.md

@@ -5,16 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [3.0.1] - 2025-11-30
+## [3.1.0] - 2025-11-30
+
+### ✨ New Features
+
+- **simple-git-hooks**: Added lightweight pre-commit hooks (~1KB vs Husky's ~40KB)
+  - Runs `npm run lint` before each commit
+  - Auto-setup via `prepare` script on `npm install`
+  - Config stored in package.json (no separate folder)
+  - Zero dependencies, much simpler than Husky
 
 ### 🗑️ Removed
 
-- **Husky**: Removed Husky and lint-staged from the starter template
+- **Husky**: Replaced Husky and lint-staged with simple-git-hooks
   - Removed `husky` and `lint-staged` dev dependencies
-  - Removed `prepare` script for Husky installation
   - Removed `setupHusky()` method
-  - Removed Husky references from UI and documentation
-  - Projects now use ESLint + Prettier without pre-commit hooks (developers can add Husky manually if needed)
+  - Lighter alternative with same functionality
 
 ## [3.0.0] - 2025-11-30
 

package/README.md

@@ -154,7 +154,7 @@ The **Starter Template** includes 25+ production-ready features:
 - **Authentication Pages** - Login, Register, Forgot Password
 - **Example Pages** - Home, About, Contact with reactive forms
 - **PWA Support** - Service worker configuration
-- **Linting & Formatting** - ESLint + Prettier (all files pass formatting checks out of the box)
+- **Linting & Formatting** - ESLint + Prettier + simple-git-hooks (pre-commit linting)
 - **Modern Stack** - Tailwind v4, TypeScript, Signals
 
 ## 🎨 Tailwind CSS v4

package/lib/templates/starter/index.js

@@ -64,7 +64,7 @@ const starter = {
       'API, Auth, Storage, Loading, Cache, SEO services',
       'TypeScript interfaces and models',
       'Responsive Tailwind design system',
-      'ESLint + Prettier configured',
+      'ESLint + Prettier + simple-git-hooks (pre-commit)',
       'PWA-ready with service worker configuration',
       'Icons library (@ng-icons/heroicons)',
     ],
@@ -129,7 +129,7 @@ const starter = {
     completeStep('Utility pipes & directives');
     completeStep('Authentication pages & guards');
     completeStep('PWA support configured');
-    completeStep('ESLint + Prettier');
+    completeStep('ESLint + Prettier + simple-git-hooks');
     console.log('');
   },
 
@@ -3170,6 +3170,10 @@ export class HomeComponent implements OnInit {
             <span class="font-mono text-gray-700">Prettier</span>
             <span class="text-gray-500">{{ 'home.preConfigured.formatting' | translate }}</span>
           </div>
+          <div class="flex justify-between items-center p-2 bg-gray-50 rounded">
+            <span class="font-mono text-gray-700">simple-git-hooks</span>
+            <span class="text-gray-500">{{ 'home.preConfigured.gitHooks' | translate }}</span>
+          </div>
           <div class="flex justify-between items-center p-2 bg-gray-50 rounded">
             <span class="font-mono text-gray-700">TypeScript</span>
             <span class="text-gray-500">{{ 'home.preConfigured.typeSafety' | translate }}</span>
@@ -3723,6 +3727,7 @@ export class AboutComponent implements OnInit {
       prettier: '^3.5.3',
       'eslint-config-prettier': '^10.1.2',
       'prettier-plugin-tailwindcss': '^0.6.11',
+      'simple-git-hooks': '^2.11.1',
     };
 
     // Add enhanced scripts
@@ -3734,6 +3739,7 @@ export class AboutComponent implements OnInit {
       'format:ts': 'prettier --write "**/*.ts"',
       'code:check': 'npm run format:check && npm run lint',
       'code:fix': 'npm run format && npm run lint:fix',
+      prepare: 'simple-git-hooks',
     };
 
     // Add prettier configuration
@@ -3756,10 +3762,9 @@ export class AboutComponent implements OnInit {
       ],
     };
 
-    // lint-staged configuration
-    const lintStagedConfig = {
-      '*.{ts,html}': ['prettier --write', 'eslint --fix'],
-      '*.css': ['prettier --write'],
+    // simple-git-hooks configuration (lightweight pre-commit hooks)
+    const simpleGitHooksConfig = {
+      'pre-commit': 'npm run lint',
     };
 
     // Update package.json
@@ -3769,7 +3774,7 @@ export class AboutComponent implements OnInit {
     };
     packageJson.scripts = { ...packageJson.scripts, ...enhancedScripts };
     packageJson.prettier = prettierConfig;
-    packageJson['lint-staged'] = lintStagedConfig;
+    packageJson['simple-git-hooks'] = simpleGitHooksConfig;
 
     // Write updated package.json
     await fs.writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
@@ -3951,6 +3956,7 @@ node_modules/
         'prettier@^3.5.3',
         'eslint-config-prettier@^10.1.2',
         'prettier-plugin-tailwindcss@^0.6.11',
+        'simple-git-hooks@^2.11.1',
       ];
 
       await execa.command(`npm install ${packages.join(' ')} --save-dev`, {

package/lib/utils/ai-config.js

@@ -50,7 +50,7 @@ src/app/
 - **Forms:** Reactive Forms with validation
 - **Routing:** Angular Router with lazy loading
 - **Icons:** @ng-icons/heroicons
-- **Linting:** ESLint + Prettier
+- **Linting:** ESLint + Prettier + simple-git-hooks
 
 ## 🎯 Path Aliases (Use These!)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ng-tailwind",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "🚀 A CLI tool to give starter template for angular project with tailwind css",
   "main": "bin/create-ng-tailwind.js",
   "bin": {