feat(types, lib): add zod schemas for resource and feedback validation, implement date formatting utility

Author: tyronejosee

package.json

@@ -22,8 +22,8 @@
     "next-themes": "^0.4.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.55.0",
-    "zod": "^3.24.2",
+    "react-hook-form": "^7.56.1",
+    "zod": "^3.24.3",
     "zustand": "5.0.3"
   },
   "devDependencies": {

src/lib/dates.ts

@@ -0,0 +1,10 @@
+export const formatDate = (dateStr: string) => {
+  const date = new Date(dateStr);
+  if (isNaN(date.getTime())) return "Invalid Date";
+
+  return new Intl.DateTimeFormat("es-ES", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(date);
+};

src/lib/zod.ts

@@ -0,0 +1,41 @@
+import { z } from "zod";
+
+export const resourceSchema = z.object({
+  name: z
+    .string()
+    .min(1, "Name is required")
+    .max(50, "Name must be less than 50 characters"),
+  url: z.string().max(1000, "URL must be less than 1000 characters"),
+  description: z
+    .string()
+    .max(1000, "Description must be less than 1000 characters")
+    .optional(),
+  image: z
+    .instanceof(File)
+    .refine((file) => file.size <= 1024 * 1024, {
+      message: "Image size must be less than 1MB.",
+    })
+    .refine((file) => file.type === "image/webp", {
+      message: "Image must be a .webp file.",
+    })
+    .refine((file) => file.name.endsWith(".webp"), {
+      message: "Image must be a .webp file.",
+    }),
+  tags: z.array(z.string()).max(5, "Tags must be less than 5 items"),
+  category: z.string().max(10, "Category must be less than 10 characters"),
+});
+
+export const feedbackSchema = z.object({
+  name: z
+    .string({ required_error: "Name is required" })
+    .min(2, { message: "Name must be at least 2 characters long." })
+    .max(50, { message: "Name must not exceed 50 characters." }),
+  email: z
+    .string({ required_error: "Email is required" })
+    .min(1, "Email is required")
+    .email("Invalid email"),
+  message: z
+    .string({ required_error: "Message is required" })
+    .min(10, { message: "Message must be at least 10 characters long." })
+    .max(1000, { message: "Message must not exceed 1000 characters." }),
+});

src/types/index.ts

@@ -1,3 +1,6 @@
+import { z } from "zod";
+import { feedbackSchema, resourceSchema } from "@/lib/zod";
+
 // Supabase Types
 
 export type User = {
@@ -22,11 +25,25 @@ export type Resource = {
   name: string;
   slug: string;
   url: string;
-  description: string;
+  description?: string;
   image: string;
   tags: string[];
   author: string;
-  category: Omit<Category, "id" | "created_at">;
+  category: Category;
   status: "pending" | "approved" | "rejected";
   created_at: string;
 };
+
+export type CreateResourceInput = Omit<Resource, "id" | "created_at">;
+
+export type UpdateResourceInput = Partial<
+  Omit<Resource, "id" | "created_at">
+> & {
+  id: string;
+};
+
+// Zod Types
+
+export type ResourceForm = z.infer<typeof resourceSchema>;
+
+export type FeedbackForm = z.infer<typeof feedbackSchema>;