create-nextjs-stack 0.1.1 → 0.1.2

package/templates/admin/components/projects/ProjectForm.tsx

@@ -1,24 +0,0 @@
-"use client";
-
-import ResourceFormClient from "@/components/admin/ResourceFormClient";
-import { resources } from "@/config/resources";
-
-interface ProjectFormProps {
-  mode: "create" | "update";
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  initialData?: any;
-  id?: string;
-}
-
-export default function ProjectForm({ mode, initialData, id }: ProjectFormProps) {
-  const config = resources.find((r) => r.name === "projects")!;
-
-  return (
-    <ResourceFormClient
-      config={config}
-      mode={mode}
-      initialData={initialData}
-      id={id}
-    />
-  );
-}

package/templates/admin/components/projects/ProjectList.tsx

@@ -1,121 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import Image from "next/image";
-import { ResourceConfig } from "@/config/resources";
-import { useResource } from "@/hooks/useResource";
-import { Pencil, Trash2 } from "lucide-react";
-
-interface ProjectListProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  items: any[];
-  config: ResourceConfig;
-}
-
-import { useState } from "react";
-import DeleteModal from "@/components/admin/DeleteModal";
-
-export default function ProjectList({ items, config }: ProjectListProps) {
-  const { remove, isDeleting } = useResource(config);
-  const [deleteId, setDeleteId] = useState<string | null>(null);
-
-  const handleDelete = async () => {
-    if (deleteId) {
-      const success = await remove(deleteId);
-      if (success) {
-        setDeleteId(null);
-      }
-    }
-  };
-
-  return (
-    <>
-      <div className="bg-white rounded-lg shadow overflow-hidden">
-        <div className="overflow-x-auto">
-        <table className="w-full text-left">
-          <thead className="bg-gray-50 text-gray-500 uppercase text-xs font-semibold">
-            <tr>
-              <th className="px-6 py-3">Image</th>
-              <th className="px-6 py-3">Title</th>
-              <th className="px-6 py-3">Client</th>
-              <th className="px-6 py-3">Slug</th>
-              <th className="px-6 py-3">Published</th>
-              <th className="px-6 py-3 text-right">Actions</th>
-            </tr>
-          </thead>
-          <tbody className="divide-y divide-gray-200">
-            {items?.map((item) => (
-              <tr key={item.id} className="hover:bg-gray-50 transition">
-                <td className="px-6 py-4">
-                  <div className="relative w-10 h-10 bg-gray-100 rounded overflow-hidden">
-                    {item.featured_image_url ? (
-                      <Image
-                        src={item.featured_image_url}
-                        alt={item.title}
-                        fill
-                        className="object-cover"
-                      />
-                    ) : (
-                      <span className="text-xs text-gray-400 flex items-center justify-center h-full">No Img</span>
-                    )}
-                  </div>
-                </td>
-                <td className="px-6 py-4 text-gray-900 font-medium">{item.title}</td>
-                <td className="px-6 py-4 text-gray-500">
-                    {item.clients?.name || "-"}
-                </td>
-                <td className="px-6 py-4 text-gray-500">{item.slug}</td>
-                <td className="px-6 py-4">
-                  <span
-                    className={`px-2 py-1 text-xs rounded-full ${
-                      item.published
-                        ? "bg-green-100 text-green-700"
-                        : "bg-gray-100 text-gray-600"
-                    }`}
-                  >
-                    {item.published ? "Published" : "Draft"}
-                  </span>
-                </td>
-                <td className="px-6 py-4 text-right">
-                  <div className="flex justify-end gap-2">
-                    <Link
-                        href={`/projects/${item.id}`}
-                        className="flex items-center text-indigo-600 hover:text-indigo-900 bg-indigo-50 hover:bg-indigo-100 px-3 py-1.5 rounded-md transition-colors duration-200"
-                        title="Edit"
-                    >
-                        <Pencil className="w-4 h-4" />
-                    </Link>
-                    <button
-                        onClick={() => setDeleteId(item.id)}
-                        className="flex items-center text-red-600 hover:text-red-900 bg-red-50 hover:bg-red-100 px-3 py-1.5 rounded-md transition-colors duration-200"
-                        title="Delete"
-                    >
-                        <Trash2 className="w-4 h-4" />
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            ))}
-            {items?.length === 0 && (
-              <tr>
-                <td colSpan={6} className="px-6 py-8 text-center text-gray-500">
-                  No projects found.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      </div>
-
-      <DeleteModal
-        isOpen={!!deleteId}
-        onClose={() => setDeleteId(null)}
-        onConfirm={handleDelete}
-        isLoading={isDeleting}
-        title="Delete Project"
-        description="Are you sure you want to delete this project? This action cannot be undone."
-      />
-    </>
-  );
-}

package/templates/admin/components/users/UserForm.tsx

@@ -1,39 +0,0 @@
-"use client";
-
-import ResourceFormClient from "@/components/admin/ResourceFormClient";
-import { resources } from "@/config/resources";
-
-interface UserFormProps {
-  mode: "create" | "update";
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  initialData?: any;
-  id?: string;
-}
-
-export default function UserForm({ mode, initialData, id }: UserFormProps) {
-  const config = resources.find((r) => r.name === "users")!;
-
-  return (
-    <div>
-        {mode === 'create' && (
-            <div className="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6">
-                <div className="flex">
-                    <div className="ml-3">
-                        <p className="text-sm text-yellow-700">
-                            Note: Creating a user here only creates a profile record. 
-                            It does <strong>not</strong> create a login account. 
-                            Use the Supabase Auth dashboard to invite users.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        )}
-        <ResourceFormClient
-            config={config}
-            mode={mode}
-            initialData={initialData}
-            id={id}
-        />
-    </div>
-  );
-}

package/templates/admin/components/users/UserList.tsx

@@ -1,101 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { ResourceConfig } from "@/config/resources";
-import { useResource } from "@/hooks/useResource";
-import { Pencil, Trash2 } from "lucide-react";
-
-interface UserListProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  items: any[];
-  config: ResourceConfig;
-}
-
-import { useState } from "react";
-import DeleteModal from "@/components/admin/DeleteModal";
-
-export default function UserList({ items, config }: UserListProps) {
-  const { remove, isDeleting } = useResource(config);
-  const [deleteId, setDeleteId] = useState<string | null>(null);
-
-  const handleDelete = async () => {
-    if (deleteId) {
-      const success = await remove(deleteId);
-      if (success) {
-        setDeleteId(null);
-      }
-    }
-  };
-
-  return (
-    <>
-      <div className="bg-white rounded-lg shadow overflow-hidden">
-        <div className="overflow-x-auto">
-        <table className="w-full text-left">
-          <thead className="bg-gray-50 text-gray-500 uppercase text-xs font-semibold">
-            <tr>
-              <th className="px-6 py-3">Email</th>
-              <th className="px-6 py-3">Full Name</th>
-              <th className="px-6 py-3">Role</th>
-              <th className="px-6 py-3 text-right">Actions</th>
-            </tr>
-          </thead>
-          <tbody className="divide-y divide-gray-200">
-            {items?.map((item) => (
-              <tr key={item.id} className="hover:bg-gray-50 transition">
-                <td className="px-6 py-4 text-gray-900 font-medium">{item.email}</td>
-                <td className="px-6 py-4 text-gray-500">{item.full_name || "-"}</td>
-                <td className="px-6 py-4">
-                  <span
-                    className={`px-2 py-1 text-xs rounded-full ${
-                      item.role === "admin"
-                        ? "bg-purple-100 text-purple-700"
-                        : "bg-blue-100 text-blue-700"
-                    }`}
-                  >
-                    {item.role}
-                  </span>
-                </td>
-                <td className="px-6 py-4 text-right">
-                  <div className="flex justify-end gap-2">
-                    <Link
-                        href={`/users/${item.id}`}
-                        className="flex items-center text-indigo-600 hover:text-indigo-900 bg-indigo-50 hover:bg-indigo-100 px-3 py-1.5 rounded-md transition-colors duration-200"
-                        title="Edit"
-                    >
-                        <Pencil className="w-4 h-4" />
-                    </Link>
-                    <button
-                        onClick={() => setDeleteId(item.id)}
-                        className="flex items-center text-red-600 hover:text-red-900 bg-red-50 hover:bg-red-100 px-3 py-1.5 rounded-md transition-colors duration-200"
-                        title="Delete"
-                    >
-                        <Trash2 className="w-4 h-4" />
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            ))}
-            {items?.length === 0 && (
-              <tr>
-                <td colSpan={4} className="px-6 py-8 text-center text-gray-500">
-                  No users found.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      </div>
-
-      <DeleteModal
-        isOpen={!!deleteId}
-        onClose={() => setDeleteId(null)}
-        onConfirm={handleDelete}
-        isLoading={isDeleting}
-        title="Delete User"
-        description="Are you sure you want to delete this user? This action cannot be undone."
-      />
-    </>
-  );
-}

package/templates/web/src/lib/services/categoryService.ts

@@ -1,251 +0,0 @@
-import { getBrowserClient } from '@/lib/supabase/client';
-import { TABLE_NAMES, CACHE_TIMES } from '@/lib/supabase/constants';
-import { memoryCache } from '@/lib/utils/cache';
-import { perMinuteLimiter } from '@/lib/utils/rate-limiter';
-import type { Category, CategoryWithChildren } from '@/lib/supabase/types';
-
-/**
- * Category Service - Handles all category-related database operations
- * Implements singleton pattern with caching and rate limiting
- */
-export class CategoryService {
-  private static instance: CategoryService;
-
-  private constructor() {}
-
-  /**
-   * Get singleton instance
-   */
-  static getInstance(): CategoryService {
-    if (!CategoryService.instance) {
-      CategoryService.instance = new CategoryService();
-    }
-    return CategoryService.instance;
-  }
-
-  /**
-   * Get all published categories
-   */
-  async getAll(): Promise<Category[]> {
-    const cacheKey = 'categories:all';
-
-    // Check memory cache
-    const cached = memoryCache.get<Category[]>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    // Rate limiting
-    const allowed = await perMinuteLimiter.checkLimit('categories:getAll');
-    if (!allowed) {
-      throw new Error('Rate limit exceeded. Please try again later.');
-    }
-
-    // Fetch from database
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CATEGORIES)
-      .select('*')
-      .eq('published', true)
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('[CategoryService] Error fetching categories:', error);
-      throw new Error(`Failed to fetch categories: ${error.message}`);
-    }
-
-    // Cache result
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CATEGORIES);
-
-    return data;
-  }
-
-  /**
-   * Get category by slug
-   */
-  async getBySlug(slug: string): Promise<Category | null> {
-    const cacheKey = `categories:slug:${slug}`;
-
-    const cached = memoryCache.get<Category>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const allowed = await perMinuteLimiter.checkLimit('categories:getBySlug');
-    if (!allowed) {
-      throw new Error('Rate limit exceeded. Please try again later.');
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CATEGORIES)
-      .select('*')
-      .eq('slug', slug)
-      .eq('published', true)
-      .single();
-
-    if (error) {
-      if (error.code === 'PGRST116') {
-        // Not found
-        return null;
-      }
-      console.error('[CategoryService] Error fetching category:', error);
-      throw new Error(`Failed to fetch category: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CATEGORIES);
-    return data;
-  }
-
-  /**
-   * Get featured categories
-   */
-  async getFeatured(): Promise<Category[]> {
-    const cacheKey = 'categories:featured';
-
-    const cached = memoryCache.get<Category[]>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const allowed = await perMinuteLimiter.checkLimit('categories:getFeatured');
-    if (!allowed) {
-      throw new Error('Rate limit exceeded. Please try again later.');
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CATEGORIES)
-      .select('*')
-      .eq('published', true)
-      .eq('featured', true)
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('[CategoryService] Error fetching featured categories:', error);
-      throw new Error(`Failed to fetch featured categories: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CATEGORIES);
-    return data;
-  }
-
-  /**
-   * Get sub-categories of a parent category
-   */
-  async getSubCategories(parentId: string): Promise<Category[]> {
-    const cacheKey = `categories:parent:${parentId}`;
-
-    const cached = memoryCache.get<Category[]>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CATEGORIES)
-      .select('*')
-      .eq('parent_id', parentId)
-      .eq('published', true)
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('[CategoryService] Error fetching sub-categories:', error);
-      throw new Error(`Failed to fetch sub-categories: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CATEGORIES);
-    return data;
-  }
-
-  /**
-   * Build hierarchical category tree
-   */
-  async getTree(): Promise<CategoryWithChildren[]> {
-    const cacheKey = 'categories:tree';
-
-    const cached = memoryCache.get<CategoryWithChildren[]>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    // Get all categories
-    const categories = await this.getAll();
-
-    // Build category map
-    const categoryMap = new Map<string, CategoryWithChildren>();
-    categories.forEach((cat) => {
-      categoryMap.set(cat.id, { ...cat, children: [] });
-    });
-
-    // Build tree structure
-    const tree: CategoryWithChildren[] = [];
-    categories.forEach((cat) => {
-      const category = categoryMap.get(cat.id)!;
-      
-      if (cat.parent_id) {
-        const parent = categoryMap.get(cat.parent_id);
-        if (parent) {
-          if (!parent.children) {
-            parent.children = [];
-          }
-          parent.children.push(category);
-        }
-      } else {
-        // Root level category
-        tree.push(category);
-      }
-    });
-
-    memoryCache.set(cacheKey, tree, CACHE_TIMES.CATEGORIES);
-    return tree;
-  }
-
-  /**
-   * Get category by ID
-   */
-  async getById(id: string): Promise<Category | null> {
-    const cacheKey = `categories:id:${id}`;
-
-    const cached = memoryCache.get<Category>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CATEGORIES)
-      .select('*')
-      .eq('id', id)
-      .eq('published', true)
-      .single();
-
-    if (error) {
-      if (error.code === 'PGRST116') {
-        return null;
-      }
-      console.error('[CategoryService] Error fetching category by ID:', error);
-      throw new Error(`Failed to fetch category: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CATEGORIES);
-    return data;
-  }
-
-  /**
-   * Invalidate all category caches
-   */
-  invalidateCache(): void {
-    memoryCache.invalidate('categories:');
-  }
-
-  /**
-   * Invalidate specific category cache
-   */
-  invalidateCategoryCache(slug: string): void {
-    memoryCache.invalidateKey(`categories:slug:${slug}`);
-  }
-}
-
-// Export singleton instance
-export const categoryService = CategoryService.getInstance();

