create-nextjs-stack 0.1.1 → 0.1.4

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."
-      />
-    </>
-  );
-}

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."
-      />
-    </>
-  );
-}