brian/wedding-planner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vendor slugs routes instead of ids

Browse Source
This commit is contained in:
brian
2026-01-27 16:56:57 -05:00
parent aa2f30c086
commit c6ff651f21
10 changed files with 247 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/(auth)/vendors/[id]/page.tsx → app/(auth)/vendors/[slug]/page.tsx vendored
View File

@@ -4,16 +4,16 @@ import { prisma } from '@/lib/prisma'
import { VendorDetailPage } from '@/components/vendor/VendorDetailPage'
interface PageProps {
params: {
id: string
}
params: {
slug: string
}
}
export default async function Page({ params }: PageProps) {
const { id } = params
const { slug } = params
const vendor = await prisma.vendor.findUnique({
where: { id },
where: { slug },
include: {
address: true,
events: {

242
app/api/vendors/[id]/route.ts vendored
View File

@@ -2,123 +2,139 @@
import { NextRequest, NextResponse } from 'next/server'
import { prisma } from '@/lib/prisma'
import { VendorType, VendorStatus } from '@prisma/client'
import { generateUniqueSlug, slugify } from '@/lib/utils/slugify'
export async function PUT(
request: NextRequest,
{ params }: { params: { id: string } }
request: NextRequest,
{ params }: { params: { id: string } }
) {
try {
const id = params.id
const body = await request.json()
// Check if vendor exists
const existingVendor = await prisma.vendor.findUnique({
where: { id },
include: { address: true }
})
if (!existingVendor) {
return NextResponse.json(
{ error: 'Vendor not found' },
{ status: 404 }
)
}
// Parse numeric values
const parseFloatOrNull = (value: any): number | null => {
if (value === null || value === undefined || value === '') return null
const num = parseFloat(value)
return isNaN(num) ? null : num
}
const parseDateOrNull = (value: any): Date | null => {
if (!value) return null
const date = new Date(value)
return isNaN(date.getTime()) ? null : date
}
// Handle address update/creation
let addressId = existingVendor.addressId
const hasAddress = body.street && body.city && body.state && body.postalCode
if (hasAddress) {
if (existingVendor.address) {
// Update existing address
await prisma.address.update({
where: { id: existingVendor.addressId! },
data: {
street: body.street,
city: body.city,
state: body.state,
zip: parseInt(body.postalCode),
}
try {
const id = params.id
const body = await request.json()
// Check if vendor exists
const existingVendor = await prisma.vendor.findUnique({
where: { id },
include: { address: true }
})
} else {
// Create new address
const newAddress = await prisma.address.create({
data: {
street: body.street,
city: body.city,
state: body.state,
zip: parseInt(body.postalCode),
}
if (!existingVendor) {
return NextResponse.json(
{ error: 'Vendor not found' },
{ status: 404 }
)
}
let slug = existingVendor.slug
if (body.name && body.name !== existingVendor.name) {
const baseSlug = slugify(body.name)
slug = await generateUniqueSlug(
baseSlug,
async (testSlug) => {
const existing = await prisma.vendor.findUnique({
where: { slug: testSlug }
})
return !!existing && existing.id !== id
}
)
}
// Parse numeric values
const parseFloatOrNull = (value: any): number | null => {
if (value === null || value === undefined || value === '') return null
const num = parseFloat(value)
return isNaN(num) ? null : num
}
const parseDateOrNull = (value: any): Date | null => {
if (!value) return null
const date = new Date(value)
return isNaN(date.getTime()) ? null : date
}
// Handle address update/creation
let addressId = existingVendor.addressId
const hasAddress = body.street && body.city && body.state && body.postalCode
if (hasAddress) {
if (existingVendor.address) {
// Update existing address
await prisma.address.update({
where: { id: existingVendor.addressId! },
data: {
street: body.street,
city: body.city,
state: body.state,
zip: parseInt(body.postalCode),
}
})
} else {
// Create new address
const newAddress = await prisma.address.create({
data: {
street: body.street,
city: body.city,
state: body.state,
zip: parseInt(body.postalCode),
}
})
addressId = newAddress.id
}
} else if (existingVendor.address) {
// Remove address if it existed but now doesn't
await prisma.address.delete({
where: { id: existingVendor.addressId! }
})
addressId = null
}
// Prepare update data
const updateData: any = {
slug,
name: body.name,
type: body.type as VendorType,
description: body.description || null,
website: body.website || null,
contactPerson: body.contactPerson || null,
email: body.email || null,
phone: body.phone || null,
status: (body.status as VendorStatus) || 'CONTACTING',
isBooked: Boolean(body.isBooked),
bookedDate: parseDateOrNull(body.bookedDate),
quotedPrice: parseFloatOrNull(body.quotedPrice),
finalCost: parseFloatOrNull(body.finalCost),
depositPaid: parseFloatOrNull(body.depositPaid),
depositDueDate: parseDateOrNull(body.depositDueDate),
finalPaymentDue: parseDateOrNull(body.finalPaymentDue),
paymentNotes: body.paymentNotes || null,
contractUrl: body.contractUrl || null,
proposalUrl: body.proposalUrl || null,
notes: body.notes || null,
}
// Only include addressId if we have one
if (addressId) {
updateData.addressId = addressId
} else {
updateData.addressId = null
}
// Update vendor
const updatedVendor = await prisma.vendor.update({
where: { id },
data: updateData,
include: {
address: !!addressId
}
})
addressId = newAddress.id
}
} else if (existingVendor.address) {
// Remove address if it existed but now doesn't
await prisma.address.delete({
where: { id: existingVendor.addressId! }
})
addressId = null
return NextResponse.json(updatedVendor)
} catch (error: any) {
console.error('Error updating vendor:', error)
return NextResponse.json(
{ error: 'Failed to update vendor', details: error.message },
{ status: 500 }
)
}
// Prepare update data
const updateData: any = {
name: body.name,
type: body.type as VendorType,
description: body.description || null,
website: body.website || null,
contactPerson: body.contactPerson || null,
email: body.email || null,
phone: body.phone || null,
status: (body.status as VendorStatus) || 'CONTACTING',
isBooked: Boolean(body.isBooked),
bookedDate: parseDateOrNull(body.bookedDate),
quotedPrice: parseFloatOrNull(body.quotedPrice),
finalCost: parseFloatOrNull(body.finalCost),
depositPaid: parseFloatOrNull(body.depositPaid),
depositDueDate: parseDateOrNull(body.depositDueDate),
finalPaymentDue: parseDateOrNull(body.finalPaymentDue),
paymentNotes: body.paymentNotes || null,
contractUrl: body.contractUrl || null,
proposalUrl: body.proposalUrl || null,
notes: body.notes || null,
}
// Only include addressId if we have one
if (addressId) {
updateData.addressId = addressId
} else {
updateData.addressId = null
}
// Update vendor
const updatedVendor = await prisma.vendor.update({
where: { id },
data: updateData,
include: {
address: !!addressId
}
})
return NextResponse.json(updatedVendor)
} catch (error: any) {
console.error('Error updating vendor:', error)
return NextResponse.json(
{ error: 'Failed to update vendor', details: error.message },
{ status: 500 }
)
}
}

13
app/api/vendors/create/route.ts vendored
View File

@@ -1,6 +1,7 @@
import { NextRequest, NextResponse } from 'next/server'
import { prisma } from '@/lib/prisma'
import { VendorType, VendorStatus } from '@prisma/client'
import { generateUniqueSlug, slugify } from '@/lib/utils/slugify'
export async function POST(request: NextRequest) {
try {
@@ -15,6 +16,17 @@ export async function POST(request: NextRequest) {
{ status: 400 }
)
}
const baseSlug = slugify(body.name)
const uniqueSlug = await generateUniqueSlug(
baseSlug,
async (slug) => {
const existing = await prisma.vendor.findUnique({
where: { slug }
})
return !!existing
}
)
// Check if we have address data
const hasAddress = body.street && body.city && body.state && body.postalCode
@@ -34,6 +46,7 @@ export async function POST(request: NextRequest) {
// Prepare vendor data WITHOUT addressId
const vendorData: any = {
slug: uniqueSlug,
name: body.name,
type: body.type as VendorType,
description: body.description || null,

1
components/forms/CreateVendorForm.tsx
View File

@@ -5,7 +5,6 @@ import { Input } from '../ui/input'
import { Button } from '../ui/button'
import { Label } from '../ui/label'
import { toast } from 'sonner'
import { Address, Vendor } from '@prisma/client'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
import { Textarea } from '../ui/textarea'
import { Checkbox } from '../ui/checkbox'

3
components/tables/VendorsTable.tsx
View File

@@ -14,6 +14,7 @@ import { useRouter } from 'next/navigation'
interface VendorRow {
id: string
slug: string
name: string
type: VendorType
description?: string | null
@@ -189,7 +190,7 @@ export default function VendorsTable({ initialVendors }: Props) {
// Handle row click
const handleRowClick = (vendor: VendorRow) => {
router.push(`/vendors/${vendor.id}`)
router.push(`/vendors/${vendor.slug}`)
}
return (

30
lib/utils/slugify.ts Normal file
View File

@@ -0,0 +1,30 @@
export function slugify(text: string): string {
return text
.toString()
.toLowerCase()
.trim()
.replace(/\s+/g, '-')
.replace(/[^\w\-]+/g, '')
.replace(/\-\-+/g, '-')
.replace(/^-+/, '')
.replace(/-+$/, '')
}
export async function generateUniqueSlug(
baseSlug: string,
checkUnique: (slug: string) => Promise<boolean>,
maxAttempts = 10
): Promise<string> {
let slug = baseSlug
let attempt = 1
while (await checkUnique(slug)) {
if (attempt >= maxAttempts) {
throw new Error(`Could not generate unique slug after ${maxAttempts} attempts`)
}
slug = `${baseSlug}-${attempt}`
attempt++
}
return slug
}

11
prisma/migrations/20260127213236_add_slug_to_vendor/migration.sql Normal file
View File

@@ -0,0 +1,11 @@
/*
Warnings:
- A unique constraint covering the columns `[slug]` on the table `Vendor` will be added. If there are existing duplicate values, this will fail.
*/
-- AlterTable
ALTER TABLE "Vendor" ADD COLUMN "slug" TEXT;
-- CreateIndex
CREATE UNIQUE INDEX "Vendor_slug_key" ON "Vendor"("slug");

8
prisma/migrations/20260127213325_add_slug_to_vendor_required/migration.sql Normal file
View File

@@ -0,0 +1,8 @@
/*
Warnings:
- Made the column `slug` on table `Vendor` required. This step will fail if there are existing NULL values in that column.
*/
-- AlterTable
ALTER TABLE "Vendor" ALTER COLUMN "slug" SET NOT NULL;

35
prisma/migrations/20260127213920_add_indexes_to_vendor/migration.sql Normal file
View File

@@ -0,0 +1,35 @@
-- CreateIndex
CREATE INDEX "Vendor_slug_idx" ON "Vendor"("slug");
-- CreateIndex
CREATE INDEX "Vendor_name_idx" ON "Vendor"("name");
-- CreateIndex
CREATE INDEX "Vendor_type_idx" ON "Vendor"("type");
-- CreateIndex
CREATE INDEX "Vendor_status_idx" ON "Vendor"("status");
-- CreateIndex
CREATE INDEX "Vendor_isBooked_idx" ON "Vendor"("isBooked");
-- CreateIndex
CREATE INDEX "Vendor_bookedDate_idx" ON "Vendor"("bookedDate");
-- CreateIndex
CREATE INDEX "Vendor_finalCost_idx" ON "Vendor"("finalCost");
-- CreateIndex
CREATE INDEX "Vendor_createdAt_idx" ON "Vendor"("createdAt");
-- CreateIndex
CREATE INDEX "Vendor_type_status_idx" ON "Vendor"("type", "status");
-- CreateIndex
CREATE INDEX "Vendor_isBooked_type_idx" ON "Vendor"("isBooked", "type");
-- CreateIndex
CREATE INDEX "Vendor_depositDueDate_idx" ON "Vendor"("depositDueDate");
-- CreateIndex
CREATE INDEX "Vendor_finalPaymentDue_idx" ON "Vendor"("finalPaymentDue");

14
prisma/schema.prisma
View File

@@ -148,6 +148,7 @@ model Vendor {
id String @id @default(cuid())
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
slug String @unique
name String
type VendorType
@@ -178,6 +179,19 @@ model Vendor {
events Event[]
categories Category[]
@@index([slug])
@@index([name])
@@index([type])
@@index([status])
@@index([isBooked])
@@index([bookedDate])
@@index([finalCost])
@@index([createdAt])
@@index([type, status])
@@index([isBooked, type])
@@index([depositDueDate])
@@index([finalPaymentDue])
}
model Address {