create-ng-tailwind 2.1.1 → 3.0.1

package/lib/templates/starter/seo-assets.js

@@ -11,7 +11,7 @@ function createDefaultOGImage(projectName) {
   <defs>
     <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="1200" height="630" fill="url(#grad)"/>
@@ -38,7 +38,7 @@ function createFavicon(projectName) {
   <defs>
     <linearGradient id="faviconGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="32" height="32" rx="6" fill="url(#faviconGrad)"/>
@@ -58,7 +58,7 @@ function createAppleTouchIcon(projectName) {
   <defs>
     <linearGradient id="appleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="180" height="180" rx="40" fill="url(#appleGrad)"/>
@@ -78,7 +78,7 @@ function createAndroidIcon(projectName) {
   <defs>
     <linearGradient id="androidGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="192" height="192" rx="48" fill="url(#androidGrad)"/>
@@ -98,7 +98,7 @@ function createAndroidIconLarge(projectName) {
   <defs>
     <linearGradient id="androidLargeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="512" height="512" rx="128" fill="url(#androidLargeGrad)"/>
@@ -118,7 +118,7 @@ function createLogo(projectName) {
   <defs>
     <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#a855f7;stop-opacity:1" />
     </linearGradient>
   </defs>
   <rect width="50" height="50" x="5" y="5" rx="10" fill="url(#logoGrad)"/>

package/lib/templates/starter/ui-features.js

@@ -90,13 +90,12 @@ export class ModalService {
 
 async function createModalComponent(config) {
   const modalComponent = `import { Component, inject, HostListener } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { ModalService } from '@core/services/modal.service';
 import { ButtonComponent } from '@shared/components/button/button.component';
 
 @Component({
   selector: 'app-modal',
-  imports: [CommonModule, ButtonComponent],
+  imports: [ButtonComponent],
   template: \`
     @if (modalService.isOpen()) {
       <!-- Backdrop -->

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
 
 ## 🎯 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": "2.1.1",
+  "version": "3.0.1",
   "description": "🚀 A CLI tool to give starter template for angular project with tailwind css",
   "main": "bin/create-ng-tailwind.js",
   "bin": {