create-nextjs-stack 0.1.1 → 0.1.2

package/templates/admin/app/(dashboard)/clients/[id]/page.tsx

@@ -1,22 +0,0 @@
-import { getService } from "@/lib/services";
-import { notFound } from "next/navigation";
-import ClientForm from "@/components/clients/ClientForm";
-
-export default async function EditClientPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const service = getService("clients");
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let item: any = null;
-  try {
-    item = await service.getById(id);
-  } catch (error) {
-    console.error(error);
-  }
-
-  if (!item) {
-    return notFound();
-  }
-
-  return <ClientForm mode="update" initialData={item} id={id} />;
-}

package/templates/admin/app/(dashboard)/clients/new/page.tsx

@@ -1,5 +0,0 @@
-import ClientForm from "@/components/clients/ClientForm";
-
-export default function NewClientPage() {
-  return <ClientForm mode="create" />;
-}

package/templates/admin/app/(dashboard)/clients/page.tsx

@@ -1,33 +0,0 @@
-import Link from "next/link";
-import { getService } from "@/lib/services";
-import ClientList from "@/components/clients/ClientList";
-import { resources } from "@/config/resources";
-
-export default async function ClientsPage() {
-  const service = getService("clients");
-  const config = resources.find((r) => r.name === "clients")!;
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let items: any[] = [];
-  try {
-    items = await service.getAll();
-  } catch (error) {
-    console.error(error);
-  }
-
-  return (
-    <div>
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-2xl font-bold">Clients</h1>
-        <Link
-          href="/clients/new"
-          className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
-        >
-          Add Client
-        </Link>
-      </div>
-
-      <ClientList items={items} config={config} />
-    </div>
-  );
-}

package/templates/admin/app/(dashboard)/products/[id]/page.tsx

@@ -1,22 +0,0 @@
-import { getService } from "@/lib/services";
-import { notFound } from "next/navigation";
-import ProductForm from "@/components/products/ProductForm";
-
-export default async function EditProductPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const service = getService("products");
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let item: any = null;
-  try {
-    item = await service.getById(id);
-  } catch (error) {
-    console.error(error);
-  }
-
-  if (!item) {
-    return notFound();
-  }
-
-  return <ProductForm mode="update" initialData={item} id={id} />;
-}

package/templates/admin/app/(dashboard)/products/new/page.tsx

@@ -1,5 +0,0 @@
-import ProductForm from "@/components/products/ProductForm";
-
-export default function NewProductPage() {
-  return <ProductForm mode="create" />;
-}

package/templates/admin/app/(dashboard)/products/page.tsx

@@ -1,33 +0,0 @@
-import Link from "next/link";
-import { getService } from "@/lib/services";
-import ProductList from "@/components/products/ProductList";
-import { resources } from "@/config/resources";
-
-export default async function ProductsPage() {
-  const service = getService("products");
-  const config = resources.find((r) => r.name === "products")!;
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let items: any[] = [];
-  try {
-    items = await service.getAll();
-  } catch (error) {
-    console.error(error);
-  }
-
-  return (
-    <div>
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-2xl font-bold">Products</h1>
-        <Link
-          href="/products/new"
-          className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
-        >
-          Add Product
-        </Link>
-      </div>
-
-      <ProductList items={items} config={config} />
-    </div>
-  );
-}

package/templates/admin/app/(dashboard)/projects/[id]/page.tsx

@@ -1,22 +0,0 @@
-import { getService } from "@/lib/services";
-import { notFound } from "next/navigation";
-import ProjectForm from "@/components/projects/ProjectForm";
-
-export default async function EditProjectPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const service = getService("projects");
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let item: any = null;
-  try {
-    item = await service.getById(id);
-  } catch (error) {
-    console.error(error);
-  }
-
-  if (!item) {
-    return notFound();
-  }
-
-  return <ProjectForm mode="update" initialData={item} id={id} />;
-}

package/templates/admin/app/(dashboard)/projects/new/page.tsx

@@ -1,5 +0,0 @@
-import ProjectForm from "@/components/projects/ProjectForm";
-
-export default function NewProjectPage() {
-  return <ProjectForm mode="create" />;
-}

package/templates/admin/app/(dashboard)/projects/page.tsx

@@ -1,33 +0,0 @@
-import Link from "next/link";
-import { getService } from "@/lib/services";
-import ProjectList from "@/components/projects/ProjectList";
-import { resources } from "@/config/resources";
-
-export default async function ProjectsPage() {
-  const service = getService("projects");
-  const config = resources.find((r) => r.name === "projects")!;
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let items: any[] = [];
-  try {
-    items = await service.getAll();
-  } catch (error) {
-    console.error(error);
-  }
-
-  return (
-    <div>
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-2xl font-bold">Projects</h1>
-        <Link
-          href="/projects/new"
-          className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
-        >
-          Add Project
-        </Link>
-      </div>
-
-      <ProjectList items={items} config={config} />
-    </div>
-  );
-}