package/templates/web/src/lib/services/clientService.ts

@@ -1,132 +0,0 @@
-import { getBrowserClient } from '@/lib/supabase/client';
-import { TABLE_NAMES, CACHE_TIMES } from '@/lib/supabase/constants';
-import { memoryCache } from '@/lib/utils/cache';
-import { perMinuteLimiter } from '@/lib/utils/rate-limiter';
-import type { Client } from '@/lib/supabase/types';
-
-/**
- * Client Service - Handles all client-related database operations
- * Implements singleton pattern with caching and rate limiting
- */
-export class ClientService {
-  private static instance: ClientService;
-
-  private constructor() {}
-
-  static getInstance(): ClientService {
-    if (!ClientService.instance) {
-      ClientService.instance = new ClientService();
-    }
-    return ClientService.instance;
-  }
-
-  /**
-   * Get all published clients ordered by sort_order
-   */
-  async getAll(): Promise<Client[]> {
-    const cacheKey = 'clients:all';
-
-    const cached = memoryCache.get<Client[]>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const allowed = await perMinuteLimiter.checkLimit('clients:getAll');
-    if (!allowed) {
-      throw new Error('Rate limit exceeded. Please try again later.');
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CLIENTS)
-      .select('*')
-      .eq('published', true)
-      .order('sort_order', { ascending: true });
-
-    if (error) {
-      console.error('[ClientService] Error fetching clients:', error);
-      throw new Error(`Failed to fetch clients: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CLIENTS);
-    return data;
-  }
-
-  /**
-   * Get client by name
-   */
-  async getByName(name: string): Promise<Client | null> {
-    const cacheKey = `clients:name:${name}`;
-
-    const cached = memoryCache.get<Client>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CLIENTS)
-      .select('*')
-      .eq('name', name)
-      .eq('published', true)
-      .single();
-
-    if (error) {
-      if (error.code === 'PGRST116') {
-        return null;
-      }
-      console.error('[ClientService] Error fetching client:', error);
-      throw new Error(`Failed to fetch client: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CLIENTS);
-    return data;
-  }
-
-  /**
-   * Get client by ID
-   */
-  async getById(id: string): Promise<Client | null> {
-    const cacheKey = `clients:id:${id}`;
-
-    const cached = memoryCache.get<Client>(cacheKey);
-    if (cached) {
-      return cached;
-    }
-
-    const supabase = getBrowserClient();
-    const { data, error } = await supabase
-      .from(TABLE_NAMES.CLIENTS)
-      .select('*')
-      .eq('id', id)
-      .eq('published', true)
-      .single();
-
-    if (error) {
-      if (error.code === 'PGRST116') {
-        return null;
-      }
-      console.error('[ClientService] Error fetching client by ID:', error);
-      throw new Error(`Failed to fetch client: ${error.message}`);
-    }
-
-    memoryCache.set(cacheKey, data, CACHE_TIMES.CLIENTS);
-    return data;
-  }
-
-  /**
-   * Invalidate all client caches
-   */
-  invalidateCache(): void {
-    memoryCache.invalidate('clients:');
-  }
-
-  /**
-   * Invalidate specific client cache
-   */
-  invalidateClientCache(name: string): void {
-    memoryCache.invalidateKey(`clients:name:${name}`);
-  }
-}
-
-export const clientService = ClientService.getInstance();