create-ng-tailwind 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -5,6 +5,23 @@ 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.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**: Replaced Husky and lint-staged with simple-git-hooks
+  - Removed `husky` and `lint-staged` dev dependencies
+  - Removed `setupHusky()` method
+  - Lighter alternative with same functionality
+
 ## [3.0.0] - 2025-11-30
 
 ### 💥 Breaking Changes

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 + Husky pre-commit hooks (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 + Husky pre-commit hooks',
+      '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 + Husky');
+    completeStep('ESLint + Prettier + simple-git-hooks');
     console.log('');
   },
 
@@ -3171,7 +3171,7 @@ export class HomeComponent implements OnInit {
             <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">Husky</span>
+            <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">
@@ -3727,8 +3727,7 @@ export class AboutComponent implements OnInit {
       prettier: '^3.5.3',
       'eslint-config-prettier': '^10.1.2',
       'prettier-plugin-tailwindcss': '^0.6.11',
-      husky: '^9.0.11',
-      'lint-staged': '^15.2.0',
+      'simple-git-hooks': '^2.11.1',
     };
 
     // Add enhanced scripts
@@ -3740,7 +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: 'husky install || true',
+      prepare: 'simple-git-hooks',
     };
 
     // Add prettier configuration
@@ -3763,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
@@ -3776,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));
@@ -3926,7 +3924,6 @@ node_modules/
     // Install linting packages if not skipping install
     if (!config.skipInstall) {
       await this.installLintingPackages(config);
-      await this.setupHusky(config);
     }
   },
 
@@ -3959,8 +3956,7 @@ node_modules/
         'prettier@^3.5.3',
         'eslint-config-prettier@^10.1.2',
         'prettier-plugin-tailwindcss@^0.6.11',
-        'husky@^9.0.11',
-        'lint-staged@^15.2.0',
+        'simple-git-hooks@^2.11.1',
       ];
 
       await execa.command(`npm install ${packages.join(' ')} --save-dev`, {
@@ -3991,33 +3987,6 @@ node_modules/
     }
   },
 
-  async setupHusky(config) {
-    const execa = require('execa');
-
-    try {
-      // Initialize husky
-      await execa.command('npx husky install', {
-        cwd: config.fullPath,
-        stdio: 'pipe',
-      });
-
-      // Create pre-commit hook
-      const preCommitHook = `#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx lint-staged
-`;
-
-      await fs.ensureDir(path.join(config.fullPath, '.husky'));
-      await fs.writeFile(path.join(config.fullPath, '.husky/pre-commit'), preCommitHook, {
-        mode: 0o755,
-      });
-    } catch (error) {
-      // If husky setup fails, it's not critical
-      // Silent failure - user can run "npm run prepare" later
-    }
-  },
-
   async setupPWA(config) {
     // Create manifest.json
     const manifest = {

package/lib/utils/ai-config.js

@@ -1,5 +1,5 @@
-const fs = require("fs-extra");
-const path = require("path");
+const fs = require('fs-extra');
+const path = require('path');
 
 /**
  * AI Configuration Generator
@@ -50,7 +50,7 @@ src/app/
 - **Forms:** Reactive Forms with validation
 - **Routing:** Angular Router with lazy loading
 - **Icons:** @ng-icons/heroicons
-- **Linting:** ESLint + Prettier + Husky
+- **Linting:** ESLint + Prettier + simple-git-hooks
 
 ## 🎯 Path Aliases (Use These!)
 
@@ -432,11 +432,11 @@ describe('ExampleComponent', () => {
 `;
 
   // Create .claude directory if it doesn't exist
-  const claudeDir = path.join(projectPath, ".claude");
+  const claudeDir = path.join(projectPath, '.claude');
   await fs.ensureDir(claudeDir);
 
   // Write CLAUDE.md inside .claude folder (uppercase to match Angular CLI convention)
-  await fs.writeFile(path.join(claudeDir, "CLAUDE.md"), claudeMd);
+  await fs.writeFile(path.join(claudeDir, 'CLAUDE.md'), claudeMd);
 }
 
 // ==================== CURSOR-SPECIFIC CONFIG ====================
@@ -518,7 +518,7 @@ Add keys to \`public/assets/i18n/en.json\` and \`ar.json\`
 - No HttpClient directly (use ApiService)
 `;
 
-  await fs.writeFile(path.join(projectPath, ".cursorrules"), cursorRules);
+  await fs.writeFile(path.join(projectPath, '.cursorrules'), cursorRules);
 }
 
 // ==================== WINDSURF-SPECIFIC CONFIG ====================
@@ -596,7 +596,7 @@ public/assets/i18n/en.json + ar.json
 No NgModule, No constructors, No custom CSS, No 'any', No src/assets
 `;
 
-  await fs.writeFile(path.join(projectPath, ".windsurfrules"), windsurfRules);
+  await fs.writeFile(path.join(projectPath, '.windsurfrules'), windsurfRules);
 }
 
 // ==================== MAIN EXPORT ====================
@@ -611,33 +611,29 @@ No NgModule, No constructors, No custom CSS, No 'any', No src/assets
  */
 async function createAIConfigs(projectPath, projectName, aiTools) {
   // Skip if user selected "none"
-  if (
-    !aiTools ||
-    aiTools.length === 0 ||
-    (aiTools.length === 1 && aiTools[0] === "none")
-  ) {
+  if (!aiTools || aiTools.length === 0 || (aiTools.length === 1 && aiTools[0] === 'none')) {
     return;
   }
 
-  console.log("\n🤖 Configuring AI tools...");
+  console.log('\n🤖 Configuring AI tools...');
 
   // Create tool-specific configs only if selected
-  if (aiTools.includes("claude")) {
+  if (aiTools.includes('claude')) {
     await createClaudeConfig(projectPath, projectName);
-    console.log("  ✓ .claude/CLAUDE.md created");
+    console.log('  ✓ .claude/CLAUDE.md created');
   }
 
-  if (aiTools.includes("cursor")) {
+  if (aiTools.includes('cursor')) {
     await createCursorConfig(projectPath, projectName);
-    console.log("  ✓ .cursorrules created");
+    console.log('  ✓ .cursorrules created');
   }
 
-  if (aiTools.includes("windsurf")) {
+  if (aiTools.includes('windsurf')) {
     await createWindsurfConfig(projectPath, projectName);
-    console.log("  ✓ .windsurfrules created");
+    console.log('  ✓ .windsurfrules created');
   }
 
-  console.log("✨ AI configuration complete!\n");
+  console.log('✨ AI configuration complete!\n');
 }
 
 module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ng-tailwind",
-  "version": "3.0.0",
+  "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": {