package/templates/admin/app/(dashboard)/users/[id]/page.tsx

@@ -1,22 +0,0 @@
-import { getService } from "@/lib/services";
-import { notFound } from "next/navigation";
-import UserForm from "@/components/users/UserForm";
-
-export default async function EditUserPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const service = getService("users");
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let item: any = null;
-  try {
-    item = await service.getById(id);
-  } catch (error) {
-    console.error(error);
-  }
-
-  if (!item) {
-    return notFound();
-  }
-
-  return <UserForm mode="update" initialData={item} id={id} />;
-}

package/templates/admin/app/(dashboard)/users/new/page.tsx

@@ -1,5 +0,0 @@
-import UserForm from "@/components/users/UserForm";
-
-export default function NewUserPage() {
-  return <UserForm mode="create" />;
-}

package/templates/admin/app/(dashboard)/users/page.tsx

@@ -1,33 +0,0 @@
-import Link from "next/link";
-import { getService } from "@/lib/services";
-import UserList from "@/components/users/UserList";
-import { resources } from "@/config/resources";
-
-export default async function UsersPage() {
-  const service = getService("users");
-  const config = resources.find((r) => r.name === "users")!;
-  
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let items: any[] = [];
-  try {
-    items = await service.getAll();
-  } catch (error) {
-    console.error(error);
-  }
-
-  return (
-    <div>
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-2xl font-bold">Users</h1>
-        <Link
-          href="/users/new"
-          className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
-        >
-          Add User
-        </Link>
-      </div>
-
-      <UserList items={items} config={config} />
-    </div>
-  );
-}

package/templates/admin/components/categories/CategoryForm.tsx

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

package/templates/admin/components/categories/CategoryList.tsx

@@ -1,113 +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 CategoryListProps {
-  // 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 CategoryList({ items, config }: CategoryListProps) {
-  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">Title</th>
-              <th className="px-6 py-3">Slug</th>
-              <th className="px-6 py-3">Featured</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 text-gray-900 font-medium">{item.title}</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.featured
-                        ? "bg-yellow-100 text-yellow-700"
-                        : "bg-gray-100 text-gray-600"
-                    }`}
-                  >
-                    {item.featured ? "Yes" : "No"}
-                  </span>
-                </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={`/categories/${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={5} className="px-6 py-8 text-center text-gray-500">
-                  No categories found.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      </div>
-
-      <DeleteModal
-        isOpen={!!deleteId}
-        onClose={() => setDeleteId(null)}
-        onConfirm={handleDelete}
-        isLoading={isDeleting}
-        title="Delete Category"
-        description="Are you sure you want to delete this category? This action cannot be undone."
-      />
-    </>
-  );
-}

package/templates/admin/components/clients/ClientForm.tsx

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

package/templates/admin/components/clients/ClientList.tsx

@@ -1,113 +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 ClientListProps {
-  // 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 ClientList({ items, config }: ClientListProps) {
-  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">Logo</th>
-              <th className="px-6 py-3">Name</th>
-              <th className="px-6 py-3">Website</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.logo_url ? (
-                      <Image
-                        src={item.logo_url}
-                        alt={item.name}
-                        fill
-                        className="object-contain"
-                      />
-                    ) : (
-                      <span className="text-xs text-gray-400 flex items-center justify-center h-full">No Logo</span>
-                    )}
-                  </div>
-                </td>
-                <td className="px-6 py-4 text-gray-900 font-medium">{item.name}</td>
-                <td className="px-6 py-4 text-gray-500">
-                    {item.website ? (
-                        <a href={item.website} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">
-                            {item.website}
-                        </a>
-                    ) : (
-                        "-"
-                    )}
-                </td>
-                <td className="px-6 py-4 text-right">
-                  <div className="flex justify-end gap-2">
-                    <Link
-                        href={`/clients/${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 clients found.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      </div>
-
-      <DeleteModal
-        isOpen={!!deleteId}
-        onClose={() => setDeleteId(null)}
-        onConfirm={handleDelete}
-        isLoading={isDeleting}
-        title="Delete Client"
-        description="Are you sure you want to delete this client? This action cannot be undone."
-      />
-    </>
-  );
-}

package/templates/admin/components/products/ProductForm.tsx

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

package/templates/admin/components/products/ProductList.tsx

@@ -1,117 +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 ProductListProps {
-  // 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 ProductList({ items, config }: ProductListProps) {
-  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">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.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={`/products/${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={5} className="px-6 py-8 text-center text-gray-500">
-                  No products found.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      </div>
-
-      <DeleteModal
-        isOpen={!!deleteId}
-        onClose={() => setDeleteId(null)}
-        onConfirm={handleDelete}
-        isLoading={isDeleting}
-        title="Delete Product"
-        description="Are you sure you want to delete this product? This action cannot be undone."
-      />
-    </>
-  );
-}