create-ng-tailwind 3.0.1 → 4.0.0

package/lib/templates/ecommerce/services.js

@@ -0,0 +1,300 @@
+const fs = require("fs-extra");
+const path = require("path");
+
+/**
+ * Ecommerce Services
+ * - ProductService (product data and queries)
+ * - CartService (shopping cart with computed totals)
+ * - WishlistService (wishlist management)
+ */
+
+async function createServices(config) {
+  // Product Service
+  const productService = `import { Injectable, signal } from '@angular/core';
+
+export interface Product {
+  id: number;
+  name: string;
+  description: string;
+  price: number;
+  originalPrice?: number;
+  image: string;
+  images?: string[];
+  category: string;
+  rating: number;
+  reviewCount: number;
+  badge?: string;
+  inStock: boolean;
+  features?: string[];
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ProductService {
+  private products = signal<Product[]>([
+    {
+      id: 1,
+      name: 'Wireless Bluetooth Headphones',
+      description: 'Premium noise-canceling wireless headphones with 30-hour battery life. Features active noise cancellation, comfortable over-ear design, and crystal-clear audio quality.',
+      price: 199.99,
+      originalPrice: 249.99,
+      image: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400',
+      images: [
+        'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=800',
+        'https://images.unsplash.com/photo-1484704849700-f032a568e944?w=800',
+      ],
+      category: 'Electronics',
+      rating: 4.5,
+      reviewCount: 128,
+      badge: 'Sale',
+      inStock: true,
+      features: ['Active Noise Cancellation', '30-hour Battery', 'Bluetooth 5.0', 'Foldable Design'],
+    },
+    {
+      id: 2,
+      name: 'Smart Watch Pro',
+      description: 'Advanced smartwatch with health monitoring, GPS tracking, and 7-day battery life. Water-resistant and compatible with iOS and Android.',
+      price: 299.99,
+      image: 'https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400',
+      category: 'Electronics',
+      rating: 4.8,
+      reviewCount: 256,
+      badge: 'New',
+      inStock: true,
+      features: ['Heart Rate Monitor', 'GPS Tracking', 'Water Resistant', '7-day Battery'],
+    },
+    {
+      id: 3,
+      name: 'Premium Leather Backpack',
+      description: 'Handcrafted genuine leather backpack with laptop compartment. Perfect for work or travel with multiple pockets and durable construction.',
+      price: 149.99,
+      originalPrice: 189.99,
+      image: 'https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400',
+      category: 'Fashion',
+      rating: 4.3,
+      reviewCount: 89,
+      inStock: true,
+      features: ['Genuine Leather', 'Laptop Compartment', 'Multiple Pockets', 'Adjustable Straps'],
+    },
+    {
+      id: 4,
+      name: 'Minimalist Desk Lamp',
+      description: 'Modern LED desk lamp with adjustable brightness and color temperature. Touch control and USB charging port included.',
+      price: 79.99,
+      image: 'https://images.unsplash.com/photo-1507473885765-e6ed057f782c?w=400',
+      category: 'Home',
+      rating: 4.6,
+      reviewCount: 67,
+      inStock: true,
+      features: ['LED Technology', 'Adjustable Brightness', 'USB Charging', 'Touch Control'],
+    },
+    {
+      id: 5,
+      name: 'Organic Coffee Beans',
+      description: 'Single-origin organic Arabica coffee beans from Colombia. Medium roast with notes of chocolate and citrus.',
+      price: 24.99,
+      image: 'https://images.unsplash.com/photo-1559056199-641a0ac8b55e?w=400',
+      category: 'Food',
+      rating: 4.9,
+      reviewCount: 312,
+      badge: 'Best Seller',
+      inStock: true,
+      features: ['100% Organic', 'Single Origin', 'Medium Roast', 'Fair Trade'],
+    },
+    {
+      id: 6,
+      name: 'Yoga Mat Premium',
+      description: 'Extra thick eco-friendly yoga mat with alignment lines. Non-slip surface and carrying strap included.',
+      price: 59.99,
+      originalPrice: 79.99,
+      image: 'https://images.unsplash.com/photo-1601925260368-ae2f83cf8b7f?w=400',
+      category: 'Sports',
+      rating: 4.4,
+      reviewCount: 156,
+      badge: 'Sale',
+      inStock: true,
+      features: ['Eco-Friendly', 'Extra Thick', 'Alignment Lines', 'Non-Slip'],
+    },
+    {
+      id: 7,
+      name: 'Wireless Charging Pad',
+      description: 'Fast wireless charging pad compatible with all Qi-enabled devices. Sleek design with LED indicator.',
+      price: 39.99,
+      image: 'https://images.unsplash.com/photo-1586816879360-004f5b0c51e3?w=400',
+      category: 'Electronics',
+      rating: 4.2,
+      reviewCount: 203,
+      inStock: true,
+      features: ['Fast Charging', 'Qi Compatible', 'LED Indicator', 'Compact Design'],
+    },
+    {
+      id: 8,
+      name: 'Canvas Tote Bag',
+      description: 'Sustainable canvas tote bag with reinforced handles. Perfect for shopping or everyday use.',
+      price: 29.99,
+      image: 'https://images.unsplash.com/photo-1544816155-12df9643f363?w=400',
+      category: 'Fashion',
+      rating: 4.1,
+      reviewCount: 78,
+      inStock: true,
+      features: ['Sustainable', 'Reinforced Handles', 'Machine Washable', 'Large Capacity'],
+    },
+  ]);
+
+  getProducts(): Product[] {
+    return this.products();
+  }
+
+  getProductById(id: number): Product | undefined {
+    return this.products().find(p => p.id === id);
+  }
+
+  getCategories(): string[] {
+    return [...new Set(this.products().map(p => p.category))];
+  }
+
+  getProductsByCategory(category: string): Product[] {
+    return this.products().filter(p => p.category === category);
+  }
+
+  searchProducts(query: string): Product[] {
+    const lowerQuery = query.toLowerCase();
+    return this.products().filter(p =>
+      p.name.toLowerCase().includes(lowerQuery) ||
+      p.description.toLowerCase().includes(lowerQuery) ||
+      p.category.toLowerCase().includes(lowerQuery)
+    );
+  }
+}`;
+
+  await fs.writeFile(
+    path.join(config.fullPath, "src/app/core/services/product.service.ts"),
+    productService
+  );
+
+  // Cart Service
+  const cartService = `import { Injectable, signal, computed } from '@angular/core';
+import { Product } from './product.service';
+
+export interface CartItem {
+  product: Product;
+  quantity: number;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CartService {
+  private items = signal<CartItem[]>([]);
+
+  readonly cartItems = this.items.asReadonly();
+
+  readonly itemCount = computed(() =>
+    this.items().reduce((sum, item) => sum + item.quantity, 0)
+  );
+
+  readonly subtotal = computed(() =>
+    this.items().reduce((sum, item) => sum + (item.product.price * item.quantity), 0)
+  );
+
+  readonly shipping = computed(() => this.subtotal() > 100 ? 0 : 9.99);
+
+  readonly tax = computed(() => this.subtotal() * 0.08);
+
+  readonly total = computed(() => this.subtotal() + this.shipping() + this.tax());
+
+  addItem(product: Product, quantity = 1): void {
+    const currentItems = this.items();
+    const existingIndex = currentItems.findIndex(item => item.product.id === product.id);
+
+    if (existingIndex >= 0) {
+      const updated = [...currentItems];
+      updated[existingIndex] = {
+        ...updated[existingIndex],
+        quantity: updated[existingIndex].quantity + quantity,
+      };
+      this.items.set(updated);
+    } else {
+      this.items.set([...currentItems, { product, quantity }]);
+    }
+  }
+
+  removeItem(productId: number): void {
+    this.items.set(this.items().filter(item => item.product.id !== productId));
+  }
+
+  updateQuantity(productId: number, quantity: number): void {
+    if (quantity <= 0) {
+      this.removeItem(productId);
+      return;
+    }
+
+    const updated = this.items().map(item =>
+      item.product.id === productId ? { ...item, quantity } : item
+    );
+    this.items.set(updated);
+  }
+
+  clearCart(): void {
+    this.items.set([]);
+  }
+
+  isInCart(productId: number): boolean {
+    return this.items().some(item => item.product.id === productId);
+  }
+}`;
+
+  await fs.writeFile(
+    path.join(config.fullPath, "src/app/core/services/cart.service.ts"),
+    cartService
+  );
+
+  // Wishlist Service
+  const wishlistService = `import { Injectable, signal, computed } from '@angular/core';
+import { Product } from './product.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WishlistService {
+  private items = signal<Product[]>([]);
+
+  readonly wishlistItems = this.items.asReadonly();
+
+  readonly itemCount = computed(() => this.items().length);
+
+  toggle(product: Product): void {
+    if (this.isInWishlist(product.id)) {
+      this.remove(product.id);
+    } else {
+      this.add(product);
+    }
+  }
+
+  add(product: Product): void {
+    if (!this.isInWishlist(product.id)) {
+      this.items.set([...this.items(), product]);
+    }
+  }
+
+  remove(productId: number): void {
+    this.items.set(this.items().filter(item => item.id !== productId));
+  }
+
+  isInWishlist(productId: number): boolean {
+    return this.items().some(item => item.id === productId);
+  }
+
+  clearWishlist(): void {
+    this.items.set([]);
+  }
+}`;
+
+  await fs.writeFile(
+    path.join(config.fullPath, "src/app/core/services/wishlist.service.ts"),
+    wishlistService
+  );
+}
+
+module.exports = { createServices };

package/lib/templates/index.js

@@ -1,7 +1,19 @@
 const minimal = require("./minimal");
 const starter = require("./starter");
+const dashboard = require("./dashboard");
+const ecommerce = require("./ecommerce");
+const blog = require("./blog");
+const saas = require("./saas");
+const portfolio = require("./portfolio");
+const landing = require("./landing");
 
 module.exports = {
   minimal,
   starter,
+  dashboard,
+  ecommerce,
+  blog,
+  saas,
+  portfolio,
+  landing,
 };